@charset "utf-8";
/*
AQUAPHYTEX 
LMMS @ Aluego 2010

VERSIÓN - 1.0
 - CSS realizada y testeada para IE 6/7/8, Firefox 3/3.5, Safari 4, Chrome 3 y Opera 10
 - Hacks y código especfico para IE en la CSS: styleScreenIE.css (sólo la cargaran los navegadores de la familia Internet Explorer e incluye el Hack para soportar PNGs con transparencia en IE 5.5/6).
 - La elección de CSS se realiza con comentarios condicionales para Internet Explorer en la plantilla de cada página.
 - Referencias:
 	 http://www.disenorama.com/tutoriales/comentarios-condicionales-para-ie (en castellano)
	 http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp
*/

/* ESTILOS GENERALES - Normalización y varios 
--------------------------------------------- */
body {
		background:#ECF6FC url(/img/bgCabeceraDegradado.jpg) center top repeat-x;
		text-align:left;
		width:100%;
		}
#page{
	
	width:100%;
	min-height:100%;
	margin:0 auto;
	position:relative;
	}
a {	
	color:#0079B3;

}
a:link {
}
a:visited {
}
a:hover {	
}
a:active {
}


/* CABECERA (#header)
--------------------------------------------- */
#header {
	height:110px;
}
	#headerInner {
		background:#007AB5 url(/img/bgNavDegradado.jpg) left top repeat-x;
		border-bottom:1px #CCC solid;
		border-top:1px #FFF solid;		
		width:100%;
		height:69px;
	}
	#mainNavInner h1 {
		width:222px;
		height:48px;
	}
		#mainNavInner h1 a {
			width:222px;
			height:48px;
			display:block;
			text-indent:-9999px;
			background:transparent url(/img/logoAquaphytex.png) left top no-repeat;
			border:none;
		}
		.home #mainNavInner h1 a:hover {
			cursor:default;
		}

/* NAVEGACIÓN (#mainNav)
--------------------------------------------- */
#mainNav {	
	border-top:1px solid #004A6F;
	padding-top:10px;
	
}
		#mainNavInner{

			width:960px;
			margin: 0 auto;
			position:relative;
			}
		#mainNavInner ul {
			background:transparent url(/img/bgNavSeparadores.jpg) right top no-repeat;
			padding-right:1px;
			position:absolute;
			right:0;
			top:-10px;
			height:68px;
			}
			#mainNavInner li {
				height:auto;
				float:left;
				background:transparent url(/img/bgNavSeparadores.jpg) left top no-repeat;	
				padding-left:1px;
			}
				#mainNavInner li a {
					float:left;
					display:block;
					text-decoration:none;
					font:bold 15px/68px "Century Gothic", Arial, Helvetica, sans-serif;
					color:#FFF;
					text-shadow:1px 1px 0 #005D89;				
					height:68px;	
					padding:0 10px;
				}
				#mainNavInner li a:hover,
				#mainNavInner li a.selected,
				#mainNavInner li a.selected:hover {
					background:url(../img/bgNavDegradadoH.jpg) center top repeat-x;
					text-shadow:1px 1px 0 #0079B3;
				}
				#mainNavInner li a.selected:hover {
					cursor:default !important;
				}



/* CONTENIDO (#content)
--------------------------------------------- */
#content {
clear:both;
margin:0 auto;
width:960px;
padding-bottom:165px;

}

/* PRINCIPAL (#main) */
.servicio{
	text-align:center;
	height:130px;
	width:120px;}
	#content p,
	#content .p {
		margin:0.75em 0;
		font:normal 13px/120% Corbel, Arial, Helvetica, sans-serif;		
	}
	
	#middleHome p{
	margin: 0 15px;
	}
		#content a {
			font-weight:bold;
			text-decoration:none;
		}
		
	.HomeMarco{
		background:url(/img/imgHomeMarco.png) no-repeat scroll center center;
		position:absolute;
		height:234px;		
		width:290px;

}
#boxes{
	position:relative;
	margin:5px auto 0;
	width:960px;
}
.box{
	width:220px;
	min-height:240px;
	height:auto !important;
	height:220px;
	background:#FFF;
	border-radius:1em;  
	-moz-border-radius:1em;  
	-webkit-border-radius:1em;  
	padding-top:0 !important;
	}
.box2{
	width:220px;
	min-height:490px;
	height:auto !important;
	height:220px;
	background:#FFF;
	border-radius:1em;  
	-moz-border-radius:1em;  
	-webkit-border-radius:1em;  
	padding-top:0 !important;
	}
	.boxInner {
		padding:12px 10px 0;
	}
		#content .box h3,
		#content .box2 h3 {
			font:bold 24px/100% Corbel, Arial, Helvetica, sans-serif;
			margin:0 0 15px;
			color:#0079B3;
		}
		#content .box h3 a,
		#content .box2 h3 a{
			background: #FFF url(/img/imgFlechas.jpg) right center no-repeat; 
			display:block;
			text-decoration:none;
			}
		
		#content .box p,
		#content .box2 p{
			margin: 0 0 15px;
			}
			#content .box h4,
			#content .box2 h4 {
			font:bold 16px/100% Corbel, Arial, Helvetica, sans-serif;
			margin: 15px 0 0;
			color:#0079B3;
		}
	/* Listas */
	#content ol,
	#content ul {
		margin:1em 0;
		padding: 0 2em;
	}
	#content ul li,
	#content ol li {
		font:normal 13px/130% Corbel, Arial, Helvetica, sans-serif;
		margin:0.3em 0;
	}
	#content ol {
		list-style:decimal;
	}
	#content ul{
		list-style: disc;
	}
	#content ol ul,
	#content ul ul,
	#content ol ul,
	#content ul ol  {
		margin-top:0;
		margin-bottom:0;
	}
	#content ol li ul li,
	#content ul li ul li,
	#content ol li ul li,
	#content ul li ol li{
		font:normal 13px/130% Arial, Helvetica, sans-serif;
	}


		#content h2 {
			font:bold 24px/120% Corbel, Arial, Helvetica, sans-serif;
			color:#000;
			margin-top:15px;
		}
		#content h3 {
			font:bold 24px/120% Corbel, Arial, Helvetica, sans-serif;
			margin:5px 15px;
			color:#0079B3;
		}

		#bannerSup{
			background: #ECF6FC url(/img/bgMarcoSuperior.jpg) center top no-repeat;
			width:971px;
			height:135px;
			}
			#bannerSup span{
				background:#ECF6FC url(/img/imgMarcoSuperior001.jpg) center top no-repeat;
				position:absolute;
				top:6px;
				left:5px;
				height:113px;
				width:948px;
				}
	/*main*/		
	#main{
		padding:10px;
		max-height:100%;
		background-color:#FFF;
		min-height:400px;
  		height:auto !important;
  		height:400px;
		border-radius:1em;  
		-moz-border-radius:1em;  
		-webkit-border-radius:1em;  

		}
	/*Formularios*/
	#main .form fieldset {
		border:1px solid #666;
		margin:1em;
		padding:0.8em 1.5em 0.8em 1.5em;
		display:block;
		position:relative;
	}
	#main .form legend {
		padding:0 0.5em;
		margin-left:-0.5em;
		font:bold 1.4em/140% Arial, Helvetica, sans-serif;
		/*color:#E3001A;*/
		color:#666;
	}

	#main .form label,
	#main .form .label {
		font:bold 1.2em/140% Arial, Helvetica, sans-serif;
		display:block;
		margin:0.75em 0;
		color:#333;
		margin-top:-0.001em;
	}

	#main .form label.floatLeft,
	#main .form .label.floatLeft {
		margin-top:-0.001em; /* No me siento orgulloso de esto :( */
	}
	#main .form label.floatLeft,
	#main .form .label.floatLeft {
		margin-right:2em;
	}
		#main .form small,
		#main .form label.small {
			font:normal 0.9em/150% Arial, Helvetica, sans-serif;
			color:#444;
		}
	#main .form input,
	#main .form textarea,
	#main .form select {
		color:#000;
		font:normal 1em/140% Arial, Helvetica, sans-serif;
	}
	#main .form input[type=text],
	#main .form input[type=password],
	#main .form textarea, 
	#main .form select {
		border:1px solid #CCC;
		background:#fff;
		display:inline-block;
	}
	#main .form input[type=text] + input[type=text] {
		display:block;
		margin-top:0.5em;
	}
	#main .form input[type=checkbox],
	#main .form input[type=radio] {
		padding:0;
		margin:0;
		margin-right:0.3em;
	}
	#main .form input[type=text],
	#main .form input[type=password],
	#main .form textarea {
		padding:2px;
	}
	#main .form select {
		padding:1px;
	}
	#main .form input[type=text]:focus,
	#main .form input[type=password]:focus,
	#main .form textarea:focus{
		border:1px solid #000;
	}
	#main .form input[type=submit] {
		font-weight:bold;
		color:#000;
	}
.instalacion{
	background: #FFF url(/img/bgPlantacion.jpg) right bottom no-repeat;
	}
.depuraciono{
	background: #FFF url(/img/bgDepuracionO.jpg) right bottom no-repeat;
	}
.produccion{
	background: #FFF url(/img/bgProduccion.jpg) right bottom no-repeat;
	}
.mantenimiento{
	background: #FFF url(/img/bgMantenimiento.jpg) right bottom no-repeat;
	}
.consultoria{
	background: #FFF url(/img/bgConsultoria.jpg) right bottom no-repeat;
	}
.depuracion{
	background: #FFF url(/img/bgDepuracion.jpg) right bottom no-repeat;
	}

#btnProduccion{
	background: #FFF url(/img/btnProduccion.jpg) center top no-repeat;
	display:block;
	width:114px;
	height:108px;
	}
#btnMantenimiento{
	background: #FFF url(/img/btnMantenimiento.jpg) center top no-repeat;
	display:block;
	width:114px;
	height:108px;
	}
#btnDepuracion{
	background: #FFF url(/img/btnDepuracion.jpg) center top no-repeat;
	display:block;
	width:114px;
	height:108px;
	}
#btnPlantacion{
	background: #FFF url(/img/btnPlantacion.jpg) center top no-repeat;
	display:block;
	width:114px;
	height:108px;
	}
#btnConsultoria{
	background: #FFF url(/img/btnConsultoria.jpg) center top no-repeat;
	display:block;
	width:114px;
	height:108px;
	}
#btnDepuracionO{
	background: #FFF url(/img/btnDepuracionO.jpg) center top no-repeat;
	display:block;
	width:114px;
	height:108px;
	}
/* PIE (#footer)
--------------------------------------------- */
#footer {
	position:absolute;
	bottom:0;
    clear:both;
	background: url(/img/bgFooter.jpg) left bottom repeat-x;	
    height:162px;
	width:100%;
	display:block;
}
#footer p{
	position:absolute; 
	bottom:10px; 
	right:10px;}
#footerInner{
	display:block;
	width:980px;
	margin:0px auto auto;
	background: url(/img/bgFooterInner.png) left repeat-x;
	border-radius:1em;  
	-moz-border-radius:1em;  
	-webkit-border-radius:1em;
	height:40px;
	position:relative;
	margin:100 auto auto;
	}
#footNav{
		
	left:1em;
	display:block;
	clear:both;
	position:absolute;
	margin:auto auto;
	bottom:10px;
	font:normal 14px/120% Corbel, Arial, Helvetica, sans-serif;
	display:block;
	
	}
#footNav a, #footerInner p{
	font:bold 12px/120% Corbel, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#footNav a:hover{
	font:bold 12px/120% Corbel, Arial, Helvetica, sans-serif;
	color:#0079B3;
	text-decoration:underline;
}

/* CLASES AUXILIARES
--------------------------------------------- */
.frame {
	border:1px solid #ddd;
	padding:6px;
	background:#FFF;
}
	.frame img {
		border:1px solid #ddd;
	}

/* BANNER HOME */

#content #banner {
	overflow:hidden;
	width:960px;
	padding-top:10px;
}
	#content #banner ul.media-list {
		width:9999px;
		overflow:hidden;
		height:360px;
		list-style:none;
		background:url(/img/bannerShadow.jpg) 0 100% no-repeat;
		padding-left:0;
		margin-top:0;
	}
		#content #banner ul.media-list li{
			float:left;
			width:960px;
			height:360px;
			position:relative;
			overflow:hidden;
			margin:0;
		}
			#content #banner ul.media-list li a {
				display:block;
				float:left;
			}

#content ul#mediaListNav {
	margin:-5px auto;
	padding:0;
	list-style:none;
	width:110px;
}
	#content ul#mediaListNav li{
		float:left;
		display:inline;
		margin:0 0 0 8px;
		list-style:none;
	}
		#content ul#mediaListNav li a{
			float:left;
			width:14px;
			height:14px;
			text-indent:-9999px;
			background:url(/img/bannerPagination.png) no-repeat 0 -14px;
			display:block;
			border-bottom:0;
		}
		#content ul#mediaListNav li a:hover,
		#content ul#mediaListNav li.active a{ background-position:0 0;}

#content #sidebar ul{
	list-style:none;
	}
	#content #sidebar ul li{
		font:normal 16px/30px Corbel, Arial, Helvetica, sans-serif;
		border-bottom: 1px solid #9ddafe;
	
		margin:0;
		
	}
	#content #sidebar ul li a{ 
	display:block;
	padding-left:3px;
	}
	#content #sidebar ul li a, #content #sidebar ul li a:hover{
	text-decoration:none;
	text-shadow:1px 1px 0 #FFF;
	}
	#content #sidebar li a.selected, #content #sidebar li a.selected:hover{
		text-transform:uppercase;
		color: #FFF;
		text-shadow:1px 1px 0 #005D89;
		background:none repeat #9ddafe;
	}
#langNav{
	line-height:25px;
	font:normal 13px/25px Corbel, Arial, Helvetica, sans-serif;
	padding-right:15px;
	height:25px;
}
#langNav a{
	text-indent:-9999px;
	width:16px;
	height:11px;
	display:block;
	
	
}

.bandera{
	border:2px solid #9FD1F2;
	width:16px;
	height:11px;
	margin:5px 5px;
	float:right;
	}
.bandera:hover, 
.bandera:active{	
	border:2px solid #FFF;
	}
#langNav li.selected{	
	border:2px solid #FFF;
	}
.fr{
	width:16px;
	height:11px;
	background:transparent url(/img/fr.png) center center no-repeat;
	}
.es{width:16px;
	height:11px;
	background:transparent url(/img/es.png) center center no-repeat;}
.it{width:16px;
	height:11px;
	background:transparent url(/img/it.png) center center no-repeat;}
.gb{width:16px;
	height:11px;
	background:transparent url(/img/gb.png) center center no-repeat;}
.icon{
	float:right;
	margin:5px 5px;
	}
	.icon a{
	text-indent:-9999px;
	display:block;
	width:20px;
	height:20px;
	}
.casa{
	background:transparent url(/img/home.png) center center no-repeat;
	width:25px;
	height:20px;}
.mail{
	background:transparent url(/img/mail.png) center center no-repeat;
	width:25px;
	height:20px;}
.site{
	background:transparent url(/img/sitemap.png) center center no-repeat;
	width:20px;
	height:20px;}
	
#depSos{
	background:transparent url(../img/imgDepSost.jpg) center top no-repeat;
	height:46px;
	width:419px;
	margin: 0 auto;}
#depSosIT{
	background:transparent url(../img/imgDepSostIT.jpg) center top no-repeat;
	height:33px;
	width:423px;
	margin: 0 auto;}
#depSosEN{
	background:transparent url(../img/imgDepSostEN.jpg) center top no-repeat;
	height:26px;
	width:446px;
	margin: 0 auto;}
#depSosFR{
	background:transparent url(../img/imgDepSostFR.jpg) center top no-repeat;
	height:34px;
	width:383px;
	margin: 0 auto;}
.logop{
	width:30em;
	height:22em;}
#supVideo {

width:410px;
}




/********************
 * FEATURE CAROUSEL *
 ********************/
 /***************************************************
 * CSS para el carrusel de imágenes de las galerías *
 ***************************************************/
#featureCarousel {
    height: 300px;
    width:700px;
    background-color:transparent;
    position:relative;
}
#featureCarousel img {
    border:0;
}
#featureCarousel .feature {
    position:absolute;
    top:-1000px;
    left:-1000px;
    border:3px solid white;
    cursor:pointer;
}
#featureCarousel .feature > div {
    position:absolute;
    bottom:0px;
    left:0px;
    background-color:black;
    width:100%;
}
#featureCarousel .feature > div p {
    margin:0;
    padding:5px;
    font-weight:bold;
    font-size:12px;
    color:white;
}
#featureCarousel .blipsContainer {
    position:absolute;
    color:white;
    right:25px;
    top:270px;
    padding:0;
    margin:0;
}
#featureCarousel .blipsContainer .blip {
 border:1px solid #0079B3;
color:#0079B3;
font:13px/9px Corbel,Arial,Helvetica,sans-serif;
height:14px;
margin:3px;
text-align:center;
width:14px;
}
#featureCarousel .blipsContainer .blipSelected {
    color:white;
    font-weight:bold;
    background-color:#0079B3;
}

/**************************************
* Estilos para filtros en organigrama * 
**************************************/

.clearing { clear: both; }
.last { margin-bottom: 0; }
.screenReader { left: -9999px; position: absolute; top: -9999px; }

/*****Estilo Básico*****/
div#container { margin: 20px auto 0; overflow: hidden; width: 700px; }

ul#filter { float: left; font-size: 16px; list-style: none; margin-left: 0; width: 100%; }
ul#filter li { 
	border-right: 1px solid #dedede;
	float: left;
	line-height: 16px;
	margin-right: 10px;
	padding-right: 10px;
}
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a {text-decoration: none; }
ul#filter li.current a, ul#filter a:hover { text-decoration: underline; }
ul#filter li.current a { font-weight: bold; }

ul#portfolio { float: left; list-style: none; margin-left: 0; width: 672px; }
ul#portfolio li { 
	float: left; 
	margin: 0 10px 10px 0; 	
	width: 101px;
	min-height:210px;
}
ul#portfolio a { display: block; width: 100%; }
ul#portfolio a:hover { text-decoration: none; }
ul#portfolio img { border: 1px solid #dedede; display: block; }