@charset "utf-8";
/*--- RESET CSS ---*/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
margin: 0;
padding: 0;
}
img, fieldset {
border: 0;
}
img {
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
margin: 0;
}
/*--- FONTS ---*/
@font-face {
font-family: 'bold';
src: url('fonts/GoogleSans-Bold.ttf') format('woff2'),
url('fonts/GoogleSans-Bold.ttf') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'semibold';
src: url('fonts/GoogleSans-SemiBold.ttf') format('woff2'),
url('fonts/GoogleSans-SemiBold.ttf') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'medium';
src: url('fonts/GoogleSans-Medium.ttf') format('woff2'),
url('fonts/GoogleSans-Medium.ttf') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'regular';
src: url('fonts/GoogleSans-Regular.ttf') format('woff2'),
url('fonts/GoogleSans-Regular.ttf') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'italic';
src: url('fonts/GoogleSans-Italic.ttf') format('woff2'),
url('fonts/GoogleSans-Italic.ttf') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'bold_italic';
src: url('fonst/GoogleSans-BoldItalic.ttf') format('woff2'),
url('fonst/GoogleSans-BoldItalic.ttf') format('woff');
font-weight: normal;
font-style: normal;
}
/*--- CELESTE: 00a1b7 ---*/
/*--- AZUL: 3856b5 ---*/
/*--- CLERAFIX MENU RESPONSIVO ---*/
/* Clearfix */
.clear:before, .clear:after {
content: " ";
display: table;
}
.clear:after {
clear: both;
}
.clear {
*zoom: 1;
}
a#pull {
display: none;
}
/*--- TOP NEGRO ---*/
#espaciotop{
display: inline-block;
float: none;
margin: 125px 0px 0px 0px;
}
#flotante{
z-index: 150;
display: inline-block;
float: none;
position: fixed;
top: 89%;
right: 30px;
height: auto;
width: auto;
}
#topnegro{
z-index: 155;
background-color: #666;
display: inline-block;
float: none;
position: fixed;
top: 0px;
left: 0px;
right: 0px;
width: 100%;
height: auto;
padding: 10px 0px 0px 0px;
border-bottom: 3px #000 solid;
}
#topnegrocontenedor{
width: 100%;
max-width: 1100px;
}
#topnegrocontenedor p{
font-family: 'regular';
font-size: 1em;
line-height: 2em;
text-align: left;
color: #FFF;
float: left;
}
#topnegrocontenedor a{
text-decoration: none;
font-family: 'regular';
font-size:1em;
line-height: 2em;
color: #fff;
}
#topnegrocontenedor a:hover{
color: #00a1b7;
}
/*--- REDES ---*/
#redes{
display: block;
float: right;
width: auto;
}
#redes ul{
list-style-type: none;
}
#redes li{
display: inline-block;
float: left;
margin: 0px 5px 0px 0px;
}
#redes a{
text-decoration: none;
opacity: 1;
}
#redes a:hover{
opacity: 0.8;
}
/*--- MENU ---*/
#menu{
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(210,210,210,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(210,210,210,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(210,210,210,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(210,210,210,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(210,210,210,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(210,210,210,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
display: inline-block;
float: none;
position: relative;
width: 100%;
height: 90px;
}
#menu img{
display: inline-block;
float: left;
width: auto;
max-height: 80px;
margin: 3px 0px 0px 0px;
}
#menucontenedor {
display: inline-block;
position: relative;
width: 100%;
max-width: 1100px;
height: auto;
margin: 0px 0px 0px 0px;
}
nav {
display: inline-block;
position: relative;
float: right;
width: auto;
height: auto;
margin: 0px 0px 0px 0px;
}
nav img{
display: inline-block;
float: left;
width: auto;
max-height: 65px;
margin: 10px 0px 0px 0px;
}
nav ul {
display: inline-block;
float: right;
list-style: none;
width: auto;
height: 85px;
margin: 0px;
}
nav li {
position: relative;
display: inline-block;
float: none;
width: auto;
height: 85px;
margin: 0px;
padding: 0px;
border-right: 1px #ccc solid;
}
nav li.sinborde{
border-right: none;
}
nav li a {
text-decoration: none;
font-family: 'regular';
font-size: 1em;
line-height: 5.5em;
color: #000;
margin: 0px 10px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
nav li a:hover, nav li a:active {
color: #3856b5;
bottom: 3px;
position: relative;
}
/*--- ANCLAS ---*/
#ancla_precision{
display: block;
float: right;
width: auto;
padding: 125px 0px 0px 0px;
}
#ancla_enfermeria{
display: block;
float: right;
width: auto;
padding: 125px 0px 0px 0px;
}
#ancla_secretaria{
display: block;
float: right;
width: auto;
padding: 125px 0px 0px 0px;
}
#ancla_administracion{
display: block;
float: right;
width: auto;
padding: 125px 0px 0px 0px;
}
#ancla_gerencia{
display: block;
float: right;
width: auto;
padding: 125px 0px 0px 0px;
}
/*--- PARALLAX ---*/
#intro{
height: 750px;
width: 100%;
}
#intro img{
display: inline-block;
float: none;
margin: 0% 0px 0% 0px;
}
/*--- SEPARADOR ---*/
.bloqueseparadores {
display: inline-block;
width: 100%;
height: auto;
}
.aviso{
background-color: rgba(255,255,255,0.5);
display: inline-block;
float: none;
width: 100%;
max-width: 750px;
border-radius: 20px;
height: auto;
margin: 5%;
padding: 35px 0px 30px 0px;
font-family: "regular";
color: #FFF;
text-align: center;
}
.aviso a{
font-family: "regular";
color: #000;
text-decoration: none;
text-align: left;
font-size: 1.25em;
opacity: 1;
bottom:0;
transition: all .25s;
-moz-transition:transition: all .25s;
-ms-transition:transition: all .25s;
-webkit-transition:transition: all .25s;
-o-transition:transition: all .25s;
}
.aviso a:hover{
font-family: "regular";
color: #3856b5;
opacity: 0.8;
bottom: 5px;
position: relative;
}
.aviso ul{
list-style-type: none;
display: inline-block;
float: none;
width: 100%
}
.aviso li{
display: inline-block;
float: none;
margin: 0px 5px;
}
/*--- TRATAMIENTOS ---*/
#tratamientos{
display: inline-block;
float: none;
width: 100%;
max-width: 1100px;
padding: 30px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#tratamientos a{
font-family: "bold";
font-size: 1em;
color: #00a1b7;
text-decoration: none;
bottom:0;
transition: all .25s;
-moz-transition:transition: all .25s;
-ms-transition:transition: all .25s;
-webkit-transition:transition: all .25s;
-o-transition:transition: all .25s;
}
#tratamientos a:hover {
color: #000;
bottom: 3px;
position: relative;
}
#generalizq{
display: inline-block;
float: left;
width: 48%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#generalder{
display: inline-block;
float: right;
width: 48%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#generalder h1{
font-family: "bold";
font-size: 2em;
line-height: 1em;
color: #00a1b7;
text-align: left;
margin: 10px 0px 15px 0px;
}
#generalder p{
font-family: "regular";
font-size: 1.15em;
line-height: 1.75em;
color: #2f2f2f;
text-align: justify;
margin: 0px 0px 10px 0px;
overflow:hidden!important;
}
/*--- TEXTOS ---*/
#general{
background-color: #FFF;
display: inline-block;
float: none;
width: 100%;
padding: 30px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#ico{
display: inline-block;
float: left;
width: auto;
}
#texto{
display: inline-block;
float: none;
width: 100%;
max-width: 1100px;
}
#texto h1{
font-family: "bold";
font-size: 2em;
line-height: 1em;
color: #00a1b7;
text-align: left;
margin: 10px 0px 15px 0px;
}
#texto p{
font-family: "regular";
font-size: 1.15em;
line-height: 1.75em;
color: #2f2f2f;
text-align: justify;
margin: 0px 0px 10px 0px;
overflow:hidden!important;
}
#texto h3{
font-family: "italic";
font-size: 1em;
color: #00a1b7;
text-align: center;
margin: 0px 0px 5px 0px;
}
#texto img{
display: inline-block;
float: left;
width: 54px;
height: auto;
margin: 0px 15px 0px 0px;
overflow:hidden!important;
}
#texto a{
font-family: "bold";
font-size: 1em;
color: #00a1b7;
text-decoration: none;
bottom:0;
transition: all .25s;
-moz-transition:transition: all .25s;
-ms-transition:transition: all .25s;
-webkit-transition:transition: all .25s;
-o-transition:transition: all .25s;
}
#texto a:hover {
color: #000;
bottom: 3px;
position: relative;
}
#azure{
display: inline-block;
float: right;
width: 94%;
margin: -25px 0px 40px 0px;
}
#azure img{
width: auto;;
margin: 0px 0px 0px 0px;
}
/*--- ACORDEON ---*/
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;800&display=swap');
*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'regular';
}
.contenedor-acordeon{
display: inline-block;
width: 100%;
max-width: auto;
margin: 30px 0px 0px 0px;
}
.contenedor-acordeon h2{
text-align: center;
font-size: 40px;
margin-bottom: 35px;
}
.acordeon{
background: none;
}
.acordeon label{
display: block;
padding: 20px;
font-size: 20px;
text-align: left;
background: #DDDDDD;
color: #000;
cursor: pointer;
margin-bottom: 2px;
transition: all 300ms ease;
}
.acordeon label:hover{
background: #00a1b7;
}
.acordeon .contenido-acordeon{
padding: 0px;
margin: 0px 20px;
max-height: 0px;
overflow: hidden;
transition: all 300ms ease;
color: #666;
text-align: justify;
}
.btn-acordeon:checked ~ .contenido-acordeon{
max-height: 1000px;
padding: 15px 0px;
}
.btn-acordeon{
display: none;
}
/*--- PROFESIONALES ---*/
#profesionales{
display: inline-block;
float: right;
width: 99%;
}
#profesionales ul{
display: inline-block;
float: none;
width: 100%;
list-style-type: none;
margin: 0px 0px 0px 0px;
}
#profesionales ul li{
display: inline-block;
float: left;
width: 25%;
vertical-align: top;
bottom:0;
transition: all .25s;
-moz-transition:transition: all .25s;
-ms-transition:transition: all .25s;
-webkit-transition:transition: all .25s;
-o-transition:transition: all .25s;
}
#profesionales ul li:hover{
bottom: 5px;
position: relative;
}
#profesionales ul li img{
display: inline-block;
float: none;
width: auto;
margin: 0px 0px 10px 0px;
}
#profesionales ul li h1{
font-family: 'bold';
font-size: 1.25em;
color: #000;
text-align: center;
margin: 0px 0px 0px 0px;
vertical-align: top;
}
#profesionales ul li h3{
font-family: 'italic';
font-size: 0.8em;
color: #00a1b7;
text-align: center;
margin: 5px 0px 5px 0px;
vertical-align: top;
}
#profesionales ul li p{
font-family: 'regular';
font-size: 1.15em;
color: #000;
text-align: center;
margin: 0px 0px 30px 0px;
}
/*--- DISERTACIONES ---*/
#disertaciones{
display: inline-block;
float: right;
width: 99%;
}
#disertaciones ul{
display: inline-block;
float: none;
width: 100%;
list-style-type: none;
margin: 0px 0px 0px 0px;
}
#disertaciones ul li{
display: inline-block;
float: left;
width: 48%;
vertical-align: top;
bottom:0;
transition: all .25s;
-moz-transition:transition: all .25s;
-ms-transition:transition: all .25s;
-webkit-transition:transition: all .25s;
-o-transition:transition: all .25s;
}
#disertaciones ul li:hover{
bottom: 5px;
position: relative;
}
#disertaciones ul li img{
display: inline-block;
float: none;
width: auto;
margin: 0px 0px 10px 0px;
}
#disertaciones ul li h1{
font-family: 'bold';
font-size: 1.25em;
color: #000;
text-align: center;
margin: 0px 0px 0px 0px;
vertical-align: top;
}
#disertaciones ul li h3{
font-family: 'regular';
font-size: 0.9em;
color: #666;
text-align: justify;
margin: 15px;
vertical-align: top;
}
#disertaciones ul li p{
font-family: 'regular';
font-size: 1.15em;
color: #000;
text-align: center;
margin: 0px 0px 30px 0px;
}
/*--- ESPECIALIDADES ---*/
#especialidades{
display: inline-block;
float: right;
width: 99%;
}
#especialidades ul{
display: inline-block;
float: none;
width: 100%;
list-style-type: none;
margin: 0px 0px 0px 0px;
}
#especialidades ul li{
display: inline-block;
float: none;
width: 15%;
vertical-align: top;
margin: 0px 35px 20px 35px;
}
#especialidades ul li img{
display: inline-block;
float: none;
width: 50%;
margin: 0px 0px 10px 0px;
}
#especialidades ul li h1{
font-family: 'bold';
font-size: 1.1em;
line-height: 1.1em;
color: #000;
text-align: center;
margin: 0px 0px 0px 0px;
vertical-align: top;
}
#especialidades ul li p{
font-family: 'regular';
font-size: 1.15em;
color: #000;
text-align: center;
margin: 0px 0px 0px 0px;
}
/*--- TESTIMONIOS ---*/
#testimonios{
display: inline-block;
float: right;
width: 94%;
}
#testimonios ul{
display: inline-block;
float: right;
width: 100%;
list-style-type: none;
margin: 0px 0px 10px 0px;
}
#testimonios ul li{
display: inline-block;
float: none;
width: 100%;
margin: 0px 20px 20px 20px;
padding: 0px 0px 20px 0px;
border-bottom: 1px solid #999;
}
#testimonios ul li img{
display: inline-block;
float: left;
width: auto;
margin: 0px 20px 0px 0px;
}
#testimonios ul li h1{
font-family: 'bold';
font-size: 1em;
color: #000;
text-align: left;
margin: 0px 0px 10px 0px;
}
#testimonios ul li p{
font-family: 'regular';
font-size: 1em;
line-height: 1.2em;
color: #000;
text-align: left;
margin: 0px 0px 0px 0px;
}
/*--- LIGHTBOX ---*/
#lightbox {
display: none;
position:fixed; /* keeps the lightbox window in the current viewport */
top:0;
left:0;
width:100%;
height:100%;
background: rgba(0,0,0,.8);
text-align:center;
}
#lightbox img {
box-shadow:0 0 25px #111;
-webkit-box-shadow:0 0 25px #111;
-moz-box-shadow:0 0 25px #111;
max-width:100%;
}
/*--- CONTACTO ---*/
#contacto{
display: inline-block;
float: none;
width: 100%;
max-width: 1100px;
margin: 0px;
}
#contacto ul{
display: inline-block;
float: none;
width: 95%;
margin: 20px 0px 20px 0px;
}
#contacto ul li{
background-color: #00a1b7;
display: inline-block;
float: none;
width: 31%;
padding: 20px 0px 20px 0px;
margin: 0px 10px 0px 10px;
border-radius: 10px;
}
#contacto img{
display: inline-block;
float: none;
width: auto;
margin: 0px 0px 0px 0px;
}
#contacto h1{
font-family: "bold";
font-size: 1.5em;
line-height: 1em;
color: #000;
text-align: center;
margin: 15px 0px 0px 0px;
}
#iframe{
display: inline-block;
float: none;
width: 100%;
max-width: 1100px;
margin: 20px 0px 0px 0px;
}
#form{
display: inline-block;
float: none;
width: 100%;
max-width: 1100px;
margin: 0px 0px 0px 0px;
}
.cajaizq{
display: inline-block;
float: left;
width: 48%;
}
.cajader{
display: inline-block;
float: right;
width: 48%;
}
.contact_form {
display: inline-block;
float: none;
width:100%;
padding: 0px;
margin: 0px;
}
.contact_form ul {
width: 100%;
float: none;
list-style-type:none;
}
.contact_form li{
display: inline-block;
float: right;
width: 100%;
margin-bottom: 18px;
}
.contact_form input {
background-color: rgba(0,0,0,0.075);
float: none;
height: 43px;
width: 97.5%;
padding: 0px 0px 0px 10px;
border: 1px #ccc solid;
text-align: left;
font-family: 'regular';
font-size: 1em;
}
.contact_form textarea {
background-color: rgba(0,0,0,0.075);
float: none;
padding: 10px 0px 0px 10px;
width: 97.5%;
border: 1px #ccc solid;
text-align: left;
font-family: 'regular';
font-size: 1em;
}
.contact_form button {
display: inline-block;
float: left;
width: 100%;
height: 45px;
margin: 0px;
padding: 0px;
background-color: #3856b5;
border: none;
font-family: 'regular';
font-size: 1em;
color: #FFF;
transition: all .25s;
-moz-transition:transition: all .25s;
-ms-transition:transition: all .25s;
-webkit-transition:transition: all .25s;
-o-transition:transition: all .25s;
}
.contact_form button:hover {
background-color: #00a1b7;
color: #FFF;
}
/*--- FOOTER ---*/
#footer {
background-color: #00a1b7;
display: inline-block;
float: none;
width: 100%;
max-height: auto;
margin: 40px 0px 0px 0px;
}
#footercontenedor{
display: inline-block;
float: none;
width: 100%;
max-width: 1100px;
margin: 40px 0px;
}
#footercontenedor ul{
display: inline-block;
float: right;
list-style-type: none;
width: auto;
}
#footercontenedor ul li{
display: inline-block;
float: left;
width: auto;
margin: 0px 0px 0px 20px;
}
#footercontenedor ul li p{
font-family: "regular";
font-size: 1em;
line-height: 2em;
color: #FFF;
text-align: right;
margin: 0px 0px 0px 0px;
border-right: 1px #Fff solid;
padding: 0px 20px 0px 0px;
}
#footerder img{
display: inline-block;
float: right;
width: auto;
margin: 0px 20px 0px 0px;
}
#footer a{
font-family: "regular";
font-size: 1em;
color: #FFF;
text-align: right;
text-decoration: none;
bottom:0;
transition: all .25s;
-moz-transition:transition: all .25s;
-ms-transition:transition: all .25s;
-webkit-transition:transition: all .25s;
-o-transition:transition: all .25s;
}
#footer a:hover {
color: #3856b5;
bottom: 3px;
position: relative;
}
#footerizq{
display: inline-block;
float: left;
width: auto;
height: auto;
}
#footerizq img{
display: inline-block;
float: left;
margin: 0px 0px 15px 0px;
}
#footerizq p{
font-family: "regular";
font-size: 1em;
color: #FFF;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px 20px 0px 0px;
}
.icobottom{
display: inline-block;
float: right;
width: auto;
margin: 7px 0px 0px 10px;
}
/*--- R E S P O N S I V O S ---*/
/*--- PANTALLA 950 (probar hasta 851) ...*/
@media only screen and (max-width: 950px) {
left: 0px;
font-size: 1em;
line-height: 2em;
text-align: left;
color: #FFF;
float: left;
}
#topnegrocontenedor a{
text-decoration: none;
font-family: 'regular';
font-size:1em;
line-height: 2em;
color: #fff;
}
#topnegrocontenedor a:hover{
color: #00a1b7;
}
/*--- REDES ---*/
#redes{
display: block;
float: right;
width: auto;
}
#redes ul{
list-style-type: none;
}
#redes li{
display: inline-block;
float: left;
margin: 0px 5px 0px 0px;
}
#redes a{
text-decoration: none;
opacity: 1;
}
#redes a:hover{
opacity: 0.8;
}
/*--- MENU ---*/
#menu{
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(210,210,210,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(210,210,210,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(210,210,210,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(210,210,210,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(210,210,210,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(210,210,210,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
display: inline-block;
float: none;
position: relative;
width: 100%;
height: 90px;
}
#menu img{
display: inline-block;
float: left;
width: auto;
max-height: 80px;
margin: 3px 0px 0px 0px;
}
#menucontenedor {
display: inline-block;
position: relative;
width: 100%;
max-width: 1100px;
height: auto;
margin: 0px 0px 0px 0px;
}
nav {
display: inline-block;
position: relative;
float: right;
width: auto;
height: auto;
margin: 0px 0px 0px 0px;
}
nav img{
display: inline-block;
float: left;
width: auto;
max-height: 65px;
margin: 10px 0px 0px 0px;
}
nav ul {
display: inline-block;
float: right;
list-style: none;
width: auto;
height: 85px;
margin: 0px;
}
nav li {
position: relative;
display: inline-block;
float: none;
width: auto;
height: 85px;
margin: 0px;
padding: 0px;
border-right: 1px #ccc solid;
}
nav li.sinborde{
border-right: none;
}
nav li a {
text-decoration: none;
font-family: 'regular';
font-size: 1em;
line-height: 5.5em;
color: #000;
margin: 0px 10px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
nav li a:hover, nav li a:active {
color: #3856b5;
bottom: 3px;
position: relative;
}
/*--- ANCLAS ---*/
#ancla_precision{
display: block;
float: right;
width: auto;
padding: 125px 0px 0px 0px;
}
#ancla_enfermeria{
display: block;
float: right;
width: auto;
padding: 125px 0px 0px 0px;
}
#ancla_secretaria{
display: block;
float: right;
width: auto;
padding: 125px 0px 0px 0px;
}
#ancla_administracion{
display: block;
float: right;
width: auto;
padding: 125px 0px 0px 0px;
}
#ancla_gerencia{
display: block;
float: right;
width: auto;
padding: 125px 0px 0px 0px;
}
/*--- PARALLAX ---*/
#intro{
height: 750px;
width: 100%;
}
#intro img{
display: inline-block;
float: none;
margin: 0% 0px 0% 0px;
}
/*--- SEPARADOR ---*/
.bloqueseparadores {
display: inline-block;
width: 100%;
height: auto;
}
.aviso{
background-color: rgba(255,255,255,0.5);
display: inline-block;
float: none;
width: 100%;
max-width: 750px;
border-radius: 20px;
height: auto;
margin: 5%;
padding: 35px 0px 30px 0px;
font-family: "regular";
color: #FFF;
text-align: center;
}
.aviso a{
font-family: "regular";
color: #000;
text-decoration: none;
text-align: left;
font-size: 1.25em;
opacity: 1;
bottom:0;
transition: all .25s;
-moz-transition:transition: all .25s;
-ms-transition:transition: all .25s;
-webkit-transition:transition: all .25s;
-o-transition:transition: all .25s;
}
.aviso a:hover{
font-family: "regular";
color: #3856b5;
opacity: 0.8;
bottom: 5px;
position: relative;
}
.aviso ul{
list-style-type: none;
display: inline-block;
float: none;
width: 100%
}
.aviso li{
display: inline-block;
float: none;
margin: 0px 5px;
}
/*--- TRATAMIENTOS ---*/
#tratamientos{
display: inline-block;
float: none;
width: 100%;
max-width: 1100px;
padding: 30px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#tratamientos a{
font-family: "bold";
font-size: 1em;
color: #00a1b7;
text-decoration: none;
bottom:0;
transition: all .25s;
-moz-transition:transition: all .25s;
-ms-transition:transition: all .25s;
-webkit-transition:transition: all .25s;
-o-transition:transition: all .25s;
}
#tratamientos a:hover {
color: #000;
bottom: 3px;
position: relative;
}
#generalizq{
display: inline-block;
float: left;
width: 48%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#generalder{
display: inline-block;
float: right;
width: 48%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#generalder h1{
font-family: "bold";
font-size: 2em;
line-height: 1em;
color: #00a1b7;
text-align: left;
margin: 10px 0px 15px 0px;
}
#generalder p{
font-family: "regular";
font-size: 1.15em;
line-height: 1.75em;
color: #2f2f2f;
text-align: justify;
margin: 0px 0px 10px 0px;
overflow:hidden!important;
}
/*--- TEXTOS ---*/
#general{
background-color: #FFF;
display: inline-block;
float: none;
width: 100%;
padding: 30px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#ico{
display: inline-block;
float: left;
width: auto;
}
#texto{
display: inline-block;
float: none;
width: 100%;
max-width: 1100px;
}
#texto h1{
font-family: "bold";
font-size: 2em;
line-height: 1em;
color: #00a1b7;
text-align: left;
margin: 10px 0px 15px 0px;
}
#texto p{
font-family: "regular";
font-size: 1.15em;
line-height: 1.75em;
color: #2f2f2f;
text-align: justify;
margin: 0px 0px 10px 0px;
overflow:hidden!important;
}
#texto h3{
font-family: "italic";
font-size: 1em;
color: #00a1b7;
text-align: center;
margin: 0px 0px 5px 0px;
}
#texto img{
display: inline-block;
float: left;
width: 54px;
height: auto;
margin: 0px 15px 0px 0px;
overflow:hidden!important;
}
#texto a{
font-family: "bold";
font-size: 1em;
color: #00a1b7;
text-decoration: none;
bottom:0;
transition: all .25s;
-moz-transition:transition: all .25s;
-ms-transition:transition: all .25s;
-webkit-transition:transition: all .25s;
-o-transition:transition: all .25s;
}
#texto a:hover {
color: #000;
bottom: 3px;
position: relative;
}
#azure{
display: inline-block;
float: right;
width: 94%;
margin: -25px 0px 40px 0px;
}
#azure img{
width: auto;;
margin: 0px 0px 0px 0px;
}
/*--- ACORDEON ---*/
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;800&display=swap');
*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'regular';
}
.contenedor-acordeon{
display: inline-block;
width: 100%;
max-width: auto;
margin: 30px 0px 0px 0px;
}
.contenedor-acordeon h2{
text-align: center;
font-size: 40px;
margin-bottom: 35px;
}
.acordeon{
background: none;
}
.acordeon label{
display: block;
padding: 20px;
font-size: 20px;
text-align: left;
background: #DDDDDD;
color: #000;
cursor: pointer;
margin-bottom: 2px;
transition: all 300ms ease;
}
.acordeon label:hover{
background: #00a1b7;
}
.acordeon .contenido-acordeon{
padding: 0px;
margin: 0px 20px;
max-height: 0px;
overflow: hidden;
transition: all 300ms ease;
color: #AAA;
text-align: justify;
}
.btn-acordeon:checked ~ .contenido-acordeon{
max-height: 600px;
padding: 15px 0px;
}
.btn-acordeon{
display: none;
}
/*--- PROFESIONALES ---*/
#profesionales{
display: inline-block;
float: right;
width: 99%;
}
#profesionales ul{
display: inline-block;
float: none;
width: 100%;
list-style-type: none;
margin: 0px 0px 0px 0px;
}
#profesionales ul li{
display: inline-block;
float: left;
width: 25%;
vertical-align: top;
bottom:0;
transition: all .25s;
-moz-transition:transition: all .25s;
-ms-transition:transition: all .25s;
-webkit-transition:transition: all .25s;
-o-transition:transition: all .25s;
}
#profesionales ul li:hover{
bottom: 5px;
position: relative;
}
#profesionales ul li img{
display: inline-block;
float: none;
width: auto;
margin: 0px 0px 10px 0px;
}
#profesionales ul li h1{
font-family: 'bold';
font-size: 1.25em;
color: #000;
text-align: center;
margin: 0px 0px 0px 0px;
vertical-align: top;
}
#profesionales ul li h3{
font-family: 'italic';
font-size: 0.8em;
color: #00a1b7;
text-align: center;
margin: 5px 0px 5px 0px;
vertical-align: top;
}
#profesionales ul li p{
font-family: 'regular';
font-size: 1.15em;
color: #000;
text-align: center;
margin: 0px 0px 30px 0px;
}
/*--- DISERTACIONES ---*/
#disertaciones{
display: inline-block;
float: right;
width: 99%;
}
#disertaciones ul{
display: inline-block;
float: none;
width: 100%;
list-style-type: none;
margin: 0px 0px 0px 0px;
}
#disertaciones ul li{
display: inline-block;
float: left;
width: 48%;
vertical-align: top;
bottom:0;
transition: all .25s;
-moz-transition:transition: all .25s;
-ms-transition:transition: all .25s;
-webkit-transition:transition: all .25s;
-o-transition:transition: all .25s;
}
#disertaciones ul li:hover{
bottom: 5px;
position: relative;
}
#disertaciones ul li img{
display: inline-block;
float: none;
width: auto;
margin: 0px 0px 10px 0px;
}
#disertaciones ul li h1{
font-family: 'bold';
font-size: 1.25em;
color: #000;
text-align: center;
margin: 0px 0px 0px 0px;
vertical-align: top;
}
#disertaciones ul li h3{
font-family: 'regular';
font-size: 0.9em;
color: #666;
text-align: justify;
margin: 15px;
vertical-align: top;
}
#disertaciones ul li p{
font-family: 'regular';
font-size: 1.15em;
color: #000;
text-align: center;
margin: 0px 0px 30px 0px;
}
/*--- ESPECIALIDADES ---*/
#especialidades{
display: inline-block;
float: right;
width: 99%;
}
#especialidades ul{
display: inline-block;
float: none;
width: 100%;
list-style-type: none;
margin: 0px 0px 0px 0px;
}
#especialidades ul li{
display: inline-block;
float: none;
width: 15%;
vertical-align: top;
margin: 0px 35px 20px 35px;
}
#especialidades ul li img{
display: inline-block;
float: none;
width: 50%;
margin: 0px 0px 10px 0px;
}
#especialidades ul li h1{
font-family: 'bold';
font-size: 1.1em;
line-height: 1.1em;
color: #000;
text-align: center;
margin: 0px 0px 0px 0px;
vertical-align: top;
}
#especialidades ul li p{
font-family: 'regular';
font-size: 1.15em;
color: #000;
text-align: center;
margin: 0px 0px 0px 0px;
}
/*--- TESTIMONIOS ---*/
#testimonios{
display: inline-block;
float: right;
width: 94%;
}
#testimonios ul{
display: inline-block;
float: right;
width: 100%;
list-style-type: none;
margin: 0px 0px 10px 0px;
}
#testimonios ul li{
display: inline-block;
float: none;
width: 100%;
margin: 0px 20px 20px 20px;
padding: 0px 0px 20px 0px;
border-bottom: 1px solid #999;
}
#testimonios ul li img{
display: inline-block;
float: left;
width: auto;
margin: 0px 20px 0px 0px;
}
#testimonios ul li h1{
font-family: 'bold';
font-size: 1em;
color: #000;
text-align: left;
margin: 0px 0px 10px 0px;
}
#testimonios ul li p{
font-family: 'regular';
font-size: 1em;
line-height: 1.2em;
color: #000;
text-align: left;
margin: 0px 0px 0px 0px;
}
/*--- LIGHTBOX ---*/
#lightbox {
display: none;
position:fixed; /* keeps the lightbox window in the current viewport */
top:0;
left:0;
width:100%;
height:100%;
background: rgba(0,0,0,.8);
text-align:center;
}
#lightbox img {
box-shadow:0 0 25px #111;
-webkit-box-shadow:0 0 25px #111;
-moz-box-shadow:0 0 25px #111;
max-width:100%;
}
/*--- CONTACTO ---*/
#contacto{
display: inline-block;
float: none;
width: 100%;
max-width: 1100px;
margin: 0px;
}
#contacto ul{
display: inline-block;
float: none;
width: 95%;
margin: 20px 0px 20px 0px;
}
#contacto ul li{
background-color: #00a1b7;
display: inline-block;
float: none;
width: 31%;
padding: 20px 0px 20px 0px;
margin: 0px 10px 0px 10px;
border-radius: 10px;
}
#contacto img{
display: inline-block;
float: none;
width: auto;
margin: 0px 0px 0px 0px;
}
#contacto h1{
font-family: "bold";
font-size: 1.5em;
line-height: 1em;
color: #000;
text-align: center;
margin: 15px 0px 0px 0px;
}
#iframe{
display: inline-block;
float: none;
width: 100%;
max-width: 1100px;
margin: 20px 0px 0px 0px;
}
#form{
display: inline-block;
float: none;
width: 100%;
max-width: 1100px;
margin: 0px 0px 0px 0px;
}
.cajaizq{
display: inline-block;
float: left;
width: 48%;
}
.cajader{
display: inline-block;
float: right;
width: 48%;
}
.contact_form {
display: inline-block;
float: none;
width:100%;
padding: 0px;
margin: 0px;
}
.contact_form ul {
width: 100%;
float: none;
list-style-type:none;
}
.contact_form li{
display: inline-block;
float: right;
width: 100%;
margin-bottom: 18px;
}
.contact_form input {
background-color: rgba(0,0,0,0.075);
float: none;
height: 43px;
width: 97.5%;
padding: 0px 0px 0px 10px;
border: 1px #ccc solid;
text-align: left;
font-family: 'regular';
font-size: 1em;
}
.contact_form textarea {
background-color: rgba(0,0,0,0.075);
float: none;
padding: 10px 0px 0px 10px;
width: 97.5%;
border: 1px #ccc solid;
text-align: left;
font-family: 'regular';
font-size: 1em;
}
.contact_form button {
display: inline-block;
float: left;
width: 100%;
height: 45px;
margin: 0px;
padding: 0px;
background-color: #3856b5;
border: none;
font-family: 'regular';
font-size: 1em;
color: #FFF;
transition: all .25s;
-moz-transition:transition: all .25s;
-ms-transition:transition: all .25s;
-webkit-transition:transition: all .25s;
-o-transition:transition: all .25s;
}
.contact_form button:hover {
background-color: #00a1b7;
color: #FFF;
}
/*--- FOOTER ---*/
#footer {
background-color: #00a1b7;
display: inline-block;
float: none;
width: 100%;
max-height: auto;
margin: 40px 0px 0px 0px;
}
#footercontenedor{
display: inline-block;
float: none;
width: 100%;
max-width: 1100px;
margin: 40px 0px;
}
#footercontenedor ul{
display: inline-block;
float: right;
list-style-type: none;
width: auto;
}
#footercontenedor ul li{
display: inline-block;
float: left;
width: auto;
margin: 0px 0px 0px 20px;
}
#footercontenedor ul li p{
font-family: "regular";
font-size: 1em;
line-height: 2em;
color: #FFF;
text-align: right;
margin: 0px 0px 0px 0px;
border-right: 1px #Fff solid;
padding: 0px 20px 0px 0px;
}
#footerder img{
display: inline-block;
float: right;
width: auto;
margin: 0px 20px 0px 0px;
}
#footer a{
font-family: "regular";
font-size: 1em;
color: #FFF;
text-align: right;
text-decoration: none;
bottom:0;
transition: all .25s;
-moz-transition:transition: all .25s;
-ms-transition:transition: all .25s;
-webkit-transition:transition: all .25s;
-o-transition:transition: all .25s;
}
#footer a:hover {
color: #3856b5;
bottom: 3px;
position: relative;
}
#footerizq{
display: inline-block;
float: left;
width: auto;
height: auto;
}
#footerizq img{
display: inline-block;
float: left;
margin: 0px 0px 15px 0px;
}
#footerizq p{
font-family: "regular";
font-size: 1em;
color: #FFF;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px 20px 0px 0px;
}
.icobottom{
display: inline-block;
float: right;
width: auto;
margin: 7px 0px 0px 10px;
}
}
/*--- PANTALLA 850 (probar hasta 769)...*/
@media only screen and (max-width: 850px) {
/*--- TOP NEGRO ---*/
#topnegro{
background-color: #00a1b7;
display: inline-block;
float: none;
width: 100%;
height: auto;
padding: 7px 0px 1px 0px;
border-bottom: 3px #3856b5 solid;
}
#topnegrocontenedor{
width: 95%;
}
#topnegrocontenedor p{
font-family: 'regular';
font-size: 0.9em;
line-height: 1.8em;
text-align: left;
color: #FFF;
float: left;
}
#topnegrocontenedor a{
text-decoration: none;
font-family: 'regular';
font-size: 0.9em;
color: #fff;
}
#topnegrocontenedor a:hover{
color: #00a1b7;
}
/*--- REDES ---*/
#redes{
display: block;
float: right;
width: auto;
}
#redes ul{
list-style-type: none;
}
#redes li{
display: inline-block;
float: left;
margin: 0px 5px 0px 0px;
}
#redes a{
text-decoration: none;
opacity: 1;
}
#redes a:hover{
opacity: 0.8;
}
/*--- MENU ---*/
#menu{
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(210,210,210,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(210,210,210,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(210,210,210,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(210,210,210,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(210,210,210,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(210,210,210,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
display: inline-block;
float: none;
position: relative;
width: 100%;
height: 90px;
}
#menu img{
display: inline-block;
float: left;
width: auto;
max-height: 70px;
margin: 7px 0px 0px 0px;
}
#menucontenedor {
width: 95%;
margin: 0px 0px 0px 0px;
}
nav {
display: inline-block;
position: relative;
float: right;
width: auto;
height: auto;
margin: 0px 0px 0px 0px;
}
nav img{
display: inline-block;
float: left;
width: auto;
max-height: 65px;
margin: 10px 0px 0px 0px;
}
nav ul {
display: inline-block;
float: right;
list-style: none;
width: auto;
height: 85px;
margin: 0px;
}
nav li {
position: relative;
display: inline-block;
float: none;
width: auto;
height: 85px;
margin: 0px;
padding: 0px;
border-right: 1px #ccc solid;
}
nav li.sinborde{
border-right: none;
}
nav li a {
text-decoration: none;
font-family: 'regular';
font-size: 1em;
line-height: 5.25em;
color: #000;
margin: 0px 10px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
nav li a:hover, nav li a:active {
color: #3856b5;
bottom: 3px;
position: relative;
}
/*--- TEXTOS ---*/
#general{
display: inline-block;
float: none;
width: 100%;
margin: 40px 0px 0px 0px;
}
#ico{
display: inline-block;
float: left;
width: auto;
}
#texto{
width: 95%;
}
#texto h1{
font-family: "bold";
font-size: 1.75em;
line-height: 1em;
color: #00a1b7;
text-align: left;
margin: -3px 0px 20px 0px;
}
#texto p{
font-family: "regular";
font-size: 1em;
color: #2f2f2f;
text-align: justify;
margin: 0px 0px 40px 0px;
overflow:hidden!important;
}
#texto h3{
font-family: "regular";
font-size: 1em;
color: #2f2f2f;
text-align: center;
margin: 0px 0px 0px 0px;
}
#texto img{
display: inline-block;
float: left;
width: 54px;
height: auto;
margin: 0px 15px 0px 0px;
overflow:hidden!important;
}
#texto a{
color: #0083ff;
text-decoration: none;
bottom:0;
transition: all .25s;
-moz-transition:transition: all .25s;
-ms-transition:transition: all .25s;
-webkit-transition:transition: all .25s;
-o-transition:transition: all .25s;
}
#texto a:hover {
color: #000;
bottom: 3px;
position: relative;
}
#azure{
display: inline-block;
float: right;
width: 92%;
margin: -25px 0px 40px 0px;
}
#azure img{
width: auto;;
margin: 0px 0px 0px 0px;
}
/*--- profesionales ---*/
#profesionales{
display: inline-block;
float: right;
width: 94%;
}
#profesionales ul{
display: inline-block;
float: right;
width: 100%;
list-style-type: none;
margin: 0px 0px 10px 0px;
}
#profesionales ul li{
display: inline-block;
float: none;
width: 24.5%;
}
#profesionales ul li img{
display: inline-block;
float: none;
width: auto;
margin: 0px 0px 10px 0px;
}
#profesionales ul li p{
font-family: 'regular';
font-size: 1em;
color: #000;
text-align: center;
}
/*--- TRACKING FORM ---*/
#tracking_form{
display: inline-block;
float: right;
width: 100%;
max-width: auto;
margin: 0px 0px 0px 0px;
}
#tracking{
display: inline-block;
float: none;
width: 100%;
margin: 0px 0px 20px 0px;
}
#tracking ul{
list-style-type: none;
display: inline-block;
float: none;
width: 100%;
}
#tracking ul li{
display: inline-block;
float: none;
width: 31%;
margin: 0px 7px;
}
#tracking p{
font-family: "bold";
font-size: 1.75em;
color: #FFF;
text-align: center;
margin: 10px 0px 10px 0px;
}
#tracking h2{
font-family: "bold";
font-size: 2em;
color: #FFF;
text-align: center;
margin: 0px 0px 10px 0px;
}
#tracking h3{
font-family: "regular";
font-size: 1em;
color: #FFF;
text-align: center;
margin: 3px 0px 5px 0px;
}
#tracking a{
font-family: "regular";
font-size: 1em;
color: #000;
text-align: center;
margin: 10px 0px 0px 0px;
}
.tracking_primero{
background-color: #609f94;
display: inline-block;
padding: 0px;
border-radius: 10px;
height: 200px;
overflow: hidden !important;
}
.tracking_segundo{
background-color: #386581;
display: inline-block;
padding: 0px;
border-radius: 10px;
height: 200px;
overflow: hidden !important;
}
.tracking_tercero{
background-color: #25485e;
display: inline-block;
padding: 0px;
border-radius: 10px;
height: 200px;
overflow: hidden !important;
}
.tracking_form {
display: inline-block;
float: none;
width:100%;
padding: 0px;
margin: 0px;
}
.tracking_form ul {
width: 100%;
float: none;
list-style-type:none;
}
.tracking_form li{
display: inline-block;
float: left;
width: 100%;
margin: 0px;
}
.tracking_form select {
background-color: rgba(0,0,0,0.075);
display: inline-block;
float: left;
height: 43px;
width: 100%;
padding: 0px 0px 0px 0px;
border: 1px #ccc solid;
text-align: left;
font-family: 'regular';
font-size: 1em;
margin: 0px 0px 0px 0px;
}
#botones {
display: inline-block;
float: none;
width: 100%;
padding: 0px;
margin: 0px;
}
.tracking_form button {
display: inline-block;
float: left;
width: 100%;
height: 45px;
margin: 0px 0px 0px 0px;
padding: 0px;
background-color: #3856b5;
border: 1px #fff solid;
font-family: 'regular';
font-size: 1em;
color: #FFF;
transition: all .25s;
-moz-transition:transition: all .25s;
-ms-transition:transition: all .25s;
-webkit-transition:transition: all .25s;
-o-transition:transition: all .25s;
}
.tracking_form button:hover {
background-color: #00a1b7;
color: #FFF;
}
/*--- PRODUCTS FORM ---*/
#products_form{
display: inline-block;
float: right;
width: 100%;
max-width: auto;
margin: 0px 0px 0px 0px;
}
#products{
display: inline-block;
float: right;
width: 96%;
}
#products ul{
list-style-type: none;
display: inline-block;
float: none;
width: 100%;
margin: 20px 0px 0px 0px;
}
#products ul li{
display: inline-block;
float: none;
width: 46%;
margin: 0px 12px;
}
#products p{
font-family: "bold";
font-size: 1.75em;
color: #FFF;
text-align: center;
margin: 20px 0px 10px 0px;
}
#products h2{
font-family: "bold";
font-size: 1.5em;
color: #FFF;
text-align: center;
margin: 0px 0px 20px 0px;
}
.products_cero{
display: inline-block;
padding: 0px;
margin: 0px 0px 0px 0px;
height: 230px;
overflow: hidden !important;
}
.products_reporte{
background-color: #25485e;
display: inline-block;
padding: 0px;
border-radius: 10px;
height: 230px;
overflow: hidden !important;
}
.products_form {
display: inline-block;
float: none;
width:100%;
padding: 0px;
margin: 0px;
}
.products_form ul {
width: 100%;
float: none;
list-style-type:none;
}
.products_form li{
display: inline-block;
float: left;
width: 100%;
margin-bottom: 0px;
}
.products_form select {
background-color: rgba(0,0,0,0.075);
display: inline-block;
float: left;
height: 43px;
width: 100%;
padding: 0px 0px 0px 10px;
border: 1px #ccc solid;
text-align: left;
font-family: 'regular';
font-size: 1em;
margin: 0px 0px 20px 0px;
}
.products_form button {
display: inline-block;
float: none;
width: 100%;
height: 45px;
margin: 0px 0px 0px 0px;
padding: 0px;
background-color: #3856b5;
border: 1px #fff solid;
font-family: 'regular';
font-size: 1em;
color: #FFF;
transition: all .25s;
-moz-transition:transition: all .25s;
-ms-transition:transition: all .25s;
-webkit-transition:transition: all .25s;
-o-transition:transition: all .25s;
}
.products_form button:hover {
background-color: #00a1b7;
color: #FFF;
}
/*--- CONTACTO FORM ---*/
#form{
width: 95%;
margin: 0px 0px 0px 0px;
}
.cajaizq{
display: inline-block;
float: left;
width: 48%;
}
.cajader{
display: inline-block;
float: right;
width: 48%;
}
.contact_form {
display: inline-block;
float: none;
width:100%;
padding: 0px;
margin: 0px;
}
.contact_form ul {
width: 100%;
float: none;
list-style-type:none;
}
.contact_form li{
display: inline-block;
float: right;
width: 100%;
margin-bottom: 18px;
}
.contact_form input {
background-color: rgba(0,0,0,0.075);
float: none;
height: 43px;
width: 97.5%;
padding: 0px 0px 0px 10px;
border: 1px #ccc solid;
text-align: left;
font-family: 'regular';
font-size: 1em;
}
.contact_form textarea {
background-color: rgba(0,0,0,0.075);
float: none;
padding: 10px 0px 0px 10px;
width: 97.5%;
border: 1px #ccc solid;
text-align: left;
font-family: 'regular';
font-size: 1em;
}
.contact_form button {
display: inline-block;
float: left;
width: 100%;
height: 45px;
margin: 0px;
padding: 0px;
background-color: #3856b5;
border: none;
font-family: 'regular';
font-size: 1em;
color: #FFF;
transition: all .25s;
-moz-transition:transition: all .25s;
-ms-transition:transition: all .25s;
-webkit-transition:transition: all .25s;
-o-transition:transition: all .25s;
}
.contact_form button:hover {
background-color: #00a1b7;
color: #FFF;
}
/*--- FOOTER ---*/
#footer {
background-color: #00a1b7;
display: inline-block;
float: none;
width: 100%;
max-height: auto;
margin: 40px 0px 0px 0px;
}
#footercontenedor{
width: 95%;
margin: 40px 0px;
}
#footercontenedor ul{
display: inline-block;
float: right;
list-style-type: none;
width: auto;
}
#footercontenedor ul li{
display: inline-block;
float: left;
width: auto;
margin: 0px 0px 0px 20px;
}
#footercontenedor ul li p{
font-family: "regular";
font-size: 1em;
color: #FFF;
text-align: right;
margin: 0px 0px 0px 0px;
border-right: 1px #Fff solid;
padding: 0px 20px 0px 0px;
}
#footerder img{
display: inline-block;
float: right;
width: auto;
margin: 0px 0px 0px 0px;
}
#footer a{
font-family: "regular";
font-size: 1em;
color: #FFF;
text-align: right;
text-decoration: none;
bottom:0;
transition: all .25s;
-moz-transition:transition: all .25s;
-ms-transition:transition: all .25s;
-webkit-transition:transition: all .25s;
-o-transition:transition: all .25s;
}
#footer a:hover {
color: #3856b5;
bottom: 3px;
position: relative;
}
#footerizq{
display: inline-block;
float: left;
width: auto;
height: auto;
}
#footerizq img{
display: inline-block;
float: left;
margin: 0px 0px 15px 0px;
}
#footerizq p{
font-family: "regular";
font-size: 1em;
color: #FFF;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px 20px 0px 0px;
}
}
/*--- PANTALLA 768 (probar hasta 641)...*/
@media only screen and (max-width: 768px) {
/*--- TOP NEGRO ---*/
#topnegro{
background-color: #00a1b7;
display: inline-block;
float: none;
width: 100%;
height: auto;
padding: 7px 0px 1px 0px;
border-bottom: 3px #3856b5 solid;
}
#topnegrocontenedor{
width: 90%;
}
#topnegrocontenedor p{
font-family: 'regular';
font-size: 0.9em;
line-height: 1.8em;
text-align: left;
color: #FFF;
float: left;
}
#topnegrocontenedor a{
text-decoration: none;
font-family: 'regular';
font-size: 0.9em;
color: #fff;
}
#topnegrocontenedor a:hover{
color: #00a1b7;
}
/*--- REDES ---*/
#redes{
display: block;
float: right;
width: auto;
}
#redes ul{
list-style-type: none;
}
#redes li{
display: inline-block;
float: left;
margin: 0px 5px 0px 0px;
}
#redes a{
text-decoration: none;
opacity: 1;
}
#redes a:hover{
opacity: 0.8;
}
/*--- MENU ---*/
#menu{
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(210,210,210,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(210,210,210,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(210,210,210,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(210,210,210,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(210,210,210,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(210,210,210,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
display: inline-block;
float: none;
position: relative;
width: 100%;
height: 90px;
}
#menu img{
display: inline-block;
float: left;
width: auto;
max-height: 55px;
margin: 15px 0px 0px 0px;
}
#menucontenedor {
width: 90%;
margin: 0px 0px 0px 0px;
}
nav {
display: inline-block;
position: relative;
float: right;
width: auto;
height: auto;
margin: 0px 0px 0px 0px;
}
nav img{
display: inline-block;
float: left;
width: auto;
max-height: 50px;
margin: 20px 0px 0px 0px;
}
nav ul {
display: inline-block;
float: right;
list-style: none;
width: auto;
height: 85px;
margin: 0px;
}
nav li {
position: relative;
display: inline-block;
float: none;
width: auto;
height: 85px;
margin: 0px;
padding: 0px;
border-right: 1px #ccc solid;
}
nav li.sinborde{
border-right: none;
}
nav li a {
text-decoration: none;
font-family: 'regular';
font-size: 0.85em;
line-height: 6em;
color: #000;
margin: 0px 10px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
nav li a:hover, nav li a:active {
color: #3856b5;
bottom: 3px;
position: relative;
}
/*--- TEXTOS ---*/
#general{
display: inline-block;
float: none;
width: 100%;
margin: 40px 0px 0px 0px;
}
#ico{
display: inline-block;
float: left;
width: auto;
}
#texto{
width: 90%;
}
#texto h1{
font-family: "bold";
font-size: 1.25em;
line-height: 1em;
color: #00a1b7;
text-align: left;
margin: -3px 0px 20px 0px;
}
#texto p{
font-family: "regular";
font-size: 1em;
color: #2f2f2f;
text-align: justify;
margin: 0px 0px 40px 0px;
overflow:hidden!important;
}
#texto h3{
font-family: "regular";
font-size: 1em;
color: #2f2f2f;
text-align: center;
margin: 0px 0px 0px 0px;
}
#texto img{
display: inline-block;
float: left;
width: 54px;
height: auto;
margin: 0px 15px 0px 0px;
overflow:hidden!important;
}
#texto a{
color: #0083ff;
text-decoration: none;
bottom:0;
transition: all .25s;
-moz-transition:transition: all .25s;
-ms-transition:transition: all .25s;
-webkit-transition:transition: all .25s;
-o-transition:transition: all .25s;
}
#texto a:hover {
color: #000;
bottom: 3px;
position: relative;
}
#azure{
display: inline-block;
float: right;
width: 90%;
margin: -25px 0px 40px 0px;
}
#azure img{
width: auto;;
margin: 0px 0px 0px 0px;
}
/*--- profesionales ---*/
#profesionales{
display: inline-block;
float: right;
width: 100%;
}
#profesionales ul{
display: inline-block;
float: right;
width: 100%;
list-style-type: none;
margin: 0px 0px 10px 0px;
}
#profesionales ul li{
display: inline-block;
float: none;
width: 30%;
}
#profesionales ul li img{
display: inline-block;
float: none;
width: auto;
margin: 0px 0px 10px 0px;
}
#profesionales ul li p{
font-family: 'regular';
font-size: 1em;
color: #000;
text-align: center;
}
/*--- TRACKING FORM ---*/
#tracking_form{
display: inline-block;
float: right;
width: 100%;
max-width: auto;
margin: 0px 0px 0px 0px;
}
#tracking{
display: inline-block;
float: none;
width: 100%;
margin: 0px 0px 0px 0px;
}
#tracking ul{
list-style-type: none;
display: inline-block;
float: none;
width: 100%;
}
#tracking ul li{
display: inline-block;
float: none;
width: 45%;
margin: 0px 7px 10px 7px;
}
#tracking p{
font-family: "bold";
font-size: 1.75em;
color: #FFF;
text-align: center;
margin: 10px 0px 10px 0px;
}
#tracking h2{
font-family: "bold";
font-size: 2em;
color: #FFF;
text-align: center;
margin: 0px 0px 10px 0px;
}
#tracking h3{
font-family: "regular";
font-size: 1em;
color: #FFF;
text-align: center;
margin: 3px 0px 5px 0px;
}
#tracking a{
font-family: "regular";
font-size: 1em;
color: #000;
text-align: center;
margin: 10px 0px 0px 0px;
}
.tracking_primero{
background-color: #609f94;
display: inline-block;
padding: 0px;
border-radius: 10px;
height: 200px;
overflow: hidden !important;
}
.tracking_segundo{
background-color: #386581;
display: inline-block;
padding: 0px;
border-radius: 10px;
height: 200px;
overflow: hidden !important;
}
.tracking_tercero{
background-color: #25485e;
display: inline-block;
padding: 0px;
border-radius: 10px;
height: 200px;
overflow: hidden !important;
}
.tracking_form {
display: inline-block;
float: none;
width:100%;
padding: 0px;
margin: 0px;
}
.tracking_form ul {
width: 100%;
float: none;
list-style-type:none;
}
.tracking_form li{
display: inline-block;
float: left;
width: 100%;
margin: 0px;
}
.tracking_form select {
background-color: rgba(0,0,0,0.075);
display: inline-block;
float: left;
height: 43px;
width: 100%;
padding: 0px 0px 0px 0px;
border: 1px #ccc solid;
text-align: left;
font-family: 'regular';
font-size: 1em;
margin: 0px 0px 0px 0px;
}
#botones {
display: inline-block;
float: none;
width: 100%;
padding: 0px;
margin: 0px;
}
.tracking_form button {
display: inline-block;
float: left;
width: 100%;
height: 45px;
margin: 0px 0px 0px 0px;
padding: 0px;
background-color: #3856b5;
border: 1px #fff solid;
font-family: 'regular';
font-size: 1em;
color: #FFF;
transition: all .25s;
-moz-transition:transition: all .25s;
-ms-transition:transition: all .25s;
-webkit-transition:transition: all .25s;
-o-transition:transition: all .25s;
}
.tracking_form button:hover {
background-color: #00a1b7;
color: #FFF;
}
/*--- PRODUCTS FORM ---*/
#products_form{
display: inline-block;
float: right;
width: 100%;
max-width: auto;
margin: 0px 0px 0px 0px;
}
#products{
display: inline-block;
float: right;
width: 96%;
}
#products ul{
list-style-type: none;
display: inline-block;
float: none;
width: 100%;
margin: 20px 0px 0px 0px;
}
#products ul li{
display: inline-block;
float: none;
width: 85%;
margin: 0px 10px;
}
#products p{
font-family: "bold";
font-size: 1.75em;
color: #FFF;
text-align: center;
margin: 20px 0px 10px 0px;
}
#products h2{
font-family: "bold";
font-size: 1.5em;
color: #FFF;
text-align: center;
margin: 0px 0px 20px 0px;
}
.products_cero{
display: inline-block;
padding: 0px;
margin: 0px 0px 0px 0px;
height: 200px;
overflow: hidden !important;
}
.products_reporte{
background-color: #25485e;
display: inline-block;
padding: 0px;
border-radius: 10px;
height: 200px;
overflow: hidden !important;
}
.products_form {
display: inline-block;
float: none;
width:100%;
padding: 0px;
margin: 0px;
}
.products_form ul {
width: 100%;
float: none;
list-style-type:none;
}
.products_form li{
display: inline-block;
float: left;
width: 100%;
margin-bottom: 0px;
}
.products_form select {
background-color: rgba(0,0,0,0.075);
display: inline-block;
float: left;
height: 43px;
width: 100%;
padding: 0px 0px 0px 10px;
border: 1px #ccc solid;
text-align: left;
font-family: 'regular';
font-size: 1em;
margin: 0px 0px 20px 0px;
}
.products_form button {
display: inline-block;
float: none;
width: 100%;
height: 45px;
margin: 0px 0px 0px 0px;
padding: 0px;
background-color: #3856b5;
border: 1px #fff solid;
font-family: 'regular';
font-size: 1em;
color: #FFF;
transition: all .25s;
-moz-transition:transition: all .25s;
-ms-transition:transition: all .25s;
-webkit-transition:transition: all .25s;
-o-transition:transition: all .25s;
}
.products_form button:hover {
background-color: #00a1b7;
color: #FFF;
}
/*--- CONTACTO FORM ---*/
#form{
width: 90%;
margin: 0px 0px 0px 0px;
}
.cajaizq{
display: inline-block;
float: left;
width: 48%;
}
.cajader{
display: inline-block;
float: right;
width: 48%;
}
.contact_form {
display: inline-block;
float: none;
width:100%;
padding: 0px;
margin: 0px;
}
.contact_form ul {
width: 100%;
float: none;
list-style-type:none;
}
.contact_form li{
display: inline-block;
float: right;
width: 100%;
margin-bottom: 18px;
}
.contact_form input {
background-color: rgba(0,0,0,0.075);
float: none;
height: 43px;
width: 97.5%;
padding: 0px 0px 0px 10px;
border: 1px #ccc solid;
text-align: left;
font-family: 'regular';
font-size: 1em;
}
.contact_form textarea {
background-color: rgba(0,0,0,0.075);
float: none;
padding: 10px 0px 0px 10px;
width: 97.5%;
border: 1px #ccc solid;
text-align: left;
font-family: 'regular';
font-size: 1em;
}
.contact_form button {
display: inline-block;
float: left;
width: 100%;
height: 45px;
margin: 0px;
padding: 0px;
background-color: #3856b5;
border: none;
font-family: 'regular';
font-size: 1em;
color: #FFF;
transition: all .25s;
-moz-transition:transition: all .25s;
-ms-transition:transition: all .25s;
-webkit-transition:transition: all .25s;
-o-transition:transition: all .25s;
}
.contact_form button:hover {
background-color: #00a1b7;
color: #FFF;
}
/*--- FOOTER ---*/
#footer {
background-color: #00a1b7;
display: inline-block;
float: none;
width: 100%;
max-height: auto;
margin: 40px 0px 0px 0px;
}
#footercontenedor{
width: 90%;
margin: 20px 0px;
}
#footercontenedor ul{
display: inline-block;
float: right;
list-style-type: none;
width: auto;
}
#footercontenedor ul li{
display: inline-block;
float: left;
width: auto;
margin: 0px 0px 0px 20px;
}
#footercontenedor ul li p{
font-family: "regular";
font-size: 1em;
color: #FFF;
text-align: right;
margin: 0px 0px 0px 0px;
border-right: 1px #Fff solid;
padding: 0px 20px 0px 0px;
}
#footerder img{
display: inline-block;
float: right;
width: auto;
margin: 0px 0px 0px 0px;
}
#footer a{
font-family: "regular";
font-size: 1em;
color: #FFF;
text-align: right;
text-decoration: none;
bottom:0;
transition: all .25s;
-moz-transition:transition: all .25s;
-ms-transition:transition: all .25s;
-webkit-transition:transition: all .25s;
-o-transition:transition: all .25s;
}
#footer a:hover {
color: #3856b5;
bottom: 3px;
position: relative;
}
#footerizq{
display: inline-block;
float: left;
width: auto;
height: auto;
}
#footerizq img{
display: inline-block;
float: left;
margin: 0px 0px 15px 0px;
}
#footerizq p{
font-family: "regular";
font-size: 1em;
color: #FFF;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px 20px 0px 0px;
}
}
/*--- PANTALLA 640 (probar hasta 481)...*/
@media only screen and (max-width: 640px) {
/*--- CLERAFIX MENU RESPONSIVO ---*/
/* Clearfix */
.clear:before, .clear:after {
content: " ";
display: table;
}
.clear:after {
clear: both;
}
.clear {
*zoom: 1;
}
a#pull {
display: none;
}
/*--- TOP NEGRO ---*/
#espaciotop{
display: inline-block;
float: none;
margin: 125px 0px 0px 0px;
}
#flotante{
z-index: 150;
display: inline-block;
float: none;
position: fixed;
top: 90%;
right: 5%;
height: auto;
width: auto;
}
#topnegro{
z-index: 155;
background-color: #666;
display: inline-block;
float: none;
position: fixed;
top: 0px;
left: 0px;
right: 0px;
width: 100%;
height: auto;
padding: 5px 0px 0px 0px;
border-bottom: 3px #000 solid;
}
#topnegrocontenedor{
width: 100%;
max-width: auto;
}
#topnegrocontenedor p{
font-family: 'regular';
font-size: 0.8em;
line-height: 2em;
text-align: center;
color: #FFF;
float: none;
}
#topnegrocontenedor a{
text-decoration: none;
font-family: 'regular';
font-size:1em;
line-height: 2em;
color: #fff;
}
#topnegrocontenedor a:hover{
color: #00a1b7;
}
/*--- REDES ---*/
#redes{
display: inline-block;
float: none;
width: auto;
}
#redes ul{
list-style-type: none;
}
#redes li{
display: inline-block;
float: none;
margin: 0px 5px 0px 0px;
}
#redes a{
text-decoration: none;
opacity: 1;
}
#redes a:hover{
opacity: 0.8;
}
/*--- MENU ---*/
#menu{
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(210,210,210,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(210,210,210,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(210,210,210,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(210,210,210,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(210,210,210,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(210,210,210,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
display: inline-block;
float: none;
position: relative;
width: 100%;
height: 90px;
}
#menu img{
display: inline-block;
float: none;
width: auto;
max-height: auto;
margin: 0px 0px 0px 0px;
}
#menucontenedor {
display: inline-block;
position: relative;
width: 100%;
max-width: auto;
height: auto;
margin: 0px 0px 0px 0px;
}
nav {
display: inline-block;
position: relative;
float: right;
width: auto;
height: auto;
margin: 0px 0px 0px 0px;
}
nav img{
display: inline-block;
float: none;
width: auto;
max-height: 50px;
margin: 10px 0px 0px 0px;
}
nav ul {
display: inline-block;
float: right;
list-style: none;
width: auto;
height: 85px;
margin: 0px;
}
nav li {
position: relative;
display: inline-block;
float: none;
width: auto;
height: 85px;
margin: 0px;
padding: 0px;
border-right: 1px #ccc solid;
}
nav li.sinborde{
border-right: none;
}
nav li a {
text-decoration: none;
font-family: 'regular';
font-size: 1em;
line-height: 5.5em;
color: #000;
margin: 0px 10px;
bottom: 0px;
transition: all .20s;
-moz-transition:transition: all .20s;
-ms-transition:transition: all .20s;
-webkit-transition:transition: all .20s;
-o-transition:transition: all .20s;
}
nav li a:hover, nav li a:active {
color: #3856b5;
bottom: 3px;
position: relative;
}
/*--- ANCLAS ---*/
#ancla_precision{
display: block;
float: right;
width: auto;
padding: 125px 0px 0px 0px;
}
#ancla_enfermeria{
display: block;
float: right;
width: auto;
padding: 125px 0px 0px 0px;
}
#ancla_secretaria{
display: block;
float: right;
width: auto;
padding: 125px 0px 0px 0px;
}
#ancla_administracion{
display: block;
float: right;
width: auto;
padding: 125px 0px 0px 0px;
}
#ancla_gerencia{
display: block;
float: right;
width: auto;
padding: 125px 0px 0px 0px;
}
/*--- INTRO PARALLAX ---*/
#intro{
height: 350px;
width: 100%;
}
#intro img{
display: inline-block;
float: none;
margin: 0% 0px 0% 0px;
}
/*--- TEXTOS ---*/
#general{
background-color: #FFF;
display: inline-block;
float: none;
width: 100%;
padding: 30px;
margin: 0px 0px 0px 0px;
}
#ico{
display: inline-block;
float: left;
width: auto;
}
#texto{
display: inline-block;
float: none;
width: 100%;
max-width: auto;
}
#texto h1{
font-family: "bold";
font-size: 1.8em;
line-height: 1em;
color: #00a1b7;
text-align: left;
margin: 10px 0px 15px 0px;
}
#texto p{
font-family: "regular";
font-size: 1.1em;
line-height: 1.5em;
color: #2f2f2f;
text-align: justify;
margin: 0px 0px 10px 0px;
overflow:hidden!important;
}
#texto h3{
font-family: "italic";
font-size: 1em;
color: #00a1b7;
text-align: center;
margin: 0px 0px 5px 0px;
}
#texto img{
display: inline-block;
float: left;
width: 54px;
height: auto;
margin: 0px 15px 0px 0px;
overflow:hidden!important;
}
#texto a{
font-family: "bold";
font-size: 1em;
color: #00a1b7;
text-decoration: none;
bottom:0;
transition: all .25s;
-moz-transition:transition: all .25s;
-ms-transition:transition: all .25s;
-webkit-transition:transition: all .25s;
-o-transition:transition: all .25s;
}
#texto a:hover {
color: #000;
bottom: 3px;
position: relative;
}
#azure{
display: inline-block;
float: right;
width: 94%;
margin: -25px 0px 40px 0px;
}
#azure img{
width: auto;;
margin: 0px 0px 0px 0px;
}
/*--- SEPARADOR ---*/
.bloqueseparadores {
display: inline-block;
width: 100%;
height: auto;
}
.aviso{
background-color: rgba(255,255,255,0.5);
display: inline-block;
float: none;
width: 90%;
max-width: auto;
border-radius: 20px;
height: auto;
margin: 5%;
padding: 35px 0px 30px 0px;
font-family: "regular";
color: #FFF;
text-align: center;
}
.aviso a{
font-family: "regular";
color: #000;
text-decoration: none;
text-align: left;
font-size: 1.25em;
opacity: 1;
bottom:0;
transition: all .25s;
-moz-transition:transition: all .25s;
-ms-transition:transition: all .25s;
-webkit-transition:transition: all .25s;
-o-transition:transition: all .25s;
}
.aviso a:hover{
font-family: "regular";
color: #3856b5;
opacity: 0.8;
bottom: 5px;
position: relative;
}
.aviso ul{
list-style-type: none;
display: inline-block;
float: none;
width: 100%
}
.aviso li{
display: inline-block;
float: none;
margin: 0px 5px;
}
/*--- TRATAMIENTOS ---*/
#tratamientos{
display: inline-block;
float: none;
width: 90%;
max-width: auto;
padding: 30px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#tratamientos a{
font-family: "bold";
font-size: 1em;
color: #00a1b7;
text-decoration: none;
bottom:0;
transition: all .25s;
-moz-transition:transition: all .25s;
-ms-transition:transition: all .25s;
-webkit-transition:transition: all .25s;
-o-transition:transition: all .25s;
}
#tratamientos a:hover {
color: #000;
bottom: 3px;
position: relative;
}
#generalizq{
display: inline-block;
float: none;
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
}
#generalder{
display: inline-block;
float: none;
width: 100%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#generalder h1{
font-family: "bold";
font-size: 2em;
line-height: 1em;
color: #00a1b7;
text-align: left;
margin: 10px 0px 15px 0px;
}
#generalder p{
font-family: "regular";
font-size: 1.15em;
line-height: 1.75em;
color: #2f2f2f;
text-align: justify;
margin: 0px 0px 10px 0px;
overflow:hidden!important;
}
/*--- ACORDEON ---*/
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;800&display=swap');
*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'regular';
}
.contenedor-acordeon{
display: inline-block;
width: 100%;
max-width: auto;
margin: 10px 0px 0px 0px;
}
.contenedor-acordeon h2{
text-align: center;
font-size: 20px;
margin-bottom: 35px;
}
.acordeon{
background: none;
}
.acordeon label{
display: block;
padding: 10px;
font-size: 20px;
text-align: center;
background: #DDDDDD;
color: #000;
cursor: pointer;
margin-bottom: 2px;
transition: all 300ms ease;
}
.acordeon label:hover{
background: #00a1b7;
}
.acordeon .contenido-acordeon{
padding: 0px;
margin: 0px 20px;
max-height: 0px;
overflow: hidden;
transition: all 300ms ease;
color: #666;
text-align: left;
}
.btn-acordeon:checked ~ .contenido-acordeon{
max-height: 1200px;
padding: 15px 0px;
}
.btn-acordeon{
display: none;
}
/*--- PROFESIONALES ---*/
#profesionales{
display: inline-block;
float: right;
width: 100%;
}
#profesionales ul{
display: inline-block;
float: none;
width: 100%;
list-style-type: none;
margin: 0px 0px 0px 0px;
}
#profesionales ul li{
display: inline-block;
float: none;
width: 40%;
vertical-align: top;
margin: 0px 10px 0px 10px;
bottom:0;
transition: all .25s;
-moz-transition:transition: all .25s;
-ms-transition:transition: all .25s;
-webkit-transition:transition: all .25s;
-o-transition:transition: all .25s;
}
#profesionales ul li:hover{
bottom: 5px;
position: relative;
}
#profesionales ul li img{
display: inline-block;
float: none;
width: auto;
margin: 0px 0px 10px 0px;
}
#profesionales ul li h1{
font-family: 'regular';
font-size: 1em;
color: #000;
text-align: center;
margin: 0px 0px 0px 0px;
vertical-align: top;
}
#profesionales ul li h3{
font-family: 'italic';
font-size: 0.8em;
color: #00a1b7;
text-align: center;
margin: 5px 0px 0px 0px;
vertical-align: top;
}
#profesionales ul li p{
font-family: 'regular';
font-size: 1.15em;
color: #000;
text-align: center;
margin: 0px 0px 30px 0px;
}
/*--- DISERTACIONES ---*/
#disertaciones{
display: inline-block;
float: right;
width: 99%;
}
#disertaciones ul{
display: inline-block;
float: none;
width: 100%;
list-style-type: none;
margin: 0px 0px 0px 0px;
}
#disertaciones ul li{
display: inline-block;
float: left;
width: 100%;
vertical-align: top;
margin: 0px 0px;
bottom:0;
transition: all .25s;
-moz-transition:transition: all .25s;
-ms-transition:transition: all .25s;
-webkit-transition:transition: all .25s;
-o-transition:transition: all .25s;
}
#disertaciones ul li:hover{
bottom: 5px;
position: relative;
}
#disertaciones ul li img{
display: inline-block;
float: none;
width: auto;
margin: 0px 0px 10px 0px;
}
#disertaciones ul li h1{
font-family: 'bold';
font-size: 1.25em;
color: #000;
text-align: center;
margin: 0px 0px 0px 0px;
vertical-align: top;
}
#disertaciones ul li h3{
font-family: 'regular';
font-size: 0.9em;
color: #666;
text-align: justify;
margin: 15px;
vertical-align: top;
}
#disertaciones ul li p{
font-family: 'regular';
font-size: 1.15em;
color: #000;
text-align: center;
margin: 0px 0px 30px 0px;
}
/*--- ESPECIALIDADES ---*/
#especialidades{
display: inline-block;
float: right;
width: 100%;
}
#especialidades ul{
display: inline-block;
float: none;
width: 100%;
list-style-type: none;
margin: 10px 0px 10px 0px;
}
#especialidades ul li{
display: inline-block;
float: none;
width: 30%;
vertical-align: top;
margin: 10px 25px;
}
#especialidades ul li img{
display: inline-block;
float: none;
width: auto;
margin: 0px 0px 5px 0px;
}
#especialidades ul li h1{
font-family: 'regular';
font-size: 1em;
line-height: 1.2em;
color: #000;
text-align: center;
margin: 0px 0px 0px 0px;
vertical-align: top;
}
#especialidades ul li p{
font-family: 'regular';
font-size: 1.15em;
color: #000;
text-align: center;
margin: 0px 0px 0px 0px;
}
/*--- TESTIMONIOS ---*/
#testimonios{
display: inline-block;
float: none;
width: 100%;
}
#testimonios ul{
display: inline-block;
float: none;
width: 95%;
list-style-type: none;
margin: 0px 0px 10px 0px;
}
#testimonios ul li{
display: inline-block;
float: none;
width: 100%;
margin: 20px 20px 10px 0px;
padding: 0px 0px 20px 0px;
border-bottom: 1px solid #999;
}
#testimonios ul li img{
display: inline-block;
float: left;
width: auto;
margin: 0px 20px 0px 0px;
}
#testimonios ul li h1{
font-family: 'bold';
font-size: 1em;
color: #000;
text-align: left;
margin: 0px 0px 10px 0px;
}
#testimonios ul li p{
font-family: 'regular';
font-size: 1em;
line-height: 1.2em;
color: #000;
text-align: left;
margin: 0px 0px 0px 0px;
}
/*--- LIGHTBOX ---*/
#lightbox {
display: none;
position:fixed; /* keeps the lightbox window in the current viewport */
top:0;
left:0;
width:100%;
height:100%;
background: rgba(0,0,0,.8);
text-align:center;
}
#lightbox img {
box-shadow:0 0 25px #111;
-webkit-box-shadow:0 0 25px #111;
-moz-box-shadow:0 0 25px #111;
max-width:100%;
}
/*--- CONTACTO ---*/
#contacto{
display: inline-block;
float: none;
width: 100%;
max-width: auto;
margin: 0px;
}
#contacto ul{
display: inline-block;
float: none;
width: 100%;
margin: 0px 0px 20px 0px;
}
#contacto ul li{
background-color: #00a1b7;
display: inline-block;
float: none;
width: 43%;
padding: 20px 0px 20px 0px;
margin: 0px 10px 0px 10px;
border-radius: 10px;
}
#contacto img{
display: inline-block;
float: none;
width: auto;
margin: 0px 0px 0px 0px;
}
#contacto h1{
font-family: "bold";
font-size: 1.5em;
line-height: 1em;
color: #000;
text-align: center;
margin: 15px 0px 0px 0px;
}
#iframe{
display: inline-block;
float: none;
width: 100%;
height: 100%;
max-width: auto;
margin: 20px 0px 0px 0px;
}
#form{
display: inline-block;
float: none;
width: 100%;
max-width: 1100px;
margin: 0px 0px 0px 0px;
}
.cajaizq{
display: inline-block;
float: left;
width: 48%;
}
.cajader{
display: inline-block;
float: right;
width: 48%;
}
.contact_form {
display: inline-block;
float: none;
width:100%;
padding: 0px;
margin: 0px;
}
.contact_form ul {
width: 100%;
float: none;
list-style-type:none;
}
.contact_form li{
display: inline-block;
float: right;
width: 100%;
margin-bottom: 18px;
}
.contact_form input {
background-color: rgba(0,0,0,0.075);
float: none;
height: 43px;
width: 97.5%;
padding: 0px 0px 0px 10px;
border: 1px #ccc solid;
text-align: left;
font-family: 'regular';
font-size: 1em;
}
.contact_form textarea {
background-color: rgba(0,0,0,0.075);
float: none;
padding: 10px 0px 0px 10px;
width: 97.5%;
border: 1px #ccc solid;
text-align: left;
font-family: 'regular';
font-size: 1em;
}
.contact_form button {
display: inline-block;
float: left;
width: 100%;
height: 45px;
margin: 0px;
padding: 0px;
background-color: #3856b5;
border: none;
font-family: 'regular';
font-size: 1em;
color: #FFF;
transition: all .25s;
-moz-transition:transition: all .25s;
-ms-transition:transition: all .25s;
-webkit-transition:transition: all .25s;
-o-transition:transition: all .25s;
}
.contact_form button:hover {
background-color: #00a1b7;
color: #FFF;
}
/*--- FOOTER ---*/
#footer {
background-color: #00a1b7;
display: inline-block;
float: none;
position: relative;
bottom: 0;
width: 100%;
max-height: none;
margin: 60% 0px 0px 0px;
}
#footercontenedor{
display: inline-block;
float: none;
width: 90%;
max-width: auto;
margin: 30px 0px;
}
#footercontenedor ul{
display: inline-block;
float: none;
list-style-type: none;
width: auto;
}
#footercontenedor ul li{
display: inline-block;
float: none;
width: 50%;
margin: 0px 0px 0px 0px;
margin: 0px 0px 20px 0px;
border-bottom: 1px #FFF solid;
}
#footercontenedor ul li:last-child{
border-bottom: none;
}
#footercontenedor ul li p{
font-family: "regular";
font-size: 1em;
line-height: 2em;
color: #FFF;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 0px 20px 0px 0px;
}
#footerder img{
display: inline-block;
float: right;
width: auto;
margin: 0px 20px 0px 0px;
}
#footer a{
font-family: "regular";
font-size: 1.25em;
color: #FFF;
text-align: center;
text-decoration: none;
bottom:0;
transition: all .25s;
-moz-transition:transition: all .25s;
-ms-transition:transition: all .25s;
-webkit-transition:transition: all .25s;
-o-transition:transition: all .25s;
}
#footer a:hover {
color: #3856b5;
bottom: 3px;
position: relative;
}
#footerizq{
display: inline-block;
float: none;
width: 100%;
height: auto;
margin: 0px 0px 20px 0px;
}
#footerizq li{
display: inline-block;
border-bottom: 1px #F00;
}
#footerizq p{
font-family: "regular";
font-size: 1em;
color: #FFF;
text-align: center;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}
.icobottom{
display: inline-block;
float: right;
width: auto;
margin: 7px 0px 0px 0px;
}
}