@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 {}
/* HAck 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%; }
input:focus, select:focus, textarea:focus { 	background-color: #FEEB99; }
fieldset { 	border: none; }

/*** igualar las fuentes a todos los elementos ***/
h1, h2 , h3, h4, h5{ font-size:inherit}
/***  TABLAS ***/
table { width:100%; border-collapse:collapse; border-spacing:0;}

/*** 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 { display:block; position:relative;z-index:100; width:100%; overflow:hidden; }
ul#columnas li{display:block;float:left; }

/*** igualar las columas ***/
#pagina #column_1, #pagina #column_2  {margin-bottom:-20000px; padding-bottom:20000px; }
	/* 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 li { display:list-item; float:none;}
/***************************************************************** FIN RESET PAGINAS Y REGLAS GENERALES ***********************************************/

/**********************************************
				ESTRUCTURA DE LA PAGINA
***********************************************/
body{margin:0;padding:0;background:#fff url(/imagenes/comunes/fondos/fnd-pagina.jpg) 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;text-align:left;  }
#pagina p {line-height:14px; margin-bottom:8px;}
#header{  }
#content{ }
#footer{height:63px;   background:#505b62; }
#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 'Trebuchet MS', Helvetica, sans-serif; color:#565e64; }
#footer p { padding:8px 10px 0 0; text-align:right; color:#fff; }
div.vcard {font: normal 11px Arial, Helvetica, sans-serif; color:#49482b;}/* estilos de texto para el vcard */
#copy{font: normal 10px Arial, Helvetica, sans-serif; color:#fff;}
p.org {font-weight:bold;}
#migas li { color:#565e64; float:left;}
#migas #estas_en{color:#565e64;}
#migas strong { margin-left:4px;}
/********************************************
				LISTAS MENUS
**********************************************/
/* Lista menu utilidades */
#nav_utilidades{  height:16px; margin-top:3px; list-style-type:none; text-align:right; padding:3px 0 0 0; display:inline; float:right }

#nav_utilidades li{display:block;  float:left; height:16px; margin:0;padding:0; background:#e3e8ea; }
#nav_utilidades li a img{padding-top:3px; margin-right:4px}
* html #nav_utilidades li a img{padding-top:1.5px;}
#nav_utilidades li.primer { background:#e3e8ea url(/imagenes/interface/nav-utilidades/fnd-izq.gif) no-repeat;  padding-left:16px; }
#nav_utilidades li.ultimo { background:#e3e8ea url(/imagenes/interface/nav-utilidades/fnd-der.gif) no-repeat 100% 0;  padding-right:16px;}

/*  menu principal */
#nav_principal li { display:inline;}
#nav_principal li a {text-indent:-99999px; float:left;}
#menuEmpresa{display:block; width:110px;height:35px;background:url(/imagenes/interface/menu/btn-empresa-off.gif);}
#menuEmpresa:hover, #menuEmpresaOff{display:block; width:110px;height:35px; background:url(/imagenes/interface/menu/btn-empresa-on.gif);}

#menuServicios{display:block; width:107px;height:35px;background:url(/imagenes/interface/menu/btn-servicios-off.gif);}
#menuServicios:hover, #menuServiciosOff{display:block; width:107px;height:35px; background:url(/imagenes/interface/menu/btn-servicios-on.gif);}

#menuMaqNueva{display:block; width:167px;height:35px;background:url(/imagenes/interface/menu/btn-maq-nueva-off.gif);}
#menuMaqNueva:hover, #menuMaqNuevaOff{display:block; width:167px;height:35px; background:url(/imagenes/interface/menu/btn-maq-nueva-on.gif);}

#menuMaqOcasion{display:block; width:199px;height:35px;background:url(/imagenes/interface/menu/btn-maq-ocasion-off.gif);}
#menuMaqOcasion:hover, #menuMaqOcasionOff{display:block; width:199px;height:35px; background:url(/imagenes/interface/menu/btn-maq-ocasion-on.gif);}

#menuOfertas{display:block; width:96px;height:35px;background:url(/imagenes/interface/menu/btn-ofertas-off.gif);}
#menuOfertas:hover, #menuOfertasOff{display:block; width:96px;height:35px; background:url(/imagenes/interface/menu/btn-ofertas-on.gif);}

#menuCompramos{display:block; width:209px;height:35px;background:url(/imagenes/interface/menu/btn-compramos-off.gif);}
#menuCompramos:hover, #menuCompramosOff{display:block; width:209px;height:35px; background:url(/imagenes/interface/menu/btn-compramos-on.gif);}

#menuContacto{display:block; width:111px;height:35px;background:url(/imagenes/interface/menu/btn-contacto-off.gif);}
#menuContacto:hover, #menuContactoOff{display:block; width:111px;height:35px; background:url(/imagenes/interface/menu/btn-contacto-on.gif);}

/* para el camino de migas */
ul#migas {height:22px;  padding:4px; background:url(/imagenes/comunes/fondos/fnd-migas.png) repeat-x;}
/********************************************
				ENLACES 
**********************************************/
/* generales */
a:link, a:visited { font-weight:inherit; font-family:inherit; font-size:inherit;   color:#000; }
a:hover{ text-decoration:none;}
/* menu pricipal */
#nav_utilidades a{ margin-left:5px; text-decoration:none; font:normal 11px Arial, Helvetica, sans-serif; color:#2a3138;}
#nav_utilidades a:hover{ text-decoration:underline;}
/*  menu principal */
#nav_principal a:link, #nav_principal a:visited , #nav_principal a:hover {  display:block;  float:left; text-decoration:none; }
#nav_principal a:hover{text-decoration:underline;  }
/*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  li a:link, #migas li a:visited{color:#565e64; text-decoration:none;}
#migas  li a:hover {text-decoration:underline;}
#migas { margin-bottom:20px; padding-left:0;}
/********************************************
				H1, H2 , H3 - CABECERAS 
**********************************************/
h1 {text-indent:-9999px; height:41px; }


/*** Secciones Comunes ***/
#puede-encontrarnos { border-bottom:1px solid #e7e9ed; padding-left:32px; background:url(/imagenes/comunes/fondos/fnd-claro.gif) repeat-x;}
#puede-encontrarnos h2 { width:168px; height:15px; margin-bottom:5px; padding-top:25px; text-indent:-99999px; background:url(/imagenes/comunes/titulos/tit-puede-encontrarnos-en.gif) 0 25px no-repeat; }
* html #pagina #column_1 h2 {  padding-top:0px; margin-bottom:0; background-position:0 15px;}
#puede-encontrarnos dd.tel { width:197px;  height:27px; margin-top:8px; margin-bottom:6px; text-indent:-99999px;  background:url(/imagenes/comunes/iconos/ico-tel-con-telefonos.gif) no-repeat;} 
#puede-encontrarnos dd.tel2Col { width:115px; float:left;  height:61px; margin-top:8px; margin-bottom:6px; text-indent:-99999px;  background:url(/imagenes/comunes/iconos/ico-tel2Col-con-telefonos.gif) no-repeat;} 
#puede-encontrarnos dd.fax2Col { width:105px; float:left;  height:27px;margin-top:8px; margin-bottom:6px;   text-indent:-99999px;  background:url(/imagenes/comunes/iconos/ico-fax-con-fax.gif) no-repeat;} 
#puede-encontrarnos dd.fax { width:197px;  height:27px;   text-indent:-99999px;  background:url(/imagenes/comunes/iconos/ico-fax-con-fax.gif) no-repeat;} 
#puede-encontrarnos dd.correo a { display:block;  margin-bottom:6px;  padding-left:30px;  background:url(/imagenes/comunes/iconos/ico-correo.gif) no-repeat;} 
#puede-encontrarnos dd.llegar a{ display:block;  margin-bottom:6px;  padding-left:30px;  background:url(/imagenes/comunes/iconos/ico-situacion.gif) no-repeat;} 

#descarguese-nuestro-catalogo  {height:85px; position:relative; padding-bottom:25px;  border-bottom:1px solid #e7e9ed; padding-left:32px; background:#c9cdd2;}
#descarguese-nuestro-catalogo h2 { width:221px; height:15px; margin-bottom:5px; padding-top:25px; text-indent:-99999px; background:url(/imagenes/comunes/titulos/tit-descarguese-nuestro-catalogo.gif) 0 25px no-repeat; }
#descarguese-nuestro-catalogo a { display:block; background-position:0 5px; }
#descarguese-nuestro-catalogo  span { position:absolute; right:21px; bottom:19px;}
*:first-child+html  #descarguese-nuestro-catalogo  span { position:absolute; right:21px; bottom:11px;}

#recibirBoletin {   border-bottom:1px solid #fff; padding:0 26px 0 32px; background:url(/imagenes/comunes/fondos/fnd-oscuro.gif) repeat-x;}
#recibirBoletin h2 { width:222px; height:15px; margin-bottom:5px; padding-top:25px; text-indent:-99999px; background:url(/imagenes/comunes/titulos/tit-nuestras-maquinas-en-su-mail.gif) 0 25px no-repeat; }
#recibirBoletin  dd { text-align:right;}
#recibirBoletin label  input { width:210px; padding:5px; border:1px solid #d5dade; color:#383f44; }
#recibirBoletin label { display:block; margin-bottom:9px;}

a.comoLlegar {   padding-left:30px;  background:url(/imagenes/comunes/iconos/ico-situacion.gif) no-repeat 0 50%; }
a.vistaAerea {   padding-left:25px;  background:url(/imagenes/comunes/iconos/ico-vista-aerea.jpg) no-repeat 0 50%; }
a.verMas, strong.verMas {   padding-left:25px;  background:url(/imagenes/comunes/iconos/ico-flecha-ver-mas.gif) no-repeat 0 50%; }

#puede-encontrarnos .comoLlegar { margin-right:4px;}
.empresaVerMas { margin-top:8px;}
#puede-encontrarnos .empresaVerMas p { margin-bottom:4px;}

.okContacto { width:70%; margin-left:5%; padding-left:30px; background:url(/imagenes/comunes/iconos/ico-ok-contacto.jpg) no-repeat; }
dl#descripcionFicha dt span ul li{display:block;clear:left;}