@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900); @import url(https://fonts.googleapis.com/css?family=Roboto+Condensed); .raleway{font-family: 'Raleway', sans-serif; letter-spacing: 0.05em;} .roboto{font-family: 'Roboto Condensed', sans-serif;} html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}a { text-decoration: none; color: inherit; } html { font-size: 18px; color: #231f20; font-family: sans-serif; } body { background-color: #e8e8e8; } h1, h2, h3, h4, h5, h6 { letter-spacing: 0.1em; } .bold { font-weight: bold; } .sbold { font-weight: 600; } .txtr { text-align: right; } .txtc { text-align: center; } .pointer { cursor: pointer; } .narajCorp, a.narajCorpO:hover { color: #ff6315; } .negro { color: #000 !important; } .clearBlock { clear: both; } hr.separador { width: 50px; border-top-width: 4px; border-top-style: solid; } hr.narajCorp { border-color: #ff6315; } hr.negro { border-color: #000; } html, body, #content { width: 100%; min-width: 280px; } .imgResizeHide { visibility: hidden !important; } header { height: 120px; overflow: hidden; padding-left: 85px; padding-right: 85px; background-color: #221e1f; } header .logo { float: left; margin-top: 30px; } header ul { float: right; margin-top: 50px; } header ul li { display: inline-block; color: #fff; text-transform: uppercase; font-size: 14px; font-weight: 700; margin: 0px 5px; list-style: none; letter-spacing: 0.05em; } header ul li a { padding: 5px 10px; border: 2px solid transparent; } header ul li a:hover, header ul li a.ON { border-color: #ff6315; color: #ff6315; } footer { height: auto; overflow: hidden; padding-left: 110px; padding-right: 110px; background-color: #231f20; color: rgba(255, 255, 255, 0.5); padding-top: 20px; padding-bottom: 20px; font-size: 13px; line-height: 19px; } footer .fcolumn { float: left; width: 49%; text-align: left; } footer .fcolumn span { font-weight: 800; display: inline-block; width: 30px; } footer .scolumn { float: left; width: 2%; text-align: center; text-transform: uppercase; } footer .tcolumn { float: right; width: 49%; text-align: right; } footer .Ucolumn { display: none; } #content article { } article > .cabImg { height: 480px; background-color: #fff; text-align: center; border-top: 3px solid #fff; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center center; } article > .cabImg img.resize { width: auto; min-width: 100px; height: 100%; position: relative; z-index: 1; top: -480px; margin: auto; } article > .cabImg h1 { font-size: 30px; font-weight: 600; color: #fff; text-transform: uppercase; } article > .cabImg .bandaNar { width: 282px; height: 400px; margin: auto; background-color: rgba(255, 99, 21, 0.7); padding: 40px 20px; line-height: 35px; position: relative; z-index: 2; } article > .txtDesc { padding: 85px 110px 65px 110px; background-color: #e8e8e8; } article > .txtDesc p { margin-bottom: 20px; font-size: 14px; line-height: 1.3em; } article > .txtDesc p.narajCorp { font-size: 20px; line-height: 28px; margin-bottom: 20px; } article > .txtDesc ul li { font-size: 14px; line-height: 1.3em; margin-left: 25px; margin-bottom: 5px; } article > .txtDesc h2 { font-size: 25px; font-weight: 800; margin-bottom: 10px; text-transform: uppercase; } article .txtDesc > .c1, article .txtDesc > .c2, article .txtDesc > .c3 { width: 30%; float: left; } article .txtDesc > .c1, article .txtDesc > .c2 { margin-right: 5%; } article .txtDesc .autoColumnStyle { column-count: 3; column-gap: 3em; column-width: 250px; margin-bottom: 30px; } article .txtDesc .twoImagesColum_1, article .txtDesc .twoImagesColum_2 { width: 50%; float: left; text-align: center; height: 100%; } article .txtDesc .twoImagesColum_1 img, article .txtDesc .twoImagesColum_2 img { max-width: 95%; height: 450px; width: auto; } article.nosotros > .cabImg > .bandaNar hr { border-color: #fff; margin-left: 116px; } article.nosotros > .txtDesc:not(.three_cols_manuals) { column-count: 3; -webkit-column-count: 3; -moz-column-count: 3; column-gap: 20px; -moz-column-gap: 20px; -webkit-column-gap: 20px; column-width: 250px; -webkit-column-width: 250px; -moz-column-width: 250px; } article.nosotros .txtDesc.three_cols_manuals > .c2 { text-align: center; } article.nosotros .txtDesc.three_cols_manuals > .c3 { text-align: center; } article.nosotros .txtDesc.three_cols_manuals > .c3 .btn_book_online { border: 4px solid #ff6315; padding: 10px 20px; text-align: center; width: auto; display: block; color: #000; font-size: 18px !important; font-weight: bold; background: rgb(255, 255, 255); background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(237, 237, 237, 1) 50%); margin-top: 10px; margin-bottom: 10px; } article.nosotros .txtDesc.three_cols_manuals > .c3 .btn_book_online:hover { background: radial-gradient(circle, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 50%); border-color: #000; color: #ff6315; } article.nosotros .txtDesc.three_cols_manuals > .c2 img, article.nosotros .txtDesc.three_cols_manuals > .c3 img { width: 100%; max-width: 450px; margin-bottom: 20px; } article.nosotros > .equipo { padding: 85px 110px; background-color: #231f20; border-bottom: 3px solid #fff; } article.nosotros > .equipo h2 { font-size: 25px; font-weight: 800; text-transform: uppercase; margin-bottom: 20px; } article.nosotros > .equipo .pers { width: 28%; float: left; margin-left: 6%; text-align: center; color: #fff; margin-top: 20px; padding-bottom: 30px; } article.nosotros > .equipo .pers.p1 { margin-left: 0px; } article.nosotros > .equipo .pers h3 { font-size: 30px; font-weight: bold; margin-top: 20px; margin-bottom: 20px; } article.nosotros > .equipo .pers h4 { font-size: 20px; font-weight: normal; margin-bottom: 5px; } article.nosotros > .equipo .pers p { font-size: 12px; font-weight: normal; line-height: 14px; color: rgba(255, 255, 255, 0.5); } article.nosotros > .equipo .pers img.foto { width: 100%; max-width: 490px; } article.tratamientos > .cabImg h1 { position: relative; z-index: 2; float: right; width: 320px; margin-right: 110px; text-align: left; margin-top: 140px; } article.tratamientos > .cabImg > .bandaNar { float: left; margin-left: 110px; } article.tratamientos > .cabImg > .bandaNar ul { margin-top: 90px; } article.tratamientos > .cabImg > .bandaNar ul li { color: #fff; text-transform: uppercase; font-size: 14px; font-weight: 700; margin: 0px 5px; list-style: none; white-space: nowrap; letter-spacing: 0.05em; } article.tratamientos > .cabImg > .bandaNar ul li a { padding: 5px 10px; border: 2px solid transparent; } article.tratamientos > .cabImg > .bandaNar ul li a:hover, article.tratamientos > .cabImg > .bandaNar ul li a.ON { border-color: #fff; } article.tratamientos .txtDesc > .c2 { text-align: center; } article.tratamientos .txtDesc > .c2 img { width: 100%; max-width: 450px; margin-bottom: 20px; } article.instalaciones > .cabImg { height: 700px; } article.instalaciones > .cabImg .bandaNar { width: 450px; height: 80px; padding: 20px; margin: auto; } article.instalaciones > .cabImg .flecha_izq { position: absolute; left: 50px; z-index: 10; cursor: pointer; } article.instalaciones > .cabImg .flecha_der { position: absolute; right: 50px; z-index: 10; cursor: pointer; } article.instalaciones > .cabImg .diapo { display: none; height: 700px; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center center; } article.instalaciones > .cabImg .diapoON { display: block; } article.instalaciones > .cabImg .diapo > img { top: -170px; display: none; } article.instalaciones > .cabImg .diapo .ctrls { text-align: center; margin-top: 20px; height: 30px; } article.instalaciones > .cabImg .diapo .ctrl { width: 12px; height: 10px; background-color: #fff; display: inline-block; margin-right: 10px; } article.instalaciones > .cabImg .diapo .ON { margin-bottom: -8px; } article.instalaciones h1 { font-size: 30px; font-weight: bold; margin-top: 20px; } article.instalaciones h2 { font-size: 15px; font-weight: 800; margin-top: 1px; color: #fff; } article.contacto > .cabImg { height: 500px; } article.contacto > .cabImg > .bandaNar { height: auto; padding: 25px 40px; width: 242px; margin-bottom: 4px; font-size: 14px; line-height: 16px; float: left; margin-left: 110px; clear: left; color: #fff; text-align: left; } article.contacto > .cabImg > .bandaNar h1 { margin-bottom: 20px; margin-top: 15px; } article.contacto #map { height: 1000px; float: left; width: 100%; top: -500px; } article.contacto > .cabImg > .bandaNar td.bold { vertical-align: middle; } article.contacto .txtDesc table { font-size: 13px; width: 100%; } article.contacto .txtDesc table td { padding: 2px; padding-bottom: 5px; } article.contacto .txtDesc table tr.separador { border-bottom: 2px solid #000; } article.contacto .txtDesc table tr.separador + tr > td { padding-top: 10px; } article.contacto .txtDesc table td.bold { padding-bottom: 15px; } article.contacto .txtDesc > .c1, article.contacto .txtDesc > .c2 { width: 40%; } article.contacto .txtDesc > .c3 { margin-top: -63px; width: 10%; } article.contacto .txtDesc > .c3 hr.separadorMarg { margin-left: 30px; border-width: 2px; width: 60px; } article.contacto .txtDesc > .c3 img { vertical-align: text-bottom; } article.aviso_legal { padding: 85px 110px 65px 110px; text-align: justify; } article.aviso_legal h1 { font-size: 1.5em; margin-bottom: 10px; } article.aviso_legal h2 { margin-bottom: 10px; } article.aviso_legal p { margin-bottom: 30px; } #cookies_law { position: fixed; top: 80px; left: 0px; right: 0px; background-color: #000; color: #fff; z-index: 1000; border-top: 3px solid #ff6315; border-bottom: 3px solid #ff6315; padding: 25px 110px 25px 110px; font-size: 1.1em; } #cookies_law .inside { text-align: center; } #cookies_law .inside .msg { text-align: justify; } #cookies_law .accept { display: block; width: 70px; padding: 10px 20px; border: 2px solid #ff6315; text-align: center; font-weight: bold; margin: auto; margin-top: 10px; } @media only screen and (max-width: 1150px) { header { padding-left: 45px; padding-right: 45px; } header .logo { margin-top: 35px; } header .logo img { width: 200px; } header ul li { margin: 0px 2px; } header ul li a { padding: 3px 4px; border-width: 1px; } footer { padding-left: 55px; padding-right: 55px; height: 86px; } article > .txtDesc { padding: 45px 55px 45px 55px; } article .txtDesc .twoImagesColum_1 img, article .txtDesc .twoImagesColum_2 img { max-width: 95%; height: 350px; width: auto; } article.nosotros > .equipo { padding: 45px 55px; } article.tratamientos > .cabImg > .bandaNar { margin-left: 55px; } article.tratamientos > .cabImg h1 { margin-right: 55px; } article.aviso_legal { padding: 45px 55px 45px 55px; } #cookies_law { padding: 25px 55px 25px 55px; } } @media only screen and (max-width: 900px) { html * { font-size: 95%; } header { padding-left: 25px; padding-right: 25px; height: auto; padding-bottom: 20px; } header .logo { float: none; margin-top: 30px; text-align: center; } header .logo img { width: 180px; } header ul { width: 100%; margin: auto; text-align: center; float: none; } header ul li { margin: 0px 1px; margin-top: 20px; } header ul li a { padding: 2px 3px; border-width: 1px; } footer { padding-left: 32px; padding-right: 32px; height: auto; } footer .fcolumn { width: 44%; } footer .tcolumn { width: 54%; } article > .cabImg { height: 350px; } article > .cabImg .bandaNar { height: 300px; width: 220px; padding: 25px 0px; } article.nosotros > .cabImg > .bandaNar hr { margin-left: 86px; } article > .cabImg img.resize { top: -350px; } article > .txtDesc { padding: 25px 32px 25px 32px; } article.nosotros > .equipo { padding: 25px 32px; } article.tratamientos > .cabImg > .bandaNar { margin-left: 32px; } article.tratamientos > .cabImg h1 { margin-right: 32px; width: 40%; max-width: 260px; margin-top: 90px; font-size: 24px; } article.tratamientos > .cabImg > .bandaNar ul { margin-top: 30px; } article .txtDesc > .c1, article .txtDesc > .c2, article .txtDesc > .c3, article.contacto .txtDesc > .c1, article.contacto .txtDesc > .c2, article.contacto .txtDesc > .c3 { width: 100%; float: none; } article.contacto .txtDesc > .c1, article.contacto .txtDesc > .c2, article.contacto .txtDesc > .c3 { margin-top: 10px; } article.aviso_legal { padding: 25px 32px 25px 32px; } #cookies_law { padding: 10px 32px 10px 32px; } } @media only screen and (max-width: 880px) { article.nosotros > .equipo .pers, article.nosotros > .equipo .pers.p1 { width: 80%; float: none; margin: auto; margin-top: 20px; } article .txtDesc .twoImagesColum_1 img, article .txtDesc .twoImagesColum_2 img { max-width: 95%; height: 300px; width: auto; } } @media only screen and (max-width: 650px) { article .txtDesc .twoImagesColum_1, article .txtDesc .twoImagesColum_2 { width: 100%; float: none; } article .txtDesc .twoImagesColum_1 img, article .txtDesc .twoImagesColum_2 img { margin-bottom: 30px; height: auto; width: 80%; } } @media only screen and (max-width: 520px) { html * { font-size: 90%; } article.nosotros > .equipo .pers { width: 100%; float: none; margin: auto; margin-top: 20px; } article.instalaciones > .cabImg { height: 450px; } article.instalaciones > .cabImg .bandaNar { width: 100%; height: 50px; padding: 10px; } article.instalaciones h1 { font-size: 24px; margin-top: 10px; } article.instalaciones > .cabImg .diapo .ctrls { margin-top: 10px; } article.instalaciones > .cabImg .diapo > img { top: -100px; } article.instalaciones > .cabImg .flecha_izq { left: 20px; } article.instalaciones > .cabImg .flecha_der { right: 20px; } article.contacto > .cabImg { height: 400px; } article.contacto > .cabImg > .bandaNar { padding: 15px 20px; width: 180px; margin-left: 30px; } article .txtDesc .twoImagesColum_1 img, article .txtDesc .twoImagesColum_2 img { width: 100%; } } @media only screen and (max-width: 480px) { article.tratamientos > .cabImg h1 { display: none; } footer { height: auto; padding: 15px 20px; } footer .Ucolumn { display: none; width: 100%; text-align: center; } footer .fcolumn, footer .scolumn, footer .tcolumn { float: none; width: 100%; text-align: center; } } @media only screen and (max-width: 300px) { article.contacto > .cabImg > .bandaNar { width: 100%; margin-left: 0px; } } body > .bigger-font-size header ul li { font-size: 15px; } body > .bigger-font-size footer *, body > .bigger-font-size footer a { font-size: 15px; line-height: 25px; } body > .bigger-font-size article.nosotros > .equipo .pers p { font-size: 16px; line-height: 1.4; } body > .bigger-font-size article.tratamientos > .cabImg > .bandaNar ul li { font-size: 15px; } body > .bigger-font-size article > .cabImg h1 { font-size: 32px; } body > .bigger-font-size article > .txtDesc h2 { font-size: 28px; } body > .bigger-font-size article > .txtDesc p.narajCorp { font-size: 22px; text-align: justify; } body > .bigger-font-size article > .txtDesc p, body > .bigger-font-size article > .txtDesc li { font-size: 17px; text-align: justify; }