/* ------------------------------ GRID SYSTEM ------------------------------ */ /* Containers ----------------------------------------------------------------------------------------------------*/ .container_12{width:100%;padding: 0;margin: 0;} ul.container_12{list-style: none;margin: 0;} /* Grid >> Global ----------------------------------------------------------------------------------------------------*/ .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{ display:inline;float:left;margin-left:1%;margin-right:1%;margin-bottom: 2%;padding: 0; /* position:relative;*/ } .grid_1.margL,.grid_2.margL,.grid_3.margL,.grid_4.margL,.grid_5.margL,.grid_6.margL,.grid_7.margL,.grid_8.margL,.grid_9.margL,.grid_10.margL,.grid_11.margL,.grid_12.margL{ margin-left:2%;margin-right:0;} .grid_1.margR,.grid_2.margR,.grid_3.margR,.grid_4.margR,.grid_5.margR,.grid_6.margR,.grid_7.margR,.grid_8.margR,.grid_9.margR,.grid_10.margR,.grid_11.margR,.grid_12.margR{ margin-left:0;margin-right:2%;} .grid_1.marg,.grid_2.marg,.grid_3.marg,.grid_4.marg,.grid_5.marg,.grid_6.marg,.grid_7.marg,.grid_8.marg,.grid_9.marg,.grid_10.marg,.grid_11.marg,.grid_12.marg{ margin: 1%;} .grid_1.padd,.grid_2.padd,.grid_3.padd,.grid_4.padd,.grid_5.padd,.grid_6.padd,.grid_7.padd,.grid_8.padd,.grid_9.padd,.grid_10.padd,.grid_11.padd,.grid_12.padd{ margin: 0; padding: 1%;} /* Grid >> Children (Alpha ~ First, Omega ~ Last) ----------------------------------------------------------------------------------------------------*/ .alpha{margin-left:0;}.omega{margin-right:0;} /* Grid >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .grid_1{width:6.333%;}.container_12 .grid_2{width:14.667%;}.container_12 .grid_3{width:23%;}.container_12 .grid_4{width:31.333%;}.container_12 .grid_5{width:39.667%;}.container_12 .grid_6{width:48%;}.container_12 .grid_7{width:56.333%;}.container_12 .grid_8{width:64.667%;}.container_12 .grid_9{width:73%;}.container_12 .grid_10{width:81.333%;}.container_12 .grid_11{width:89.667%;}.container_12 .grid_12{width:98%;} /*NO MARG*/ .container_12 .grid_1.marg0{width:8.333%;}.container_12 .grid_2.marg0{width:16.667%;}.container_12 .grid_3.marg0{width:25%;}.container_12 .grid_4.marg0{width:33.333%;}.container_12 .grid_5.marg0{width:41.667%;}.container_12 .grid_6.marg0{width:50%;}.container_12 .grid_7.marg0{width:58.333%;}.container_12 .grid_8.marg0{width:66.667%;}.container_12 .grid_9.marg0{width:75%;}.container_12 .grid_10.marg0{width:83.333%;}.container_12 .grid_11.marg0{width:91.667%;}.container_12 .grid_12.marg0{width:100%;} /* Prefix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .prefix_1{padding-left:8.333%;}.container_12 .prefix_2{padding-left:16.667%;}.container_12 .prefix_3{padding-left:25%;}.container_12 .prefix_4{padding-left:33.333%;}.container_12 .prefix_5{padding-left:41.667%;}.container_12 .prefix_6{padding-left:50%;}.container_12 .prefix_7{padding-left:58.333%;}.container_12 .prefix_8{padding-left:66.667%;}.container_12 .prefix_9{padding-left:75%;}.container_12 .prefix_10{padding-left:83.333%;}.container_12 .prefix_11{padding-left:91.667%;} /* Suffix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .suffix_1{padding-right:8.333%;}.container_12 .suffix_2{padding-right:16.667%;}.container_12 .suffix_3{padding-right:25%;}.container_12 .suffix_4{padding-right:33.333%;}.container_12 .suffix_5{padding-right:41.667%;}.container_12 .suffix_6{padding-right:50%;}.container_12 .suffix_7{padding-right:58.333%;}.container_12 .suffix_8{padding-right:66.667%;}.container_12 .suffix_9{padding-right:75%;}.container_12 .suffix_10{padding-right:83.333%;}.container_12 .suffix_11{padding-right:91.667%;} /* prefixm Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .prefixm_1{margin-left:8.333%;}.container_12 .prefixm_2{margin-left:16.667%;}.container_12 .prefixm_3{margin-left:25%;}.container_12 .prefixm_4{margin-left:33.333%;}.container_12 .prefixm_5{margin-left:41.667%;}.container_12 .prefixm_6{margin-left:50%;}.container_12 .prefixm_7{margin-left:58.333%;}.container_12 .prefixm_8{margin-left:66.667%;}.container_12 .prefixm_9{margin-left:75%;}.container_12 .prefixm_10{margin-left:83.333%;}.container_12 .prefixm_11{margin-left:91.667%;} /* suffixm Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .suffixm_1{margin-right:8.333%;}.container_12 .suffixm_2{margin-right:16.667%;}.container_12 .suffixm_3{margin-right:25%;}.container_12 .suffixm_4{margin-right:33.333%;}.container_12 .suffixm_5{margin-right:41.667%;}.container_12 .suffixm_6{margin-right:50%;}.container_12 .suffixm_7{margin-right:58.333%;}.container_12 .suffixm_8{margin-right:66.667%;}.container_12 .suffixm_9{margin-right:75%;}.container_12 .suffixm_10{margin-right:83.333%;}.container_12 .suffixm_11{margin-right:91.667%;} /* Push Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .push_1{left:8.333%;}.container_12 .push_2{left:16.667%;}.container_12 .push_3{left:25%;}.container_12 .push_4{left:33.333%;}.container_12 .push_5{left:41.667%;}.container_12 .push_6{left:50%;}.container_12 .push_7{left:58.333%;}.container_12 .push_8{left:66.667%;}.container_12 .push_9{left:75%;}.container_12 .push_10{left:83.333%;}.container_12 .push_11{left:91.667%;} /* Pull Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .pull_1{left:-8.333%;}.container_12 .pull_2{left:-16.667%;}.container_12 .pull_3{left:-25%;}.container_12 .pull_4{left:-33.333%;}.container_12 .pull_5{left:-41.667%;}.container_12 .pull_6{left:-50%;}.container_12 .pull_7{left:-58.333%;}.container_12 .pull_8{left:-66.667%;}.container_12 .pull_9{left:-75%;}.container_12 .pull_10{left:-83.333%;}.container_12 .pull_11{left:-91.667%;} /* Fixes*/ .clear{clear:both;}.clear_r{clear:right;}.clear_l{clear:left;}.hidden{display:none;} .float_l{float:left}.float_r{float:right} .left{text-align:left;}.center{text-align:center;}.right{text-align:right;}.justify{text-align:justify;} .centerBlock{text-align:center;display:block;} *{margin:0;padding:0;border:0;outline:none;list-style: none;} /* General Font*/ @font-face { font-family: 'OpenSansCondensedLight'; src: url('fonts/OpenSans-CondLight-webfont.eot'); src: url('fonts/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-CondLight-webfont.woff') format('woff'), url('fonts/OpenSans-CondLight-webfont.ttf') format('truetype'), url('fonts/OpenSans-CondLight-webfont.svg#OpenSansCondensedLight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'freehand591bt'; src: url('fonts/freehand591bt.eot'); src: url('fonts/freehand591bt.eot?#iefix') format('embedded-opentype'), url('fonts/freehand591bt.woff') format('woff'), url('fonts/freehand591bt.ttf') format('truetype'), url('fonts/freehand591bt.svg#freehand591bt') format('svg'); font-weight: normal; font-style: normal; } body,FONT,TD{font: normal 12px 'OpenSansCondensedLight', Arial, Helvetica, sans-serif; color: #939589;} .small{font-size: 10px; line-height: normal;} strong {font-weight: 700;} /* Links */ a{color: #6C6C6C; font-weight: bold; text-decoration: none;} a:hover{text-decoration: underline;} /* Flash usuario */ #col2 .flash_notice{border: 1px #FF0000 solid; background-color: #EEEEEE; color: #000000; padding: 15px; margin-bottom: 15px; } #col2 .flash_error{background: #FF0000; color: #FFFFFF; padding: 4px 15px; margin-bottom: 15px; } /*Titulos */ h1{font-size: 58px; font-weight: normal; color: #989272; font-family: 'OpenSansCondensedLight', Arial, Helvetica, sans-serif;} h2{font-size: 45px; font-weight: normal; color: #000000; margin: 0 0 10px 0;} h3{font-size: 45px; font-weight: normal; color: #FFFFFF; line-height: 38px; background-color: #989174; float: left; padding: 8px 15px; margin-top: 15px;} h4{font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 18px; color: #FFF; padding: 1px 20px; display: inline-block;} h5{font-size: 18px; font-weight: bold; color: #5A5955;} h6{font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 18px; color: #000; background-color: #FFF; display: inline-block; padding: 8px 10px; margin-left: 5px;} #content h5 {color: #989272; font-size: 16px; } /*ESCTRUCTURA*/ body {width: 1010px; margin: 0 auto; } /* columnas */ #col1 {width: 270px; float: left; margin: 0 20px 15px 0; background: transparent url("../images/bg_col1.png") top right repeat-y; } #col2 {font-family: Tahoma, Arial, Helvetica, sans-serif; width: 720px; float: left; margin: 0 0 15px 0; color: #000000;} #col1 p{margin: 10px 0;} #col1 .producto_imagen img { margin-bottom: 10px; } #content {width: 740px; position: relative;} #footer{background: transparent url("../images/logo_eladiet.gif") top right no-repeat; width: 1010px; height: 60px; display: block; } /* menu footer*/ #footer_menu li {float: left; border-left: 1px #E8E5DC Solid; padding: 0 10px;} #footer_menu li.first {border-left: none; padding-left: 0;} /* Cabecera */ h1#logo, h1#logo a{display: block; width: 187px; height: 68px; } #logo{margin: 20px 0 0 0px } #logo a{ background: url('../images/logo.png') no-repeat; text-indent: -999em;} #sublogo {font-family: 'freehand591bt', Arial, Helvetica, sans-serif; color: #000; font-size: 22px; margin: 20px 45px 15px 45px; display: block;} #intro {margin: 0 45px 20px; font-size: 13px; color: #000;} /* menu */ #main_menu {margin: 35px 0 35px 55px; font: normal 12px 'OpenSansCondensedLight', Arial, Helvetica, sans-serif; color: #939589; height: 25px;} #main_menu li {float: left; border-left: 1px #E8E5DC Solid; padding: 0 10px;} #main_menu li.first {border-left: none;} #main_menu a {font-size: 16px; color: #4C4C4C; padding-bottom: 5px; border-bottom: 3px #E8E5DC Solid; text-transform: uppercase;} #main_menu a:hover, #main_menu li.act a {border-bottom: 3px #000000 Solid; text-decoration: none;} /* portada */ #portada_div {position: relative; width: 735px; height: 953px; display: block; } #portada_plan {padding: 308px 0 0 185px} #portada_plan .producto_imagen{position: absolute; } #portada_plan .producto_imagen_hover {position: absolute; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter: alpha(opacity=00); width: 395px; height: 320px; overflow: display;} /* Productos portada */ #producto_portada a.item{position: relative; width: 185px; height: 155px; display: block;} #producto_portada .doble0 a.item{position: relative; width: 185px; height: 76px; display: block;} #producto_portada .doble1 a.item{position: relative; width: 185px; height: 75px; display: block;} #producto_portada .item .producto_imagen{position: absolute; width: 185px; height: 155px; } #producto_portada .producto_imagen_hover {position: absolute; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter: alpha(opacity=00); z-index: -5; padding: 0px; /*Aquí antes había 20px de padding,365 de ancho y 315 de alto*/ width: 366px; height: 318px; overflow: display; background: #E8E5DC;} /* cuadrícula #producto_portada .position1 {position: absolute; top: 149px; left: 0 } #producto_portada .position1.doble1 {top: 229px} #producto_portada .position1 .producto_imagen_hover {position: absolute; left: 185px; top: 159px;} #producto_portada .position2 {position: absolute; top: 149px; left: 185px } #producto_portada .position2.doble1 {top: 229px} #producto_portada .position2 .producto_imagen_hover {position: absolute; left: 185px; top: 0;} #producto_portada .position3 {position: absolute; top: 149px; left: 370px;} #producto_portada .position3.doble1 {top: 229px} #producto_portada .position3 .producto_imagen_hover {position: absolute; left: -415px; top: 0;} #producto_portada .position4 {position: absolute; top: 149px; left: 555px;} #producto_portada .position4.doble1 {top: 229px} #producto_portada .position4 .producto_imagen_hover {position: absolute; left: -415px; top: 0;} #producto_portada .position5 {position: absolute; top: 308px; left: 0 } #producto_portada .position5.doble1 {top: 388px} #producto_portada .position5 .producto_imagen_hover {position: absolute; left: 185px; top: 0;} #producto_portada .position6 {position: absolute; top: 308px; left: 555px; } #producto_portada .position6.doble1 {top: 388px} #producto_portada .position6 .producto_imagen_hover {position: absolute; left: -415px; top: 0} #producto_portada .position7 {position: absolute; top: 467px; left: 0 } #producto_portada .position7.doble1 {top: 547px} #producto_portada .position7 .producto_imagen_hover {position: absolute; left: 185px; top: -159px;} #producto_portada .position8 {position: absolute; top: 467px; left: 555px; } #producto_portada .position8.doble1 {top: 547px} #producto_portada .position8 .producto_imagen_hover {position: absolute; left: -415px; top: -159px;} #producto_portada .position9 {position: absolute; top: 626px; left: 0 } #producto_portada .position9.doble1 {top: 706px} #producto_portada .position9 .producto_imagen_hover {position: absolute; left: 185px; top: -200px;} #producto_portada .position10 {position: absolute; top: 626px; left: 185px } #producto_portada .position10.doble1 {top: 706px} #producto_portada .position10 .producto_imagen_hover {position: absolute; left: 185px; top: -200px;} #producto_portada .position11 {position: absolute; top: 626px; left: 370px } #producto_portada .position11.doble1 {top: 706px} #producto_portada .position11 .producto_imagen_hover {position: absolute; left: -415px; top: -200px;} #producto_portada .position12 {position: absolute; top: 626px; left: 555px; } #producto_portada .position12.doble1 {top: 706px} #producto_portada .position12 .producto_imagen_hover {position: absolute; left: -415px; top: -200px;} #producto_portada .position13 {position: absolute; top: 0; left: 0;} #producto_portada .position13.doble1 {top: 706px; display: none;} #producto_portada .position13 .producto_imagen_hover {position: absolute; left: 185px; top: 308px;} #producto_portada .position13 .producto_imagen_hover img{width: 100%} #producto_portada .position13 a div img{width: 366px;} #producto_portada .position14 {position: absolute; top: 626px; left: 185px; display: none;} #producto_portada .position14.doble1 {top: 706px; display: none;} #producto_portada .position14 .producto_imagen_hover {position: absolute; left: 185px; top: -200px; display: none;} #producto_portada .position15 {position: absolute; top: 0; left: 370px;} #producto_portada .position15.doble1 {top: 706px; display: none;} #producto_portada .position15 .producto_imagen_hover {position: absolute; left: -185px; top: 308px;} #producto_portada .position15 a div img{width: 366px;} #producto_portada .position16 {position: absolute; top: 626px; left: 555px; display: none;} #producto_portada .position16.doble1 {top: 706px; display: none;} #producto_portada .position16 .producto_imagen_hover {position: absolute; left: -415px; top: -200px; display: none;} */ /* #producto_portada .position1 {position: absolute; top: 149px; left: 0 } #producto_portada .position1.doble1 {top: 229px} #producto_portada .position1 .producto_imagen_hover {position: absolute; left: 185px; top: 159px;} #producto_portada .position1.doble1 .producto_imagen_hover {top: 79px;} #producto_portada .position2 {position: absolute; top: 149px; left: 185px } #producto_portada .position2.doble1 {top: 229px} #producto_portada .position2 .producto_imagen_hover {position: absolute; left: 0px; top: 159px;} #producto_portada .position3 {position: absolute; top: 149px; left: 370px;} #producto_portada .position3.doble1 {top: 229px} #producto_portada .position3 .producto_imagen_hover {position: absolute; left: -185px; top: 159px;} #producto_portada .position4 {position: absolute; top: 149px; left: 555px;} #producto_portada .position4.doble1 {top: 229px} #producto_portada .position4 .producto_imagen_hover {position: absolute; left: -370px; top: 159px;} #producto_portada .position5 {position: absolute; top: 308px; left: 0 } #producto_portada .position5.doble1 {top: 388px} #producto_portada .position5 .producto_imagen_hover {position: absolute; left: 185px; top: 0;} #producto_portada .position5.doble1 .producto_imagen_hover {top: -80px;} #producto_portada .position6 {position: absolute; top: 308px; left: 555px; } #producto_portada .position6.doble1 {top: 388px} #producto_portada .position6 .producto_imagen_hover {position: absolute; left: -370px; top: 0} #producto_portada .position7 {position: absolute; top: 467px; left: 0 } #producto_portada .position7.doble1 {top: 547px} #producto_portada .position7 .producto_imagen_hover {position: absolute; left: 185px; top: -159px;} #producto_portada .position8 {position: absolute; top: 467px; left: 555px; } #producto_portada .position8.doble1 {top: 547px} #producto_portada .position8 .producto_imagen_hover {position: absolute; left: -370px; top: -159px;} #producto_portada .position9 {position: absolute; top: 626px; left: 0 } #producto_portada .position9.doble1 {top: 706px} #producto_portada .position9 .producto_imagen_hover {position: absolute; left: 185px; top: -318px;} #producto_portada .position10 {position: absolute; top: 626px; left: 185px } #producto_portada .position10.doble1 {top: 706px} #producto_portada .position10 .producto_imagen_hover {position: absolute; left: 0px; top: -318px;} #producto_portada .position11 {position: absolute; top: 626px; left: 370px } #producto_portada .position11.doble1 {top: 706px} #producto_portada .position11 .producto_imagen_hover {position: absolute; left: -185px; top: -318px;} #producto_portada .position12 {position: absolute; top: 626px; left: 555px; } #producto_portada .position12.doble1 {top: 706px} #producto_portada .position12 .producto_imagen_hover {position: absolute; left: -370px; top: -318px;} #producto_portada .position13 {position: absolute; top: 0; left: 0;} #producto_portada .position13.doble1 {top: 706px; display: none;} #producto_portada .position13 .producto_imagen_hover {position: absolute; left: 185px; top: 308px;} #producto_portada .position13 .producto_imagen_hover img{width: 100%} #producto_portada .position13 a div img{width: 366px;} #producto_portada .position14 {position: absolute; top: 626px; left: 185px; display: none;} #producto_portada .position14.doble1 {top: 706px; display: none;} #producto_portada .position14 .producto_imagen_hover {position: absolute; left: 185px; top: -200px; display: none;} #producto_portada .position15 {position: absolute; top: 0; left: 370px;} #producto_portada .position15.doble1 {top: 706px; display: none;} #producto_portada .position15 .producto_imagen_hover {position: absolute; left: -185px; top: 308px;} #producto_portada .position15 a div img{width: 366px;} #producto_portada .position16 {position: absolute; top: 626px; left: 555px; display: none;} #producto_portada .position16.doble1 {top: 706px; display: none;} #producto_portada .position16 .producto_imagen_hover {position: absolute; left: -415px; top: -200px; display: none;} */ /*INICIO PORTADA */ #producto_portada .position1 {position: absolute; top: 159px; left: 0 } #producto_portada .position1.doble1 {top: 239px} #producto_portada .position1 .producto_imagen_hover {position: absolute; left: 185px; top: 159px;} #producto_portada .position1.doble1 .producto_imagen_hover {top: 79px;} #producto_portada .position2 {position: absolute; top: 159px; left: 185px } #producto_portada .position2.doble1 {top: 239px} #producto_portada .position2 .producto_imagen_hover {position: absolute; left: 0px; top: 159px;} #producto_portada .position3 {position: absolute; top: 159px; left: 370px;} #producto_portada .position3.doble1 {top: 239px} #producto_portada .position3 .producto_imagen_hover {position: absolute; left: -185px; top: 159px;} #producto_portada .position4 {position: absolute; top: 159px; left: 555px;} #producto_portada .position4.doble1 {top: 239px} #producto_portada .position4 .producto_imagen_hover {position: absolute; left: -370px; top: 159px;} #producto_portada .position5 {position: absolute; top: 318px; left: 0 } #producto_portada .position5.doble1 {top: 398px} #producto_portada .position5 .producto_imagen_hover {position: absolute; left: 185px; top: 0;} #producto_portada .position5.doble1 .producto_imagen_hover {top: -80px;} #producto_portada .position6 {position: absolute; top: 318px; left: 555px; } #producto_portada .position6.doble1 {top: 398px} #producto_portada .position6 .producto_imagen_hover {position: absolute; left: -370px; top: 0} #producto_portada .position7 {position: absolute; top: 477px; left: 0 } #producto_portada .position7.doble1 {top: 537px} #producto_portada .position7 .producto_imagen_hover {position: absolute; left: 185px; top: -159px;} #producto_portada .position8 {position: absolute; top: 477px; left: 555px; } #producto_portada .position8.doble1 {top: 537px} #producto_portada .position8 .producto_imagen_hover {position: absolute; left: -370px; top: -159px;} #producto_portada .position9 {position: absolute; top: 636px; left: 0 } #producto_portada .position9.doble1 {top: 716px} #producto_portada .position9 .producto_imagen_hover {position: absolute; left: 185px; top: -318px;} #producto_portada .position10 {position: absolute; top: 636px; left: 185px } #producto_portada .position10.doble1 {top: 69px} #producto_portada .position10 .producto_imagen_hover {position: absolute; left: 0px; top: -318px;} #producto_portada .position11 {position: absolute; top: 636px; left: 370px } #producto_portada .position11.doble1 {top: 716px} #producto_portada .position11 .producto_imagen_hover {position: absolute; left: -185px; top: -318px;} #producto_portada .position12 {position: absolute; top: 636px; left: 555px; } #producto_portada .position12.doble1 {top: 716px} #producto_portada .position12 .producto_imagen_hover {position: absolute; left: -370px; top: -318px;} #producto_portada .position13 {position: absolute; top: 0; left: 0;} #producto_portada .position13.doble1 {top: 716px; display: none;} #producto_portada .position13 .producto_imagen_hover {position: absolute; left: 185px; top: 318px;} #producto_portada .position13 .producto_imagen_hover img{width: 100%} /*#producto_portada .position13 a div img{width: 366px;}*/ #producto_portada .position14 {position: absolute; top: 0; left: 185px;} #producto_portada .position14.doble1 {top: 716px; display: none;} #producto_portada .position14 .producto_imagen_hover {position: absolute; top: 318px;} #producto_portada .position14 a div img{width: 366px;} #producto_portada .position15 {position: absolute; top: 0; left: 370px; display: none;} #producto_portada .position15.doble1 {top: 716px; display: none;} #producto_portada .position15 .producto_imagen_hover {position: absolute; left: -185px; top: 308px; display: none;} /*#producto_portada .position15 a div img{width: 366px;}*/ #producto_portada .position16 {position: absolute; top: 0; left: 555px; border-style: solid;} #producto_portada .position16.doble1 {top: 716; display: none;} #producto_portada .position16 .producto_imagen_hover {position: absolute; left: -370px; top: 318px;} #producto_portada .position13 .producto_imagen img, #producto_portada .position14 .producto_imagen img, #producto_portada .position16 .producto_imagen img{ border-style: solid; border-width: 1px; border-color: #e5e5e3; } div#portada_div #producto_portada .position14 a div.producto_imagen img{ width: 364px; } /*FIN PORTADA */ /* sabias portada */ #sabias_portada {margin-left: 45px;} /* Productos */ #ficha_producto {position: relative;} #ficha_producto #fondo {width: 740px; margin: 0 0 30px 0; height: 24px; position: absolute; top: 0; right: 0; z-index: -1; } #ficha_producto img {margin-left: 15px; max-width: 286px;} #submenu_productos {margin: -20px 0 30px 0; height: 24px;} #submenu_productos li {float: left; margin: 4px 10px; } #submenu_productos a {color: #FFF;} #submenu_productos a:hover {color: #000; text-decoration: none;} .ui-tabs-hide {display: none;} .ui-tabs-panel {width: 365px; /*height: 500px;*/ overflow: auto; overflow-x: hidden;} /* plan dietetico */ .imagen_plan {position: absolute; right: 0; z-index: -5; } #plan_dietetico p {width: 400px;} /* formularios */ .formulario { float: left; width: 350px; margin: 10px 0 0 0; padding: 15px; background: #e8e5dc; background: -moz-linear-gradient(left, #e8e5dc 0%, #fefefe 50%, #e8e5dc 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e8e5dc), color-stop(50%,#fefefe), color-stop(100%,#e8e5dc)); background: -webkit-linear-gradient(left, #e8e5dc 0%,#fefefe 50%,#e8e5dc 100%); background: -o-linear-gradient(left, #e8e5dc 0%,#fefefe 50%,#e8e5dc 100%); background: -ms-linear-gradient(left, #e8e5dc 0%,#fefefe 50%,#e8e5dc 100%); background: linear-gradient(to right, #e8e5dc 0%,#fefefe 50%,#e8e5dc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e5dc', endColorstr='#e8e5dc',GradientType=1 ); } .login.formulario {width: 570px} .formulario li {float: left; margin: 0 10px 0 0;} .formulario .error_list {width: 500px; display: block;} input, select {border: 1px #989272 Solid; width: 185px; height: 20px; display: compact; margin: 5px 0; padding: 2px;} label {} .button {background: transparent url("../images/bg_button.gif") top left repeat-x; float: left; padding: 2px 30px; margin: 20px 0; height: 21px;} #formulario2.formulario { float: left; width: 470px; margin: 10px 0 0 0; padding: 15px; background: #e8e5dc; background: -moz-linear-gradient(left, #e8e5dc 0%, #fefefe 50%, #e8e5dc 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e8e5dc), color-stop(50%,#fefefe), color-stop(100%,#e8e5dc)); background: -webkit-linear-gradient(left, #e8e5dc 0%,#fefefe 50%,#e8e5dc 100%); background: -o-linear-gradient(left, #e8e5dc 0%,#fefefe 50%,#e8e5dc 100%); background: -ms-linear-gradient(left, #e8e5dc 0%,#fefefe 50%,#e8e5dc 100%); background: linear-gradient(to right, #e8e5dc 0%,#fefefe 50%,#e8e5dc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e5dc', endColorstr='#e8e5dc',GradientType=1 ); } #formulario2 input, select {border: 1px #989272 Solid; width: 450px; height: 20px; display: compact; margin: 5px 0; padding: 2px;} #formulario2 label{width: 450px;} #formulario2 ul.error_list{clear: both; width: 450px; display: block; margin: 10px 0;} #formulario2 li{width: 430px; float: none;} #pasoDos.formulario, #pasoTres.formulario {width: 455px;} #pasoDos li {width: 450px;} #pasoDos .error_list li, #pasoCuatro .error_list li {width: 440px;} #pasoDos input, #pasoCuatro input{height: 18px; margin: 2px 0; float: right;} #pasoDos select {height: 24px; margin: 2px 0; float: right; width: 190px;} #pasoDos label {float: left; margin: 5px 5px 0 0;} #pasoDos hr {color: #C0C1C2; background-color: #C0C1C2; border: 0; height: 1px; margin: 10px 0} #pasoCuatro.formulario {width: 400px} #pasoCuatro li {width: 350px; } #pasoCuatro label {float: left; margin: 5px 5px 0 0; width: 300px;} /* usuario */ #content p { margin: 15px 0; font-size: 14px; line-height: normal; } #perfil {position: relative} #perfil a:hover, #perfil ul li.act a {color: #CCC} #perfil ul li {float: left; margin: 4px 10px; } #perfil #fondo {width: 740px; margin: 0 0 30px 0; height: 24px; position: absolute; top: 0; right: 0; z-index: -1; } /* Contacto */ #contacto ul {margin: 15px 5px;} /** puntos de venta **/ /* form */ .searchBoxContent form li{ float: left; margin-right: 20px; } .searchBoxContent form li.last{ float: right; margin-right: 0; } .searchBoxContent form #ventaFiltro_ciudad{ width: 387px; } .searchBoxContent form #ventaFiltro_codigo_postal{ width: 175px; } .searchBoxContent form label{ display: block; font-size: 10px; } .searchBoxContent form button{ color: #fff; height: auto; margin: 18px 0 0; padding: 6px 20px; width: auto; background: rgb(242,242,238); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ODkxNzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(242,242,238,1) 0%, rgba(152,145,116,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,238,1)), color-stop(100%,rgba(152,145,116,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(242,242,238,1) 0%,rgba(152,145,116,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(242,242,238,1) 0%,rgba(152,145,116,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(242,242,238,1) 0%,rgba(152,145,116,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(242,242,238,1) 0%,rgba(152,145,116,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2ee', endColorstr='#989174',GradientType=0 ); /* IE6-8 */ -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; } /*mapa*/ .gmap3{ float: right; width: 100%; height: 420px; } .modalMap{min-height: 90px;overflow: hidden;} .modalMap .datos{ display: block; float: left; width: 200px; } .modalMap .datos strong{ display: block; font-size: 21px; line-height: normal; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; } .modalMap .datos a{ display: block; margin-top: 8px; } /* resultados */ #listRestuls{ margin: 30px 0 0 -2%; float: left; width: 102%; overflow: hidden; } #listRestuls li { background: #e8e5dc; display: inline-block; height: 178px; } #listRestuls li span.datos{ display: block; padding: 20px; color: #696763; font-size: 16px; font-family: "OpenSansCondensedLight",Arial,Helvetica,sans-serif; } #listRestuls li span.datos strong{ display: block; font-size: 18px; font-weight: 600; margin-bottom: 6px; } #listRestuls li span.datos a.phone{ color: #000; margin: 0; text-decoration: none; } #listRestuls li span.datos a{ text-decoration: underline; display: block; margin-top: 8px; }