@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:  */

/* Si necesitas aplicarlo a IE7 utiliza este:
*:first-child+html {}*/
/***************************************************************** 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:8px; font-weight:bolder; margin:0;}
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*/ 

/*** FORMULARIOS: ***/
label, button {cursor:pointer;}
input, select, textarea {font-size: 100%;}
input:focus, select:focus, textarea:focus {background-color: #fff;}
fieldset {border: none;}

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

/*** Algunas clases útiles: ***/
.float-left {float: left;}
.float-right {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}
ul#columnas li{display:block;float:left; margin:0;padding:0;}
	/* 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 ***********************************************/


/*************************************
				CLASE CLEARFIX
**********************************************/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */



/**********************************************
				ESTRUCTURA DE LA PAGINA
***********************************************/
body{font:normal 11px Arial, Helvetica, sans-serif;height:100%}
#contenedor{margin:0 auto;width:973px;position:relative;overflow: hidden;  }

/* Lateral y Menu*/
#lateral{float:left;width:223px;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;height:100%;}

#lateral h1 a{display:block;background-image:url(/imagenes/interface/lateral/logo-empresa.jpg);background-repeat:no-repeat;text-indent:-9999px;width:223px;height:199px}
#contenido{float:left; width:76.8%; min-height:500px;  height:auto !important;  height:500px;}

#lateral{padding-bottom: 32768px;margin-bottom: -32768px }

#lateral img{vertical-align:bottom}
#menu{margin-top:10px;}
#menu a{display:block; text-indent:-9999px;background-repeat:no-repeat;}
*:first-child+html #menu a{height:12px}

#menu li{padding-left:16px;border-bottom:1px solid #dcdcdc;padding-top:7px;line-height:12px}
*:first-child+html #menu li{padding-top:0px;margin-top:3px}
#menu li.bordernone{border:none;padding-top:3px}
#menu ul{margin:0 0 8px 12px}
#menu ul li{border:none;padding:0;margin:0;line-height:1px}
*:first-child+html #menu ul li{padding:0px;margin:0}


#menu ul li a{font:normal 11px Arial, Helvetica, sans-serif; color:#666666;text-decoration:none;text-indent:0;}
#menu ul li a:hover{color:#b40101;}
#menu ul li a.select{color:#b40101;}
#menu img{vertical-align:baseline !important}
#logo-abajo{position:absolute;bottom:23px}


#pie{border-left: 1px solid #dcdcdc;background-color:#000;color:#fff;font:normal 10px Arial, Helvetica, sans-serif;text-align:right;padding-right:5px;height:14px;padding-top:2px;clear:both;position:relative}

/*a#menu-areas-de-trabajo{background-image:url(/imagenes/interface/lateral/areas-de-trabajo.gif);background-repeat:no-repeat;padding-bottom:3px}
a#menu-areas-de-trabajo:hover{background-image:url(/imagenes/interface/lateral/areas-de-trabajo-on.gif);}
a#menu-areas-de-trabajo.select{background-image:url(/imagenes/interface/lateral/areas-de-trabajo-on.gif);}*/

a#menu-empresa:link, a#menu-empresa:visited{background-image:url(/imagenes/interface/lateral/empresa.gif);}
a#menu-empresa:hover, a#menu-empresa.select{background-image:url(/imagenes/interface/lateral/empresa-on.gif);}

a#menu-servicios:link, a#menu-servicios:visited{background-image:url(/imagenes/interface/lateral/servicios.gif);}
a#menu-servicios:hover, a#menu-servicios.select{background-image:url(/imagenes/interface/lateral/servicios-on.gif);}

a#menu-proyectos:link, a#menu-proyectos:visited{background-image:url(/imagenes/interface/lateral/proyectos.gif);}
a#menu-proyectos:hover, a#menu-proyectos.select{background-image:url(/imagenes/interface/lateral/proyectos-on.gif);}

a#menu-calidad:link, a#menu-calidad:visited{background-image:url(/imagenes/interface/lateral/calidad.gif);}
a#menu-calidad:hover, a#menu-calidad.select{background-image:url(/imagenes/interface/lateral/calidad-on.gif);}

a#menu-contacto:link,a#menu-contacto:visited{background-image:url(/imagenes/interface/lateral/contacto.gif);}
a#menu-contacto:hover, a#menu-contacto.select{background-image:url(/imagenes/interface/lateral/contacto-on.gif);}

#menu-cabecera {position:absolute;text-align:right;right:12px;top:9px;line-height:15px;font-size:10px}
#menu-cabecera a{text-decoration:underline;}
#menu-cabecera a:hover{text-decoration:none;}
#menu-cabecera img{margin-left:3px;}


#barra-navegacion{width:80%; height:17px;padding:4px 0 0 30px; margin-left:2px; margin-top:10px;}
#barra-navegacion li{display:inline; color:#8C8C8C; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
#barra-navegacion li#estas_en{color:#8C8C8C;margin-left:10px}
#barra-navegacion li a{font-weight:bold;color:#8C8C8C;text-decoration:none}


strong {color:#666666}
a{text-decoration:none; color:#BC1E13}
a span{text-decoration:underline;margin-left: 3px}
a span:hover{text-decoration:none;}
a:hover{text-decoration:none;}

/* footer */
#pie { clear:both; height:21px; font:normal 0.82em Verdana, Arial, Helvetica, sans-serif; color:#FFF; }
#pie-texto-izquierda { float:left; margin:3px 0 0 5px}
#pie-texto-izquierda a { color:#FFF;text-decoration:none;}
#pie-texto-izquierda a:hover {text-decoration:underline;}
#pie-texto {float:right; margin:3px 5px 0 0}


#pie-contenido{clear:both; width:100%; position:absolute;margin-top:20px;height:44px; bottom:16px;background-color:#8c8c8c;border-left:1px solid #656565;}

#pie-contenido p{text-align:right;color:#fff;float:left;padding-top:5px}
#pie-contenido img{color:#fff;float:left;margin-left:5px}
#pie-contenido p.direccion{margin:0 5px 0 316px}
* html #pie-contenido p.direccion{margin:0 5px 0 158px}
#pie-contenido p.telefonos{font:bold 12px Arial, Helvetica, sans-serif;margin-left:5px}
#pie-contenido img.img-telefonos{padding-top:6px}

#datos-contenido { padding-bottom:50px;}

p.contenido{color:#666666;margin:9px 0 0 0;}


.border_imagenes { border:4px solid #d7d7d7;}

/*-------------Paginador--------------*/

.paginador{background-color:#e1e1e1;color:#b40101;margin:15px 0 0 42px;height:15px;clear:both}
.paginador img{float:left;background-color:#e1e1e1;}
.paginador a{color:#bc1e13;}
.paginador span{float:left;background-color:#e1e1e1;margin-left:8px}
.paginador img.derecha{float:right;background-color:#e1e1e1;}
.paginador ul{text-align:right;float:right;background-color:#e1e1e1; font-size:10px}
.paginador ul li{display:inline;margin:0}
.inferior{margin:27px 0 30px;}
/*-------------Paginador--------------*/

.ocultas{display:none;}