@charset "utf-8";
/*   
Theme Name: CSS inicial
Author: Queli
Version: 0.1
Description: CSS básico con arreglos y selectores pre-configurados.
*/
/**********************************************
			HACKS PARA IE 
***********************************************/
/* Si tienes la necesidad de aplicar algún hack para IE6 utiliza este selector: 
* html
/* Si necesitas aplicarlo a IE7 utiliza este:
*:first-child+html {}
/* para el opera 9 y anteriores
html:first-child
*/
/***************************************************************** COMIENZO RESET PAGINAS Y REGLAS GENERALES ***********************************************/

/*********************************************
	ELEMENTOS PARA LIMPIAR POR COMPLETO EL HTML 
***********************************************/
* {	margin: 0;	padding: 0; }
/*** NEUTRALIZANDO ESTILOS:
	elementos con margen vertical: ***/

/*** Algunos ajustes basicos: ***/
sup { font-size:1.1em;}
sub {  font-size:1.1em; }

ul {list-style-type:none;}

/*** LINKS:
	recuerda utilizar siempre la regla del LoVe-HAte 
a, a:link, a:visited, a:hover, a:active {}*/
a img { 	border: none; 	text-decoration: none; }
img { 	border: none; 	text-decoration: none; 	/*Si añades un background aparecerá como fondo de la imagen, útil para imágenes de carga*/ }

.marco_imagen{padding:5px;border:1px solid #fece00; background:#fff2bd}
/*** FORMULARIOS: ***/
label, button { cursor:pointer; }
input, select, textarea { 	font-size: 100%; font-family:inherit; font-stretch:inherit; font-weight:inherit; letter-spacing:inherit; font-size:inherit; }
input:focus, select:focus, textarea:focus { 	background-color: #FEEB99; }
fieldset { 	border: none; }

/***  TABLAS ***/
table { border-collapse:collapse; border-spacing:0; width:100%;}

/*** Algunas clases útiles: ***/
/** HACK dar altura a elementos con contenido flotado */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
* html .clearfix {height:1px;}

.float-left { display:inline;	float: left; }
.float-right { display:inline;	float: right; }
.clear{clear:both;margin:0;padding:0; }
.clear_2{clear:both;margin:0;padding:0;height:0;}
.clear_position{position:relative;}
.manolink{cursor:pointer;}
.ocultar {display:none}
.bloque {height:1em; display:block; margin:4px 0; }
.fuerte{font-weight:bold;}
/*LISTA ESTRUCTURAL DE COLUMNAS */
ul#columnas {width:100%; display:block; z-index:100; position:relative; overflow:hidden}
ul#columnas li{display:block;float:left;  margin:0;padding:0;}

#pagina #column_1 { padding-bottom: 32768px; margin-bottom: -32768px; }
#pagina #column_2 { padding-bottom: 32768px; margin-bottom: -32768px; }

	/* solo queda maquetar el ancho de cada columna dentrode cada interior #column_2{ width:47%;} 	#column_3{ width:28%;} */
/* tipos de listas */
#pagina ul.lista{ list-style-type: none;}
#pagina ul.lista li { display:list-item; float:none;}
/***************************************************************** FIN RESET PAGINAS Y REGLAS GENERALES ***********************************************/

/**********************************************
				ESTRUCTURA DE LA PAGINA
***********************************************/
body{margin:0;padding:0;background:#e1e1e1 url(/imagenes/comunes/fondos/fnd-pagina.png) repeat-x;text-align:center; font-size:100%;}
/* el width de la pagina se ajusta en pixeles con el tamaño del screen cortado en photoshop */
#pagina{margin:0 auto; width:1000px; border:1px solid #000;background:#fff;text-align:left;   }
#pagina p {line-height:14px; margin-bottom:10px;}
#header{ position:relative; z-index:80; height:187px; background: #000 }
#content{position:relative; z-index:50; padding:0 0 0 15px;}
/*
#header{ position:relative; z-index:200; height:187px; background: #000 }
#content{position:relative; z-index:150;  padding:0 0 0 15px;}
*/
#footer{clear:both;height:13px;  padding:5px 0; text-align:right; font: normal 0.82em 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;  background:#fff; }
#pagina .interior{border-top:1px solid #a8b9ce; padding:0}
	div.vcard {padding:5px 22px 10px;}
	div.vcard .adr{float:left;}
	div.vcard #footer_telefonos{float:right; text-align:right}
	div.vcard .street-address{height:1em; display:block; margin:4px 0; }
	#copy{clear:both; height:19px;padding: 4px  14px 0 0;background:#a7a37f; text-align:right;}
/********************************************
				TEXTOS
**********************************************/

#pagina{ font: normal 0.69em Verdana, Arial, Helvetica, sans-serif; color: #000; }

#migas li {font: normal 1em Arial, Helvetica, sans-serif; color:#8d865a;}
#migas #estas_en{color:#515c4d;}
/********************************************
				LISTAS MENUS
**********************************************/
/* Lista menu utilidades */
#nav_utilidades{ position:absolute;top:9px; right:9px;  height:14px; font: normal 1em "Trebuchet MS", sans-serif,  list-style-type:none; text-align:right; }
#nav_utilidades li{display:inline; margin:0;padding:0}
#nav_utilidades li a img{margin-right:4px; border:1px solid #fff;}
/*Lista menu pricnioal*/
#nav_principal{position:absolute; bottom:-8px; right:14px;   list-style-type:none;}
#nav_principal li{ float:left;} 
#nav_principal a:link, #nav_principal a:visited, #nav_principal a:active { outline:none} 

#menuInicio{display:block; width:66px;height:56px;background:url(/imagenes/interface/navPrincipal/inicio-off.gif);}
#menuInicio:hover, #menuInicioOff{display:block; width:66px;height:56px; background:url(/imagenes/interface/navPrincipal/inicio-on.gif);}

#menuEmpresa{display:block; width:86px;height:56px;background:url(/imagenes/interface/navPrincipal/empresa-off.gif);}
#menuEmpresa:hover, #menuEmpresaOff{display:block; width:86px;height:56px; background:url(/imagenes/interface/navPrincipal/empresa-on.gif);}

#menuServicios{display:block; width:86px;height:56px;background:url(/imagenes/interface/navPrincipal/servicios-off.gif);}
#menuServicios:hover, #menuServiciosOff{display:block; width:86px;height:56px; background:url(/imagenes/interface/navPrincipal/servicios-on.gif);}

#menuTPlasticos{display:block; width:84px;height:56px;background:url(/imagenes/interface/navPrincipal/transitus-plasticos-off.gif);}
#menuTPlasticos:hover, #menuTPlasticosOff{display:block; width:84px;height:56px; background:url(/imagenes/interface/navPrincipal/transitus-plasticos-on.gif);}

#menuTPerifericos{display:block; width:82px;height:56px;background:url(/imagenes/interface/navPrincipal/transitus-perifericos-off.gif);}
#menuTPerifericos:hover, #menuTPerifericosOff{display:block; width:82px;height:56px;background:url(/imagenes/interface/navPrincipal/transitus-perifericos-on.gif);}

#menuTLaser{display:block; width:82px;height:56px;background:url(/imagenes/interface/navPrincipal/transitus-laser-off.gif);}
#menuTLaser:hover, #menuTLaserOff{display:block; width:82px;height:56px;background:url(/imagenes/interface/navPrincipal/transitus-laser-on.gif);}

#menuTCaucho{display:block; width:82px;height:56px;background:url(/imagenes/interface/navPrincipal/transitus-caucho-off.gif);}
#menuTCaucho:hover, #menuTCauchoOff{display:block; width:82px;height:56px;background:url(/imagenes/interface/navPrincipal/transitus-caucho-on.gif);}

#menuRecambios{display:block; width:86px;height:48px;background:url(/imagenes/interface/navPrincipal/recambios-off.gif);}
#menuRecambios:hover, #menuRecambiosOff{display:block; width:86px;height:56px;background:url(/imagenes/interface/navPrincipal/recambios-on.gif);}

#menuCompramos{display:block; width:99px;height:56px;background:url(/imagenes/interface/navPrincipal/compramos-off.gif);}
#menuCompramos:hover, #menuCompramosOff{display:block; width:99px;height:56px; background:url(/imagenes/interface/navPrincipal/compramos-on.gif);}

#menuOfertas{display:block; width:92px;height:56px;background:url(/imagenes/interface/navPrincipal/ofertas-off.gif);}
#menuOfertas:hover, #menuOfertasOff{display:block; width:92px;height:56px; background:url(/imagenes/interface/navPrincipal/ofertas-on.gif) no-repeat;}

#menuContacto{display:block; width:97px;height:56px;background:url(/imagenes/interface/navPrincipal/contacto-off.gif);}
#menuContacto:hover, #menuContactoOff{display:block; width:97px;height:56px; background:url(/imagenes/interface/navPrincipal/contacto-on.gif);}


/*Listas opciones de bloques en portada educacion y dispacacitados */
.btn-opciones {list-style-type:none; }
.btn-opciones li {background: #f0f4f7; border:1px solid #cbdae5; text-align:center; width:12em;
font: bold 1em 'Trebuchet MS', Helvetica, sans-serif; padding:2px;  margin-top:5px; float:left;}
.btn-opciones li img {margin-right:8px;}
/* para el camino de migas */
ul#migas {margin:4px;}
/********************************************
				ENLACES 
**********************************************/
/* generales */
a:link, a:visited { font: normal 1em Verdana, Arial, Helvetica, sans-serif; color:#00f; }
a:hover{ text-decoration:none;}
/* menu pricipal */
#nav_utilidades a{ margin-left:5px; border-right:1px solid #3c6ba3; padding-right:6px; text-decoration:none; color:#afadad; }
#nav_utilidades li.idiomas a {border-right:1px solid #000; padding:2px; margin-left:2px; }
#nav_utilidades a:hover{ text-decoration:underline;}
/*  menu principal */
#nav_principal a:link, #nav_principal a:visited , #nav_principal a:hover { text-indent:-99999px;  }
#nav_principal a:hover{  }
/*pestaña actual */
#nav_principal a#menu_select:link, #nav_principal a#menu_select:visited , #nav_principal a#menu_select:hover {background:  #931331; color:#fff;}
a.descargar:link ,a.descargar:visited{background:url(/estilos/imagenes/ico_pdf.gif) no-repeat; font-size:1em; display:block; padding:2px 4px 4px 25px; font-size:0.9em }
/*enlaces para el camino de migas */
#migas ul li a:link, #migas ul li a:visited{font: bold 1em Verdana, Arial, Helvetica, sans-serif;color:#0c61ad; text-decoration:none;}
#migas ul li a:hover {text-decoration:underline;}
/*enlaces del tipo flecha */
a.flecha:link, a.flecha:visited {padding-left:22px; background:url(/estilos/imagenes/ico_flecha_blanca_fondo_verde.png) no-repeat 0 50%; font: normal 1.2em Arial, Helvetica, sans-serif; color: #515c4d; text-decoration:underline;}
a.flecha:hover{ text-decoration:none; }
/********************************************
				H1, H2 , H3 - CABECERAS 
**********************************************/
h1 {position:absolute; top:17px; left:17px;  width:319px; height:72px;  background:url(/imagenes/interface/venta-maquinaria-industrial-transitus-logo-.png) no-repeat;text-indent:-9999px; cursor:pointer;  }
h1#inicio {height:64px; width:294px; margin-bottom:35px;background: url(/estilos/imagenes/logo.png) no-repeat; }



/*** contacto le atendemos ***/
#contacto-le-atendemos { position:relative; width:157px; height:170px; margin:12px 0 0 0; padding:15px 14px 5px 14px; font: normal 1em 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; color:#000;  background:url(/imagenes/comunes/fondos/fnd-contacto.gif) no-repeat;}
#contacto-le-atendemos p {line-height:15px; margin-bottom:0;}
#contacto-le-atendemos a { color:#00f;}
#contacto-le-atendemos h2 { padding:2px; font-size:1em; color:#fff; background:#474949;}
#contacto-le-atendemos a.btn { display:block; position:absolute; bottom:15px; right:5px; padding:2px; background:#fff;}

/*** kraussmaffei ***/
#kraussmaffei { position:relative; width:185px; background: #E6EEF3; border:1px solid #007AC9; margin-bottom:6px;}
#kraussmaffei h2 { margin:5px; text-indent:-9999px; background:url(/imagenes/comunes/tit-kraussmaffei.gif) no-repeat; }
#kraussmaffei p { margin:5px; line-height:11px; font: normal 0.91em Verdana, Arial, Helvetica, sans-serif; color:#666666; }
#kraussmaffei a { float:right; margin:2px; color:#0070C5; text-decoration:none; font-weight:bold;}

/*** compramos contacto ***/
#compramos-contacto {position:relative;width:185px; height:61px; background:url(/imagenes/comunes/fondos/fnd-compramos-contacto.gif) no-repeat}
#compramos-contacto a{position:absolute; top:26px; left:9px;font: normal  0.91em Verdana, Arial, Helvetica, sans-serif ; color:#fff; }
#compramos-contacto a:link, #compramos-contacto a:visited {   text-decoration:none; }
#compramos-contacto a:hover{   text-decoration:underline; }

/*** Visite tambien ***/
#visite-tambien {  margin-top:26px;}
#visite-tambien h2{font: bold 1em 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; color:#000; }
#visite-tambien ul li{ float:none; margin:2px 0;}

div.banner{position: absolute;top: 25px;left:355px;}