* { padding: 0px; border:0 px; margin: 0px;}



img {border:0px;}



h1 {font-size:2.0em;}

h2 {font-size:1.8em;}

h3 {font-size:1.6em;}

h4 {font-size:1.4em;}

h5 {font-size:1.2em;}

h6 {font-size:0.8em;}



.tit {font-size:1.2em; font-weight:bold; color: rgb(80,80,80); font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;}

.fecha {font-size:0.8em; font-weight:bold; color: #999;}



h1, h2, h3, h4, h5, h6 {color: rgb(40,40,40);}



a {text-decoration:none; font-weight:bold; }

a:hover {text-decoration:underline;}



p {padding: 0 0 5px 0;}



.bqInfo { width: 100%; }



div.modAltura {}





/* ESTRUCTURA

--------------------------------------------------------*/



html, body { height: 100%; background: #eeeeee; } 

html {font-size:0.7em;}

#container {

	margin: 0 auto; 

	text-align: left;

	position: relative; 

	min-height: 100%; 

	height: auto !important; 

	height: 100%;

}



body {

	width: 730px;

	font: 100% Arial, Verdana, Helvetica, sans-serif;

	padding: 0;

	text-align: left;

	color: #666;

}



body#splash {

	background: #e5e5e5;

	text-align: center;

	width: 100%;

}



body#splash div {

	height: 66px;

	width: 258px;

}



body#splash div.modAltura { height: 200px;}



div#cabecera {

	color:#fff;

	height: 79px;

	padding: 0 22px 0 0;

	background-color:#eeeeee;

}



div#menu {

	background: #999 url(../img/bg_menu.gif) no-repeat; 

	height: 24px;

	margin: 0 0 10px 0;

}



div#mainContent, div#mainContentList { background: #e2e2e2; }

 h1#contentHead {}

 div#content { padding: 30px;background: #e2e2e2;}



*html .bottom {clear:left; height:1px; width: 100%; }

.bottom {clear:both; height:1px; width: 100%; }



div#footer {

	width: 100%;

	height: 31px;

	background: #999 url(../img/bg_footer.gif) no-repeat; 

}





/* CABECERA

-------------------------------------------------- */



div#cabecera h1 {

	float: left;

	display: inline;

	color: #fff;

}



div#cabecera h1 a {

	overflow: hidden;

	cursor: pointer;

}



div#cabecera h5 {

	float: right;

	display: inline;

	margin-top: 33px;

	color: #dfdedf;

}



/* FOOTER

--------------------------------------------------- */



div#footer {

	color: #fff;

	font-size: 0.9em;

}



div#footer a {

	color: #fff;

	font-weight: normal;

}



div#footer .name {

	float: left;

	display: inline;

	margin: 12px 0 0 20px;

}



div#footer .name a {

	overflow: hidden;

	cursor: pointer;

}



div#footer .legal {

	float: right;

	display: inline;

	margin: 12px 20px 0 0;

}

div#footer .legal a {

	margin-left: 10px;

}



div#footer .direccion {

	float: left;

	display: inline;

	margin: 12px 0 0 10px;

	color: #fff;

}



/* IDIOMAS

-------------------------------------------------- */



ul#idiomas {

	float: right;

	display: inline;

	margin: 28px 10px 0 0;

}



ul#idiomas li {

	float: left;

	display: inline;

	width: 20px;

	color: #000;

	margin: 0 2px 0 2px;

}



ul#idiomas li a {

	display: block;

	font-size:0.9em;

	font-weight:bold;

	color: #000;

	text-align:left;

}



/* IDIOMAS SPLASH

-------------------------------------------------- */





#splash ul#idiomas {

	float: right;

	display: inline;

	margin: 28px 10px 0 0;

}



#splash ul#idiomas li {

	float: left;

	display: inline;

	width: 62px;

}



#splash ul#idiomas li a {

	overflow: hidden;

	display: block;

	font-size:0.9em;

	font-weight:bold;

}



#splash ul#idiomas {

	float: none;

}



#splash ul#idiomas li {

	color: #333;

	margin: 5px 0 0 0;

}



#splash ul#idiomas li a {

	color: #333;

	text-align:center;

	margin-right: 7px;

}



#splash ul#idiomas li a:hover {

	color: #999;

}





/* MENÚ

-------------------------------------------------- */



ul#navegacion {

	overflow: hidden;

	float: left;

	display: inline;

	margin-left:10px;

}



ul#navegacion li {

	overflow: hidden;

	float: left;

	display: inline;

	margin: 4px 0 0 12px;

	color: #fff;

}



ul#navegacion li a {

	overflow: hidden;

	display: block;

	font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;

	font-size:1.0em;

	color: #fff;

}



ul#navegacion li a:hover {

	color: #ccc;

}

ul#navegacion li a img  {

	font:11px;

	font-weight:bold;

	color: #666;

}





/* CONTENIDOS

----------------------------------------------- */



div#mainContent h2, div#mainContentList h2 {

	margin: 0 0 17px 0;

}

.tit a { color: #333; }



/* Proyectos */



.prPeq{ width: 133px; margin: 0 5px 15px 0; float:left; }

div.prPeq img { margin-bottom: 5px; }

div.prPeq p { line-height: 12px; }

div.prPeq .tit, div.prPeq .tit a { font-size:0.9em; color: #666; padding-bottom: 5px; }



.prMed { width: 189px; margin: 0 5px 35px 0; float:left; }

div.prMed img { margin-bottom: 8px; }

div.prMed p { line-height: 12px; padding-right: 2px; }

div.prMed p.tit {  }

div.prMed p.tit span { color: #666;padding-right: 5px; }



.prBig { float:left; margin-bottom: 7px; width: 100%; }

div.prBig img { float:left; width: 356px; margin: 0 0 20px 0;}

div.prBig div.info { float:left; width: 296px; margin: 0 0 10px 10px;}

	div.prBig div.info p { line-height: 12px; }

	div.prBig div.info p.fecha { }

	div.prBig div.info p.tit { }

		div.prBig div.info p.tit span { font-weight: normal; color: #999;}



/* I+D */



.idPeq { margin: 10px 0 7px 0; width: 100%; display: block;}

div.idPeq img { float:left; width: 108px; margin: 0 10px 10px 0; }

	div.idPeq p {}

	div.idPeq p.fecha { }

	div.idPeq p.tit { padding-top: 4px;}





/* Servicios */



.srMed { width: 248px; margin: 0 4px 35px 0; float:left; }

div.srMed img { margin-bottom: 19px; }

div.srMed p { line-height: 12px;padding-right: 2px; }

div.srMed p.tit { margin-bottom: 7px; }





/* Mapa */



div.mapa h3 {width: 100%;border-bottom: 2px solid #ccc;margin-bottom: 10px;padding-bottom: 0px;}

div.mapa h3 a { color: #333; }

div.mapa ul { margin-bottom: 10px; }

div.mapa ol a { padding-left: 10px; color: #999; }



/* Colaboraciones */



.clMod{ margin: 0 5px 15px 0; float:left; }

	div.clMod p { line-height: 12px; }

	div.clMod div.tit { width: 100% auto; background: #333; margin: 0 4px 0 4px;}

	div.clMod p.tit { padding: 4px; font-size:1.0em; color: #fff;}

	div.clMod .tit, div.clMod .tit a { font-size:1.0em; color: #fff; }



/* Otros */



p.mail a {color: #333;}

div.col50_i { float: left; width: 49%; padding-right: 5px;}

div.col50_d { float: left; width: 49%; padding-left: 5px; }



/* CONTACTO

----------------------------------------------------------- */



input, textarea, select { color: #666; }



form { text-align:left; margin-top: 20px;}

h4 { margin-bottom: 10px;}

hr { border: none; color: #f4f4f4; background: #f3f3f3; height: 1px; margin: 6px 0 10px; }



#s1p_cform { border: none; }

 #s1p_cform legend { display: none; }

 #s1p_cform div {  }

  #s1p_cform div label { width: 150px; font-size: 1.1em; font-weight: bold; }

  #s1p_cform div input,

  #s1p_cform div textarea { background: #ccc; width: 260px; padding: 1px 3px; font-size: 1.1em; border: 1px solid #ccc; overflow: auto; margin-bottom: 10px;}

  #s1p_cform div input:hover,

  #s1p_cform div textarea:hover { background: #fefee5; }

  #s1p_cform div input:focus,

  #s1p_cform div textarea:focus { background: #fdfed6; }

  #s1p_cform div span.error { background: url(../images/m_i_error.png) 150px 50% no-repeat; display: block; padding: 0.5em 10px 0 175px; font-size: 1.1em; }

  #s1p_cform div input.error,

  #s1p_cform div textarea.error { background-color: #f5cfcf; }



 #s1p_cform div.submit { margin-bottom: 10px; }

  #s1p_cform div.submit input { margin: 0 0 0 150px; width: 120px; padding: 0 3px; font-size: 1.1em; border: 0px solid #ccc; background: #999; color: #fff;}