/* Reset */
* { margin: 0; padding: 0; font-size: 100%; }

/* Elements */
body { padding: 0px 0; font: 11px/1.5 Verdana, sans-serif; text-align: left; background-image: url(../img/fondo.gif); color: #666666; }
ul{ list-style-image: url(../img/dot.gif); margin-left:0px; padding-left:20px; }
a:link { color: #666666; text-decoration: none; }
a:visited { color: #666666; text-decoration: none; }
a:hover { color: #333333; text-decoration: underline; }
a:active { color: #333333; text-decoration: underline; }

/* ****************** Idiomas *******************/
#idiomascontenedor { padding: 0px; width: 100%; height: 56px; }
#idiomas { position: relative; width: 930px; height: 56px; margin:auto; visibility: visible; }
#idiomas-cast { position: relative; width: 930px; height: 56px; margin:auto; visibility: visible; background-image: url(../img/idiomas-cast.gif);}
#idiomas-cat { position: relative; width: 930px; height: 56px; margin:auto; visibility: visible; background-image: url(../img/idiomas-cat.gif);}
#idiomas-eng { position: relative; width: 930px; height: 56px; margin:auto; visibility: visible; background-image: url(../img/idiomas-eng.gif);}
#idiomascontenido { width: 400px; height: 15px; float: right; margin: 39px 10px 0px 0px; text-align:right;}
#titular { width: 400px; height: 15px; float: left; }
.titular { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#C1C1C1; font-weight: normal; text-decoration: none; text-align: left; }
.tit-textos { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#0D3F5C; padding-left: 0px; padding-bottom:5px; font-weight: normal; text-decoration: none; line-height: 13px; text-align: left; }
.tit-flash { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#0D3F5C; padding-left: 0px; padding-bottom:5px; font-weight: bold; text-decoration: none; line-height: 13px; text-align: left; }
.tit-flash:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#0D3F5C; padding-left: 0px; padding-bottom:5px; font-weight: bold; text-decoration: none; line-height: 13px; text-align: left; }
.tit-flash:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#0D3F5C; padding-left: 0px; padding-bottom:5px; font-weight: bold; text-decoration: underline; line-height: 13px; text-align: left; }
.tit-flash:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#0D3F5C; padding-left: 0px; padding-bottom:5px; font-weight: bold; text-decoration: underline; line-height: 13px; text-align: left; }
.tit-flash:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#0D3F5C; padding-left: 0px; padding-bottom:5px; font-weight: bold; text-decoration: none; line-height: 13px; text-align: left; }
.textos { font: 11px/1.5 Verdana, sans-serif; text-align:left; line-height: 13px; left; color: #666666; text-decoration: none;}
.idioma-off { font: 11px/1.5 Verdana, sans-serif; text-align: left; color: #666666; text-decoration: none;}
.idioma-on { font: 11px/1.5 Verdana, sans-serif; text-align: left; color: #FFFFFF; text-decoration: none; }
.idioma-on:link { font: 11px/1.5 Verdana, sans-serif; text-align: left; color: #FFFFFF; text-decoration: none; }
.idioma-on:hover { font: 11px/1.5 Verdana, sans-serif; text-align: left; color: #FFFFFF; text-decoration: underline; }
.idioma-on:active { font: 11px/1.5 Verdana, sans-serif; text-align: left; color: #FFFFFF; text-decoration: underline; }
.idioma-on:visited { font: 11px/1.5 Verdana, sans-serif; text-align: left; color: #FFFFFF; text-decoration: none; }
/* *********************************************/

/* ****************** BACKFLASH *******************/
#containerflash{ height: 252px; width: 930px; margin: auto; position: relative; }
#backgroundflash { z-index: 1; position: absolute; }
#contentflash { z-index: 2; position: relative; width: 930px; height: 29px; background-image: url(../img/background-menu.gif); }
.line14 { line-height: 14px; }
/* *********************************************/

/* ****************** Cabeceras *******************/
#top1contenedor { padding: 0px; width: 100%; height: 7px; }
#menucontenedor { padding: 0px; width: 100%; height: 29px; }
#menu { padding: 0px; width: 930px; height: 29px; background-image: url(../img/background-menu.gif); }
#top2contenedor { padding: 0px; width: 100%; height: 56px; }
#top2 { position: relative; width: 910px; height: auto; margin: 37px 0px 0px 0px; padding: 0; text-align: right; }
#top2contenedor { padding: 0px; width: 100%; height: 209px; z-index:-1; }
/* *********************************************/

/* ****************** Body *******************/
#blog-facebook { height: 62px; width: 930px; margin: auto; text-align:center; }
#bodycontenedor { padding: 0px; width: 100%; height: auto; }
#body { padding: 0px; width: 930px; height: 500px; background-image: url(../img/background-body.gif); }
#e-business { padding: 0px; width: 930px; height: 580px; background-image: url(../img/background-body.gif); }
#bodyhistoria { padding: 0px; width: 930px; height: 600px; background-image: url(../img/background-body.gif); }
#bodyhome { padding: 0px; width: 930px; height: 850px; margin:auto; background-image: url(../img/background-body.gif); }
#bodyfuturo { padding: 0px; width: 930px; height: 680px; background-image: url(../img/background-body.gif); }
#postits { position: relative; width: 231px; height: auto; float: right; padding: 0; margin: 0px 0px 0px 0px; text-align: right; }
#contenidos { position: relative; width: 685px; height: auto; float: left; padding: 0; }
#contenidos-right { position: relative; width: 520px; height: auto; float: right; padding: 0; margin: 0px 0px 0px 0px; text-align: left; }
#home-left { position: relative; width: 300px; height: auto; float: left; padding: 0; margin: 0px 0px 0px 0px; text-align: left; }
#home-right { position: relative; width: 200px; height: auto; float: right; padding: 0; margin: 0px 0px 0px 0px; text-align: left; }
#flash-left { position: relative; width: 150px; height: auto; float: left; padding: 0; margin: 0px 0px 0px 0px; text-align: left; }
#flash-right { position: relative; width: 140px; height: auto; float: right; padding: 0; margin: 0px 0px 0px 0px; text-align: left; }
#tit-youtube { height: 29px; width: 300px; background-image: url(../img/tit-youtube.gif); text-align:left; }
#contenidos-left { position: relative; width: 164px; height: auto; float: left; padding: 0; margin: 0px 0px 0px 0px; text-align: left; }
/* *********************************************/

/* ****************** Catálogo *******************/
#gafas { padding: 0px; width: 930px; height: 420px; background-image: url(../img/background-body.gif); }
#gafas-listado-6 { padding: 0px; width: 930px; height: 700px; background-image: url(../img/background-body.gif); }
#gafas-listado-corto { padding: 0px; width: 930px; height: 970px; background-image: url(../img/background-body.gif); }
#gafas-listado { padding: 0px; width: 930px; height: 1170px; background-image: url(../img/background-body.gif); }
#gafas-listado-medio { padding: 0px; width: 930px; height: 1300px; background-image: url(../img/background-body.gif); }
#gafas-listado-largo { padding: 0px; width: 930px; height: 1450px; background-image: url(../img/background-body.gif); }
#gafas-listado-UA { padding: 0px; width: 930px; height: 2110px; background-image: url(../img/background-body.gif); }
#gafas-right { position: relative; width: 250px; height: auto; float: right; padding: 0; margin: 0px 0px 0px 0px; text-align: left; }
#gafas-left { position: relative; width: 250px; height: auto; float: left; padding: 0; margin: 0px 0px 0px 0px; text-align: left; }
.gafas { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding-left: 15px; padding-right: 15px; color:#333333; font-weight: normal; text-decoration: none; line-height: 15px; text-align: left; }
/* *********************************************/

/* ****************** Postits *******************/
#sharehome { padding: 0px; width: 179px; height: auto; float: right; margin: 10px 30px 10px 0px; }
#postitbody { padding: 0px; width: 479px; height: auto; float: left; }
#postitbodytop { padding-top: 15px; padding-left: 15px; width: 464px; height: 17px; float: right; background-image: url(../img/postitbodytop.gif);}
.postitbodytitulo { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-weight: bold; text-decoration: none; line-height: 13px; text-align: left; }
#postitbodycontenido { padding-left: 15px; padding-right: 15px; width: 449px; height: auto; background: #1B344B;}
#postit1 { padding: 0px; width: 179px; height: auto; float: right; margin: 20px 30px 0px 0px;}
#postit1contenido { padding-left: 15px; padding-right: 15px; width: 149px; height: auto; background: #B8B8B8;}
.postit1txt { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; font-weight: normal; text-decoration: none; line-height: 12px; text-align: left; }
.postit1txt:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; font-weight: normal; text-decoration: underline; line-height: 12px; text-align: left; }
#postit2 { padding: 0px; width: 179px; height: auto; float: right; margin: 20px 30px 0px 0px; text-align: left;}
#postit2top { padding-top: 15px; padding-left: 15px; width: 164px; height: 17px; float: right; background-image: url(../img/postit2top.gif);}
.postit2titulo { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-weight: bold; text-decoration: none; line-height: 13px; text-align: left; }
.postit2titulo:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-weight: bold; text-decoration: none; line-height: 13px; text-align: left; }
.postit2titulo:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-weight: bold; text-decoration: underline; line-height: 13px; text-align: left; }
.postit2titulo:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-weight: bold; text-decoration: none; line-height: 13px; text-align: left; }
#postit2contenido { padding-left: 15px; padding-right: 15px; width: 149px; height: auto; background: #4D96D9;}
#postit3 { padding: 0px; width: 179px; height: auto; float: right; margin: 20px 30px 0px 0px; text-align: left;}
#postit3top { padding-top: 15px; padding-left: 15px; width: 164px; height: 17px; float: right; background-image: url(../img/postit3top.gif);}
#recambios { padding-top: 15px; padding-left: 15px; width: 164px; height: 17px; float: right; background-image: url(../img/postit4top.gif);}
.postit3titulo { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-weight: bold; text-decoration: none; line-height: 13px; text-align: left; }
#postit3contenido { padding-left: 15px; padding-right: 15px; width: 149px; height: auto; background: #EE3614;}
#postit4 { padding: 0px; width: 179px; height: auto; float: right; margin: 20px 30px 0px 0px; text-align: left;}
/* *********************************************/

/* ****************** catalogo *******************/
#formleft { padding: 0px; width: 355px; height: 120px; float:right; }
#formright { padding: 0px; width: 155px; height: 120px; float:left; }
#recambiosleft { padding: 0px; width: 305px; height: auto; float:right; }
#recambiosright { padding: 0px; width: 200px; height: auto; float:left; }
/* *********************************************/

/* ****************** End *******************/
#spares { padding: 0px; width: 930px; height: 780px; background-image: url(../img/background-body.gif); }
#piecontenedor { padding: 0px; width: 100%; height: 27px; clear:both; }
#pie { padding: 0px; width: 930px; height: 27px; background-image: url(../img/end.gif); text-align: right; }
#pietxt { padding-right: 20px; width: 400px; height: 27px; float: right; }
#marketing-online { padding: 0px; width: 930px; height: 27px; margin: auto; background: #C1C1C1; }
.pie { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#333333; font-weight: normal; text-decoration: none; line-height: 27px; text-align: right; }
.marketing-online { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#C1C1C1; font-weight: normal; text-decoration: none; line-height: 27px; text-align: right; }
.marketing-online:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#C1C1C1; font-weight: normal; text-decoration: none; line-height: 27px; text-align: right; }
.marketing-online:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#C1C1C1; font-weight: normal; text-decoration: none; line-height: 27px; text-align: right; }
.marketing-online:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#C1C1C1; font-weight: normal; text-decoration: none; line-height: 27px; text-align: right; }
/* *********************************************/

/* ****************** Tipos / Submenus *******************/
.tit-cuadros { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height: 13px; color:#FFFFFF; padding-left: 50px; padding-top:11px; wwwwwwfont-weight: bold; text-decoration: none;  text-align: left; }
.menuleft { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;	color:#666666; padding-left: 25px; display: block; font-weight: normal; text-decoration: none; line-height: 12px; text-align: left; }
.tit-menuleft { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;	color:#666666; padding-left: 25px; display: block; font-weight: normal; text-decoration: none; line-height: 12px; text-align: left; }
.titulo { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#0D3F5C; padding-top: 43px; font-weight: bold; text-decoration: none; line-height: 14px; text-align: left; }
.subtitulo { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#0D3F5C; padding-left: 0px; font-weight: normal; text-decoration: none; line-height: 14px; text-align: left; }
.txt-form { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#666666; font-weight: normal; text-decoration: none; line-height: 22px; }
.subtitulo:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#0D3F5C; padding-left: 0px; font-weight: normal; text-decoration: underline; line-height: 14px; text-align: left; }
/* *********************************************/