html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } h1 { font-size: 2em; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: "\201C" "\201D" "\2018" "\2019"; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; } button, input { line-height: normal; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } @charset "UTF-8"; i { font-style: italic; } .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%; } body { font-size: 12px; line-height: 19px; } #content a, #content a:hover, #content a:visited { color: #000; } #header { width: 1030px; margin: 0 auto; font-size: 18px; font-weight: bold; position: relative; min-height: 104px; display: table; } .vertical_center_header{ display: table-cell; vertical-align: middle; } .portada #header, .contacta #header{ text-align: left; } .portada #header h1, .contacta #header h1{ text-align: left; } .portada #header img, .contacta #header img{ margin: 0 auto; text-align : left; } .portada.simple #header h1{ text-align:left; } .portada.simple #header img{ margin-left: 0px; text-align: left; } #header h1 { margin: 30px auto; } #container { width: 1030px; padding: 20px 0px; background: #fff; margin:0 auto; text-align: left; margin-bottom: 30px; -moz-box-shadow: 0px 0px 45px 0px #CCC; -webkit-box-shadow: 0px 0px 45px 0px #CCC; box-shadow: 0px 0px 45px 0px #CCC; overflow: auto; min-height: 523px; } input { line-height: normal;border: 1px solid; } .tel { text-decoration: none; } .gradient { filter: none; } #header img { margin: 0 auto; padding: 15px; } #nav { width: 960px; overflow: hidden; padding-bottom: 20px; margin-bottom: 20px; } #nav ul { float: left; } #nav ul li { padding: 0px 5px; margin: 0px 5px; font-size: 16px; line-height: 35px; float: left; } .portada.aviso-legal #nav { border-bottom: 1px solid #333; } #nav ul li a { text-decoration: none; } #nav ul li:hover a { zoom: 1; filter: alpha(opacity=80); opacity: 0.8; } #nav ul.social { float: right; } #nav ul.social li { background: none; padding: 0; display: block; line-height: 0; } #content h1.h1_title { font-size: 24px; font-weight: bold; line-height: 19px; margin-bottom: 10px; } .portada.simple #content h1.h1_title { font-size: 24px; font-weight: bold; line-height: 19px; margin-bottom: 10px; text-align:left; } .portada h1 { font-size: 36px; line-height: 35px; font-weight: bold; text-align: center; margin-bottom: 30px; } #header h1 { font-size: 36px; line-height: 35px; font-weight: bold; text-align: left; display:block; float:left; margin-left: 20px; width:70% } .portada h2, #header h2 { font-size: 14px; line-height: 33px; font-weight: bold; font-style: italic; text-align: center; } .content_column_wide { font-size: 14px; margin: 20px auto 20px; width: 950px; } .portada .gallery { margin-bottom: 40px; margin:0 auto; text-align:center } .portada h3, h3{ font-size: 24px; line-height: 19px; font-weight: bold; margin-bottom: 10px; } .portada .seccion { margin-bottom: 40px; margin-top: 10px; } .portada .ofertas-wrapper { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 40px 125px; margin-top: 10px; overflow: hidden; } .portada .ofertas-wrapper .oferta.unica img { float: left; margin-right: 10px; } .portada .ofertas-wrapper .oferta.unica h4 { font-size: 30px; line-height: 31px; font-weight: bold; } .portada .ofertas-wrapper .oferta.unica .grey { font-size: 12px; line-height: 29px; font-weight: bold; color: #444; } .portada .ofertas-wrapper .oferta.unica .precio { font-size: 36px; line-height: 41px; font-weight: bold; } .portada .ofertas-wrapper .oferta.unica a.button { float: right; color: #FFF; font-size: 24px; line-height: 40px; padding: 0 20px; border: 0 none; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin-top: -40px; margin-right: 100px; text-decoration: none; } .contact div { width: 480px; float: left; } .noticias #content { width: 610px; float: left; margin-left: 25px; } .noticias .noticia-wrapper-first { padding-bottom: 30px; } .noticias .noticia-wrapper { padding: 20px 0 30px; border-top: 1px solid #ccc; } .noticias h2 { font-size: 24px; line-height: 24px; } .noticias #sidebar { float: left; width: 25% } .noticias #sidebar h3 { font-size: 14px; line-height: 19px; } .noticias #sidebar ul li a { font-size: 11px; line-height: 23px; font-weight: bold; text-decoration: none; } .noticias #sidebar div { padding-bottom: 10px; border-bottom: 1px solid #CCC; margin-bottom: 15px; padding-left: 15px; } .noticias #sidebar div.phone, .noticias #sidebar div.mail { padding-bottom: 0px; border-bottom: 0px; margin-bottom: 3px; margin-top: 5px; padding-left: 40px; } .sharer { height: 25px; margin-bottom: 20px; margin-top: 10px; } .sharer iframe { float: left; } .sharer .fb_iframe_widget { display: block !important; float: left; } .sharer .rest { float: left; margin-left: 30px; } .noticia p { font-size: 12px; line-height: 20px; margin-bottom: 1.5em; } .ofertas #content { width: 720px; margin-left: 25px } .oferta-wrapper { width: 218px; min-height: 265px; border: 1px solid #ccc; padding: 5px 5px 25px 5px; text-align: center; float: left; margin-right: 10px; margin-bottom: 10px; } .oferta-wrapper div p.grey { padding-top: 10px; min-height: 30px; } .oferta-wrapper h2 { font-size: 14px; line-height: 19px; min-height: 37px; } .oferta-wrapper img { margin-top: 40px; margin-bottom: 20px; } .noticia-wrapper .grey, .ofertas .oferta-wrapper .grey { font-size: 12px; line-height: 19px; color: #444; } .ofertas .oferta-wrapper .precio { font-size: 24px; line-height: 31px; font-weight: bold; } .ofertas .oferta-wrapper .cantidad { font-size: 12px; line-height: 17px; } .ofertas .oferta-wrapper DIV { margin: 5px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .ofertas .oferta-wrapper a.button { color: #FFF; font-size: 14px; line-height: 19px; padding: 5px 25px; border: 0 none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom: -15px; text-decoration: none; } .page-wrapper { float:left; width:100%; overflow:hidden; position:relative; } .ofertas .pager-wrapper { margin-right: 10px; } .pager-wrapper .prev, .pager-wrapper .next { float: left; line-height: 30px; color: #FFF; display: block; width: 160px; padding: 0 10px; text-decoration: none; } .pager-wrapper .next { float: right; text-align: right; margin-top: -30px; } .pager-wrapper ul { position:relative; left:50%; clear:left; float:left; margin-top: -30px; } .pager-wrapper ul li { line-height: 30px; float: left; margin: 0 2px; float:left; display:block; position:relative; right:50%; } .pager-wrapper ul a { line-height: 30px; text-decoration: none; } .aviso-legal p { margin-top: 1.5em; } .image-wrapper { border: 1px solid #ccc; overflow: hidden; text-align: center; padding: 10px; width: 628px; } .image-wrapper div.prev, .image-wrapper div.next { width: 25px; height: 26px; cursor: pointer; float: left; } .image-wrapper div.next { float: right; } .image-wrapper #image { margin-bottom: 15px; } .image-wrapper .name { font-size: 18px; line-height: 23px; } #image-sidebar { margin-top: 24px; float: right; width: 200px; } #image-sidebar div { padding: 2px; float: left; margin-right: 5px; margin-bottom: 5px; border: 1px solid #ccc; } #image-sidebar div img { cursor: pointer; } .contact .form-wrapper { width: 960px; padding-top: 20px; border-top: 1px solid #333; margin-top: 20px; } .contact form { width: 480px; float: left; } .contact form div { margin-top: 10px; } .contact form label { width: 110px; display: block; float: left; } .contact form input[type="text"], .contact form select, .contact form textarea { width: 290px; } .contact form textarea { height: 80px; } .contact form button { color: white; padding: 0px 30px; margin: 0px 5px; font-size: 12px; line-height: 25px; border: 0 none; margin-left: 210px; } .portada .contact { margin-top: 20px; border-top: 1px solid #777; padding-top: 20px; } .portada .contact_noline { border-top: 0px; } .portada .contact div{ width: 30%; float: left; } #content .address p { margin-top: 0px; } .portada .portada.simple .contact p { width: 210px; margin-top: 0; margin-right: 20px; } .portada .contact .address .title{ font-weight: bold; margin-top: 0; width: 210px; margin-right: 0; } .phone, .mail { padding-left: 40px; line-height: 28px; } .phone { background: url(/_images/simple/phone.gif) 0 0 no-repeat transparent; } .phone a { text-decoration: none; } .mail { background: url(/_images/simple/mail.gif) 0 0 no-repeat transparent; } #footer { width: 1030px; margin: 0 auto; text-align: center; height: 70px; color: #222; } #footer ul { float:left; } #footer ul.citiservi { float: right; } .simple #footer { height: 40px; } .primary-color { color: #DA0000; } .secondary-color { color: #900000; } .background-primary-color { background: #DA0000; } .background-second-color { background: #ECEBC2; } .background-gradient { background: #da0000; background: -moz-linear-gradient(top, #da0000 50%, #900000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#da0000), color-stop(100%,#900000)); background: -webkit-linear-gradient(top, #da0000 50%,#900000 100%); background: -o-linear-gradient(top, #da0000 50%,#900000 100%); background: -ms-linear-gradient(top, #da0000 50%,#900000 100%); background: linear-gradient(to bottom, #da0000 50%,#900000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da0000', endColorstr='#900000',GradientType=0 ); } .main .tel, .portada.simple .contact .phone a { color: #000; } .main #header, #footer, .tel { color: #000; } a.footer_custom_link,a.footer_custom_link:hover,a.footer_custom_link:visited { color: #000; } body { background: #FFF; } .main { font-family: Arial, Helvetica, sans-serif; } .portada.simple h3, .portada.simple p { width: 460px; margin-right: 30px; float: left; font-weight:normal; } .portada.simple p { clear: left; } .portada.simple h3, .contacta.simple h3 { font-size: 24px; line-height: 31px; } .contacta.simple h3 { font-weight: bold; } .portada.simple p { margin-top: 1.5em; } .portada.simple h2 { margin: 0px; padding: 0px; line-height: 130px; font-weight: bold; font-style: normal; font-family: Helvetica; font-size: 20px; } .contact div { width: 480px; float: left; } .portada.simple .contact { margin-top: 20px; border-top: 1px solid #333; padding-top: 20px; } .portada.simple .contact div{ width: 230px; float: left; } .portada.simple .portada.simple .contact p { width: 210px; margin-top: 0; margin-right: 20px; } .portada.simple .contact .address .title{ font-weight: bold; margin-top: 0; width: 210px; margin-right: 0; padding-right: 20px; } .portada.simple .contact .phone, .portada.simple .contact .mail { padding-left: 40px; line-height: 28px; } .portada.simple .contact .phone { background: url(/_images/simple/phone.gif) 0 0 no-repeat transparent; } .portada.simple .contact .phone a { text-decoration: none; } .portada.simple .contact .mail { background: url(/_images/simple/mail.gif) 0 0 no-repeat transparent; } .invalid { border-color: #DA0000; } #nav ul.social li:hover { background: none; } #nav ul li.active a, #nav ul li.active, #nav ul li:hover a { color: #FFFFFF; } span.subtitle { clear:both; display: block; color: #444; margin-bottom: 5px; } #content ol, #content ul { list-style-type: disc; padding: 0; } #content ol ol, #content ul ul { list-style-type: circle; padding: 0; } #content { text-align: left; margin : 0 auto; width: 960px; min-height: 300px; } #content p { margin: 10px 0; } .top_right_corner_address { font-weight: normal; font-size: 13px; margin: 25px 20px 20px 15px; min-width: 210px; max-width: 300px; padding: 0px 20px 0 0; float:right; text-align: right; color: #222; } .top_left_corner_title { } #header .top_right_corner_address p.company_commercial_name { font-size: 13px; margin-bottom: 5px; margin-top: 0px; font-weight: bold; float :right; margin-right: 0px; } #header .top_right_corner_address p.company_address { font-size: 11px; margin-top: -5px; text-align: right; margin-right: 0px; clear: right ; float: right; } #container .simple { margin: 0 auto; text-align: center; width: 960px; } .footer_link { float: left; } img.bgimage { min-height: 100%; width: 100%; height: auto; position: fixed; top: 0; left: 0; z-index: -1; } .transparent { background:url("/_images/simple/transp_city.png") repeat scroll -50% top transparent; } .addres_image_bg { background-color: white; } p.company_address a{ color: inherit; text-decoration: none; } p.company_address a span.phone_content { color: inherit; } .portada.simple p.company_address, .portada.simple p.company_commercial_name { width:100%; text-align: right; } .content_column_left { display:block; font-size:14px; margin-bottom: 20px; float: left; min-width: 50%; } .content_column_left p { margin-top: 10px; } .content_column_wide_height { font-size: 14px; margin: 20px auto 20px; width: 950px; min-height: 305px; } .content_column_left ol, .content_column_left ul, .content_column_wide_height ol, .content_column_wide_height ul, .content_column_wide ol, .content_column_wide ul { clear: left; margin: 10px 20px; } .content_column_left ol ol, .content_column_left ul ul, .content_column_wide_height ol ol, .content_column_wide_height ul ul, .content_column_wide ol ol, .content_column_wide ul ul { clear: left; margin: 10px 20px; } .content_column_left ol li, .content_column_left ul li, .content_column_wide_height ol li, .content_column_wide_height ul li, .content_column_wide ol li, .content_column_wide ul li { margin-left: 10px; } #content #title-page { text-align: left; } .ofertas { clear: both; padding-right: 20px; } #tijeras { border-top: 1px dashed #E5E5E5; display: block; height: 25px; margin-top: 10px; text-align: center; } #tijeras img {margin-top: -14px;} .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 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; } #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; }