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

textarea, input, select, isindex, lisintg, xmp, plaintext { font: inherit; font-size: 1em; white-space: normal; }
/*** Algunos ajustes basicos: ***/
sup { font-size:1.1em;}
sub {  font-size:1.1em; }
li, dd, blockquote { 	margin-left: 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{float:left;width:28%; margin-right:2%; border:3px solid #ebebeb;}
/*** FORMULARIOS: ***/
label, button { cursor:pointer; }
input, select, textarea { 	font-size: 100%; }
input:focus, select:focus, textarea:focus { 	background-color: #FEEB99; }
fieldset { 	border: none; }

/***  TABLAS ***/
table { 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; color:#000;}
/*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 ***********************************************/

/**********************************************
				ESTRUCTURA DE LA PAGINA
***********************************************/
body{margin:0;padding:0;background:#fff url(/imagenes/fnd-body-interior.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:920px;background:#fff;text-align:left;  }
#pagina p {line-height:12px;}
#header{background:#fff url(/imagenes/fnd-body.jpg) repeat-x;}
	#header div { padding:24px 0 8px 0; }
	#header div#banner{padding:0;}
	#header div#banner div{padding:0;}
	* html #header div { padding:20px 0 8px 0; }
	#header div h1 { display:inline; float:left;}
	#header div ul { display:inline; float:right;}
#content{ padding:0 20px 0 22px; margin:15px 0 10px 0; clear:both;}
* html #content{margin-bottom:15px}
*:first-child+html #content{ margin:15px 0;}
#contenido {clear:both; margin-bottom:10px;}
#footer{clear:both;height:10px; padding:5px 8px 5px 0; background:#c4c4c4; text-align:right;margin:0;}
*:first-child+html #footer{margin-top:-20px;}
/********************************************
				TEXTOS
**********************************************/

#pagina , input , textarea {font: normal 0.63em Verdana, Arial, Helvetica, sans-serif; color: #666; }
input , textarea { font-size:1em;}

#footer { font-size:0.90em; color:#666666;}

#migas li{ font-size:0.90em; margin:0 2px;}
#migas #estas_en { font-size:0.90em; margin-left:1em;}
#migas li strong{ font-weight:normal;  }
/********************************************
				LISTAS MENUS
**********************************************/
/* Lista menu utilidades */
#nav_utilidades{ height:14px;  margin-top:20px; padding:3px 0 2px 0;  list-style-type:none; text-align:right;  color:#9e9e9e;}
#nav_utilidades li{display:inline; float:left; margin:0;padding:0}
#nav_utilidades li a img{margin-right:4px}
/*Lista menu pricnioal*/
#nav_principal{  height:29px; padding-left:10px; background:url(/imagenes/comunes/interface/menu/fnd-menu.png) repeat-x;}
#nav_principal li{  display:inline;  float:left; margin:0; padding-right:1px; background:url(/imagenes/comunes/interface/menu/border-separar-botones.png) no-repeat 100%; } 
/*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 {background:#f0f0f0;}
ul#migas li {float:left; padding:4px 0;}
/********************************************
				ENLACES 
**********************************************/
/* generales */
/* generales */
a:link, a:visited {  color:#af0000; }
a:hover{ text-decoration:none;}
/* menu pricipal */
#nav_utilidades a{  margin-left:2px; margin-right:2px; text-decoration:none; font:normal 1em Arial, Helvetica, sans-serif; color:#af0000; text-decoration:underline;}
#nav_utilidades a:hover{ text-decoration:none;}
/*  menu principal */
#nav_principal a:link, #nav_principal a:visited { font-weight:bold; display:block; padding:8px 21px 9px 25px; color: #010101; text-decoration:none; }
#nav_principal a:hover{ background:  #eee; color:#af0000; }
/*pestaña actual */
#nav_principal a#menu_select:link, #nav_principal a#menu_select:visited , #nav_principal a#menu_select:hover {background:  #eee; color:#af0000;}

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{ text-decoration:none; }
#migas  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 {text-indent:-9999px; margin-top:5px; cursor:pointer;}
h1 {height:34px; width:160px; background: url(/imagenes/logo-grupo-roor.png) no-repeat; }
h2 {line-height:16px}

h2.titular_seccion {height:13px; margin-bottom:20px; border-bottom:4px solid #d5d5d5; text-indent:-9999px;}

/* SECCICONES COMUNES */
	/*SERVICIO - POST- VENTA */
	#post-venta { float:left; width:219px;height:160px; color:#666;}
	#post-venta h2 { height:16px; margin-bottom:10px;  text-indent:-9999px; background:#af0000 url(/imagenes/index/tit-servicio-post-venta.png) no-repeat 100% 100%; }
	#post-venta img {display:inline; float:left; margin-right:14px;} 
	
	/* Promociones destacadas */
	#promociones-destacadas { clear:both; margin:10px 0 20px;   background:#fff url(/imagenes/comunes/fondos/fnd-border-1.png) repeat-x 0 3px; color:#333;}
	* html #promociones-destacadas {margin-bottom:0}
		#promociones-destacadas h2 {  height:35px;   text-indent:-9999px; background: url(/imagenes/comunes/promociones-destacadas/tit-promociones-destacadas.png) no-repeat 2px 7px;}
		#promociones-destacadas h3 { font-weight:bold; font-size:1em;}
		#promociones-destacadas div.promocion { display:inline; float:left; width:30%; padding:0 13px;}
		#promociones-destacadas div img { float:left; display:inline; margin-right:10px;}
		#promociones-destacadas div div{ float:left; width:50%;}
		#promociones-destacadas div div strong , #promociones-destacadas div span , #promociones-destacadas div a { display:block;}
		#promociones-destacadas div div strong { color:#7c7c7c;}
		
	/* Empresas del grupo */
	#empresas-del-grupo {display:inline; float:left;  width:645px; height:129px; margin-left:18px; background:#eee;margin-top:20px }
		#empresas-del-grupo h2{ background: #fff url(/imagenes/comunes/empresas-del-grupo/tit-empresas-del-grupo.png) no-repeat 0 100%; }
		#empresas-del-grupo ul { padding-top:10px;}
		#empresas-del-grupo li { display:inline; float:left;margin-left:17px}
		#empresas-del-grupo li.right { text-align:right;}
		#empresas-del-grupo li.doble { padding-top:0;}
		#empresas-del-grupo li { padding-top:15px;}
		#empresas-del-grupo a { display:block;}
		
	/* CONTACTO */
	.contacto_portada { display:inline; float:left; width:280px; background:#eee; color:#4f4d4d;height:129px}
		.contacto_portada h2{ background: #fff url(/imagenes/index/tit-contacto.png) no-repeat 0 100%; }
		.contacto_portada p , .contacto_portada h3, .contacto_portada a { margin-left:16px;}
		.contacto_portada a { display:block; margin-bottom:11px;}
		.contacto_portada h3.pragarsa {height:14px; margin-top:8px; background:url(/imagenes/comunes/tit-tel-fax-progarsa.png) no-repeat;  text-indent:-9999px;}
		.contacto_portada h3.nortena {height:14px; margin-bottom:8px; background:url(/imagenes/comunes/tit-tel-fax-nortena.png) no-repeat;  text-indent:-9999px;}
		.contacto_portada h3.leon {height:14px; margin-bottom:8px; background:url(/imagenes/comunes/tit-tel-fax-leon.png) no-repeat;  text-indent:-9999px;}
		#contenido .contacto_portada {float:right;margin-right:0 }
	#contenido .contacto_portada img { width:auto; margin:0;border-width:2px 2px 0 0; border-style:solid; border-color:#fff; float:left;}
	#contenido .contacto_portada img.primer { margin-left:16px; border-width:2px; border-style:solid; border-color:#fff;}
	#contenido .contacto_portada img.ultimo { border-width:2px 2px 2px 0; border-style:solid; border-color:#fff; }
	#contenido .contacto_portada div { margin:5px 0;}
	#contenido .contacto_portada div  a{display:inline; margin:0;}
	
	.contacto_portada2 { display:inline; float:left; width:280px; background:#eee; color:#4f4d4d;height:238px}
		.contacto_portada2 h2{ background: #fff url(/imagenes/index/tit-contacto.png) no-repeat 0 100%; }
		.contacto_portada2 p , .contacto_portada2 h3, .contacto_portada2 a { margin-left:16px;}
		.contacto_portada2 a { display:block;}
		.contacto_portada2 h3.pragarsa {height:14px; margin-top:8px; background:url(/imagenes/comunes/tit-tel-fax-progarsa.png) no-repeat;  text-indent:-9999px;}
		.contacto_portada2 h3.nortena {height:14px; margin-bottom:8px; background:url(/imagenes/comunes/tit-tel-fax-nortena.png) no-repeat;  text-indent:-9999px;}
		.contacto_portada2 h3.leon {height:14px; margin-bottom:8px; background:url(/imagenes/comunes/tit-tel-fax-leon.png) no-repeat;  text-indent:-9999px;}
		#contenido .contacto_portada2 {float:right;margin-right:0 }
	#contenido .contacto_portada2 img { width:auto; margin:0;border-width:2px 2px 0 0; border-style:solid; border-color:#fff; float:left;}
	#contenido .contacto_portada2 img.primer { margin-left:16px; border-width:2px; border-style:solid; border-color:#fff;height:86px}
	#contenido .contacto_portada2 img.ultimo { border-width:2px 2px 2px 0; border-style:solid; border-color:#fff; }
	#contenido .contacto_portada2 div { margin:5px 0;}
	#contenido .contacto_portada2 div  a{display:inline; margin:0;}	
	
	/* Divisiones del grupo */ 
	#divisiones-del-grupo {display:inline; float:left; width:215px; color:#4f4d4d;margin-top:20px }
	#divisiones-del-grupo h2{ margin-bottom:5px; background: #fff url(/imagenes/comunes/divisiones-del-grupo/tit-divisiones-del-grupo.png) no-repeat 0 100%; border-color:#8b8b8b; }
	#divisiones-del-grupo p{ margin-bottom:5px; }
	#divisiones-del-grupo ul li { float:left;}
	#divisiones-del-grupo ul li a { display:block; width:67px; height:81px; text-indent:-9999px;}
		#divisiones-del-grupo ul li {margin-left:6px;}
		#divisiones-del-grupo ul li.primer {margin:0;}
		#divisiones-del-grupo ul li a#confanor_btn:link, #divisiones-del-grupo ul li a#confanor_btn:visited  { background:url(/imagenes/comunes/divisiones-del-grupo/confanor-off.png) no-repeat;}
		#divisiones-del-grupo ul li a#confanor_btn:hover { background:url(/imagenes/comunes/divisiones-del-grupo/confanor-on.png) no-repeat;}
		#divisiones-del-grupo ul li a#pragarsa_btn:link, #divisiones-del-grupo ul li a#pragarsa_btn:visited  { background:url(/imagenes/comunes/divisiones-del-grupo/pragarsa-off.png) no-repeat;}
		#divisiones-del-grupo ul li a#pragarsa_btn:hover { background:url(/imagenes/comunes/divisiones-del-grupo/pragarsa-on.png) no-repeat;}
		#divisiones-del-grupo ul li a#nortena_btn:link, #divisiones-del-grupo ul li a#nortena_btn:visited  { background:url(/imagenes/comunes/divisiones-del-grupo/nortena-off.png) no-repeat;}
		#divisiones-del-grupo ul li a#nortena_btn:hover { background:url(/imagenes/comunes/divisiones-del-grupo/nortena-on.png) no-repeat;}

	/* MENU LATERAL DE SECCIONES CONFANOR */
	#menu-lateral { float:left; width:215px; height:262px; margin-right:20px; background:url(/imagenes/comunes/fondos/fnd-menu-lateral.png) repeat-x}
	#menu-lateral h2 { background:url(/imagenes/confanor/tit-confanor.png) no-repeat; text-indent:-9999px;}
	#menu-lateral ul { margin:26px 0 0 42px;}
	#menu-lateral li a:link , #menu-lateral li a:visited { display:block; height:12px; padding:5px 0;  border-bottom:2px solid #fff; text-decoration:none; background:url(/imagenes/comunes/iconos/flecha-der--menu-off.png) no-repeat 95% 50%; color:#999;font-weight:bold;}
	#menu-lateral li a:hover , #menu-lateral li a.select:link ,  #menu-lateral li a.select:visited { background:url(/imagenes/comunes/iconos/flecha-der--menu-on.png) no-repeat 95% 50%; color:#af0000;}
	
	/* PARA EL PAGINADOR */
	.content-paginador{background:#eee; padding:5px 7px 5px 8px;  clear:both;}
	.content-paginador strong{ float:left;}
	.content-paginador .paginador{ float:right;}
	.content-paginador .paginador strong{ float:none;}


	.gris{color:#666}
	.par{clear:left}

#link_seguimiento{display:block;text-align:right;float:right;}


.slideShowGallery{}
dl.slideShowGallery2 dt { float:left; width:413px;margin:10px 0 0 10px }
dl.slideShowGallery2 dt span {display:block;width:413px;text-align:center;}
dl.slideShowGallery2 dd { float:left; width:195px; margin-top:10px}
dl.slideShowGallery2 dd strong{font:bold 12px Verdana, Arial, Helvetica, sans-serif;color:#af0000;}

dl.slideShowGallery2 dd a { text-decoration:none;}
dl.slideShowGallery2 dd a:hover { text-decoration:underline;}
dl.slideShowGallery2 li {background:transparent url(/imagenes/comunes/iconos/flecha-roja.gif) no-repeat scroll 0pt 4px;padding-left:5px}