/*  HTML, BODY  
--------------------------------------- */
*, html {padding:0; margin:0;}
body {
	padding:0;
	margin:15px 0;
	color:#5E5E5E;
	background:#fff url(../images/fondo.gif) repeat;
	font-size:small;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* IE HACK  */
* html body {
	font-size:x-small; /* IE */
	f\ont-size: small; /* otros IE */ 
}

/* H1, A
--------------------------------------- */
h1, h2, h3, h4, p, ul, li { margin:0; padding:0; color:#5e5e5e;}
h1 {font-size:145%; }
h2 {font-size:130%; }
h3 {font-size:100%;}
img {border:0;}
ul, li {list-style:none;}
a:link, a:visited {font-family:Arial, Helvetica, sans-serif; color:#3E7AE8;}
a:hover {text-decoration:none;}
/* WRAP 
--------------------------------------- */
#wrap {
	float:left; /* para el borde */
	font-size:95%; /* texto mas pequeo para toda la web */
	width:850px;
	margin:0 auto;	
	background:#ffffff;
	border:1px solid #ddd;
	position:relative;  	/* layout posicionamiento negativo */
	left:50%;				
	margin-left:-425px; 	
}

/* CABECERA
--------------------------------------- */
#head h1 {
	position:relative;
	height:90px;
	text-indent:-5000px;
	background:#006bad url(../images/logo_sagelux_blanco.gif) no-repeat 50% 15px;
}
#head p.cert img {
	position:absolute;
	top:15px;
	right:15px;
}
#head p.cert img.ecolum {
	position:absolute;
	top:34px;
	right:100px;
}

/* navegador */
#nav {
	position:relative;
	float:left;
	width:850px;
	background-color:#006bad;
	padding:0;
}
#nav p {
	float:left;
	width:650px;
	margin:0;
	padding:5px 0;
	background-color:#006bad;
	text-align:left;
}
#nav a:link, #nav a:visited {
	font-size:90%;
	color:#fff;
	padding:0px 8px 0 8px;
	text-decoration:none;
	text-transform:uppercase;
	border-left:1px solid #fff;
}
#nav a.primero:link, #nav a.primero:visited {	border-left:0px; margin-left:20px;}
#nav a:hover {
	text-decoration:underline;
}
/* BUSCADOR */

#buscadorpor {
	position:absolute;
	top:-10px !important;
	top:-12px;
	right:0;
	float:right;
	width:185px;
	padding-right:10px;
	font-size:90%;
}
#nav form { float:right; font-size:90%;}
#buscadorpor label {float:left; color:#fff;}
#buscadorpor input.bot {color:#006bad; font-size:11px; font-family:Arial, Helvetica, sans-serif; border:1px solid black; background-color:#fff;}
#buscadorpor input.txtbus {color:#666; width:110px; font-size:90%; border:1px solid #fff; background-color:#fff; padding:1px;}




/* PIE DE PÁGINA
--------------------------------------- */
#pie, #pie_por {
	float:left;
	width:850px;
	clear:both;
	font-size:80%;
	text-align:center;
	background:#006bad;
	color:#fff;
	padding:6px 0;
}
#pie a:link, #pie a:visited, #pie_por a:link, #pie_por a:visited {
	color:#fff;
	text-decoration:underline;
}

/* CONTENIDO
--------------------------------------- */
#contenido {
	float:left;
	1position:relative;
	width:810px;
	background:#fff;
	padding:20px;
}
#contenido h2 {
	/*background:#fff url(../images/tit_sati.gif) no-repeat 10px 0;*/
	text-indent:-5000px;
	line-height:30px;
}
#contenido p.volver span {
	position:absolute;
	right:30px;
	top:20px;
	color:#006dab;
	font-size:90%;
}
#contenido p.volver a:link, #contenido p.volver a:visited {
	text-transform:uppercase;
	text-decoration:none;
	color:#006dab;
}
#contenido p.volver a:hover { 
	text-decoration:underline;
}
ul#mini {
	float:left;
	width:810px;
	padding:0px;
	text-align:center;
	font-size:90%;
}
ul#mini li {
	float:left;
	width:160px;
	display:inline;
	margin:10px;
	padding:0;
	padding-right:20px;
	text-align:right;
	background:url(../images/ico_flecha_azul.gif) no-repeat 100% 95%;
}
ul#mini li a:link, ul#mini li a:visited {
	float:left;
	border:1px solid #ccc;
	margin:0 0 5px 0;		
	text-transform:uppercase;
	color:#006bad;
}
ul#mini li a.enl:link, ul#mini li a.enl:visited {
	float:right;
	border:0;
	margin:0 0 5px 0;
	text-decoration:none;
}
ul#mini li a.enl:hover { text-decoration:underline;}
ul#mini img { padding:5px;}


/* IZQUIERDA
--------------------------------------- */
#izquierda {
	float:left;
	position:relative;
	width:424px;
	min-height:580px !important;
	height:580px;
	height:inherit !important;
	background:#006bad url(../images/fondo_azul.gif) repeat-y 0 0;
}
#izquierda p.tipo {
	position:relative;
	width:125px;
	height:125px;
	border:1px solid #fff;
	margin:15px 0 0 35px;
}
#izquierda p.tipo span {
	position:absolute;
	bottom:5px;
	right:5px;
	color:#cfe8f8;
	text-align:right;
	text-transform:uppercase;
	font-size:80%;
	line-height:1.3em;
}
#izquierda p.titulo {
	float:left;
	width:409px;
	margin:50px 0 0px 0px;
	background:#006bad url(../images/linea_punteada.gif) repeat-x 0 85%;
}

#izquierda p.nombretec {
	position:absolute;
	float:right;
	top:15px;
	right:5px;
	color:#cfe8f8;
	text-align:right;
	text-transform:uppercase;
	font-size:80%;
	line-height:1.3em;
}

#izquierda p.titulo span {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	background:#006bad;
	color:#fff;
	font-size:300%;
	text-transform:uppercase;
	padding:0 5px 0 20px;
}
#izquierda p.titulo img {
	padding-left:15px;
	background:#006bad;
}

/* texto */
#izquierda p.texto {
	float:left;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
	padding:15px 25px 50px 45px;
}

/* nav izquierda */
#izquierda p.menizq1 {
	position:absolute;
	width:424px;
	bottom:10px;
	left:0;
	text-align:center;
	color:#fff;
}
#izquierda p.menizq1 span.volver {
	margin-right:150px;
}
#izquierda p.menizq1 a { 
	color:#fff;
	text-transform:uppercase;
	font-size:90%;
	text-decoration:none;
}
#izquierda p.menizq1 a:hover {
	text-decoration:underline;
}


/* DERECHA 
--------------------------------------- */
#derecha {
	float:right;
	position:relative;
	width:424px;
	height:580px;
	background-color:#fff;
}
/* logo */
#derecha p.logo {
	text-align:center;
	padding:15px 0 10px 0;
}
/* foto + croquis */
#derecha p.producto, #derecha p.producto1 {
	text-align:center;
	width:409px;
	padding:3px 0;
	font-size:90%;
	font-family:Arial, Helvetica, sans-serif;
	color:#aaa;
}
#derecha p.producto1 {margin-top:90px;}

#derecha p.croquis img{
	border:1px dashed #ddd;
	padding:4px 8px;
}

/* pdfs */
#derecha p.pdfs {
	position:absolute;
	bottom:40px;
	left:0;
	padding:0 10px;
	margin:0;
}
#derecha p.pdfs a:link, #derecha p.pdfs a:visited {
	float:right;
	color:#006bad;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	font-size:90%;
	border:1px solid #006bad;
	padding:4px 4px 4px 26px;
	background: url(../images/ico_pdf.gif) no-repeat 4px 50%;
	margin:4px 1px 4px 1px;
}

#derecha p.pdfs a:hover {border:1px solid #ddd;}

/* nav derecha */
#derecha p.mender1 {
	position:absolute;
	width:424px;
	right:0;
	bottom:10px;
	color:#006bad;
	text-align:center;
}
#derecha p.mender1 a:link, #derecha p.mender1 a:visited { 
	color:#006bad;
	text-transform:uppercase;
	font-size:90%;
	text-decoration:none;
}
#derecha p.mender1 a:hover {
	text-decoration:underline;
}

/* TABLAS 
--------------------------------------- */
#wraptabla {
	float:left; /* para el borde */
	position:relative;
	width:98%;
	border:1px solid #ccc;
}
#contenidotabla {
	float:left;
	background:#fff;
	padding:10px 20px 20px 20px;
	font-size:11px;
}
#contenidotabla h2 {
	line-height:36px;
	color:#006bad;
	text-indent:-5000px;
	line-height:30px;
	font-size:260%;
	font-weight:normal;
	padding-bottom:8px;
	font-family:Arial, Helvetica, sans-serif;
}
#contenidotabla p.volver span {
	position:absolute;
	right:20px;
	top:20px;
	color:#006dab;
	font-size:85%;
}
#contenidotabla p.volver a:link, #contenidotabla p.volver a:visited {
	text-transform:uppercase;
	text-decoration:none;
	color:#006dab;
}
#contenidotabla p.volver a:hover { 
	text-decoration:underline;
}

#contenidotabla p.subtit1 {
	font-weight:bold;
	padding:4px 0;
	text-transform:uppercase;
	color:#aaa;
}

#contenidotabla p.pretabla {
	position:relative;
	padding:5px 0;
	text-transform:uppercase;
	color:#006bad;
}
#contenidotabla p.pretabla span {
	position:absolute;
	right:0;
}
#contenidotabla p.postabla, #contenidotabla p.fintit1 {
	padding:0;
	font-size:10px;
}
#contenidotabla p.postabla { margin-bottom:5px;}
#contenidotabla p.postabla1 { margin-bottom:15px; padding:0;
	font-size:10px;}

#pietabla {
	float:left;
	width:100%;
	font-size:10px;
	text-align:center;
	background:#006bad;
	color:#fff;
	padding:10px 0;
	line-height:1.5em;
}
#pietabla a:link, #pietabla a:visited {
	color:#fff;
	text-decoration:underline;
}

table {
	border-collapse:collapse;
	width:100%;
	margin:2px 0 10px 0;
	border:1px solid #ccc;
}
th { background:#006bad; color:#fff;}
th, td {
	padding:0.2em 0.2em;
	border-bottom:1px solid #ccc;
}
thead {
	background:#fff;
	border-top:1px solid #ccc;
}
th {
	font-weight:normal;
	text-align:left;
}

/* PORTADA
----------------------------------- */
#contenido_por {
	float:left;
	width:810px;
	background:#006bad url(../images/fondo_portada.jpg) no-repeat 0 0;
	padding:0 20px;
	padding-bottom:30px !important;
	padding-bottom:10px;
}

ul#accesos_por {
	float:left;
	width:631px;
	padding:209px 0 0 30px;
	text-align:center;
	font-size:90%;
}
ul#accesos_por li, ul#accesos_por li.sati,  ul#accesos_por li.sesam {
	float:left;
	position:relative;
	width:190px;
	height:140px;
	display:inline;
	margin:0;
	margin-right:20px;
	padding:0;
	text-align:right;
}
ul#accesos_por li {	background:url(../images/fondo_acceso_gen.gif) no-repeat 0 0;}
ul#accesos_por li.sati {background:url(../images/fondo_acceso_sati.gif) no-repeat 0 0;}
ul#accesos_por li.sesam {background:url(../images/fondo_acceso_sesam.gif) no-repeat 0 0;}
ul#accesos_por a{
	float:right;
	width:180px;
	height:99px;
	background:url(../images/ico_flecha_blanca.gif) no-repeat 95% 100%;
	text-decoration:none;
}
ul#accesos_por a.fpeq{
	float:right;
	margin-top:10px;
	width:180px;
	height:49px;
	background:url(../images/ico_flecha_blanca_peq.gif) no-repeat 94% 0%;
	text-decoration:none;
}

/* descargas por */
ul#descargas_por {
	position:absolute;
	right:10px;
	bottom:58px !important;
	bottom:55px;
	float:right;
	width:130px;
	padding:0;
	font-size:90%;
}
ul#descargas_por li{
	position:relative;
	float:right;
	width:130px;
	height:86px;
	display:inline;
	padding:0;
	text-align:right;
}

ul#descargas_por li {background: url(../images/fondo_acceso_despor.gif) no-repeat 0 0;}

ul#descargas_por li a.catalogo{
	position:absolute;
	right:0;
	bottom:8px;
	float:right;
	width:130px;
	height:22px;
	background:url(../images/ico_flecha_blanca_peq.gif) no-repeat 90% 100%;
	text-decoration:none;
}
ul#descargas_por li a.tarifas{
	position:absolute;
	right:0;
	bottom:35px;
	float:right;
	width:130px;
	height:22px;
	background:url(../images/ico_flecha_blanca_peq.gif) no-repeat 90% 100%;
	text-decoration:none;
}


/* PIE portada */

#pie_por {
border-top:1px solid #3385b8; padding-top:9px;}


/* SECCIONES 
---------------------------------------------- */
#contenido_sec {
	float:left;
	width:810px;
	padding:20px;
	min-height:300px;
}
#contenido_sec h2 {
	text-indent:-5000px;
	background:#fff url(../images/tit_empresa.png) no-repeat 0 0;
	height:36px;
}
#contenido_sec h2.con {
	text-indent:-5000px;
	background:#fff url(../images/tit_contacto.png) no-repeat 0 0;
	height:36px;
}
#contenido_sec h2.titsati {
	text-indent:-5000px;
	background:#fff url(../images/tit_sati.png) no-repeat 0 0;
	height:36px;
}
#contenido_sec h2.titsesam {
	text-indent:-5000px;
	background:#fff url(../images/tit_sesam.png) no-repeat 0 0;
	height:36px;
}

#contenido_sec p.fotos {
	float:left;
	width:240px;
}
#contenido_sec p.fotos img {border:1px solid #888;}
#contenido_sec p.fotos span { float:left; margin-bottom:10px; padding:2px 0; font-size:90%;}

#contenido_sec p.textoemp {
	float:right;
	width:520px;
	line-height:1.5em;
	font-size:90%;
	margin-right:20px;
}
#contenido_sec p.clientes {
	float:right;
	width:520px;
	line-height:1.5em;
	font-size:90%;
	margin-right:20px;
	padding:5px 0;
	padding-top:15px;
}
#contenido_sec ul {
	float:right;
	width:520px;
	line-height:1.5em;
	font-size:90%;
	list-style:none;
	margin-right:20px;
	}
#contenido_sec ul li{
	float:left;	
	margin-right:15px;
	color:#666;
}

#contenido_sec p.mapa {
	float:left;
	width:240px;
}
#contenido_sec p.mapa img {border:1px solid #888;}
#contenido_sec p.mapa span { float:left; margin-bottom:10px; padding:5px 0; font-size:90%; width:470px;}	

#contenido_sec p.provincia{
	float:right;
	width:298px;
	height:30px;
	line-height:30px;
	text-align:center;
	color:#fff;
	font-size:120%;
	font-weight:normal;
	letter-spacing:0.05em;
	text-transform:uppercase;
	margin-right:12px;
	background:url(../images/head_datosred.gif) no-repeat 0 0;
}
#contenido_sec p.datosred{
	float:right;
	width:276px;
	border:1px solid #ccc;
	border-top:0px;
	padding:10px;
	color:#666;
	font-weight:normal;
	margin-right:12px;
	font-size:90%;
	line-height:1.5em;
}

#contenido_sec p.datosred span.nombre{
	float:left;
	width:276px;
	padding:4px 0 1px 0;
	margin-bottom:5px;	
	font-weight:bold;
	color:#006bad;
	border-bottom:1px solid #ddd;
}

#contenido_sec p.datosred span.datos{
	float:left;
	width:276px;
	padding-bottom:5px;
}

/* CALCULO */

#contenido_sec p.capturas, #contenido_sec p.capturascurvas {
	float:right;
	width:240px;
	margin-top:10px;
}
#contenido_sec p.capturascurvas {	margin-top:50px;}
#contenido_sec p.capturas img, #contenido_sec p.capturascurvas img {border:1px solid #888; margin:15px 0; }
#contenido_sec p.capturas span { float:right; color:#006bad; font-size:90%; text-transform:uppercase;}
#contenido_sec p.capturas span a{ font-size:100%; text-transform:uppercase; text-decoration:none;}
#contenido_sec p.capturas span a:hover{ font-size:100%; text-transform:uppercase; text-decoration:underline;}
#contenido_sec p.textocal, #contenido_sec p.textocur {
	float:left;
	width:520px;
	line-height:1.5em;
	font-size:90%;
	margin-right:20px;
	margin-top:10px;
	margin-left:2px;
}
#contenido_sec p.textocal span, #contenido_sec p.textocur span{
	float:left;
	width:520px;
	font-size:130%;
	font-weight:bold;
	color:#006bad;
	clear:both;
	padding-bottom:5px;
}
#contenido_sec p.textocur {	border-top:1px dashed #ddd; margin-top:20px;}
#contenido_sec p.textocur span.cur {margin-top:20px; font-weight:normal; font-size:130%; }
#contenido_sec p.textocur span.verejemplo {font-size:100%;font-weight:normal; padding-top:10px;}
#contenido_sec p.textocur span.verejemplo a{ text-transform:uppercase; text-decoration:none; font-weight:normal;}
#contenido_sec p.textocur span.verejemplo a:hover{text-transform:uppercase; text-decoration:underline;}


/* CALIDAD */

#contenido_sec p.textocalidad{
	float:left;
	width:790px;
	line-height:1.5em;
	font-size:90%;
	margin-right:20px;
	margin-top:10px;
	margin-left:2px;
}

#contenido_sec ul.certificados {
	float:left;
	width:790px;
	line-height:1.5em;
	font-size:90%;
	list-style:none;
	margin-right:20px;
	padding-top:20px;
	}
#contenido_sec ul.certificados li{
	float:left;	
	margin-right:25px;
	color:#666;
}
#contenido_sec ul.certificados li a{ text-transform:uppercase;}
#contenido_sec p.textoecolum{
	float:left;
	width:620px;
	background:url(../images/ecolum_web.jpg) no-repeat 0 50%;
	padding:30px 0; 
	padding-left: 170px;
	line-height:1.5em;
	font-size:90%;
 	margin-top:20px;
	margin-left:2px;
	border-top:1px dashed #ddd;
}

/* UBICACIÓN */

#contenido_sec p.datosubi{
	float:left;
	width:300px;
	line-height:1.5em;
	font-size:90%;
	margin-top:10px;
	margin-left:2px;
	margin-bottom:5px;
}
#contenido_sec p.mapas{
	float:right;
	margin-top:10px;
	width:480px;
	text-align:right;
}	
#contenido_sec p.mapas img {padding:0px; border:1px solid #ccc;}

/* NORMATIVAS */

#contenido_sec table.normativas {
	border-collapse:collapse;
	font-size:90%;
	border:0;
}
#contenido_sec table.normativas caption {
	text-align:left;
	font-weight:bold;
	padding-bottom:5px;
	margin-top:10px;
	background:#eee;
	color:#006bad;
	padding:5px;
	border:1px solid #ddd;
}
#contenido_sec table.normativas td.descargar {width:90px;text-align:right;}
#contenido_sec table.normativas td.tipo {width:60px;}
#contenido_sec table.normativas td.tamano {width:80px;}
#contenido_sec table.normativas td.nombre, #contenido_sec table.normativas th.nombre {padding-left:5px;}
#contenido_sec table.normativas td {border-bottom:1px dashed #ddd; padding:4px 0;}
#contenido_sec table.normativas td.todos {width:100%; text-align:right; border-bottom:0; padding:10px 0 0 0;}

#contenido_sec table.normativas th {
	padding:5px 0;
	font-size:100%;
	background-color:#fff;
	color:#006bad;
}

/* CONTACTO */
#contenido_sec label.tipo{
	display:none;
}
#contenido_sec p.seleccioncon {
	float:left;
	padding:20px;
	text-align:left;
	margin-bottom:0px;
	width:750px;
}
#contenido_sec select.tipoform{
	float:left;
	width:350px;	
	color:#006bad;
	font-size:90%;
	margin:0px;
}

#contenido_sec form select.tipoprod{
	float:left;
	width:272px;
	color:#006bad;;
	font-size:90%;
	margin-right:10px;
}


#contenido_sec form fieldset {
	margin:10px 0 0 0;
	padding: 10px;
	border:1px solid #ccc;
	background:#fff;
	font-size:90%;
}

#contenido_sec form legend {
	font-size:180%;
	padding:0 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#006bad;
}

#contenido_sec form input {
	float:left;
	width:268px;
	margin-right:10px;
	}
#contenido_sec form label {
	float:left;
	width:90px;
	text-align:right;
	padding-right:10px;
	line-height:1.8em;}

#contenido_sec form p {
	float:left;
	width:100%;
	padding:5px 0; 
}
#contenido_sec form input.direccion {
	float:left;
	width:450px;
	margin-right:10px;
}

#contenido_sec form label.cp {
	width:40px;}
#contenido_sec form input.cp {
	float:left;
	width:136px;
	margin-right:20px;
}
#contenido_sec form textarea {
	float:left;
	width:650px;
}
#contenido_sec form input.enviar{
	float:left;
	width:100px;
	border:1px solid #666;
	margin-left:100px;	
}

#contenido_sec form input.checkbox {
	float:left;
	width:20px;
	margin:10px 0;
	margin-left:98px;
	
}
#contenido_sec form label.checkbox {
	float:left;
	width:600px;
	text-align:left;
	line-height:3em !important;
	line-height:3.5em;
	margin-left:5px;
}

/* CALIDAD */

#contenido_sec p.textoss{
	position:relative;
	float:left;
	width:790px;
	line-height:1.5em;
	font-size:90%;
	margin-top:10px;
	margin-left:2px;
}
#contenido_sec p.textoss strong{
	color:#006bad;
	text-transform:uppercase;
}
#contenido_sec p.textoss span.navss{
	position:absolute;
	right:0;
	top:-30px;
	color:#006bad;
}
#contenido_sec p.textoss span.navss a{
	color:#006bad;
	text-decoration:none;
	text-transform:uppercase;
}
#contenido_sec p.textoss span.navss a:hover{text-decoration:underline;}