body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16
	px;
	text-align: justify;
	padding-top: 1%;
	color: #999;
    background:url(../imaxes/fondo.png) 0 0 repeat-x #333333;;
	padding-bottom: 5px;
	  }
a:link {
	color: #FFF;
	text-decoration: none;
}
p {
	padding-right: 100px;
	color: #EDEDED;
}
.p1 {text-align: left;}
.p2 {text-align: center;}
.p3 {text-align: right;}

.color-1 {
	color:#fff;
	text-align: left;
}
.color-2 {
	font-size:16px;
	text-shadow: 2px 2px 2px rgb(150, 150 ,150);
	display:inline;
	color:#CCCCCC;}
.color-3 {color:#666;}
.color-4 {color:#F90;}
.color-5 {color:#C00;
}
.localizacion{
font-family:helvetica;text-align:center;font-size:24px;color:#F90;
text-shadow: 0 1px 0 #ccc, 0 1px 0 #c9c9c9,0 1px 0 #bbb,0 1px 0 #b9b9b9,0 1px 0 #aaa,
0 1px 1px rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.3),0 1px 1px rgba(0,0,0,.2),
0 1px 1px rgba(0,0,0,.25),0 1px 1px rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.15);
}
ul.columnas {
width: 80%; 
Float: left;
	margin-left: 5%;
List-style-type: none; /*Eliminamos as viñetas */
}

/*Definimos as propiedades para <li> a partir das otorgadas a <ul>*/

ul.columnas li{
	Display:inline; /*as propiedades serán otorgadas a cada linea*/
	Float: right;
	Width:25%;
} /*Ao definir o ancho definimos tamén o número de columnas */


.button {
	display:inline-block;
	padding:1px 20px 8px;
	font-size:12px;
	line-height:22px;
	color:#556502;
	background:url(../imaxes/button-tail.gif) 0 0 repeat-x #cdcdcd;
	border:3px solid #fff;
	cursor:pointer;
	border-radius:9px;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	letter-spacing:-1px;
}
.button:hover {
	color:#ce0b0e;
}

.button2 {
	display:inline-block;
	padding:5px 25px 9px;
	font-size:22px;
	line-height:27px;
	color:#fff;
	background:url(../imaxes/button2-tail.png) 0 0 repeat-x #2e32ff;
	cursor:pointer;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	letter-spacing:-1px;
}
.button2:hover {
	background:#2e32ff
}

.button3 {
	display:inline-block;
	padding:5px 25px 9px;
	font-size:22px;
	line-height:27px;
	color:#fff;
	background:url(../imaxes/button2-tail.gif) 0 0 repeat-x #cc2800;
	cursor:pointer;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	letter-spacing:-1px;
}
.button3:hover {
	background:#cc2800
}

.button4 {
	display:inline-block;
	padding:5px 25px 9px;
	font-size:22px;
	line-height:27px;
	color:#fff;
	background:url(../imaxes/button2-tail.png) 0 0 repeat-x #2e32ff;
	cursor:pointer;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	letter-spacing:-1px;
}
.button4:hover {
	background:url(../imaxes/button2-tail.gif) 0 0 repeat-x #2e32ff;
}
.button5 {
	display:inline-block;
	padding:1px;
	font-size:10px;
	line-height:10px;
	color:#fff;
	background:url(../imaxes/button2-tail.png) 0 0 repeat-x #2e32ff;
	cursor:pointer;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	letter-spacing:-1px;
}
.button5:hover {
	background:#2e32ff
}

#contido {
	width: 100%;
	text-align: center;
	padingn-top: 5 px;
    z-index: 1;
}
#menu {
	width: 100%;
	text-align: right;
		padingn-top: 5 px;
	z-index: 2;
}
#contenedor{
	text-align: left;
	width: 100%;
	margin: auto;
}

#lateral{
	width: 310px;  /*Este será el ancho que tendrá tu columna*/
	float:left; /*Aqui determinas de lado quieres quede esta "columna" */
}

#principal{
	margin-left:150px; /*Este margen hace que no se encime el contenido en tu menúlateral, es     importante que pongas un pocos pixeles más que el ancho  de tu columna lateral*/
	border:#000000 0px solid; /*ponemos un dorde para que se vea bonito*/
}