/* BODY */ body {font-size:62.5%; font-family:Helvetica, Arial, sans-serif;} /* ETIQUETAS */ /* elementos de texto */ #page p {} #page small {font-size:0.9em;} #page b,#page strong{} #page em, #page i{} #page u{} #page strike{} #page hr {float:left; display:inline; width:100%; overflow:hidden; background:#BACCE1; clear:both; height:1px; border:0 none; margin:10px 0;} /* elementos de títulos */ #page h1, #page h2, #page h3, #page h4, #page h5 {padding:0;line-height:normal;} #page h1 {font-size:1.8em; color:#19559C; font-weight:normal;} #page h2 {font-size:1.5em; font-weight:normal; color:#333;} #page h3 {font-size:1.4em; color:#19559C; border-bottom:1px solid #bacce1; margin:15px 0;} #page h3 span{font-size:0.8em; color:#19559C;} #page h4 {font-size:1.2em; color:#19559C;} #page h5 {font-size:1.2em; color:#19559C;} #page .col1 h3, #page .col2 h3{border:none; padding:0; margin:20px 0 10px 0;} /* política de enlaces */ #page a:link {color:#19559C; text-decoration:underline;} #page a:visited {color:#19559C; text-decoration:underline;} #page a:hover, #page a:active {text-decoration:none;} #page a img {border:0 none;} .basket a:link {color:#fff !important; text-decoration:underline;} /*elementos decorativos*/ #page .colored{color:#19559C;} .basket .colored{color:#fff !important;} #page .backcolor{background:#FFF;} #page .bordercolor{border:#C6C6C6 solid 5px;} #page .underline{margin:0 0 10px 0; border-bottom:1px solid #CCC; width:100%;} #page #container #content img{ margin:0 5px 10px 0; border:2px solid #19559C;} /*lista*/ #page ul {margin:10px 0;} #page ul li {padding:5px 10px 5px 22px;} #page dl{} #page dt{} #page dd{} /*tablas*/ #page table{margin:0 0 10px 0; empty-cells:show; width:100%;} #page table thead th{text-align:left; padding:3px 6px; font-size:1.4em;} #page table tfoot td{border-top:1px solid #E5E5E5; color:#EEE;} #page table tbody td{text-align:left; padding:6px; font-size:1.2em;} #page table tbody td a{font-weight:bold; text-decoration:none!important; color:#FFF;} #page table tbody td img{margin:0 5px 0 0; vertical-align:middle;} #page table tbody td input{width:25px; border-width:1px; font-weight:normal; padding:2px;} #page table tbody tr.even td{} #page table tbody tr.odd td{background-color:#C6C6C6;} #page table tbody tr.highlight td {} /*formulario*/ #page fieldset{margin:0;} #page label {float:left; margin:0 0 5px 0; font-size:0.9em; color:#575757; text-align:right;} #page label.error {color:#FF0000;} #page input, #page textarea, #page select {margin:0 10px 0 0; padding:10px 5px; background-color:#FFFFCC; border:5px solid #DDD; font-weight:bold;} #page input:focus, #page textarea:focus {background:#F6D9E3;} #page input.checkbox, #page input.radio {display:inline; width:13px; height:13px; margin:0 5px 0 3px; background:none; border:0 none; vertical-align:middle; line-height:1.5em;} #page input.cant{width:20px; height:20px; background:#FFF; border-width:1px; padding:0;} /*boton*/ #page .btn {float:left; display:inline; height:35px; margin-left:20px; padding:0 0 0 4px !important; background:url(../images/button_left.png) top left no-repeat; behavior: url("iepngfix.htc");} #page .btn a{float:left; display:inline; padding:7px 5px 10px 5px; background:url(../images/button_center.png) top left repeat-x; font-size:1.4em; color:#fff; text-decoration:none; font-weight:bold;} #page .btn span {float:left; display:inline; width:4px; height:35px; background:url(../images/button_right.png) top right no-repeat; behavior:url("iepngfix.htc");} /*********** ESTRUCTURA ******************/ /* PAGE */ #page {height:100%; font-size:1.2em; line-height:1.7em; color:#666;} #page .wrap {position:relative; width:940px; margin:0 auto;} #page .wrap .wrap {width:auto; margin:0 auto;} #page .wrap .wrap .wrap {margin:0;} body #page{background:#fff url(../images/bg_doscol.gif) 0 0 repeat-x;} /** HEADER **/ #page #header {height:135px;} #page #header .wrap {} /** LOGO **/ #page #header #logo {float:left; display:inline; margin:35px 20px 0 0;} #page #header #logo .wrap {} #page #header #logo .logo_image{float:left; display:inline; margin:0 5px 0 0;} #page #header #logo .logo_txt{float:left; display:inline; margin:60px 0 0 0; font-size:1.6em; color:#000; text-transform:uppercase; font-family: Geneva, Arial, Helvetica, Sans-serif; font-weight:bold;} #page #header #logo .logo_txt span{font-size:0.5em; color:#DCA8A8;} /** SHORTCUTS **/ #page #header #shortcuts {float:right; display:inline; margin:3px 0 0 0; font-size:0.9em; width:175px;} #page #header #shortcuts .wrap {} #page #header #shortcuts a {padding:0 5px; color:#c4d1e0; text-decoration:none; float:right;} #page #header #shortcuts a:hover{color:#fff; text-decoration:underline;} /** LANGUAGE **/ #page #header #lang {float:left; display:none; margin:20px 10px 0 0; width:120px;} #page #header #lang .wrap {} #page #header #lang a {padding:0 5px;} #page #header #lang a:hover{} /** SEARCH **/ #page #header #search {float:left; display:none; margin:20px 0 0 0;} #page #header #search .wrap{} #page #header #search #search_field {float:left; padding:0px 0px 1px;} #page #header #search #advanced_search{float:left; clear:both; width:95px;} /** LAYER NAV **/ #page #layer_nav {position:absolute; top:107px; right:0;} #page #layer_nav .wrap{} #page #layer_nav ul {float:right; margin:0 0 0 0;} #page #layer_nav li {float:left; display:inline; margin:0 10px 0 0; padding:0 0 0 5px; font-size:1.4em; font-weight:bold; background:url(../images/left.png) top left no-repeat;} #page #layer_nav li a{display:block; color:#19559C; text-decoration:none; padding:10px 15px 6px 10px; background:url(../images/right.png) top right no-repeat;} #page #layer_nav li a:hover{display:block; text-decoration:underline;} #page #layer_nav li.selected{display:block; background:url(../images/left_selected.png) left top no-repeat;} #page #layer_nav li.selected a{display:block; color:#fff; background:url(../images/right_selected.png) right top no-repeat;} #page #layer_nav li.selected a:hover{text-decoration:none;} /** DESTACADO **/ #page #destacado{height:250px;} #page #destacado .wrap{} #page #destacado img{position:absolute; top:11px; left:-5px; z-index:2;} #page #destacado h1{padding:40px 0 5px 315px; color:#fff;} #page #destacado h2{margin:0 0 15px 315px; color:#fff; font-size:1.4em;} #page #destacado .btn_cont{margin:0 0 0 315px;} #page #destacado small a{color:#fff; text-decoration:underline;} #page #destacado .btn {float:left; display:inline; height:35px; padding:0 0 0 4px; background:url(../images/btn_left.png) top left no-repeat; behavior: url("iepngfix.htc");} #page #destacado .btn a{float:left; display:inline; padding:7px 5px 10px 5px; background:url(../images/btn_center.png) top left repeat-x; font-size:1.4em; color:#19559C; text-decoration:none; font-weight:bold;} #page #destacado .btn span {float:left; display:inline; width:4px; height:35px; background:url(../images/btn_right.png) top right no-repeat; behavior:url("iepngfix.htc");} /** productos destacados **/ #page #container #content div.destacado{} /** FOOTER **/ #page #footer {float:left; display:inline; margin:30px 0;} #page #footer .wrap{} #page #footer hr{display:none;} #page #footer #shortcuts_footer{width:940px; margin-bottom:20px; padding:20px; background:#E8EEF5; border-top:2px solid #19559C; font-family:Arial, Helvetica, sans-serif;} #page #footer #shortcuts_footer h4{text-align:center;} #page #footer #shortcuts_footer small{color:#19559C;} #page #footer #shortcuts_footer ul{} #page #footer #shortcuts_footer ul li{padding:0 0 0 10px; text-align:center;} /*#page #footer #nav_footer{float:left; display:inline; width:940px; height:30px; margin:20px 0 0 0; background:#E5E5E5;} #page #footer #nav_footer ul{float:left; display:inline; margin:10px 0 10px 55px} #page #footer #nav_footer ul li{float:left; display:inline; margin:0 63px 0 0;}*/ #page #footer #nav_footer{display:none;} #page #footer #tex_footer{float:left; display:inline; width:300px; font-family:Arial, Helvetica, sans-serif;} #page #footer #tex_footer h2{margin:0 0 5px 0;} #page #footer #powered {float:right; display:inline; width:140px; text-align:right; font-family:Arial, Helvetica, sans-serif;} #page #footer #powered a {} #page #footer #powered a:hover {} /** CONTAINER **/ #page #container {margin:0 0 0 0; padding:0; } #page #container .wrap{} /*uncol*/ #page #container #content {} #page #container #content .wrap{} /*doscol*/ body.doscol #page #container #content {float:left; display:inline; width:600px; margin:30px 0 0 0;} body.doscol #page #container #content .wrap{} /*trescol*/ body.trescol #page #container #content {} body.trescol #page #container #content .wrap{} /*left*/ #page #container #left {float:right; display:inline; width:300px; margin:30px 0 0 0; padding:0;} #page #container #left .wrap {} #page #container #left h2{margin:25px 0 0 20px;} #page #container #left h3{border:none;} #page #container #left h4{margin:0 0 5px 0;} #page #container #left ul{float:left;} #page #container #left ul li{margin:0 0 15px 0; padding:0 0 0 30px; background:url(../images/bullet.jpg) 8px 3px no-repeat;} #page #container #left ul li a{text-decoration:none; font-weight:bold;} /*right*/ #page #container #right {} #page #container #right .wrap {} /*columns*/ #page .dostercios {float:left; display:inline; width:66%; margin-right:2%;} #page .untercio {float:left; display:inline; width:32%; margin-right:1%;} #page .unmedio {float:left; display:inline; width:49%; margin-right:1%;margin: 0 0 20px;} #page .uncuarto {float:left; display:inline; width:20%; margin-right:5%;} #page .item_untercio{margin-right:5%; padding:10px 5px; background-color:#E8EEF5; border-bottom:#80A1C8 solid 1px;} #page .item_unmedio{margin-right:5%; padding:10px 5px; background-color:#E8EEF5; border-bottom:#80A1C8 solid 1px; float:left; display:inline; width:44%; } #page .col1{float:left; width:45%; padding: 0 15px 0 15px;} #page .col2{float:right; width:45%;} /** CONTENIDOS **/ #page #container #content #cesta{float:left; display:inline; width:260px; margin:0 20px 20px 0; padding:10px; background:#FFF; border:5px solid #C6C6C6;} #page #container #content #buscador{float:left; display:inline; width:100%; margin-top:10px;} #page #container #content #buscador input{background:url(../images/bg_input.png) center left no-repeat; border:none; width:220px; margin-right:0; padding-right:15px;} #page #container #content #buscador select{background:url(../images/bg_input.png) center left no-repeat; border:none; width:220px; padding-right:14px;} #page #container #content #buscador span{} #page #container #content #suscripcion{margin:30px 0 0 0; padding:10px; border:#19559C solid 1px; background-color:#E8EEF5;} #page #container #content #suscripcion #txt_sucripcion{float:left; display:inline; padding:0;} #page #container #content #suscripcion #txt_sucripcion h2{color:#19559C;} #txt_sucripcion{float:left; display:inline; padding:0;} #txt_sucripcion h2{color:#19559C;} #page #container #content #suscripcion #cont_field{float:left; display:inline; padding:0;} #txt_sucripcion{float:left; display:inline; padding:0;} #txt_sucripcion h2{color:#19559C;} #cont_field{float:left; display:inline; padding:0;} #page #container #content #suscripcion input{background:url(../images/bg_input.png) center left no-repeat; border:none; width:205px; padding-right:15px;} #page #container #content #highlight{width:490px; height:135px; margin:20px 0 0 0; padding:20px 10px 0 110px; background:url(../images/bg_highlight.gif) 0 0 no-repeat;} #page #container #content #highlight span{display:block; margin-bottom: 10px; font-style:italic; font-weight:bold; color:#333;} /*TIENDA*/ #page p.precio{display:block;width:125px;} #page p strong.precio{font-size:1.5em; } #page .basket{padding:10px; background:#113F73 url(../images/bg_basket.jpg) top center repeat-x; color:#FFF;} #page .basket h3{color:#FFF;} #page .basket table{width:100% !important;} .precio {width:140px; text-align:right;}