/* CSS Document */

/* Estilos generales */
body {
font-size:69%; /* base=11px */
font-family:Arial, Helvetica, sans-serif;
color:#666666;
background: #FFFFFF;
line-height:1.6em;
}
.right {float:right;}
.left {float:left;}
.clear { clear:both;}
strong { font-weight:bold;}

.hide {position:absolute; display:block; width:0; height:0; overflow:hidden;}

.marBottom1Half { margin-bottom:1.5em;}

/* Estructura */
#header {
width:100%;
height:24.45em; /* 269px */
background: #50A8CE url(/assets/img/bg_cabecera.jpg) top left repeat-x;
}
	body.home #header {
	height:45em; /* 495px */
	}
	.headerContent {
	margin:0 auto;
	width:84.55em;
	position:relative;
	}

#content {
width:100%;
/*min-height:30em;*/
margin-top:1em;
background-color:#FFFFFF;
clear:both;
}
	body.home #content { height:31.82em;}
	.page {
	margin:0 auto;
	width:84.55em;
	position:relative;
	}
		.sheet {
		width:67.27em;
		padding-left:17.1em;
		overflow:hidden;
		}

#footer {
width:100%;
background-color:#FFFFFF;
}
	.footerDivider {
	width:100%;
	height:0.45em;
	background:#6AC3FF;
	text-align:center;
	}
	.footerContent {
	margin:1em auto;
	width:84.55em;
	}
	
/* Estructura por columnas */
.oneColumn {float:left; width:15.45em; margin-right:1.7em;}
.oneHalfColumn {}
.twoColumn {float:left; width:32.73em; margin-right:1.7em;}
.noRightMargin {margin-right:0;}

/* Menú principal, cabecera */
#mainNav {position:absolute; top:11.5em;}
	#mainNav li {display:inline; float:left; margin:0; padding:0; position:relative;}
		#mainNav li a { font-size:1.09em; color:#FFFFFF; font-weight:bold; text-decoration:none; float:left; padding-left:1em; background-position:top left; cursor: pointer; /* IE 7 bug-fix */}
		#mainNav li.selected a, #mainNav li a:hover { background-position:bottom left;}
			#mainNav li a span { float:left; display:block; background-position:top right; padding-right:1em; height:3.8em; line-height:2em; }
			#mainNav li.selected a span, #mainNav li a:hover span {background-position:bottom right;}
			/* Colores de las pestanias segun seccion */
			#mainNav li.inicio a, #mainNav li.inicio a span { background-image:url(/assets/img/tab_inicio.jpg);background-repeat:no-repeat;}
			#mainNav li.quees a, #mainNav li.quees a span { background-image:url(/assets/img/tab_quees.jpg);background-repeat:no-repeat;}
			#mainNav li.proyectos a, #mainNav li.proyectos a span { background-image:url(/assets/img/tab_proyectos.jpg);background-repeat:no-repeat;}
			#mainNav li.sostenibilidad a, #mainNav li.sostenibilidad a span { background-image:url(/assets/img/tab_sostenibilidad.jpg);background-repeat:no-repeat;}
			#mainNav li.noticias a, #mainNav li.noticias a span { background-image:url(/assets/img/tab_noticias.jpg);background-repeat:no-repeat;}
			#mainNav li.contacto a, #mainNav li.contacto a span { background-image:url(/assets/img/tab_contacto.jpg);background-repeat:no-repeat;}

/* Menú herramientas */
#tools { position:absolute; top:0.5em; right:0.5em; line-height:1.5em; /*border: #FF0000 solid 1px;*/}
	#tools ul { float:left; margin-top:0.3em; margin-right:0.3em; border-left:#FFFFFF solid 1px; }
		#tools ul li {display:inline; float:left; margin:0; padding:0; position:relative; border-right:#FFFFFF solid 1px;height:1em; line-height:1em;}
			#tools ul li a {margin:0 0.4em; font-size:0.91em; color:#FFFFFF; text-decoration:none;}
	#tools form { float:left;margin-top:0.1em;}
		#tools form label { float:left; font-size:0.91em; color:#FFFFFF; margin-right:0.3em; }
		#tools form input.search {float:left; width:9em; height:1.27em; font-size:0.91em; color:#666666; border:#999999 solid 1px;}
		#tools form input.btn { float:left;}

/* Menú navegación lateral */
#leftNav {
position:absolute;
top:0;
left:0;
font-size:1.1em;
}
	#leftNav li {
	margin-bottom:0.2em;
	}
		#leftNav a {
		text-decoration:none;
		color:#666666;
		font-weight:bold;
		padding:0 0.2em;
		}
			#leftNav a:hover {
			background-color:#f3f3f3;
			}
			#leftNav a.selected, #leftNav a.selected:hover {
			color:#FFFFFF;
			background-color:#3eadff;
			}

/* Encabezados */
h1 {left:0; position:absolute; top:2.9em;}

h2 {left:0; top:15.9em; position:absolute;}

body.home h2 { position:relative; top:0; font-size:1em; color:#ffffff; font-weight:bold; padding:0.3em; margin-bottom:1em;}
	.rssIcon { position:absolute; top:0.3em; right:0;}

h3 { font-size:1.09em; color:#ffffff; font-weight:bold; background-color:#3eadff; padding:0.4em; margin-bottom:1.2em;}

h4 { font-size:1.09em; color:#3eadff; font-weight:bold; margin-bottom:0.5em;}

/* Home */
.flashHome {position:absolute; top:17.5em; left:0;}

.newsRoll p {padding:0.5em; margin:0; border-bottom:#3883e8 dashed 1px; line-height:1.32em;}
	.newsRoll p:hover { background-color:#f2f2f2;}
	.newsRoll p .newsDate {}
	.newsRoll p .newsTitle {color:#0156a9;}
	.newsRoll p .newsMore, a.newsMore {color:#0156a9; font-weight:bold; margin-left:0.5em;}

.newsLetter { color:#999999;}
	.newsLetter p { margin:1em 0;}
	.newsLetter #emailNewsletter {float:left; width:10.7em; height:1.27em; margin-top:0.3em; margin-right:0.5em; font-size:0.91em; color:#666666; border:#999999 solid 1px;}
	.newsLetter #enviarNewsletter {float:left; width:4.6em; height:2em; background: transparent url(/assets/img/inputEnviar.jpg) no-repeat; border:none; font-size:1em; color:#FFFFFF; font-weight:bold; padding-bottom:0.2em;cursor:pointer;}
	.newsLetter .privacidad {margin:1.5em 0;}	
		.newsLetter .privacidad input {}
		.newsLetter .privacidad label a {font-size:0.8em; color:#999999;}

/* Páginas contenido */
.imgBig { margin-bottom:1.6em;}
p { margin-bottom:3em;}
hr.separador {
border-top:1px dashed #3883E8;
height:1px;
margin-bottom:2.5em;
width:100%;color:#FFFFFF; background:#FFFFFF;
}

.sheet a {color:#666666; text-decoration:none;}

.listaNumerada { list-style:decimal;padding-left:4em; margin:1em 0; color:#2c9ff5; font-weight:bold;}
	.listaNumerada li { margin-bottom:0.8em;}
		.listaNumerada li span {color:#666666; font-weight: normal;}
	.listaNumerada li ol.listaNumerada {list-style:upper-roman;}

.boxContainer { position:relative; height:12em;}
	.boxContainer .left { top:0; left:0;}
	.boxContainer .right { top:0; right:0;}
	.boxBlue {width:31em; height:8.5em; position:absolute; padding:1em; background:#2C9EF4 url(/assets/img/bg_boxBluejpg.jpg) top right no-repeat;}
		.boxBlueCriterios {background:#2C9EF4 url(/assets/img/bg_boxBlue_01.jpg) top right no-repeat;}
		.boxBlueSolicitud {background:#2C9EF4 url(/assets/img/bg_boxBlue_02.jpg) top right no-repeat;}
		.boxBlue h3 { background:none; border-bottom:1px dashed #FFFFFF; margin-bottom:0.5em;}
		.boxBlue p { margin-bottom:1em;}

.entradilla {border-bottom:1px dashed #3883E8;height:13.5em; margin-bottom:1em;}	
	.entradilla .buttonBlue { margin:2em 0}
.thumb { margin-right:2em;}

/* Botones */
.buttonBlue, .sheet .buttonBlue {
	background:#2C9FF5 url(/assets/img/buttonBlue.jpg) no-repeat left top;
	height:1.73em;
	float:left;
	padding-left:0.6em;
	color:#FFFFFF;
	text-decoration:none;
	cursor:pointer;
	margin-right:0.5em;
	font-weight:bold;
}
.buttonBlue span {
	background:#2C9FF5 url(/assets/img/buttonBlue.jpg) no-repeat right top;
	float:left;
	height:1.73em;
	padding:0 0.6em 0 0;
	cursor:pointer;
}

.buttonWhite, .sheet .buttonWhite {
	background:#FFFFFF url(/assets/img/buttonWhite.jpg) no-repeat left top;
	height:1.63em;
	float:left;
	padding-left:0.6em;
	color:#2C9FF5;
	text-decoration:none;
	cursor:pointer;
	margin-right:0.5em;
	font-weight:bold;
}
.buttonWhite span {
	background:#FFFFFF url(/assets/img/buttonWhite.jpg) no-repeat right top;
	float:left;
	height:1.63em;
	padding:0 0.6em 0 0;
	cursor:pointer;
}



/* Contenido footer */
#colophon { float:left;}
	#colophon li {display:inline; float:left; margin:0; margin-right:1.5em; padding:0; }
		#colophon li a {color:#666666;}

#socialNet { float:right;height:3em;}
	#socialNet p { float:left; margin-right:1em; font-weight:bold;}
	#socialNet ul { float:left; }
		#socialNet li {display:inline; float:left; margin:0; margin-right:1.5em; padding:0; }
		
/* Gama de colores para textos y fondos */
.bgBlue2c9ff5 {background-color:#2c9ff5}
.bgBlue0156a9 {background-color:#0156a9}
.blue0078c9 {color:#0078c9}
.bgBlue0078c9 {background-color:#0078c9}
.white {color:#FFFFFF;}

/* Estilos para formulario solicitud */

.formsolicitud label {
	color:#3EADFF;
	font-weight:bold;
}
.formsolicitud .radiolabel {
	color:#666;
	font-weight:bold;
}
.formsolicitud input {
	border:1px solid #999;
	margin:0;
}
.formsolicitud .radioinput {
	border:0;
	width:auto;
	margin:0 0.5em 0 0;
}
.formsolicitud .checkinput {
	width:auto;
	margin:0 0.5em 0 0;
	margin:0 0.5em 0 0;
	border:0;
}
.formsolicitud textarea {
	width:98%;
	height:6em;
	margin-bottom:1.5em;
}
.formsolicitud .inputcorto {
	width:2em;
}
.formsolicitud .inputmedio {
	width:33%;
	margin:0 4% 0 0;
}
.formsolicitud .inputlargo {
	width:70%;
}
.formsolicitud .formrow {
	overflow:hidden;
	height:1%;
}
.formsolicitud .labelcolumn, .formsolicitud .inputcolumn {
	float:left;
	overflow:hidden;
	padding-bottom:1em;
}
.formsolicitud .labelcolumn {
	width:30%;
	margin-right:1%;
	text-align:right;
	color:#3EADFF;
	font-weight:bold;
}
.formsolicitud .inputcolumn {
	width:68%;
}
.formsolicitud .doublecolform {
	overflow:hidden;
	height:1%;
}
.formsolicitud .doublecolform .colform {
	float:left;
	width:49%;
}
.formsolicitud .doublecolform .inputlargo {
	width:90%;
}





/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */