/* General */
@import url(reset.css);
body {line-height: 1; font-size: 13px; color: #FFF; font-family: Trebuchet MS, Helvetica, Segoe UI, Segoe, Frutiger, "Trebuchet MS", sans-serif; background: url(images/background.jpg) repeat-y top #FFF;}
a {color:#FFF;text-decoration:none;}
a:hover {text-decoration: underline;}
h1 {font:20px Trebuchet MS; color: #444}
h2 {font:18px Trebuchet MS; color: #FFF;}
h3 {font:14px Trebuchet MS; color: #505050;}
h4 {font:14px Trebuchet MS; color: #505050;}
p {font-size: 12px; color: #444;}
hr {width:100%; height:0px; text-align:left; border-top:0px; border-bottom:#e5e5e5 solid 1px;}


/* Header */

#container {width: 920px; margin:0 auto;}
#header {width: 675px; height: 288px; float: right; background: url('imagenes/fondocabmenu.jpg') no-repeat;}
#header p {text-align: center; float: center; font-size: 14px; color: #FFF; margin-top: 13px; _margin-top: 13px}



/* Imagenes grande */

#sechome {width: 675px; height: 288px; float: right; margin-top: -251px; background: url(imagenes/img-home.jpg) no-repeat;}

/* 2 Columnas de contenido */
#fila1 {float:left; width: 920px; overflow:hidden; position:relative;}
#fila2 {float:left; width: 920px; position:relative; right: 715px; background: #a5d01a;}
#columna1 {float:left; width: 205px; position: relative; left: 715px; overflow:hidden;}
#columna2 {float:left; width: 715px; position: relative; left: 695px; overflow:hidden;}


/* Content */

#content {width: 920px; float: center; background: #fff;}
.titulogris {width: 675px; height: 33px; float: right; margin-top: 20px; _margin-bottom: -16px; background: url('imagenes/fondo-gris.jpg') no-repeat;}
.donde {width: 675px; float: right; margin-top: 20px; _margin-bottom: -16px;}
.titulogris h1 {margin-top: 4px; margin-left: 10px;}
.donde p, .donde h1, .donde h2, {margin-top: 4px; margin-left: 10px; font:14px Trebuchet MS; color: #444;}
.donde a {margin-top: 4px; font:14px Trebuchet MS; color: #444;}

/* Elementos Portada */

#secpresentacion {width: 675px; height: 240px; float: right; margin-top: 20px; background: url(imagenes/img-presentacion.jpg) no-repeat;}
#secgraduar {width: 675px; height: 175px; float: right; margin-top: 20px; background: url('imagenes/img-graduar.jpg') no-repeat;}
#secreparar {width: 675px; height: 175px; float: right; margin-top: 20px; background: url('imagenes/img-reparar.jpg') no-repeat;}
#seccomprar {width: 675px; height: 175px; float: right; margin-top: 20px; background: url('imagenes/img-comprar.jpg') no-repeat;}
#secpresentacion h2 {margin-left: 10px; margin-top: 3px;}
#secpresentacion p {width: 424px; margin-left: 10px; margin-top: -6px; line-height: 1.4;}
#secgraduar h2, #secreparar h2, #seccomprar h2 {margin-left: 239px; margin-top: 3px;}
#secgraduar p, #secreparar p, #seccomprar p {width: 424px; margin-left: 239px; margin-top: -6px; line-height: 1.4;}

#sectest1, #sectest2 {width: 675px; height: 175px; float: right; float: right; margin-top: 20px}
#sectest3 {width: 675px; height: 195px; float: right; float: right; margin-top: 20px}
#sectest4 {width: 675px; height: 250px; float: right; float: right; margin-top: 20px}

/* Elementos Sevicios */

#secservicios1 {width: 675px; height: 175px; float: right; margin-top: 20px; background: url('imagenes/img-gafas-graduadas.jpg') no-repeat;}
#secservicios2 {width: 675px; height: 175px; float: right; margin-top: 20px; background: url('imagenes/img-gafas-sol.jpg') no-repeat;}
#secservicios3 {width: 675px; height: 175px; float: right; margin-top: 20px; background: url('imagenes/img-lentes-contacto.jpg') no-repeat;}
#secservicios4 {width: 675px; height: 175px; float: right; margin-top: 20px; background: url('imagenes/img-audifonos.jpg') no-repeat;}
#secservicios5 {width: 675px; height: 175px; float: right; margin-top: 20px; background: url('imagenes/img-taller.jpg') no-repeat;}
#secservicios6 {width: 675px; height: 175px; float: right; margin-top: 20px; background: url('imagenes/img-tension.jpg') no-repeat;}
#secservicios7 {width: 675px; height: 175px; float: right; margin-top: 20px; background: url('imagenes/img-refraccion.jpg') no-repeat;}
#secservicios1 h2, #secservicios2 h2, #secservicios3 h2, #secservicios4 h2, #secservicios5 h2, #secservicios6 h2, #secservicios7 h2 {margin-left: 239px; margin-top: 3px;}
#secservicios1 p, #secservicios2 p, #secservicios3 p, #secservicios4 p, #secservicios5 p, #secservicios6 p, #secservicios7 p {width: 424px; margin-left: 239px; margin-top: -6px; line-height: 1.4;}
#seguirleyendo {width: 211px; height: 17px; float: right; margin-top: -20px; background: url('imagenes/seguirleyendo.jpg') no-repeat;}
#seguirleyendo a {width: 211px; margin-left: 25px; font-size: 13px; color: #444; font-family: Trebuchet MS, Helvetica, "Trebuchet MS", sans-serif;}
#seguirleyendo a:hover {text-decoration: none;}
#seguirpresentacion {width: 440px; height: 17px; float: right; margin-top: 29px; background: url('imagenes/seguirleyendo.jpg') no-repeat;}
#seguirpresentacion a {width: 211px; margin-left: 25px; font-size: 13px; color: #444; font-family: Trebuchet MS, Helvetica, "Trebuchet MS", sans-serif;}
#seguirpresentacion a:hover {text-decoration: none;}
#secgafas-graduadas {width: 675px; height: 186px; float: right; margin-top: 20px; background: url('imagenes/graduadas-grande.jpg') no-repeat;}
#secgafas-sol {width: 675px; height: 186px; float: right; margin-top: 20px; background: url('imagenes/sol-grande.jpg') no-repeat;}
#secgafas-lentes {width: 675px; height: 186px; float: right; margin-top: 20px; background: url('imagenes/lentes-grande.jpg') no-repeat;}
#secgafas-audifonos {width: 675px; height: 186px; float: right; margin-top: 20px; background: url('imagenes/audifonos-grande.jpg') no-repeat;}
#secgafas-taller {width: 675px; height: 186px; float: right; margin-top: 20px; background: url('imagenes/taller-grande.jpg') no-repeat;}
#secgafas-tension {width: 675px; height: 186px; float: right; margin-top: 20px; background: url('imagenes/tension-grande.jpg') no-repeat;}
#secgafas-refraccion {width: 675px; height: 186px; float: right; margin-top: 20px; background: url('imagenes/refraccion-grande.jpg') no-repeat;}
#secofertas {width: 675px; height: 186px; float: right; margin-top: 20px; background: url('imagenes/ofertas-grande.jpg') no-repeat;}
#secnoticias {width: 675px; height: 186px; float: right; margin-top: 20px; background: url('imagenes/novedades-grande.jpg') no-repeat;}
#seccion-texto {width: 675px; height: auto; float: right; margin-top: 20px;}
#seccion-texto p {width: 675px; margin-top: -6px; line-height: 1.4;}
#seccion-texto2 {width: 675px; height: auto; float: right; margin-top: 20px;}
#seccion-texto2 p {width: 675px; margin-top: -6px; line-height: 1.4;}
#seccion-texto2 a {color:#444; text-decoration:none;}

#varilux {width: 244px; height: 164px; float: left; margin-top: 0px; background: url('imagenes/varilux-especialista.jpg') no-repeat;}

/* Menu Izquierda*/

.esquinasup {width: 205px; height: 5px; background: url(imagenes/arriba_columna.jpg) no-repeat;}
.logotipo {width: 205px; height: 64px; float: center; margin-top: 31px; _margin-top: 18px;  background: url(imagenes/logo.jpg) no-repeat;}
.fondomenu {width: 205px; height: 19px; margin-top: 1px; background: url(imagenes/fondo_marcas.jpg) no-repeat;}
.fondomenuver {width: 205px; height: 19px; margin-top: 2px; background: url(imagenes/fondo_marcas2.jpg) no-repeat;}
.fondomenuver a {font-size: 12px; float: right; color: #385108; margin-right: 49px; margin-top: 3px;}
.fondomenu a {font-size: 12px; float: right; margin-right: 49px; margin-top: 3px;}
.titulomarcas h3 {font: 14px Trebuchet MS; color: #4f7802; margin-right: 31px; margin-bottom: 5px; margin-top: 10px; *margin-top: 10px; *margin-right: 31px; text-align: right;}

/* Footer*/

#footer {width: 675px; height: 36px; float: right; margin-top: 20px; margin-bottom: 5px; background: url('imagenes/fondocabmenu.jpg') no-repeat;}
#footer p {text-align: center; padding-top: 13px; margin-top: -1px; *margin-top: 0px; font-size: 13px; color: #444; font-family: Trebuchet MS, Helvetica, "Trebuchet MS", sans-serif;}
#footer a {text-align: center; padding-top: 13px; margin-top: -1px; *margin-top: 0px; font-size: 13px; color: #444; font-family: Trebuchet MS, Helvetica, "Trebuchet MS", sans-serif;}