* CSS Document */
* { margin: 0; padding: 0; }
body { margin: 0; padding: 0; }
#top { border-top: 7px solid #333; }
.content { width: 980px; margin: auto; }
#logo { margin-top: 20px; width: 225px; float: left; }
#banner { background-color: #ECEFF0; height: 186px; margin-top: 0px; clear: both; }
#banner .content { background: url(img/bg_banner.jpg); height: 186px; }
.bannerinfo { float: left; padding-left: 80px; padding-top: 19px; }
#menu { height: 30px; float: right; margin-top: 40px; width: 685px; }
#columnas { margin-top: 20px; overflow: hidden; }
#left { width: 360px; float: left; }
#middle { padding: 0; margin: 0; margin-left: 400px; }
#left .modulo { }
#left .modulo2 { margin-top: 20px; }
.bg_gris { padding: 10px; background-color: #ECEFF0; overflow: hidden; }
.dir { width: 160px; float: left; font: normal 11px/16px Arial, Helvetica, sans-serif; color:#333; margin-right: 10px; }
.dir1 { width: 320px; float: left; font: normal 11px/16px Arial, Helvetica, sans-serif; color:#333; margin-right: 10px; padding-left:100px; margin-top:15px; }
#middle .modulo { width: 170px; margin-right: 30px; float: left; margin-top:10px; }
.iconos { float: left; border: 1px solid #CCC; padding: 2px; margin: 1px; height: 60px; width: 80px; }
.iconos2 { float: left; border: 1px solid #CCC; padding: 2px; height: 60px; width: 80px; margin-top: 1px; margin-right: 5px; margin-bottom: 10px; margin-left: 1px; }
#middle .modulo3 { margin-right: 0; float: left; width: 170px;  margin-top:10px; }
#middle .grupo3 {  overflow:hidden; width:600px }
#middle .modulo6 { margin-right: 0; float: left; width: 170px; min-height:275px;margin-top:10px; }
#middle .modulo6 h3 { font: normal 16px/18px Arial, Helvetica, sans-serif; color:#000; }
#middle .modulo h3, #middle .modulo3 h3 { font: normal 16px/18px Arial, Helvetica, sans-serif; color:#000; }
#middle .moduloAmpliado h2 { font: normal Arial, Helvetica, sans-serif; color:#000; margin-top:20px; margin-bottom:15px; }
#middle .moduloAmpliado a { font: bold 14px/14px Arial, Helvetica, sans-serif; color:#000; }
#middle .modulo p, #middle .modulo3 p, #middle .modulo6 p{
	font-size: 11px;
	text-align: justify;
	line-height: 14px;
	}
#left .modulo p{	text-align: justify;}
#middle .modulo_largo { width: 600px; float: left; }

#middle .modulo ul {
	margin:0 0 0 20px;
	padding:0px;
}
#middle .modulo ul li p{
	margin-top:0px;
}
#middle .modulo6 ul {
	margin:0 0 0 20px;
	padding:0px;
}
#middle .modulo6 ul li p{
	margin-top:0px;
}
#middle p{
	margin-bottom:0px;
}

#middle .moduloA{ width: 600px;}
#middle .moduloB{ width: 350px; float: left; padding:10px;}
#middle .moduloC{ width: 200px; float: right; padding:10px;}
#pie { clear: both; margin-top: 0px; background-color: #000; height: 30px; font: normal 11px/30px Arial, Helvetica, sans-serif; color:#FFF; }
/*menu*/
#menu ul { height: 30px; margin: 0; padding: 0; }
#menu ul li { float: left; list-style: none; margin-left: 3px; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; font-weight: bold; padding-top: 0; padding-right: 0; padding-bottom: 0px; padding-left: 0; }
#menu ul li a { color: #333; text-decoration: none; display: block; padding-top: 0; padding-right: 19px; padding-bottom: 10px; padding-left: 19px; }
#menu ul li a:hover { background-image: url(img/esquina2.gif); }
#menu ul li.active { color: #FFF; border-right-style: solid; border-bottom-style: none; border-left-style: solid; background-image: url(img/esquina.gif); background-repeat: no-repeat; background-position: center top; padding-top: 0; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; }
/*texts*/
h1 { font: bold 24px/28px Arial, Helvetica, sans-serif; color:#FFF; }
h1 span { color:#B7C0CA; }
h2 { font: bold 18px/18px Arial, Helvetica, sans-serif; color:#FFF; }
h3 { font: bold 13px/14px Arial, Helvetica, sans-serif; color: #FFF; margin-top: 7px; }
h4 { font: bold 14px/22px Arial, Helvetica, sans-serif; color: #000; margin-bottom: 10px; }
h4 span { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 11px; font-weight: normal; clear: both; display: block; }
p { font: normal 12px/18px Arial, Helvetica, sans-serif; color:#333; }
a { color:#FFF; text-decoration: none; }
a:hover { color: #FFF; text-decoration: none; }
/*commons*/
.clear { clear:both; }
.floatleft { float: left; }
.floatright { float: right; }
/*Formulario de contacto*/

.botones{width: 600px;}
.btn_enviar { background: url(img/btn_enviar.png) no-repeat; height: 16px; width: 90px; border: none; cursor: pointer; display: block; font-size: 12px; color:#FFF; font-weight: bold; padding: 0px 10px; line-height: 16px; text-align: left; }
.btn_enviar a { display: block; color:#FFF; }
.btn_enviar a:hover { display: block; color:#FFF; }

.btn_enviar1 {background: url(img/volver.jpg) no-repeat; height: 16px; width: 90px; border: none; cursor: pointer; display: block; font-size: 12px; color:#FFF; font-weight: bold; padding: 0px 10px; line-height: 16px; text-align: center; }
.btn_enviar1 a { display: block; color:#FFF; }
.btn_enviar1 a:hover { display: block; color:#FFF; }
.clear { clear: both; }
#banderitas {
	position: relative;
	top: 5px;
	text-align: right;
	padding: 5px;
	color: #CCC;
	float:right;
}	
#banderitas a{
	color: #CCC;
}
#banderitas a:hover{
	color: #CCC;
}
#banderitas img{
	border: none;
}