* { margin:0; padding:0;}
body{ background:#f2f2f2 url(../img/bg-body.gif) repeat-y top center; cursor:default; font-size:62.5%; font-family:Tahoma, Arial, Helvetica, sans-serif;}
a{ text-decoration:none; outline:none; color:#447a1c;}
a:hover{ text-decoration:underline; color:#362e1f;}
li{ font-size:1.2em; list-style:none; line-height:2.4; font-family:Tahoma, Arial, Helvetica, sans-serif;}
p{ font-size:1.1em; line-height:1.4; color:#1d1d1d; font-family:Tahoma, Arial, Helvetica, sans-serif; padding:0.5em 1em 0 0; }
span { font-size:1.2em; line-height:1.3; color:#1d1d1d; font-family:Tahoma, Arial, Helvetica, sans-serif;}
img{ border:0;}

li.ultimo{ border:none !important;}
.clear{ clear:both;}
.final { padding-bottom:0 !important;}

/**********************
*******general*******
**********************/
#wrapper{ margin:0 auto; width:91em; text-align:left; overflow:hidden; }
* html #wrapper{ width:91em;}
/*body.home_p #wrapper{ background:transparent url(../img/motivo.png) no-repeat right bottom;}*/
#left{ width:25.9em; float:left;}
#right{ width:65em; float:left; /*background:transparent url(../img/cesped.png) repeat-x left bottom;*/}

.content{ float:left; width:63em; margin:0 0 0 2.3em; display:inline; }

h1{ font-size:1.2em; color:#5b5b5b; display:block; text-align:right; font-weight:normal; padding:0.6em 2.8em 0 0;}
h2{ font-size:1.9em; line-height:2; font-weight:normal; color:#362e1f; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;}
p.siguiente{ padding-top:1.5em;}
strong.color{ color:#4b4b4b;}
ul.lista{ margin-top:0.7em;}
	ul.lista li{ line-height:1.6; background:transparent url(../img/ico-lista.gif) no-repeat 0.2em 0.65em; padding-left: 1.8em;}

/**********************
*********extras********
**********************/

.extras{ float:left; width: 65em; height:8.7em; margin-top:1.5em;}
	.extras h2{ margin:1.6em 0 0 1.2em; float:left; text-indent:-9999px; width:20em; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:1.8em; color:#5b5b5b; display:inline;}
		.extras h2.titulo1-es{ background:transparent url(../img/diseno-web.png) no-repeat scroll 0 6px; width:418px;}
	.extras img{ float:right; margin:1.5em 2em 0 0;}

/**********************
*********left********
**********************/

.logo{ margin:1.2em 0 0 2.8em; display:block;}
	.logo img{ width:20.6em; height:20.8em;}
	
.menu{ display:block; width:22.4em; text-align:right; padding-right:1.5em; margin:2.5em 0 0 0; padding-bottom:2em;}
	.menu p{ padding-right:0; text-align:right;}
	.menu p.inicio{ padding-top:1em;}
	.menu ul li{ font-size:2.3em; line-height:1.1; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;}
		.menu ul li.on a{ color:#362e1f;}
		.menu ul li a{}
		.menu ul li a:hover{ text-decoration:none;}
		
.informacion{ display:block; background:transparent url(../img/sombra-menu.gif) no-repeat top right; text-align:right; width:22.4em; padding:3em 0 2em;}
	#left strong.titol{ font-size:1.1em; color:#362e1f; display:block; font-family:Tahoma, Helvetica, sans-serif;}
	.informacion span.email{ font-size:1.1em; line-height:2;}
	.informacion ul{ display:block; padding-top:1em;}
		.informacion ul li{ display:block; font-size:1.1em; line-height:1.6; color:#362e1f; font-family: Tahoma, Arial, Helvetica, sans-serif;}
			.informacion ul li span{ font-size:1em;}
	.informacion p{ display:block; padding-top:1em; color:#362e1f;}
	.informacion span.consultar{ display:block; clear:both;}
	.informacion ul.iconos{ display:block; padding:1.7em 0 1em; overflow:hidden;}
		.informacion ul.iconos li{ float:right; padding-left:1.3em;}
		.informacion ul.iconos li.twitter{ padding-left:0.9em; padding-top:0.05em;}
		.informacion ul.iconos li.lapiz{ padding-left:1em;}
	.informacion ul.pie{ padding-top:0.2em;}

.informacion.final ul.pie{ padding-bottom:0.5em;}


/**********************
**********home*********
**********************/

.proyectos{ margin-top:1.5em;}
.destacados{ float:left; margin:2.3em 0 0;}
.mini-des{ /*float:right;*/ margin:9.5em 0 0; background:transparent url(../img/des-home2.gif) no-repeat 0 0; width:18em; height:17.9em;}
	.mini-des .unidad{ margin-top:12em;}
		.mini-des .unidad span a{ display:block; padding:0.8em 1.5em 0; text-align:center; color:#ededed;}
		.mini-des .unidad span a:hover{ color:#362e1f; text-decoration:none;}
	
.intro{ float:left; margin:2em 0 0; width:62em;}
.puntos-fuertes{ width:38em; float:left; margin:0; padding-bottom:1em;}

/*ul.galeria{}
	ul.galeria .modulo{ float:left; margin-bottom:1.5em;}
		ul.galeria li{ float:left; width:130px; margin:0 0.9em 0 0.8em; border-bottom:#cccccc 1px solid; padding:1.6em 0 1em;}
			ul.galeria li img{ display:block; margin-bottom:0.6em;}
			ul.galeria li span{ display:block; padding:0 0 0.5em 0; line-height:1;}
				ul.galeria li span.mini{ font-size:0.9em; color:#1d1d1d;}
			ul.galeria li strong{ display:block; padding:0.2em 0 0.5em 0; line-height:1; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:1.1em;}*/
			

/*
	Vertical Accordions
*/

#vertical_container{}

.accordion_toggle {
	display: block;
	background: transparent url(../img/bg-proyectos.png) no-repeat left 0; /* bg: #b9d997 */
	/*border-bottom:#f2f2f2 1px solid;*/
	padding: 0.6em 0 0.1em 2em;
	color: #454545; /* color: #4d8f21 */
	font-weight: normal;
	text-decoration: none;
	cursor: pointer;
	margin: 0 0 0.5em 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	height:26px;
}

.accordion_toggle_active {
	background: transparent url(../img/bg-proyectos.png) no-repeat left 0; /* bg: #9fcd6d */
	color: #4d8f21;
	font-weight:bold;
	/*border-bottom: 1px solid #f2f2f2;*/
}

.accordion_content {
	/*background-color: #ffffff;*/
	color: #444444;
	overflow: hidden;
	padding:0.2em 0 1em 2.2em;

}

.accordion_content a img{
	float:left;
}

.accordion_content .info{
	float:left;
}
	
	.accordion_content .info h3{
		padding:1em 0 0 0.8em;
		font-size:1.4em;
	}

	.accordion_content .info span {
		line-height: 1.4;
		padding: 0.7em 0 0 1.2em;
		font-size:1.1em;
		display:block;
	}
		
	.accordion_content .info a span.web{ background:transparent url(../img/ico-ventana.gif) no-repeat 56px 6px;}

.vertical_accordion_toggle {
	display: block;
	height: 30px;
	width: 600px;
	background: url(images/accordion_toggle.jpg) no-repeat top right #9fcd6d;
	padding: 0 10px 0 10px;
	line-height: 30px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	color: #000000;
	border-bottom: 1px solid #cde99f;
	cursor: pointer;
	margin: 0 0 0 0;
}

.vertical_accordion_toggle_active {
	background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
	color: #ffffff;
	border-bottom: 1px solid #f68263;
}

.vertical_accordion_content {
	background-color: #ffffff;
	overflow: hidden;
}

	.vertical_accordion_content h2 {
		margin: 15px 0 5px 10px;
		color: #0099FF;
	}

	.vertical_accordion_content p {
		line-height: 150%;
		padding: 5px 10px 15px 10px;
	}
	

/**********************
*******contactar*******
**********************/

form{ float:left; margin:3em 0 0 11em; width:44em; display:inline;}
.fila{ width:42em; float:left; padding-bottom:1.2em;}
	.fila span.obligatorio{ font-size:1em; color:#ababab;}
	.fila label{ color:#362e1f; font-size:1.1em; float:left; width:6em; text-align:right; padding:0 2em 0 0;}
		.fila label span.asterisco{ color:#ababab; padding-left:0.2em;}
	.fila input{ width:15em; font-size:1.2em; vertical-align:middle; padding-bottom:0.1em; font-family:Arial, Helvetica, sans-serif;}
	.fila textarea{ width:24em; font-size:1.2em; font-family: Arial, Helvetica, sans-serif; height:12em;}
.centrar{ width:35em; float:left; margin-top:1em; }
	.centrar .botones{text-align:center; padding-bottom:5em;}
		.centrar .botones input{ background-color:#9fcd6d; border:none; font-size:1.1em; padding:0.1em 0.2em 0.2em; margin-left:1em; text-align:center; color:#1d1d1d;}
		*+html .centrar .botones input{ padding-top:0.3em;}
		* html .centrar .botones input{ padding-top:0.3em;}
	
	/*hack safari y opera. También afecta a chrome		
		@media all and (min-width: 0) {
			.centrar .botones input{ padding-left:0.3em; padding-right:0.3em;}
		}*/

p.subrayado{ text-decoration:underline;}

h2.titol, h2.titol02{ font-size:1.2em; padding-top:28px; padding-left:30px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; background:transparent url(../img/ico-contacto.gif) no-repeat 0 25px;}
.confirmacion{ margin:1em 0 0 1em; width:460px; float:left; display:inline;}
	.confirmacion p{ padding:0.4em 0 0 30px; line-height:2.2; }
		.confirmacion p a{ background:transparent url(../img/bg_link.gif) no-repeat 0 3px; padding-left:18px;}