/* CSS para Federópticos */

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

/* 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;}

a:hover {color: #CCCCCC;}


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;
	scrollbar-face-color:#ccc;
	scrollbar-arrow-color:#002b21;
	scrollbar-track-color:#002b21;
	scrollbar-shadow-color:#360;
	scrollbar-highlight-color:#333;
	scrollbar-3dlight-color:#333;
	scrollbar-darkshadow-Color:#333;
	}

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;}
.clear { clear:both;}
.tright { text-align:right;}
/* CSS por bloques generales */

/* Escondo los estilos de imresión */
.print { display:none;}

div#wrapper {
	width:980px; margin: 0 auto; background: url(../img/container_bg.jpg) top center no-repeat;  padding-bottom:10px; 
	}
	div#content_wrapper {
		margin:0 auto 5px auto;
		width:920px;
	}
	div#top {
		margin:0 auto;
		clear:both;
		height:150px;
		position:relative;
		}

	div#top_left { position:absolute; left:10px; width:700px;}
	div#top_right { width:190px; position:absolute; right:19px;top:20px;}


	
	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:40px}

	div#acceso { width:190px; height:133px; background:url(../img/acceso_bg.jpg) no-repeat; font-size:0.8em; margin-top:1em; letter-spacing:1px; margin-top:2em;}
		div#acceso form { padding:27px 0 0 20px; }
			div#acceso form p { margin:1px; font-weight:bold;}
			.textfield { border:1px solid #666666; background:#fff; margin-top:2px; color:#003300; width:140px;}
			p.enviar { text-align:center; padding-top:5px;}
	
	div#basicnav { margin-left:5px;}

div#enlace_legal {width:980px; margin: 0 auto; font-size:10px; text-align:right; padding-right:60px; }

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

/* Estructura de subsecciones */

div.sidebar_block { margin-bottom:5px; margin-left:10px;}

table#sec_content { clear:both; margin-top:15px; width:900px; }
		table#sec_content td {vertical-align:top;}
	td.sec_izq { padding:5px; font-weight:normal;}
	td.sec_der { text-align:right; padding-left:15px; width:200px; }


	div#localizacion { background:#000; border: 1px solid #999; padding:3px 6px; height:18px;}
		div#localizacion a { text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; font-weight:bold;}
			div#localizacion a:hover { color:#CC0000;}
		div#localizacion span { font-weight:normal; font-size:0.7em;}


div.foto_right { float:right;  width:200px; background:#000; margin:10px 0 10px 10px; text-align:center; border:1px solid #666;}

div.flash_control { margin-top:3px;}

ul.ul_general { list-style:none; }
	ul.ul_general li { margin-bottom:0.8em; background: url("../img/bullet_gris.gif") left no-repeat; padding:5px; padding-left:20px; font-weight:bold; }

div.content_overflow { height:320px; overflow:scroll; overflow-x:hidden; padding:5px;}

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

/*
Portada > body id: #inicio
*/
	body#inicio ul.ul_general { margin:0; padding:0; margin-top:10px;}
	body#inicio ul.ul_general li { margin:8px 0 0 0; padding:0 0 0 20px;}/* La lista inferior derecha*/
		body#inicio ul.ul_general li a { text-decoration:none; }
	ul#portada_others { list-style:none; margin:0 0 0 5px; padding:0;}
	
	a.subnav { color:#666; text-decoration:none; padding-left:25px;  margin-left:3px; font-size:0.9em;}
		a.subnav:hover { color:#FFFFFF;}
		
table#table_portada { width:100px; margin:15px auto 5px auto;}
	.tab_der { padding-left:5px; }
	a.quicklink {display:block; margin-top:4px;}

/*
SECCIÓN FEDEROPTICOS > body class asignada: .s_federopticos
*/
body.s_federopticos div#wrapper {	width:980px; margin: 0 auto; background: url(../img/container_bg_f.jpg) top center no-repeat;  padding-bottom:10px; }

	/* === Formularios de Contacto === */
	form#form_contacto { background:0; margin:0; padding:10px; }
	.textfield { border:1px solid #666; background:#fcfcfc; padding:1px; }
	.textfield:hover { border:1px solid #009900;}
	.textfield:active { border:1px solid #000;}
	select { color:#fff;}
	
	.btn_enviar { color:#000000; margin-top:15px; margin-left:5px;}
	
	/*Para los mensajes de error del wform*/	
	form#form_contacto .errMsg {	
	color: #FFFFFF !important;
	vertical-align: top;
	display: inline;}
	/**************************************/
	
	form#form_contacto p { margin:0.5em 0;}
	form#form_contacto  span {
		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;}
		form#form_contacto	.textfield { border:1px solid #666; background: #fcfcfc; color:#333; padding:1px; }
		form#form_contacto p.enviar { text-align:left; padding-left:150px;}
		option { color:#333;}
		
	/*
	Subsec quienes somos > body id asignado: #b_quienes 
	*/
	
	body#b_quienes td.sec_izq p { line-height:1.2em; padding-right:15px; }
	body#b_quienes td.sec_izq ul  li { margin:0;}
		
	/*
	Subsec Contacto > body id asignado: #b_contacto 
	*/
	body#contacto div#sec_izq p { margin:0.5em 0;}
	
	/*
	Subsec Hazte federopticos > body id asignado: #b_haztefede-1
	*/
	body#b_haztefede-1 td.sec_izq p { margin:10px 3px;}
	body#b_haztefede-1 td.sec_izq ul li { margin-top:5px;}
	
	/*
	Subsec Bolsa de trabajo > body id asignado: #b_bolsatrabajo 
	*/
	body.s_federopticos textarea { width:300px;}
	
	/*
	Subsec listado de centros en una provincia > body id asignado: #b_listado_centros
	*/
	body#b_listado_centros div#wrapper {	width:980px; margin: 0 auto; background: url(../img/container_bg.jpg) top center no-repeat;  padding-bottom:10px; }
	
	body#b_listado_centros div.content_overflow { height:290px; padding:0 0 10px 0; margin-bottom:5px; width:676px; background:black; border:1px solid #999;}
	div#seleccion_provincia { background:#000; border:1px solid #666; padding:1px; text-align:right; clear:both; margin-top:0px;}
		div#seleccion_provincia form { z-index:1; display:inline;}
			div#seleccion_provincia form select { background:#eee; border:1px solid black; font-size:0.9em;}
	
	table#listado_centros { width:100%;  font-family:Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal; border-collapse:collapse; margin:0; padding:0;}
		table#listado_centros td { 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; }
		td.listado_centros_izq { }
			td.listado_centros_izq  a.abrirplano { display:block; float:right;  }
		table#listado_centros h2 { border-bottom:2px solid #5C0101; padding:5px;}
		table#listado_centros h3 { margin-top:10px;}
		table#listado_centros dl dd { margin:0;}
		table#listado_centros dl p { margin:0.7em;}
		table#listado_centros ul { list-style:none; margin:0 0 0 0.5em; padding:0;}
			table#listado_centros td dl ul li { padding-top:8px;}
/*
SECCIÓN Moda FEDEROPTICOS > body class asignada: .s_moda
*/
body.s_moda div#wrapper {	width:980px; margin: 0 auto; background: url(../img/container_bg_s.jpg) top center no-repeat;  padding-bottom:10px;	}
	
	/*
	Subsec Roberto torreta > body id asignado: #b_torretta 
	*/
	body#b_torretta div.foto_right { margin-right:20px;}
	div#torretta_events {
		border:2px solid #000; margin:-10px 5px 3px 0px; width:96%; clear:both;
	}
		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;}
	
	/*
	Subsec Tendencias > body id asignado: #b_tendencias 
	*/
	body#b_tendencias form#form_contacto { border:0; border-top:1px solid black; border-top:1px dotted #000;}
	body#b_tendencias form#form_contacto p label {
		width: 11em;
		float: left;
		text-align: right;
		margin-right: 0.1em;
		display: block;
		padding-top:6px;
		}
	body#b_tendencias form#form_contacto textfield {margin-left:11.1em;}
	body#b_tendencias form#form_contacto textarea { margin:0; clear:both; width:80%;}
	body#b_tendencias form#form_contacto p.enviar { padding:0;}
	body#b_tendencias form#form_contacto p.enviar input { background:#000;}
	
	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.s_piensa div#wrapper {	width:980px; margin: 0 auto; background: url(../img/container_bg_p.jpg) top center no-repeat;  padding-bottom:10px;	}
	
	
	body#b_progresivos div.foto_right, body#b_gafas div.foto_right { padding:0; border:0; width:auto; height:auto; background:none;}
	body#b_progresivos div.content_overflow, body#b_gafas div.content_overflow { margin-top:10px;}

/*
SECCIÓN SOLUCIONES FEDEROPTICOS > body class asignada: .s_soluciones
*/
body.s_soluciones div#wrapper {	width:980px; margin: 0 auto; background: url(../img/container_bg_s.jpg) top center no-repeat;  padding-bottom:10px;	}
	/*
	Subsec Gafas y Lentes > body id asignado: #b_gafas 
	*/
	body#b_gafas div.content_overflow { height:300px;}
	body#b_gafas h2 { margin-bottom:10px;}
	body#b_gafas h3 { margin:2px; padding-bottom:0;}
	
	/*
	Subsec marcas exclusivas -> body id asignado: #b_marcas
	*/
	
	div.header { background:#000; padding:5px 10px; margin:10px 0 5px 0; clear:both; border-left:1px solid #ccc;}
		div.subir { text-align:center; margin:1em 0 3em 0; clear:both;}
	div#catalogo div.modelo { width:170px; padding:5px 0; border:1px solid #336600; color:#ccc; text-align:center; float:left; margin:5px 15px 5px 15px; background:#003229;}
	div#catalogo div.modelo p { margin:2px 0; text-align:center;}
	
	a.cat_type { margin-top:25px;}
		table#catalogo { border:1px solid yellow; height:275px;}
		table#catalogo td { vertical-align:top; }
		
		table.coleccion { width:100%;}
			table.coleccion td { margin:5px; text-align:center;}
		a.modelo { text-decoration:none; margin-bottom:10px; display:block; }
			a.modelo img { border:3px solid #006600;}
				a.modelo img:hover { border:3px solid #990000;}
			a.modelo span { display:block; text-align:center; font-weight:bold;}
		
		div#catalogo_menu { margin-left:35px; font-weight:bold;}
	
	/*
	Subsec Plan actúa -> body id asignado: #b_actua
	*/
	body#b_actua div.content_overflow { height:auto; overflow:visible;}
		body#b_actua div.foto_right { border:0; background:none;}
	/*
	Subsec progresivos -> body id asignado: #b_progre
	*/
	body#b_actua div.content_overflow { height:290px;}
		body#b_progre div.foto_right { border:0; background:none; margin-top:0;}
		

	/*
	Subsec Insituto FEDEOPTICOS -> body id-> #b_instituto
	*/
		body#b_instituto div.foto_right { margin-top:0; background:none; border:none; padding:0; width:200px;}

/*
SECCIÓN TU FEDEROPTICOS > body id asignada: #tufederopticos
*/

object#localizador { float:left;}
div#localizador_der {
	float:right;
	width:230px; 
	height:320px; 
	}
	div#localizador_der form { margin:5px;}
	
/* cambio de interlineao metido a última hora, marca de la casa */
p {line-height:16px;}


/*
SECCIÓN SALA DE PRENSA > body id asignada: #salaprensa
*/

h2.h_noticias { margin-bottom:5px;}
span.noticias_fecha { font-style:italic;}


/*
SECCIÓN CREA TU ESTILO > body class asignado: .s_creatuestilo
*/

body.s_creatuestilo div#wrapper {	width:980px; margin: 0 auto; background: url(../img/container_bg.jpg) top center no-repeat;  padding-bottom:10px;	}


body#b_vconduccion div.content_overflow p { text-align:justify;}