html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; } article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video { display: block; } a img {border: 0;} a, a:link, a:hover, a:active, a:focus, object, embed, img { outline: 0; -moz-box-shadow: none; -webkit-box-shadow: none; -webkit-tap-highlight-color: rgba(0,0,0,0); box-shadow: none; } input::-moz-focus-inner { border: 0; } ::selection {background: rgb(255,255,158);} ::-moz-selection {background: rgb(255,255,158);} img::selection {background: transparent;} img::-moz-selection {background: transparent;} body {-webkit-tap-highlight-color: rgb(255,255,158);} body { width: 100%; -webkit-text-size-adjust: 100%; } .datosempresa .logo { margin-top: 2%; margin-bottom: 2%; margin-right: 2%; } .datosempresa img { max-width: 200px; } div.nav { width: 100%; margin: 0.5em 0 auto; text-align: center; } ul.menu { padding:0; margin:0; height: 78px; overflow: hidden; display: inline-block;} ul.menu li { margin: 0 auto; float:left; width: 125px; height: 76px; border: 1px solid #ffffff; font-weight:bold; list-style:none; } ul.menu li a { text-decoration: none; display: block; padding: 5% 0%; } ul.menu li.background-primary-color a:hover { background-color: #666666;} ul.menu li a:hover p { color: white; } ul.menu li a p { font-size: 65%; font-weight: bold; text-transform: uppercase; } ul.menu li a img { width: auto; height: auto; margin-top: 5%; -webkit-border-radius: 05px; -moz-border-radius: 05px; border-radius: 05px; } .bar { width: 100%; margin: 0 auto; text-align: center; display: none; } .bar a { width: 80%; margin: 0 auto; display: block; cursor: pointer; } .bar a img { width: 80%; max-width: 550px; margin: 0 auto; } #image { width: 100%; text-align: center;} .media .content .main img, .media .content .main object { width: 500px; margin: 0 auto; height: auto;} div.map { width: 660px; height: 500px; max-width: 660px; max-height: 500px; margin: 10px auto; } @media only screen and (min-width: 768px) and (max-width: 991px) { body { width: 100%; max-width: 991px; } .bar a, .bar a img { width: 90%; } ul.menu li { width: 125px; height: 76px; } .datosempresa img { max-width: 200px; } } @media only screen and (max-width: 767px) { body { width: 100%; max-width: 767px; } .datosempresa img { max-width:120px; } .bar a, .bar a img { width: 100%; } .media .content .main img, .media .content .main object { width: 100%; } ul.menu li { width: 78px; height: 76px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { body { width: 100%; max-width:767px; } .datosempresa img { max-width:180px; } .media .content .main img, .media .content .main object { width: 460px; } ul.menu li { width: 98px; height: 76px; } } body {font-size: 100%; margin: 0px; padding: 0px;} h1 {font-size: 1.1em; line-height: 1.5em;} .grey {background-color: #666666;} .main { font-family: Arial,Helvetica,sans-serif; font-size: 0.9em; line-height: 1.3em; } .color-text-main { color: #000000; } .color-text-title { color: #000000; } .background-primary-color { background: none repeat scroll 0 0 #F6F6F6; } .primary-color { color: #fd0002; } .background-color {background-color: white;} header {height:30px; position:fixed; top:0px; width:100%;} header p {font-size: 0.9em; color:white; margin:0; padding: 5px 0px 0px 5px; text-align:center; font-weight:bold; } .container {margin: 0 auto; width: 100%;} .content { margin: 0 auto; width: 100%; min-height: 450px; } .content .main {padding: 5px; display: table; width: 94%; margin: 0 auto;} .content .main p { margin-top: 8px; } .content .main ul li { margin-left: 25px; margin-top: 3px;} .fl {float:left; margin-left:5%;} .fr {float:right; margin-right:5%;} img { vertical-align: middle; } .datosempresa {width:100%; margin: 10px 0px auto; margin-top: 50px; display: table;} .datosempresa img { height: auto; border: 1px solid #dadada; webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 00.25); -moz-box-shadow: 2px 2px 5px rgba(50, 50, 50, 00.25); box-shadow: 2px 2px 5px rgba(50, 50, 50, 00.25); } .datosempresa div.botones {width: 50%; margin-top: 5%;} .datosempresa p {width:90%; text-align:left; font-size: 0.9em; line-height: 1.3em; font-weight: normal; margin-top: 15px;} .datosempresa div.botones a { clear:both; display:block; width:90%; padding: 2%; font-weight:normal !important; margin-bottom:3%; -webkit-border-radius: 05px; -moz-border-radius: 05px; border-radius: 05px; text-align:center; text-decoration:none;} .portada h1 { font-size: 1.3em; padding: 0.6em 0em;} .portada .content img {width: 100%; padding: 0em;} .ofertas .content .main {margin-top:1em; max-width: 500px;} .ofertas .content .main div.offer-data { width: 55%; margin: 0 auto; float: right; clear: right; text-align: left;} .ofertas .content .main span.precio { clear: font-weight: 900; } .ofertas .content img {width: 34%; max-width: 200px; margin: 0 auto; padding: 1%; float: left; clear: left;} .ofertas .content a { width: 60%; max-width: 200px; height: auto; padding: 1%; text-decoration: none; text-align: center; display: block; margin: 5% 0% 0% 3%; float: right; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .ofertas .content .main h2 {color:#FD0002; font-size: 1.1em; line-height: 1.5em; font-weight: normal;} .noticias .content .main {border-bottom: 1px solid #aeadad;} .noticias .content .main a {background: url("/_imagesm/simple/cross.png") no-repeat; display: block; text-indent: -9999px; width: 30px; height: 30px; float: right; margin-top: -0.7em;} .noticias .content .main h2 {font-size: 1.1em; line-height: 1.5em;} .contacto .content .main p {font-size: 0.9em; line-height: 1.3em; margin: 0px; padding: 0px; font-weight: normal;} .contacto .content .main .fl {width: 45%;} .contacto .content .main .fr {width: 45%;} .media .content .main p.footer-image { width: 96%; margin: 0 auto; padding: 2%; background-color: rgba(255,255,255,0.5); position: relative; top: -2em; } .selectpage {width: 100px;margin: 0 auto; padding: 30px 0px; height: 30px;} .selectpage a {width: 50px; margin: 0 auto; display: block;} footer {background-color: #666666; color: white; display: table; width: 100%; padding: 5px 0px; font-size: 0.7em; margin: 0 auto;} footer ul {list-style-type: none;;} footer ul.social {width: 20%;} footer ul li.facebook a {float: left; background: url("/_imagesm/simple/icon_facebook.png") no-repeat; display: block; text-indent: -9999px; width: 24px; height: 24px;margin: 0px 5px; } footer ul li.twitter a {float: right; background: url("/_imagesm/simple/icon_twitter.png") no-repeat; display: block; text-indent: -9999px; width: 24px; height: 24px;} .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } .press-content { min-height: 65px; } #tijeras { border-top: 1px dashed #E5E5E5; display: block; height: 25px; margin-top: 10px; text-align: center; } #tijeras img { margin-top: -25px; width: auto; float: none; } span.h2claim { margin-left: 20px; } #list_coupon { max-width: 500px; margin: 0 auto; } .ofertas table {width: 100%; font-size: 12px;} .ofertas table tbody {width: 100%;} .ofertas table tr { border-bottom: 1px solid #CCCCCC;} .ofertas table th {font-weight: bold;} .ofertas table td a.link_coupon { float: none; margin-left: 0; max-width: none; text-decoration: none; width: auto; } .ofertas table th, .ofertas table td {padding: 1% 2%;} .ofertas .ancho_70 {width: 60%;} .ofertas .ancho_10 {width: 10%;} .ofertas .ancho_20 {width: 20%;} .ofertas table td p.color-text-title{ font-size: 16px; text-transform: uppercase; font-weight: lighter; text-align: left; } .ofertas table td.gris {color: #777777; font-weight: 700; font-size: 11px; text-decoration: none;} .cajaGrisCupon { background-color: #E5E5E5; font-weight: 700; } .ofertas .clearfix.content { max-width: 500px; display: block; } ul.sitemap { list-style: none outside none; } #cookie_banner { width:100%; position: fixed; bottom:0; left: 0; padding: 5px; z-index: 2000; background-color: #E6E6E6; filter: alpha(opacity=95); opacity: 0.95; } #cookie_box { font-family: Arial,Helvetica,sans-serif; font-size: 13px; max-width: 1110px; margin: auto; padding: 10px; background-color: #FAFAFA; border: 1px solid #CCCCCC; } #cookie_box p { margin: 0; line-height: normal; font-size: 0.9em; } .full_width { width: 100% }