body{
	margin:0px;
	padding:0px;
}


#maincontainer{
	width: 850px; /*Width of main container 840*/
	margin: 0 auto; /*Center container on page*/
	font-family:arial, sans serif;
	/*border: 1px solid #f00;
	background: url(../_img/back_right.jpg) repeat-y;
	background-position:100% 60px;*/
}

#topsection{
	background: #fff;
	padding:0px;
}

#toptitle {
	height: 45px;
	margin: 0;
	padding-top: 15px;
	padding-left: 120px;
	/*border: 1px #666666f;*/
	float: left;
}

#contentwrapper{
	float: left;
	width: 100%;
}

#contentcolumn{
	width: 572px;
	float:right;
	border: 0px solid #0f0;
}

#contendidos{
	padding-top:15px;
	padding-left: 40px;
}

#banners{
	float: right;
	padding-top: 0px;
	padding-left: 17px;
	/*border:1px solid #e57575;*/
}

#leftcolumn{
	float: left;
	width: 278px; /*Width of left column in pixel*/
	margin-top: 0;
/*	height:100%;
	border:px solid #e57575;*/
}

#menu_lateral{
	float: right;
}

#enlaces_pie{
	text-align: center;
	font-style: normal; 
	font-family: arial, tahoma, helvetica;
	color: #666666;
	font-size: 8pt;
	margin-top: 0px;
	margin-bottom: 0px;
}

#footer{
	float: left;
	margin-left:0px;
	margin-top:10px;
	background: #E8EAE5;
	text-align: center;
	font-family: tahoma, verdana, arial; 
	font-size: 8pt;
	padding-top: 7px;
	padding-bottom: 7px;
	color: #666666;
	width: 850px;
}

#alinear_derecha2{
	float:right;
	padding-left: 30px;
	padding-bottom: 25px;
}
#alinear_izquierda2{
	float:left;
	width: 150px;

}
#alinear_derecha3{
	float:right;
	width: 250px;

}
#derecha{
	clear:left;
	float:right;
	margin-left: 40px;
}
#alinear_derecha4{
	float:right;
	text-align:right;
	width: 250px;
	margin: 0;
	padding-top: 15px;
	padding-left: 120px;
}
#izquierda{

}
.titular1{
	font-style: normal; 
	font-family: arial, helvetica, verdana;
	color: #996666;
	font-size: 8pt;
	text-align : left;
	padding-left:3px;
}

.texto1{
	font-family:  tahoma, verdana, arial; 
	font-size: 8pt;
	text-align : justify;
	line-height:15px;
	padding-left: 4px;
}

#banner{
	width: 160px;
	text-align: left;
	padding-top: 9px;
	line-height: 80%;
}

a.clase1:visited {color:#666666; text-decoration:none;} 
a.clase1:active {color:#333333; text-decoration:none;} 
a.clase1:link {color:#666666; text-decoration:none; } 
a.clase1:hover {color:#333333; text-decoration:none;}

a.clase2:visited {color:#339999; text-decoration:none;} 
a.clase2:active {color:#339999; text-decoration:none;} 
a.clase2:link {color:#339999; text-decoration:none; } 
a.clase2:hover {color:#238080; text-decoration:none;} 

.frase_destacada{
	color: #339999;
}


.alinear_derecha{
	float:right;
	padding-left: 40px;
	padding-bottom: 30px;
}
.alinear_izquierda{
	float:left;
	padding-left: 30px;
	padding-bottom: 20px;
}

/* CSS DEL FORMULARIO DE CONTACTO */
	.cssform p{

	clear: left;
	margin: 0;
	padding: 4px 0 8px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	border-top: 1px dashed #ccc;
	height: 1%;
	}

	.cssform label{
	font-weight: bold;
	float: left;
	margin-left: -125px; /*width of left column*/
	width: 80px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	}

	.cssform .texto{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 230px;
	border: 1px solid gray;
	font-size:10px;
	}

	.cssform textarea{
	width: 230px;
	height: 50px;
	border: 1px solid gray;
	}

	/*.threepxfix class below:
	Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
	to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
	*/

	* html .threepxfix{
	margin-left: 3px;
	}
	.formbutton{
	cursor:pointer;
	border:outset 1px #ccc;
	background:#999;
	color:#666;
	font-weight:bold;
	padding: 1px 2px;
	background:url(../_img/formbg.gif) repeat-x left top;
	margin-left: 15px;
	font-size:10px;
	}

#galeria{
	width: 530px;
	border: 0px solid #000000;
	padding-top: 10px;

} 

.flotante{
	float: left;
}

.quitar_borde{
	border: 0px;
}

.espacio_bsocial{
	padding: 0 20px 0 20px;
}