@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
	outline:none;
}

body{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

a{
	text-decoration:none;
	color:#000;
}

p{
	font-size:12px;
}

.subraya{
	text-decoration:underline;
}

ul{
	margin-left:20px;
	font-size:0.9em;
	text-align:left;
}

img{
	border:0;
}

span.img-span{
	font-size:11px;
}

h1, h2, h3, h4, h5{
	margin-bottom:10px;
}

.nomostrar {display: none;}

h2{
	font-size:18px;
	font-weight:300;
	margin-bottom:10px;
	padding-left:25px;
	color:#af1c2e;
	text-transform:uppercase;
	background:url(../images/simbolo.png) bottom left no-repeat;
}

h2 a{
	display:block;
	color:#af1c2e;
}

h4{
	font-size:14px
}

h4.titulo{
	display:block;
	padding-left:25px;
	margin-bottom:15px;
	background:url(../images/simbolop.png) bottom left no-repeat;
}

h4.titulo span{
	float:right;
	text-align:right;
}

.clear{
	clear:both;
}

#cont-header{
	height:170px;
	background:url(../images/cabecera.jpg) no-repeat top center #333;
}

#header{
	width:980px;
	margin:auto;
}

#resplandor{
	width:325px;
	height:81px;
	margin:0 0 0 10px;
	float:left;
	background-image: url(../images/resplandor.png);
	position: absolute;	
	display: block;
	z-index:10;
}

#logo{
	width:381px;
	height:75px;
	margin:45px 0 0 10px;
	float:left;
	position: absolute;
	z-index:20;
}

#logo h1{
	text-indent:-10000px;
}

#logo h1 a{
	position: relative;
	display: block;
	width: 381px;
	height: 75px;
	background-image: url(../images/logo.png);
}

#creara{
	
	width:106px;
	height:96px;
	float:right;
	clear:right;
	margin:10px 30px 0 0;
}

#btn-idioma{
	width:12px;
	height:9px;
	float:right;
	margin:10px 30px  0 0;
}



#tit-idioma{
	float:left;
	font-size:11px;
	color:#fff;
}

.idioma{
	width:16px;
	height:11px;
	margin-top:4px; 
	float:left;
	margin-left: 4px;
}

#eslogan{
	width:390px;
	height:87px;
	float:left;
	text-indent:-10000px;
	margin:12px 0 0 430px;
	background:url(../images/eslogan2.png) no-repeat;
}
#esloganDe{
	width:390px;
	height:87px;
	float:left;
	text-indent:-10000px;
	margin:12px 0 0 430px;
	background:url(../images/esloganDe2.png) no-repeat;
}
#esloganEn{
	width:390px;
	height:87px;
	float:left;
	text-indent:-10000px;
	margin:12px 0 0 430px;
	background:url(../images/esloganEn2.png) no-repeat;
}
#esloganFr{
	width:390px;
	height:87px;
	float:left;
	text-indent:-10000px;
	margin:12px 0 0 430px;
	background:url(../images/esloganFr2.png) no-repeat;
}

#contenido{
	width:980px;
	margin:auto;
	background-image:url(../images/fnd-index.jpg)
	/*border:1px solid #000;*/
}

#img-intro{
	width:978px;
	height:473px;
	margin:10px 0 0px 0;
	background-image:url(../images/intro.png);
}

#intro{
	width:978px;
	height:310px;
	margin:30px 0 30px 0;
}

.titlink{
	cursor:pointer;
}

#contConsultoria h3, #contSertec h3{
	text-transform:uppercase;
	font-size:14px;
}

#col-derecha{
	float:right;
	width:50%;
}

#col-izquierda{
	float:left;
	width:50%;
}

#menu{
	width:948px;
	height:54px;
	margin:-27px auto 0 auto;
	background:url(../images/barra-menu.png) no-repeat;
	text-transform:uppercase;
}

#menu ul { float:left; padding:0; list-style:none; border:0; }
#menu ul li { float:left; margin:0; padding:0;}
#menu ul li a { float:left; margin:0; color:#80730f; font-size:16px; font-weight:bold; padding:15px 0; }
#menu ul li a span { padding:15px; background:none;}


#menu ul li a:hover { color:#666; background:url(../images/r_menu.png) no-repeat right;}
#menu ul li a:hover span { color:#666; background:url(../images/l_menu.png) no-repeat left;}
#menu ul li a.activo { color:#666; background:url(../images/r_menu.png) no-repeat right;}
#menu ul li a.activo span { color:#666; background:url(../images/l_menu.png) no-repeat left;}

#menu .social{
	width:40px;
	height:39px;
	float:right;
	padding-top:7px;
	margin-right:15px;
}

.secciones{
	margin-top:15px;
}

.seccion{
	padding:10px;
	float:left;
	width:98%;
	margin-bottom:10px;
	text-align:justify;
	color:#000;
	/*opacity: .80;
	filter:Alpha(Opacity=80);*/
}

.oculta{
	display:none;
}

.seccion h4{
	text-align:left;
}

.secciones .seccion{
	padding:10px;
	float:left;
	width:95%;
	margin-bottom:10px;
	text-align:justify;
	/*opacity: .80;
	filter:Alpha(Opacity=80);*/
}

.seccion.activa{
	padding:9px;
	border:1px solid #e3e3e3;
	color: #000;
	/*opacity: 1.00;
	filter:Alpha(Opacity=100);*/
	background:transparent url(../images/fnd-secc.png);
}

.seccion .imagen-right{
	padding:0 0 7px 10px;
	float:right;
}

.seccion .imagen-left{
	padding:0 10px 7px 0;
	float:left;
}

.seccion .imagen-center{
	padding:0 10px 0 0;
	margin:auto;
}

.seccion.aplicaciones{
	width:315px;
	float:left;
}

.seccion.descaplicaciones{
	/*margin-top:68px;*/
	width:570px;
	float:left;
}

.float{
	width:auto;
	margin-left:10px;
	float:left;
}

a.hover:hover{
	color:#900;
	text-decoration:underline;
}

a.link{
	color:#666;
	text-decoration:underline;
}

a.link:hover{
	color:#333;
	text-decoration:underline;
}

.margin{
	margin-left:20px;
}

.subsec{
	width:45%;
	padding:10px;
	float:left;
}

.subsecpp{
	width:60%;
	padding:10px;
	float:left;
}

.subsecp{
	width:30%;
	padding:10px;
	float:left;
}

img.borde{
	border: 1px solid #ccc;
}

.subsec p{
	font-size:12px;
}

#cont-pie{
	width:100%;
	height:170px;
	background-color:#333;
}

.mail{
	color:#d52626;
}

#pie{
	width:970px;
	margin:auto;
	padding:20px 0 20px 0;
}

#cnt-idiomas{
	width:200px;
	height:25px;
	float:right;
	position:relative;
	overflow-x: hidden;
	overflow-y: hidden;
	margin-right:5px;
}

#idiomas{
	/*position:absolute;*/
	width:190px;
	height:20px;
	right:-70px;
	margin-top:5px;
}

#idiomasEn{
	position:absolute;
	width:140px;
	height:20px;
	right:-60px;
	margin-top:5px;
}

#cont-copy{
	width:580px;
	height:25px;
	float:right;
	position:relative;
	overflow-x: hidden;
	overflow-y: hidden;
}

#copy{
	position:absolute;
	width:580px;
	height:20px;
	right:-373px;
}

#pie #copy a{
	color:#ccc;
}

#pie #direccion{
	float:right;
	text-align:right;	
	color:#ccc;
	font-size:10px;
}

#pie #direccion span{
	color:#D52626;
}

#pie ul{
	width:140px;
	margin:0 10px 0 5px;
	min-height:100px;
	float:left;
	list-style:none;
	border-right:1px solid #ccc;
	
	color:#FFF;
	font-size:12px;
}
#pie ul li:before {
	content: "» ";
}

#pie ul.first{
	margin-left:0
}

#pie ul.last{
	border:none;
}

#pie ul h4{
	color:#D52626;
}

#pie ul, #pie ul li a{
	color:#ccc;
}

#pie ul li a:hover{
	/*color:#D52626;*/
	padding-left:4px;
	background:#454545;
}

#mapa{
	margin:0 0 0 12px;
}

/*** TABS ***/

ul#tab-tecno li a{
	text-indent:-10000px;
}

ul#tab-tecno li a#tab-clantec, ul#tab-tecno li a#tab-clanhid, ul#tab-tecno li a#tab-clannit{
	width:125px;
	padding:10px;
}

ul#tab-tecno li a#tab-clantec{
	background:url(../images/tab-tecnologica.png) no-repeat center;
}

ul#tab-tecno li a#tab-clanhid{
	background:url(../images/tab-hidrogen.png) no-repeat center;
}

ul#tab-tecno li a#tab-clannit{
	background:url(../images/tab-nitrogen.png) no-repeat center;
}

p.mas {
	font-weight:bold;
	text-align:right;
}

p.mas a{
	color:#900;
}

p.mas a:hover{
	text-decoration:underline;
}

#gmap{
	width:960px;
	height:350px;
	border: 1px solid #aaa;
}

.gmnoprint{
	font-size:13px;
}

/**** Formulario ****/

ul#campos-form{
	list-style:none;
}

ul#campos-form .campo{
	padding:5px;
	float:left;
}

ul#campos-form .campo label{
	font-size:12px;
}

ul#campos-form .campo label span{
	color:#f00;
}

ul#campos-form input[type="submit"], ul#campos-form input[type="reset"]{
	width:197px;
	height:30px;
	border:0;
	margin-top:10px;
}

ul#campos-form input[type="submit"]{
	margin-right:8px;
	margin-left:15px;
}
ul#campos-form input.enviar{
	background:url(../images/btn-enviar.png) no-repeat;
}

ul#campos-form input.enviar:hover{
	background:url(../images/btn-enviar-hover.png) no-repeat;
}
ul#campos-form input.enviarDe{
	background:url(../images/btn-enviarDe.png) no-repeat;
}

ul#campos-form input.enviarDe:hover{
	background:url(../images/btn-enviar-hoverDe.png) no-repeat;
}

ul#campos-form input.enviarEn{
	background:url(../images/btn-enviarEn.png) no-repeat;
}
ul#campos-form input.enviarFr{
	background:url(../images/btn-enviarFr.png) no-repeat;
}

ul#campos-form input.enviarEn:hover{
	background:url(../images/btn-enviar-hoverEn.png) no-repeat;
}
ul#campos-form input.enviarFr:hover{
	background:url(../images/btn-enviar-hoverFr.png) no-repeat;
}

ul#campos-form input.borrar{
	background:url(../images/btn-borrar.png) no-repeat;
}

ul#campos-form input.borrar:hover{
	background:url(../images/btn-borrar-hover.png) no-repeat;
}
ul#campos-form input.borrarDe{
	background:url(../images/btn-borrarDe.png) no-repeat;
}

ul#campos-form input.borrarDe:hover{
	background:url(../images/btn-borrar-hoverDe.png) no-repeat;
}
ul#campos-form input.borrarEn{
	background:url(../images/btn-borrarEn.png) no-repeat;
}
ul#campos-form input.borrarFr{
	background:url(../images/btn-borrarFr.png) no-repeat;
}

ul#campos-form input.borrarEn:hover{
	background:url(../images/btn-borrar-hoverEn.png) no-repeat;
}
ul#campos-form input.borrarFr:hover{
	background:url(../images/btn-borrar-hoverFr.png) no-repeat;
}

ul#campos-form textarea{
	max-width:425px;
	min-width:425px;
	min-height:60px;
	max-height:60px;
}


.error label{
	float:none;
	font-size:12px;
	color:#f00;
	margin-left:25px;
}

ul.aplicaciones{
	padding-left:220px;
}

ul.aplicaciones1{
	padding-left:20px;
}

ul.aplicaciones2{
	padding-left:250px;
}

#laboratorio .secciones .seccion .desc{
	padding-left:30px;
	/*display:none;*/
}

.seccion label{
	font-size:12px;
}

.seccion select{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}

.ui-tabs .ui-tabs-nav li a{
	color:#900;
	font-size:14px;
}

span.infoTitulo{
	font-weight:normal;
	padding-left:15px;
}

span.infoTitulo2{
	font-weight:normal;
	padding:0 25px 0 15px;
	text-align:right;
	background:url(../images/bottom.png) no-repeat center right;
}

a.top{
	color:#900;
	padding-left:20px;
	background:url(../images/top.png) no-repeat left center;
}

a.left{
	color:#900;
	padding-left:20px;
	background:url(../images/left.png) no-repeat left center;
}

/*** Idiomas ***/

a#espanol{
	width:16px;
	height:11px;
	display:block;
	background:url(../images/spbn.gif);
}

a#espanol:hover, a.idioma-activo#espanol{
	background:url(../images/sp.gif);
}

a#ingles{
	width:16px;
	height:11px;
	display:block;
	background:url(../images/enbn.gif);
}

a#ingles:hover, a.idioma-activo#ingles{
	background:url(../images/en.gif);
}

a#frances{
	width:16px;
	height:11px;
	display:block;
	background:url(../images/frbn.gif);
}

a#frances:hover, a.idioma-activo#frances{
	background:url(../images/fr.gif);
}

a#aleman{
	width:16px;
	height:11px;
	display:block;
	background:url(../images/albn.gif);
}

a#aleman:hover, a.idioma-activo#aleman{
	background:url(../images/al.gif);
}


/*** Tooltips ***/

#tooltip{
	position:absolute;
	border:2px solid #ccc;
	background:#333;
	padding:5px 10px;
	color:#fff;
	display:none;
	
	border-radius:7px; /* propiedad CSS3 */
	-moz-border-radius:7px; /* Firefox */
	-webkit-border-radius:7px; /* WebKit y Safari */
	-khtml-border-radius:7px;
}	

/*****************/

#empresa .imagen{
	margin-bottom:30px;
}