/*CSS- Estilo Avandtel-*/
body{
	scrollbar-face-color:#84D6EA;
	scrollbar-arrow-color:#036;
	scrollbar-track-color:#7EC5D6;
	scrollbar-shadow-color:#399;
	scrollbar-highlight-color:#FFF;
	scrollbar-3dlight-color:#069;
	scrollbar-darkshadow-Color:#036;
	background-color:#9cc7ce;
	background:url(../graf/fondoweb2.jpg) repeat-x;	
	margin:0;
}
#body_client{background:url(../graf/fondoweb2.jpg) repeat-x;}
#body_relleno{background:url(../graf/fondo0.gif);}
img{border:0;}
/*********************************************************************/
/*Titulo de la seccion de la pagina, linea naranja y motivo seccion  */
/*********************************************************************/
.titulo{
	position:absolute;
	top:0;
	left:132px;
	visibility: visible;
}

.orange1,.orange2,.orange3,.orange4,.orange5,.orange6,.orange7{
	position:absolute;
	top:10px;
	visibility: visible;
	
/*longitud de la linea naranja superior en funcion de cada pagina*/
*top:13px;}
.orange1{left:290px;}
.orange2{left:410px;}
.orange3{left:225px;}
.orange4{left:315px;}
.orange5{left:440px;}
.orange6{left:350px;}
.orange7{left:355px;}

/*imagen inferiorizquierda*/
.motivo_seccion,.mot_sec2{
	position:absolute;
	left:0;
	top:192px;
	z-index:0;
	visibility: visible;
}
.mot_sec2{top:181px;}

/*********************************************************************/
/*Posicionamiento del SUBMENU de las secciones SERVICIOS y CALIDAD   */
/*********************************************************************/
#submenu2{
	position:absolute;
	top:-60px;
	left:128px;
	z-index:3;
}
#rectangulo{position:absolute; left:33px; top:4px; width:10px; height:50px; z-index:1}
.botonera {
	background-color: #D7EAEE;
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #000;
}
/*********************************************************************/
/*Definicion del estilo de los vinculos, aplicado a los ID='vinculo' */
/*********************************************************************/
#vinculo{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	text-decoration:none;
	font-weight:bold;
	margin-right:30px;
	position:relative;
	visibility: visible;
	left: 24px;
	top: 25px;
}
#vinculo:hover{
	color:#F60;
}

.vinculo_fclaro{
    color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	text-decoration:none;
	font-weight:bold;
	visibility:visible;
}
.vinculo_fclaro:hover{
	color:#F60;
}

.vinculo_foscuro{
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	visibility:visible;

}
.vinculo_foscuro:hover{
	color:#F60;
}
.vinculo_oculto{
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	visibility:visible;

}
.vinculo_oculto:hover{
	color:#F60;
}

/*********************************************************************/
/*Definicion del estilo de los vinculos normales                     */
/*********************************************************************/
a:link {text-decoration: none;}    /*estilo del link comun*/
a:visited {text-decoration: none;} /*estilo del link una vez que ya hemos hecho clic sobre el.*/
/*a:active {color: #000;}							/*formato que adquiere en el momento justo en que presionamos sobre el*/
a:hover {text-decoration: none }   /*estilo que adquiere el link cuando pasamos el mouse por encima.*/
.t{ font-size:2px; position:absolute;top:400px;}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F60;
}
.margen {
	position: absolute;
	left: 130px;
	top: 0px;
}
.tabla {
	position: relative;
	left: 150px;
	top: 10px;
	height: 200px;
	width: 3000px;
}
.tabla td{
	font:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}

/*********************************************************************/
/*CLIENTES: Menu orden alfabetico*/
/*********************************************************************/
#ord_alfa{
	position:absolute;
	top:40px;
	left:131px;
	z-index:3;
}	
#ord_alfa a:link td{background-color: #f76b00; text-decoration: none;}    /*estilo del link comun*/
#ord_alfa a:visited td{background-color: #f76b00; text-decoration: none;} /*estilo del link una vez que ya hemos hecho clic sobre el.*/
#ord_alfa a:active td{background-color: #000000;}							/*formato que adquiere en el momento justo en que presionamos sobre el*/
#ord_alfa a:hover td{background-color: #000000; text-decoration: none; cursor: hand;}   /*estilo que adquiere el link cuando pasamos el mouse por encima.*/

/*CLIENTES: Estilo de la lista de clientes*/
#clienteslist{
	position:absolute;	
	top:0px;
	left:-20px;
}
#clienteslist li{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style:none;
	font-size:10px;
	line-height:18px;
	width:380px;
	display:list-item;
}

/* CLIENTES Posicion absoluta de columnas, con separacion inferior  */
/* Para agnadir mas columnas, definir id nueva (#col_n) y agnadir aqui */
#col_1, #col_2, #col_3, #col_4, #col_5, #col_6, #col_7{
	position:absolute;
	top:35px;
}
/*Separacion entre columnas de 400px */
#col_1{left:210px;}
#col_2{left:610px;}
#col_3{left:1010px;}
#col_4{left:1410px;}
#col_5{left:1810px;}
#col_6{left:2210px;}
#col_7{left:2610px;}


/*********************************************************************/
/*posicionamiento GENERAL de txts de paginas de SERVICIOS*/
/*********************************************************************/
#txt_ser_col_1,#txt_ser_col_2,#txt_ser_col_3,#txt_ser_col_4,#txt_ser_col_5,#txt_ser_col_6,#txt_ser_col_7,#txt_ser_col_8{
	position:absolute;
	width:350px;
	text-align:justify;
	height: 224px;
	z-index: 3;
	visibility: visible;
}
/*configuracion general de las columnas de las paginas de SERVICIOS*/
#txt_ser_col_1{top:40px; left:350px;}
#txt_ser_col_2{top:40px; left:750px;}
#txt_ser_col_3{top:40px; left:1150px;}
#txt_ser_col_4{top:40px; left:1550px;}
#txt_ser_col_5{top:40px; left:1950px;}
#txt_ser_col_6{top:40px; left:2350px;}
#txt_ser_col_7{top:40px; left:2750px;}
#txt_ser_col_8{top:40px; left:3150px;}

/*********************************************************************/
/*posicionamiento GENERAL de txts de pagina de PRESENTACION*/
/*********************************************************************/
#txt_pre_b1,#txt_pre_b2,#txt_pre_b3{
	position:absolute;
	width:350px;
	text-align:justify;
	height: 224px;
	z-index: 3;
	visibility: visible;
}
/*configuracion general de las columnas de las pagina de PRESENTACION*/
#txt_pre_b1{top:36px; left:172px;}
#txt_pre_b2{width:365px;top:36px; left:640px;}
#txt_pre_b3{top:58px; left:640px;}
#img_present{
	position:absolute;
	top:100px;
	left:555px;
	height:230px;
	visibility: visible;
	z-index: 2;
}


/*********************************************************************/
/*posicionamiento de txts y mapas de paginas de CONTACTE*/
/*********************************************************************/
/********************** CONTACTE 1 (Contacte) ************************/
.mapa1, .mapa2{
	position:absolute;
	top:50px;
	width: 489px;
	height: 274px;
}
.mapa1{
	left:500px;
	text-align: center;
}
.mapa2{
	left:1053px;
	text-align: center;
}
/********************** CONTACTE 5 (Intranet) **************************/
#login{
	position:absolute;
	top:15px;
	*top:20px;
	left:200px;
	list-style:none;
}
#login li{ margin-bottom:5px;}
#btns_login{position:absolute; left:38px; *left:-3px;width:200px; *width:215px;margin:3px;padding:5px; height:10px;}
/******************/
#TextoDireccion{position:absolute; top:30px;*top:40px; left:300px; z-index:1;}
#formulario{position:absolute; top:49px; *top:35px;left:260px; z-index:1;}
#formulario li{ list-style:none; text-align:left}
#formulario input{margin-bottom:2px;}
#tit_form, #cam_form,#tit_form2,#cam_form3,#aut{
	position:absolute;
	width:300px;
	top:-2px;
	height: 116px;
}
#tit_form{left:1px; line-height:20px;}
#cam_form{ /*top:-8px;*/left:131px;}
#tit_form2{left:309px; width:100px;}
#cam_form3{left:401px;top:-5px;}
#aut,.erg,.cam_form,.tit_form2,.pol_form{left:0px;top:100px;position:absolute;color:#006600; z-index:100; border:none;designer:4n70n10; background-color:#039;surname1:54nche2;surname2:B14nc0;float:left;display:inline;}
#pol_form,#btns_form{position:absolute; width:305px;top:150px;margin:3px;padding:5px; height:10px;}
#pol_form{left:30px;}
#btns_form{left:360px; text-align:right;*padding:3px 0 0 0;}
#aceptar1{margin-right:20px;}


/*********************************************************************/
/*Estilos de elementos relacionados con pagina de MAPA WEB*/
/*********************************************************************/
#mapaweb{
	background: url(../graf/btns/bmapaweb_off.gif) no-repeat;
	position:fixed;
	top:31px;
	right:-10px;
	width:115px;
	height:21px;
	*position:absolute; /*IE7 e inferiores*/
}
#mapaweb a:hover{
	background: url(../graf/btns/bmapaweb_on.gif) no-repeat;
	position:fixed;
	top:31px;
}

#sitemap{background:url(../graf/fondo0.gif);}
#sitemap li{margin:0 0 0 -20px;}
#sitemap a{font-weight:bold;color:#000;}
#sitemap a:hover{font-weight:bold;color:#F60;}


/*********************************************************************/
form input, #descargas td,.textob {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #000;
	text-decoration: none;
}
/*********************************************************************/
/********* Posicion pelicula FLASH del Apartado Proyectos ************/
/*********************************************************************/
.flash{
	position: absolute;
	left: 128px;
	top:0px;
}

/*********************************************************************/
/*Estilos de elementos relacionados con pagina Index 1 y 2 ***********/
/*********************************************************************/
#body_index{background:url(../graf/fondoindex.jpg) repeat-x;}
/*#body_index2{ background:#000 none; margin:0;}*/
.motivo_index2{
	position:absolute;
	left:80px;
}
#entrar{
	position:absolute;
	top:341px;
	left:79px;
	width:420px;
	height:68px;
}

/*********************************************************************/
/*Estilos de elementos relacionados con pagina DESCARGAS   ***********/
/*********************************************************************/
#descargas{
	position:absolute;
	top:40px;
	left:133px;
	overflow-y:auto;
	height:410px;
	width:850px;
}
#descargas table{border-right:#f76b00 1px solid;margin-right:10px;
}
#descargas td, #descargas td a{
	padding:3px 0 3px 3px;
	text-align:center;
}
#descargas td{
	border-bottom:#f76b00 1px solid;
	border-left:#f76b00 1px solid;
}
#descargas td .lf{text-align:center;}
.tit{
	font-weight:bold;
	font-size:15px;
	background-color:#f76b00;
}
.acciones{
	text-align:center;
	left:10px;
}
#vinculo_des{ 
	color:#FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	text-decoration:none;
	font-weight:bold;
	position:relative;
	left:-5px;
}
#vinculo_des:hover{ text-decoration:underline;}
td nopad{border:0;}


/*********************************************************************/
/************         TIPOGRAFIA              ************************/
/*********************************************************************/
.texto{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	/*font-style: normal;*/
	color: #000;
	text-decoration: none;
 } 

.negrita{font-weight:bold;}

.borde{border: 1px solid #F76B00;}

.textob{color: #FFF; font-weight:normal;}

.textoblanco{
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

/*Textos con animacion 'sigue' y 'volver' de paginas horizontales*/
.sigue,.volver,.volver2{
	color: #FF6600;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: absolute;
	font-style: italic;
	text-transform: lowercase;
	width: 48px;
	height: 14px;
	visibility: visible;
 } 
.sigue{left: 800px; top: 400px}
.volver{left: 1350px; top: 20px;} 	
.volver2{left: 2329px; top: 20px;}

   
/*Colores ENAC*/
.red,.yel{font-weight:bold;}
.red{color:#F00;}
.yel{color:#F90;}
.enac{float:left;margin-right:5px;}
/**********************  Fin TIPOGRAFIA   ***************************/