/* 
//CSS Core para FEDEROPTICOS versión accesible
================================================						
Created: 04-2008								
Last update: 10-2008							
Author: Pablo García @ okocomunicacion.com		
Contact: pablo@pdworks.net					
*/

@import url("menu_final.css"); /* Menú secundario */

/* General resets */

html, body, address, blockquote, pre, h1, h2, h3, h4, h5, h6, li,
form, legend, fieldset, input, textarea, select, form ul, form ol
{
    margin: 0; padding: 0; text-indent: 0; color: #fff; }

a {	color:#fff; outline:none}

a:hover {color: #990000;}

abbr, acronym { text-transform: uppercase;border-bottom:1px dotted #999999;	}

a img, a abbr, a acronym	{border:none;}
	
sup, sub { font-size:.75em;  font-style:italic; line-height:1; position:relative; vertical-align:baseline;}
	sup {top:-.5em;}
	sub {top:.25em;}

/* Basics */

html {font-size: 90.0%;}

body {
	background:		#003229 url("../img/body_bg.jpg") repeat-x;
    color:          #fff;
    font-family:    Arial;
    font-size:      0.9em;
    font-style:     normal;
    font-weight:    normal;
    line-height:    1.2em;
	}

ul, ol { margin: 0 0 0 2em; padding: 0; text-indent: 0;}

acronym {	border-bottom:1px dashed #999999;}

h1 {font-size: 2em; }
h2 {font-size: 1.4em; }
h3 {font-size: 1.2em;}


/* Clases útiles */
.left { float:left;}
.tcenter { text-align:center;}
.tright { text-align:right;}

/* Formularios generales */

form#form_general label {
		width: 7em;
		float: left;
		text-align: left;
		margin-right: 0.1em;
		display: block;
		padding-top:6px;
		background:url("../img/span_bullet.gif") 0 9px no-repeat; padding-left:10px;
		}

form#form_general .textfield { width:180px; padding:3px;}
form#form_general p.enviar  input { color:#000000; font-weight:bold; }
	
	/*Para los mensajes de error del wform*/	
	form .errMsg {	
		color: #FFFFFF !important;
		vertical-align: middle;
		display: inline;
		background:#990000;
		margin-left:5px;
		padding:1px;
		}


div.error, div.ok {font-weight:bold; padding:5px; text-align:center; margin:10px auto; width:95%; border:2px solid #000;}
div.error { background: #990000; color:#FFFFFF; }
div.ok { background:#66CC00; color:#FFFFFF; }

/*
	>>>>>>>>>>>>>>>>>>>>>>>>>>
		BLOQUES GENERALES
	>>>>>>>>>>>>>>>>>>>>>>>>>>
*/
div#wrapper { width:937px; margin: 0 auto; background: url(../img/carcasa_middle.jpg) top center repeat-y; overflow:auto;  }
	div#content_wrapper { width:97%; margin:0 auto 5px auto; clear:both; overflow:auto; }
	div#top { margin:0 auto 0em auto; }

	div#top_left { margin:0px 5px 5px 15px; padding:0.5em 0 0 1em;}
	div#top_right { float:right; display:inline;  margin:1.5em 10px 10px 0; background-color:#000000; background-image: url(../img/acceso_bg.jpg); background-position:bottom; background-repeat:repeat-x; border:1px solid #333; height:auto; padding-bottom:10px;}

	div#content { clear:both;}
	
	div#basicnav { margin:0 15px; color:#999999; text-align:right;}
		div#basicnav a { color:#FFFFFF; text-decoration:underline;}
			a#b_inicio { background:url("../img/icono_home.gif") left no-repeat; }
			a#b_contacto { background: url("../img/icono_contacto.gif") left no-repeat; padding-left:30px; }
			a#b_sitemap { background: url("../img/icono_sitemap.jpg") left 50% no-repeat; padding-left:20px;}
			a#b_accesibilidad { background: url("../img/icono_accesibilidad.gif") left 50% no-repeat; padding-left:15px;}
			a#skip { display:none;}

	div#acceso { font-size:0.8em; margin-top:0em; letter-spacing:1px;  padding:10px; height:auto; color:#999999; }
		div#acceso  h2 { margin-bottom:3px; color:#669900}
		div#acceso form label { font-size:1.2em;}
		div#acceso form { }
			div#acceso form p { margin:1px; font-weight:bold; float:left;}
			.textfield { border:1px solid #666666; background:#ccc; margin-top:2px; color:#000; width:120px;}
			p.enviar { margin:0; padding:0; }
			.btn_enviar {  margin:0px; cursor:pointer;}

div#wrapper_bottom { background:url("../img/carcasa_bottom.jpg") top no-repeat; height:17px;  width:937px; margin: 0 auto;}

div.separador { display:block; background:url(../img/separador.jpg) center no-repeat; height:8px; width:98%; border:0; margin:0 auto;}

div#subnav { width:937px; margin:5px auto; text-align:center;}
div#sidebar { float: right; width:30%;}
div#cont_izq { width:67%; line-height:1.3em; margin-left:5px;}
	div#cont_izq p { margin:0.8em 0 0.8em 0;}
	div#cont_izq ul { margin:1em; }
		div#cont_izq ul li { margin-top:5px;}
	div#cont_izq h3 { margin:1.2em 0;}
	div#cont_izq h3:first-child {margin:0 0 1.2em 0;}	


/* Estilos para paginación */
div#paginacion { font-size:0.9em; margin:10px 0.5em; clear:both; overflow:auto; font-family:Arial, Helvetica, sans-serif;}
	div#paginacion a { display:block; float:left; margin:1px 3px; background: #000; padding:5px 7px; text-decoration:none; border:1px solid #333; color:#FFF;}
		div#paginacion a:hover { border:1px solid #036; background: #990000;}
	div#paginacion span.numeracion {display: block; float:left; margin:1px 3px; padding:5px 7px; background:none; color:#fcfcfc; outline:none; }
	div#paginacion a.actual { background:none; color:#999999; border:#f2f2f2; cursor: default;}
	div#paginacion a.btn { margin-left:10px; background:#000; color:#fff; border:1px solid #333;}
		div#paginacion a.btn:hover { background: #990000; color:#fff; border:1px solid #900;}

/*
	>>>>>>>>>>>>>>>>>>>>>>>>>>
	ESTILOS PARA CADA SECCIÓN 
	>>>>>>>>>>>>>>>>>>>>>>>>>>
*/

h1.titulo_seccion { background:#000000; color: #669900; margin:0px 0px 0 0px; padding:8px 5px; font-size:1.2em;}

/*
	SECCIÓN FEDEROPTICOS > body class asignada: .s_federopticos
*/

	/*
		Portada > body id: #portada
	*/
	div#portada_novedades { background:#000; width:520px; text-align:center; border-bottom:2px solid #669900; color:#CCCCCC;}
	div#novedades_pie { background:#000;  bottom:0; padding:5px; text-align:left; margin-left:6px;}
	div#portada_novedades h2 { margin:3px 0; color:#669900; font-variant:small-caps;}
	div#portada_novedades p { margin:1px;}
	div#novedades_img {  text-align:center;}
		div#novedades_img img { margin-top:10px;}
	
	body#portada div#sidebar { float: right; width:40%;}
	div.sidebar_element { background: #000; margin-bottom:3px; text-align:right; padding:5px; height:60px;}
		div.sidebar_element h2 { margin-bottom:1em;}
		div.sidebar_element a { background:url(../img/bullet_gris.gif) right no-repeat; padding-right:25px;}

	div#ar_localizador { background:#000 url(../img/ar_mapa.jpg) 3px 3px no-repeat;}
	div#ar_federclub { background:#000 url(../img/ar_federclub.jpg) 3px 3px no-repeat;}
	div#ar_instituto { background:#000 url(../img/ar_instituto.jpg) 3px 3px no-repeat;}
	div#ar_revista { background:#000 url(../img/ar_revista.jpg) 3px 3px no-repeat;}

	/*
		Quienes somos > body#quienessomos
	*/
	

	/* === Formularios de Contacto === */

	.btn_enviar { color:#000000; margin-top:15px; margin-left:5px; padding:1px;}
	
	body#quienessomos div#sidebar div.sidebar_element {height:40px;}
		body#quienessomos div#sidebar div.sidebar_element a { margin-top:12px; display:block; text-decoration:none; font-weight:bold;}
		body#quienessomos div#sidebar div.sidebar_element a:hover { color:#900;}
		
	body#quienessomos div.foto { float:left; margin:0px 20px 10px 0; background:#000; padding:10px;}
	
	div#planactua { background:#000 url(../img/sidebar-planactua.jpg) 10px 47% no-repeat; padding-left:65px;}
	div#garantias {background:#000 url(../img/sidebar_garantias.jpg) 10px 47% no-repeat; padding-left:65px;}
	div#progresivos {background:#000 url(../img/sidebar-progresivos.jpg) 10px 47% no-repeat; padding-left:65px;}
		
	/*
	Subsec quienes somos > body id asignado: #b_quienes 
	*/
	body#b_quienes div#sidebar { margin-top:10px;}
		
	/*
	Subsec Contacto > body id asignado: #b_contacta 
	*/
	body#b_contacta div#sidebar { margin-top:10px;}
	
	body.subsec div#sidebar div.sidebar_element {height:40px;}
		body.subsec div#sidebar div.sidebar_element a { margin-top:12px; display:block; text-decoration:none; font-weight:bold;}
		body.subsec div#sidebar div.sidebar_element a:hover { color:#900;}
	
	body#b_contacta form#form_contacto p { margin:0.5em 0;}
	body#b_contacta form#form_contacto  label {
		width: 5em;
		float: left;
		text-align: left;
		margin-right: 0.1em;
		display: block;
		padding-top:6px;
		background:url("../img/span_bullet.gif") 0 9px no-repeat; padding-left:10px;}
		body#b_contacta form#form_contacto	.textfield { border:1px solid #666; background:#fff; color:#333; padding:1px; width:14em;}
		body#b_contacta form#form_contacto p.enviar { text-align:left; padding-left:150px;}
		body#b_contacta form#form_contacto select.desplegable { background:#000000; color:#CCCCCC; width:18em;}
		body#b_contacta form#form_contacto textarea.areadetexto { width:22em;}
	
	/*
		Subsec Hazte federopticos > body id asignado: #b_haztefede
	*/
	body#b_haztefede div#sidebar { margin-top:10px;}
	
	body#b_haztefede form#form_haztefede  label {
		width: 7em;
		float: left;
		text-align: left;
		margin-right: 0.1em;
		display: block;
		padding-top:6px;
		background:url("../img/span_bullet.gif") 0 9px no-repeat; padding-left:10px;}
	
	body#b_haztefede form#form_haztefede input.textfield { width:200px;}
	body#b_haztefede form#form_haztefede textarea { width:250px;}
	body#b_haztefede form#form_haztefede p.enviar input { color:#333333; font-weight:bold; margin-left:46%;}
	
	/*
		Subsec Bolsa de trabajo > body id asignado: #b_trabajo 
	*/
	body#b_trabajo div#sidebar { margin-top:10px;}
	
	body#b_trabajo form#form_trabajo  label {
		width: 7em;
		float: left;
		text-align: left;
		margin-right: 0.1em;
		display: block;
		padding-top:6px;
		background:url("../img/span_bullet.gif") 0 9px no-repeat; padding-left:10px;}
	
	body#b_trabajo form#form_trabajo input.textfield { width:200px;}
	body#b_trabajo form#form_trabajo textarea { width:250px;}
	body#b_trabajo form#form_trabajo p.enviar input { color:#333333; font-weight:bold; margin-left:46%;}
	
/*
	SECCIÓN Moda FEDEROPTICOS > body class asignada: .s_moda
*/
	/*
		Subsec Catálogo > body id asignado: #b_catalogo
	*/
		body#b_catalogo div#sidebar { margin-top:3.5em;}
		
		body#b_modelos div#sidebar { padding:5px; }
		
		div.modelo { float:left; display:inline; margin:10px; background:#000; text-align:center; border:2px solid #000;}
		ul#catalogo_colecciones { margin:0; list-style:none;}
			ul#catalogo_colecciones li a { display:block; background:#006600; margin:5px 0; padding:5px 2px; text-decoration:none; width:80%; font-weight:bold;}
				ul#catalogo_colecciones li a:hover { background:#990000; color:#000000;}
			ul#catalogo_colecciones li a.actual {background:#990000; color:#000000;}
	
	/*
		Subsec Roberto torreta > body id asignado: #b_torretta 
	*/
	div#torretta_events { border:2px solid #000; margin:2em 5px 3px 0px; width:96%;}
		div#torretta_events h2 { background:#000; color:#f2f2f2; padding:3px 3px; border-bottom:2px solid #000;	}
		div#torretta_events p { background: #002b21; color:#f2f2f2; padding:1px 3px; margin:3px 2px;}
	
	div#foto_roberto { background:#000000; text-align:center; margin-bottom:2px;}
	
	/*
		Subsec Tendencias > body id asignado: #b_tendencias 
	*/
	
	div#portada_revista { background:#000000; text-align:center; margin-bottom:2px; padding:5px 0;}
	
	body#b_tendencias form#form_tendencias { border:0; border-top:1px solid black; border-top:1px dotted #000;}
	body#b_tendencias form#form_tendencias p label {
		width: 11em;
		float: left;
		text-align: left;
		margin-right: 0.5em;
		display: block;
		padding-top:6px;
		background:url("../img/span_bullet.gif") 0 9px no-repeat;
		}
	body#b_tendencias form#form_tendencias textfield { width:200px;}
	body#b_tendencias form#form_tendencias textarea { width:95%;}
	body#b_tendencias form#form_tendencias p.enviar { padding:0;}
	body#b_tendencias form#form_tendencias p.enviar input { font-weight:bold}
	
	ul#tendencias_posibilidades { margin:5px 5px 5px 15px; padding-left:5px; }
	ul#tendencias_posibilidades li { margin-top:8px;}
	a.descarga_revista { text-decoration:none; padding:3px; display:block;}
		a.descarga_revista:hover { background: #003300;} 

/*
	SECCIÓN PIENSA EN TUS OJOS > body class asignada: .s_piensa
*/
	body#b_piensa div#sidebar { width:29%; margin-top:0.7em;}
	div#visor_videos {background:#000000; text-align:center; margin-bottom:2px; padding:5px 0; }

/*
	SECCIÓN SOLUCIONES FEDEROPTICOS > body class asignada: .s_soluciones
*/
	/*
	Subsec Gafas y Lentes > body id asignado: #b_gafas 
	*/
	body#b_gafas div#sidebar { margin-top:10px; }
	/*
		Subsec Lentes Progresivas > body id asignado: #b_lentes 
	*/
	body#b_lentes div#sidebar { margin-top:10px;}
	
	/*
	Subsec Ventajas -> body id asignado: #b_ventajas
	*/
	body#b_ventajas div#sidebar { width:220px; margin:5px 0 0 0;}
	body#b_ventajas div#cont_izq div.left { margin:5px;}
	body#b_ventajas div#cont_izq h2 { margin-top:5px;}
	body#b_ventajas div.nota { font-style:italic; clear:left;}
		

	/*
	Subsec Insituto FEDEOPTICOS -> body id-> #b_instituto
	*/
	body#b_instituto div#sidebar { margin-top:10px; }
	
/*
	SECCIÓN TU FEDEROPTICOS > body id asignada: #tufederopticos
*/
	body#b_tufederopticos  div#sidebar { margin-top:10px; }
	/* Listado de resultados para una provincia */
	a.abrirplano { display:block; float:right;}
	div#listado_centros {  margin-top:10px; margin-left:-5px;}
		div#listado_centros div.resultado { border-bottom:2px solid #111; border-top:2px solid #ccc; padding:5px; padding-top:8px; background:#000 url(../img/listado_centrod_bg.jpg) repeat-x; }
			
		div#listado_centros  dt { display:block; border-bottom:2px solid #5C0101; padding:5px; font-weight:bold; font-size:1.2em; }
		div#listado_centros h3 { margin-top:10px;}
		div#listado_centros dl dd { margin:0;}
		div#listado_centros dl p { margin:0.7em;}
		div#listado_centros ul { list-style:none; margin:0 0 0 0.5em; padding:0;}
			div#listado_centros div.resultado dl ul li { padding-top:8px;}

/*
	SECCIÓN CREA TU ESTILO > body id asignada: #creatuestilo
*/
	body#creatuestilo div#content_wrapper  h1.titulo_seccion { margin-bottom:10px; clear:both;}

/*	SECCIÓN SALA DE PRENSA > body id asignada: #b_prensa */
	body#b_prensa div#sidebar { width:38%; margin-left:0; margin-top:5px;}
	body#b_prensa div#cont_izq {width:55%; margin-top:5px;}

/*	SECCIÓN NEWSLETTER > body id asignado: #b_newsletter */
	body#b_newsletter div#sidebar { width:38%; margin-left:2em; margin-top:5px;}
	body#b_newsletter form#form_general p.enviar { margin:2em 0 2em 12em;}
	body#b_newsletter div#cont_izq {width:58%; margin-top:5px; }
	
/*	SECCIÓN LEGAL > body id asignado: #b_legal */
	body#b_legal div#sidebar { width:38%; margin-left:2em; margin-top:5px;}

/*	SECCIÓN MAPA DEL SITIO > body id asignado: #b_sitemap */
	body#b_sitemap div#sidebar { width:38%; margin-left:2em; margin-top:5px;}
	ul.sitemap { padding-left:1em;}
		ul.sitemap li { font-weight:bold;}
			ul.sitemap li ul li { font-weight:normal;}