/* GRUPO VEROPTIC 2010 */
/* IE7: *  --   IE6: _   */


*{margin:0 auto; padding:0;} 
body{background:#6baac1 url(../images/fondocabecera1.png) 0 0 repeat-x;} 
h1{float:left; width:259px; height:95px; text-indent:-10000px; background:#6baac1 url(../images/Grupo-Veroptic-Logo.jpg) no-repeat; cursor:pointer;} 
h2{display:block; width:775px; color:#4b96b1; font:bold 20px Tahoma, Geneva, sans-serif; border-bottom:2px solid #4b96b1; margin-left:10px; padding-bottom:2px;} 
html>body h2{font-weight:normal}
h3{font:bold 16px Tahoma, Geneva, sans-serif; color:#fff; margin-bottom:5px;} 
html>body h3{font-weight:normal}
a{cursor:pointer;}
ul, li{list-style:none;}
a span{display:none;}
input[type='submit']{cursor:pointer;}
input[type=text], input[type=password] {font:11px Tahoma, Geneva, sans-serif; color:#666666; height:15px;border:1px solid #7f9db9;}
textarea{font:11px Tahoma, Geneva, sans-serif; color:#666666; margin:5px 5px 5px 15px; *margin:5px; padding:5px;}

select{_border:1px solid #4c96b1; *border:1px solid #4c96b1; color:#666666; width:150px; height:20px; line-height:20px; margin:3px; text-align:left; vertical-align:middle;}
strong{color:#4b96b1; font-weight:bold;}


#contenedor{width:1024px; margin:0 auto; background-color:#eafaff; height:auto; }
#contenido{width:1024px; margin:0 auto; background-color:#ffffff; height:auto; padding-top:10px;}

/*CABECERA*/
#cabecera{float:left; display:block; width:1024px; height:182px; margin:0 auto;background:#e0edf2 url(../images/fondocabecera2.png) 0 0 repeat-x;font:11px Tahoma, Geneva, sans-serif; } 
#menusup{float:right; width:140px; margin:5px 0 5px 10px; padding-top:5px;font:11px Tahoma, Geneva, sans-serif;}
#menusup li{display:inline; border-left:solid 1px #ffffff; padding-left:2px;font:11px Tahoma, Geneva, sans-serif; }
#menusup li a{color:#ffffff; font:11px Tahoma, Geneva, sans-serif; margin: 0 2px 0 4px;}
#menusup li a:hover{color:#333;}

#area_clientes{clear:both; float:right; text-align:right; width:430px; *width:420px; height:38px; background-color:#6baac1; border:1px solid #ffffff; margin:5px; margin-top:-62px; *margin-top:5px; _margin-top:0px;  padding:12px 10px; _padding:5px 10px; color:#fff; font:11px Tahoma, Geneva, sans-serif;}
#area_clientes form{ margin:0 0 5px 0; color:#fff; font:11px Tahoma, Geneva, sans-serif; }
#area_clientes input.boton{border:0px solid #7f9db9;background:url(../images/boton.png) 0 0 no-repeat; width:60px; height:22px; color:#000; padding-bottom:3px;  *line-height:20px; margin-top:6px; padding-top:-5px; font:11px Tahoma, Geneva, sans-serif;}
#area_clientes label{font:bold 11px Tahoma, Geneva, sans-serif; padding-right:5px; padding-bottom:5px;}
#area_clientes div{float:left; width:260px; margin:0px 5px 0 175px;}
#area_clientes div a{color:#fff;font:11px Tahoma, Geneva, sans-serif; text-decoration:underline;padding:0 10px;}

#area_clientes div a.resaltado{font-weight:bold;}

#area_clientes_on{clear:both; float:right; text-align:right; width:430px; *width:420px; height:38px; background-color:#ffffff; border:1px solid #e0edf2;margin:5px; margin-top:-62px; *margin-top:5px;  padding:12px 10px; overflow:hidden;}
#area_clientes_on p{ float:left; width:250px; text-align:left; color:#666; font: bold 11px Tahoma, Geneva, sans-serif;}
#area_clientes_on a{ float:left; text-align:left; color:#4b96b1;font:11px Tahoma, Geneva, sans-serif; text-decoration:underline;}
#area_clientes_on a.resaltado{font-weight:bold;}
#area_clientes_on a:hover{color:#333;}
#area_clientes_on #tpedido{width:100px; background: transparent url(../images/iconos_pedidos.gif) left no-repeat; line-height:30px; padding-left:35px; margin-top:-10px;}
#area_clientes_on #ultped{width:95px; background: transparent url(../images/iconos_anteriores.gif) left no-repeat; line-height:30px; padding-left:35px; margin-top:-4px;}
#area_clientes_on #repuestos{width:135px; background: transparent url(../images/iconos_rappel.gif) left no-repeat; line-height:30px; padding-left:35px; margin-top:-4px;}
#area_clientes_on #climod{width:95px; background: transparent url(../images/iconos_datos.gif) left no-repeat; line-height:30px; padding-left:35px; margin-top:-4px;}

#atras{float:right; display:block; width:50px; height:20px; margin-top:-20px; margin-right:16px; *margin-right:8px; font:11px Tahoma, Geneva, sans-serif; color:#4b96b1; cursor:pointer;}

/*MENUS*/
#menuPrincipal{clear:both;position:absolute;top:101px;}
#menuPrincipal li{float:left; height:29px;}
#menuPrincipal li a{display:block; height:29px;}


/*SUBMENUS*/
#awmAnchor-mymenu{margin:0 auto !important; position:absolute; top:100px; width:1024px; height:80px; min-height:80px; background:none;}

/*LATERAL IZQUIERDA*/
#izquierda{float:left; background-color:#ffffff; text-align:center; width:200px; _width:170px; height:auto;}

#izquierda #banner1, #izquierda #banner2{margin:5px 10px; _margin:5px 2px;}

#izquierda #banner0{margin:5px  10px 5px 5px; _margin:5px 2px; display:none;}

#cont_carro{float:left; background-color:#ffffff; border:1px solid #4c96b1; margin:5px 10px; _margin:5px 2px; width:190px; _width:170px; height:auto; min-height:50px; color:#666; font:11px Tahoma, Geneva, sans-serif; text-align:left;}
#cont_carro h4, #buscador h4{display:block;background-color:#6baac1; width:auto; height:20px; color:#ffffff; font:bold 1.4em "Century Gothic", Tahoma, Geneva, sans-serif; padding:8px 5px 5px 5px;}

#buscador{float:left; background-color:#ffffff; border:1px solid #4c96b1; margin:5px 10px;_margin:5px 2px; width:190px; _width:170px; height:180px; color:#666; font:11px Tahoma, Geneva, sans-serif; text-align:left;}
#buscador label{float:left; display:block; width:170px; _width:150px; padding:5px; font:11px Tahoma, Geneva, sans-serif; color:#666;}
#buscador input{float:left; display:block; width:170px; _width:150px; height:18px; margin: 3px 0 5px 5px; padding-left:5px; border:1px solid #4c96b1; font:11px Tahoma, Geneva, sans-serif; color:#666;}
#buscador select{float:left;display:block; width:173px; _width:153px; height:23px; margin: 3px 0 5px 5px; border:1px solid #4c96b1; color:#666666; font:11px Tahoma, Geneva, sans-serif; }
#buscador input.boton{float:right; margin:5px; border:0px solid #7f9db9;background:url(../images/boton.png) 0 0 no-repeat; width:60px; height:22px; color:#000; padding-bottom:3px;  *line-height:20px; *margin-top:6px; *padding-top:-5px;}

/*CARRITO*/
#carrito{}
#carrito p{padding:10px;}
#carrito table{width:180px; _width:160px; margin:5px; }
#carrito table tr th{ background-color:#f3f3f3; border-bottom:1px solid #b7b7b7; color:#8f989f;font:10px Tahoma, Geneva, sans-serif; text-align:center; height:20px; padding:2px;}
#carrito table tr td{background-color:#ffffff; border-bottom:1px solid #b7b7b7; color:#666666; font:10px Tahoma, Geneva, sans-serif; padding:2px;}
#carrito table tr td.cto{ text-align:center;}
#carrito table tr td.iza{ text-align:left;}
#carrito table tr td.dch{ text-align:right;}
#carrito table tr td.final{border-bottom:none; text-align:right; padding-top:15px;}
#carrito a{color:#4c96b1; text-decoration:none;}
#carrito a:hover{text-decoration:underline;}

#tabla{width:180px; _width:160px; margin:5px; }

#cargando{width:130px; height:40px; margin:10px 0 0 10px; padding:5px; display:none; }
#cargando img{padding:0 5px; float:left;}
#cargando span{ float:left;margin:-25px 0 0 50px; font:11px Tahoma, Geneva, sans-serif; color:#666666; }


/* PASTILLA PRODUCTO */
#cantidad{width:15px; text-align:right; margin:3px 0 0 10px; padding:0 5px;}
a.ico_carro{float:right; display:block; width:30px; height:25px; position:relative; top:5px; *top:-20px; left:-20px; *left:-20px; _left:0px; margin:0 10px; background:url(../images/iconos_carro.png) left no-repeat;}
a.ico_carro span{display:none;}

.izda{float:left; display:block; width:60px; height:auto; font:10px Tahoma, Geneva, sans-serif; color:#4b96b1;}
.dcha{float:right; display:block; width:60px; height:auto; position:relative; top:15px; left:10px; *left:50px; _left:60px; font:10px Tahoma, Geneva, sans-serif; color:#4b96b1;}
.centro{float:right; display:block; width:60px; height:auto; position:relative; top:18px; *top:8px;  right:5px; font:10px Tahoma, Geneva, sans-serif; color:#4b96b1;}
span.precio{float:right; display:block;font:11px Tahoma, Geneva, sans-serif; color:#666; width:70px; margin:5px 0 0 0; *margin:-15px 0 0 0;}

/* PAGINACION*/
#paginacion{display:block; width:700px; height:20px; margin:10px; padding:5px 15px; text-align:center !important;}
#paginacion a, #paginacion p {display:inline;text-align:center !important; text-decoration:none;}
#paginacion a.pagina:hover{border:1px solid #4b96b1; color:#4b96b1; }
.pagina{font:11px Tahoma, Geneva, sans-serif; padding:2px 5px; margin:0 2px;border:1px solid #666;color:#666;}
.actual{font:11px Tahoma, Geneva, sans-serif; padding:2px 5px; margin:0 2px;border:1px solid #4b96b1;color:#4b96b1;}

/*PIE*/
#bottom{clear:both; width:100%; height:30px; margin:0 auto; background-color:#e0edf2;}
#pie{width:1024px; height:22px; margin:0 auto; padding-top:8px; background-color:#4b96b1; color:#ffffff; text-align:center;font:10px Tahoma, Geneva, sans-serif; }
#pie li {float:none;}
#pie li{display:inline; border-left: solid 1px #ffffff; margin: 0 3px; padding-left:6px; font-size:11px;}
#pie li a{color:#ffffff; font-size:11px;}
#pie li.first,#menusup li.first{border-left:none; font-size:11px;}

/* RESPUESTA ENVIO PEDIDO */
#central{float:left; margin:5px; _margin:5px 2px; background-color:#ffffff; text-align:left; width:805px; _width:810px; height:auto;}
#central_dcha{float:left; width:380px; margin:10px 5px 0 5px; padding:5px;}
#central_dcha img{width:381px; height:100px; border-top:1px solid #4b96b1;}

#respuesta_pedido{float:left; width:374px; margin:10px 5px 0 5px; padding:5px;}
#respuesta_pedido p{color:#666666; font:12px Tahoma, Geneva, sans-serif; padding:5px; text-align:justify;}
#respuesta_pedido p strong{color:#000000; font:12px Tahoma, Geneva, sans-serif;}
#respuesta_pedido p a{color:#4c96b1; font:12px Tahoma, Geneva, sans-serif; text-decoration:underline;}


/*CLASES COMUNES*/

.clearfix{clear:both;}
.separador{margin:3px 0;}
.sin_borde{border:0px solid #ffffff;}
.separador_punteado{display:block; width:780px; height:1px; border-bottom:1px dashed #666666;}
.subir{margin-top:-20px; top:-20px;}
.bajar{margin-top:20px; top:20px;}
.resaltado{font-weight:bold;}
.off{color:#666666 !important;}
.errores{display:block; width:600px; height:auto; text-align:center; margin:10px 5px; color:#666666; font:12px Tahoma, Geneva, sans-serif;}
.errores a{color:#4b96b1; text-decoration:underline;}
.ira{ float:right; top:30px; margin:50px 0 5px 220px; padding:5px 0; text-decoration:underline; font:12px Tahoma, Geneva, sans-serif; color:#4b96b1;}
.radio{ font:11px Tahoma, Geneva, sans-serif; color:#666; }
.azul{color:#4b96b1; }
.subrayado_dcha{text-align:right; text-decoration:underline !important;}
.promo{text-decoration:line-through; color:#FF8000 !important;}
.oferta{color:#FF8000 !important; font-weight:800;}
.justificado{text-align:justify;}
/* clases heredadas que están en las descripciones de los productos en BD*/
.peque_clara{font:11px Tahoma, Geneva, sans-serif; color:#4b96b1;}

/* fin de clases heredadas*/