@charset "utf-8";
header,  nav, section, article, aside, figure, footer{
	display: block;
	text-align:center;
}
.limpiar{
	clear:both;
	}

body{
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	width: 100%;
	background-image: url(../imagenes/fd-body.jpg);
	background-repeat: no-repeat;
}
/*-- font0 --*/

.hos {
	font-family: "Oleo Script", system-ui;
	font-weight: 400;
	font-style: normal;
	color: #18469C;
	font-size: 50px;
	text-shadow: 0.1em 0.1em 0.1em green;
}

/*-- font1 --*/
p-a{
	font-family: "Raleway", sans-serif;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	}
p-b{
	font-family: "Raleway", sans-serif;
	font-size: 10px;
	color: #fff;
	}
p-c{
	font-family: "Raleway", sans-serif;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	text-shadow: 0.1em 0.1em 0.1em black;
	}
p-d{
	font-family: "Raleway", sans-serif;
	font-size: 25px;
	color: #036;	
	}
p-d1{
	font-family: "Raleway", sans-serif;
	font-size: 18px;
	color: #666;
	}


h-r0{
	font-family: "Raleway", sans-serif;
	font-size: 22px;
	color: #fff;
	font-weight: bold;
	}
h-r1{
	font-family: "Raleway", sans-serif;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	}

/*-- font2 --*/
pr0{
	font-family: 'Roboto', sans-serif;
	font-size: 10px;
	color: #333;
	}
pr{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #333;
	}
pr1{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #039;
	font-weight: bold;
	}

p{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #333;
	
	}
p0{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #039;
	}
p1{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #222;
	text-align: center;
	}
p-r1{
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	color: #333;
	
	}
p-r2{
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	color: #036;
	}
pr2{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	}
h-r3{
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	color: #039;
	font-weight: bold;	
	}
h-r4{
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
	color: #039;
	font-weight: bold;	
	}
h-r5{
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
	color: #039;
	font-weight: bold;	
	}
h-r5a{
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
	color: #039;
	font-weight: bold;	
	}
h-r6{
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	color: #039;
	font-weight: bold;	
	}

/*-- font3 --*/

p3{
	font-family: "Montserrat", sans-serif;
	font-size: 18px;
	color: #00238C;
	font-weight: bold;	
	}
p4{
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	color: #33;
	text-align: justify;	
	}

h1{
	font-family: "Montserrat", sans-serif;
	font-size: 30px;
	color: #00238C;
	font-weight: bold;
	display: flex;	
	}
h1.ico+{
	width: 30px;  
    height: 26px;  
	margin-left: 8px;
	}
h1-1{
	font-family: "Montserrat", sans-serif;
	font-size: 30px;
	color: #00238C;
	text-shadow: 0.1em 0.1em 0.1em white;	
	}
h4{
	font-family: "Montserrat", sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #00238C;
	
	}
h5{
	font-family: "Montserrat", sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #00468C;
	
	}
hm5{
	font-family: "Montserrat", sans-serif;
	font-size: 40px;
	color: #fff;
	font-weight: bold;
	text-shadow: 0.2em 0.2em 0.2em black;	
	}
hms1{
	font-family: "Montserrat", sans-serif;
	font-size: 30px;
	color: #fff;
	font-weight: bold;	
	}
hms2{
	font-family: "Montserrat", sans-serif;
	font-size: 20px;
	color: #333;
	font-weight: bold;	
	}
hms3{
	font-family: "Montserrat", sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #00238C;
    	
	}
/*-- font4 --*/

h{
	font-family: "Oswald", sans-serif;
	font-size: 20px;
	color: #00238C;
	font-weight: bold;
}

h0{
	font-family: "Oswald", sans-serif;
	font-size: 25px;
	color: #00238C;
	font-weight: bold;
}
h1-o{
	font-family: "Oswald", sans-serif;
	font-size: 20px;
	color: #73FFFF;
	text-shadow: 0.1em 0.1em 0.1em black;
	font-weight: bold;
}
h2-o{
	font-family: "Oswald", sans-serif;
	font-size: 20px;
	color: #001A65;
	font-weight: bold;
}
/*-- font5 --*/
h1-v{
	font-family: "Varela", sans-serif;
	font-size: 22px;
	color: #333333;
	
	}
/*--font6 --*/

hs{
	font-family: "Saira", sans-serif;
	font-size: 20px;
	color: #00698C;
	font-weight: bold;
}
hs1{
	font-family: "Saira", sans-serif;
	font-size: 22px;
	color: #444;
	}




/*-- maquetacion --*/


#contenedor{
	width: 100%;
	padding: 0px;
	margin:0 auto;
	}
  /*-- whats --*/
  
  .whatsapp-float {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: flex;
  align-items: center;
  text-decoration: none;
  z-index: 9999;
  font-family: Arial, sans-serif;
}

/* Texto Consulta Externa */
.whatsapp-text {
  background: #ffffff;
  color: #007bff; /* azul */
  font-weight: bold;
  padding: 8px 15px;
  border-radius: 20px;
  margin-right: 10px;
  box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
  font-size: 14px;
  white-space: nowrap;
}

/* Icono de WhatsApp */
.whatsapp-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  box-shadow: 0px 2px 6px rgba(0,0,0,0.3);
}

/* Responsive: ajustar en pantallas pequeñas */
@media (max-width: 480px) {
  .whatsapp-text {
    font-size: 12px;
    padding: 6px 12px;
  }
  .whatsapp-icon {
    width: 45px;
    height: 45px;
  }
}
  
  
/*--inicio --*/

#cabecera{
	}
.logo{
	margin-top: 2%;
	margin-bottom: 2%;
	
	}
#botones{
	z-index: 1000;
	width:100%;
	margin-bottom:3%;
	}
.menu1{
	float:left;
	position:relative;
	margin-left: 15%;
	margin-bottom: 0%;
	z-index:100;
	}	
.menu{
	float:left;
	position:relative;
	margin-left: 15%;
	margin-bottom: 0%;
	z-index:100;
	}	


#rotimg{
	margin-top:-2%;
	}
.rotacion{
	padding-top: 0px;
	z-index:-1;
	}

#sloganf{
	padding-top: 3%;
	padding-right: 50px;
	padding-bottom: 1%;
	padding-left: 50px;
	
	}
.med-serv{
	float: left;
	margin-top:3%;
	margin-left:1%;
	}
#mensajepos{
	padding-top: 3%;
	padding-bottom: 1%;
	
}

.hpt1{
	float:left;
	width:35%;
	margin-left:15%;
	margin-right:1%;
	margin bottom:2%;
	}
#text-mensaje{
	float: left;
	margin-top:15%;
	margin-right: 1%;
	margin-left: 1%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.hpt2{
	float:right;
	width:35%;
	margin-right:10%;
	margin-left:1%;
	margin bottom:2%;
	}
	
#vd{
	background-color: #fff;
	float: left;
	
	}
#video{
    width: 80%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
	border-radius:30px;
    }
	
		


.men-emer{
	float: right;
	height: auto;
	width: auto;
	margin-top: 3%;
	margin-right: 15%;
	margin-bottom: 1%;
	padding: 1%;
	
	}

#ico-emer img{
	height: auto;
	width: 90%;
}
#num-emer{
	background-color: #001A66;
	margin-right: 5%;
	margin-left: 5%;	
	}
.tit-seguros{
	float: left;
	margin-left: 15%;
	margin-top: 3%;
	margin-bottom: 20px;	
	}
/* --- slider ---*/

.rotac1 {
  width: 99%;
  display: flex;
  height: 130px;
}

.slider {
  background: white;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .125);
  height: 150px;
  margin: 0.3%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.slider::before,
.slider::after {
  content: "";
  height: 100px;
  position: absolute;
  width: 260px;
  z-index: 2;
  background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

.slider::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}

.slider::before {
  left: 0;
  top: 0;
}

.slide-track {
  display: flex;
  width: calc(250px * 14); /* Número de imágenes en el track */
  animation: scroll 40s linear infinite;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7)); /* Avanza la mitad del track para que se repita */
  }
}

.slide {
  height: 150px;
  width: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* --- end ---*/

/*-- pie de pagina --*/
footer{
	
	}
.contpie{
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
	margin-top: 3%;
	background-color: #456BB1;
	}
.bloque1{
	float:left;
	width:35%;
	margin-top:3%;
	margin-left:5%;
	margin-right:1%;
	margin-bottom:3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-left:2%;	
	}
.tit-balt{
	margin-bottom: 15%;
	float: left;
	}
.mapa2{
	float: left;
	margin-top: -4%;
	}

.bloque2{
	float:left;
	width:15%;
	margin-top:3%;
	margin-left:0%;
	margin-right:1%;
	margin-bottom:3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-left:2%;	
	}

.tit-balts{
	margin-bottom: 25%;
	float: left;
	}
#balt{
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	margin-bottom: 5%;
	}
.bloque3{
	float: right;
	width: 25%;
	margin-top: 3%;
	margin-left: 1%;
	margin-right: 2%;
	margin-bottom: 3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-left:2%;	
	}
#social0{
	float: left;
	width: 60%;
	margin-right: 20px;
	margin-left: 0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}	
	
#social{
	float: left;
	width: 60%;
	margin-right: 20px;
	margin-left: 0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}
.ico-telef{
	margin-right:1%;
	}

#social1{
	float: left;
	margin-right: 20px;
	margin-left:0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}
.ico-mail{
	margin-right:1%;
	}

.social2{
	float: left;
	width:40%;
	margin-right: 20px;
	margin-left:0px;
	align-items: center;
	display: flex;
	text-align:left;	
	}
#red{
	float:left;
	margin-left:5%;
	margin-right:8%;
	}

.dere{
	width:100%;	
	padding-top: 5px;
	margin-top: 25px;
	background-color: #FFF;
	}
#lg-wsm{
	float: left;
	margin-left: 40%;
	width: 48px;
	height: 48px;
	margin-top: 0px;
	
	}
#derechos{
	float: left;
	margin-left: 44%;
	margin-top: -30px;
	}

/*-- corporativo --*/


.rotacion img{
	border-top-left-radius: 0px;
	}
.fot-corphpt img{
	width:100%;
	height:auto;
	}
.frase-corphpt{
	float: left;
	margin-top:-20%;
	margin-left:10%;
	
	}
.desarrollo-hpt{
	float: left;
	width:45%;
	margin-left:2%;
	}
#historia{
	padding-top: 5%;
	padding-bottom: 2%;
	background-image: url(../imagenes/fd-corp1.jpg);
	background-repeat: no-repeat;
}

.ft-h{
	float: left;
	margin-top:3%;
	height: auto;
	width: 90%;
	height: auto;
	padding: 0.5%;
	margin-left: 1%;
	
	}
.ft-h img{
	width: 80%;
	height: auto;
	border-radius: 15px;
	
	}
.tex-h{
	float: left;
	height: auto;
	width: 100%;
	}
	
#tp1{
	float: left;
	margin-top: 5%;
	margin-left: 10%;
	}
#t1{
	float: left;
	width:80%;
	margin-top: 2%;
	margin-left: 10%;
	}
.ico+{
	margin-right:3%;
	}
#cont-h{
	float: left;
	margin-top: 2%;
	margin-right: 12%;
	margin-left: 6%;
	text-align: justify;
	word-spacing: normal;
	text-justify:inter-word;
	hyphens:auto;
	}
.administrativo{
	float:right;
	width:40%;
	margin-right:2%;
	}
.mision{
	float: left;
	height: auto;
	width: 80%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 2%;
	margin-top:10%;
	}
#ft-ms img{
	height: auto;
	width: 50%;
    border-radius: 15px;	
	}
#tit-ms{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-ms{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	margin-top: -8%;
	word-spacing: normal;
	hyphens:auto;	
	}
.vision{
	float: left;
	height: auto;
	width: 80%;
	padding-right: 2%;
	padding-left: 5%;	
	}
#ft-vs img{
	height: auto;
	width: 50%;
	border-radius: 15px;
		
	}
#tit-vs{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-vs{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 1%;
	margin-top: -5%;
	word-spacing: normal;
	hyphens:auto;
	}
.valores{
	float: left;
	height: auto;
	width: 80%;	
	padding-right: 2%;
	padding-left: 5%;
	margin-top:20%;
	}
#ft-val img{
	height: auto;
	width: 50%;
	border-radius: 15px;
		
	}
#tit-val{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-val{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	margin-top: -8%;
	word-spacing: normal;
	hyphens:auto;
	}
#tex-val1{
	text-align: justify;
	margin-top: 3%;
	margin-bottom: 3%;
	}
#flecha{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	}
#ptval{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 3%;
	}
#hpa{
	
	}
.desc-serv{
	float:left;
	width:40%;
	margin-left:5%;
	margin-right:1%;
	padding-top:3%;
	padding-bottom:3%;
	padding-left:2%;
	padding-right:2%;
	}
.rot-servh{
	float:right;
	width:40%;
	margin-left:1%;
	margin-right:5%;
	padding-top:3%;
	padding-bottom:3%;
	padding-left:2%;
	padding-right:2%;
	}
.rot-servh img{
	border-radius:20px;
	}
.tit-shpa{
	margin-top: 2%;
	margin-bottom: 5%;	
	}
.text-shpa{
	margin-right: 1%;
	margin-bottom: 5%;
	margin-left: 1%;
	text-align: justify;
	word-spacing: normal;
	hyphens:auto;
	}

/*-- historia --*/

#historia1{
	padding-top: 5%;
	padding-bottom: 2%;
	background-repeat: no-repeat;
	background-image: url(../imagenes/fd-ht.jpg);
}
.ft-h1{
	float: left;
	height: auto;
	margin-top:10%;
	padding: 0.5%;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	border: 2px solid #16439E;
	margin-left: 25%;
	margin-right: 1.5%;
	}
.ft-h1 img{
	float: right;
	margin-right: 0%;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	}
.tex-h1{
	float: right;
	margin-right:15%;
	height: auto;
	width: 40%;
	}

#t1h{
	float: left;
	margin-top: 8%;
	margin-left: -4%;
	}

.grup{
	padding: 2%;
	float: left;
	width: 15%;
	margin-top: 5%;
	margin-right: 2%;
	margin-bottom: 5%;
	margin-left: 2%;
	border: 2px solid #85B200;
	text-align: center;
	border-radius:20px;
	}
.ft-f{
	width: 100%;
	margin: 1%;
	}
.ft-f img{
	width:100%;
	height:auto;
	border-radius:15px;
	}
.nombre-f{
	margin-top: 5%;	
	}
.cont-f{
	margin-top: 5%;	
	}
/*-- contactenos --*/
#cont-text{
	padding-bottom: 10%;
	background-attachment: fixed;
	background-color: #334B57;
	background-image: url(../imagenes/ft-fcont.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #00468C;
	}
.ft-cont{
	float: left;
	height: auto;
	width: 50%;
	margin-top: 15%;
	}
.ft-cont img{
	float: right;
	margin-right: 50px;
	border-radius:25px;
	}
.text-cont{
	float: left;
	height: auto;
	width: 50%;
	margin-top: 15%;
	}
.mg1-cont{
	float: left;
	margin-top:5%;
	height: auto;
	width: 40%;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	}
#manos img{
	width:80%;
	border-top-right-radius: 80px;
	border-top-left-radius: 80px;
	}
.dir{
	marging-top:5%;
	margin-bottom:5%;
	
	}
.formulario{
	float: right;
	height: auto;
	width: 50%;
	padding-top: 5%;
	padding-right: 20px;
	padding-bottom: 5%;
	padding-left: 20px;
	}
#borde-from{
	border: 2px solid #CCC;
	float: left;
	height: auto;
	width: auto;
	padding: 50px;
	border-radius:15px;
	}
.tit-formc{
	margin-bottom:5%;
	}
#tit-form{
	margin-top: 5px;
	margin-bottom: 40px;	
	}
form{
	width: 450px;
	float: left;
	padding-top: 10px;
	padding-right: 100px;
	padding-bottom: 10px;
	padding-left: 20px;
	
	}
label{
	float: left;
	margin-top:10px;
	
	} 
input{
	float: right;
	width: 250px;
	margin-bottom: 20px;
	margin-right: 0px;
	}
textarea{
	float: right;
	width: 250px;
	height:100px;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-right: 0px;
	}
.mapa{
	float: left;
	margin-left: 0px;
	margin-bottom:20px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 10px;
	border-top-right-radius: 80px;
	
	}

/*-- contestacion --*/
#form-cont1{
	padding-top:20%;
	padding-bottom:20%;
	}
.text-contestacion{
	margin-bottom:10%;
	}
.text-contestacion2{
	margin-bottom:1%;
	}
	
/*-- especialidades --*/

#port{
	float: left;
	margin-top: 0px;
	margin-bottom: 20px;
	}
#port img{
	height: auto;
	width: 100%;
	border-top-left-radius: 0px;	
	}
.g-frase{
	float:left;
	width:35%;
	margin-top:-18%;
	margin-left:10%;
	margin-bottom:3%;
	}

#frase{
	float: left;
	width: 90%;
	margin-left: 2%;
	text-align: justify;
	word-spacing: normal;
	text-justify:inter-word;
	hyphens:auto;	
	}
#concepto{
	
	padding-right: 5%;
	padding-left: 5%;
	}
.tit-espemed{
	float:left;
	margin-left:40%;
	width: 20%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espemed-nef{
	float:left;
	margin-left:40%;
	width: 20%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espemed-diabet{
	float:left;
	margin-left:40%;
	width: 20%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espemed-odonto{
	float:left;
	margin-left:40%;
	width: 20%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espemed-sex{
	float:left;
	margin-left:30%;
	width: 40%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
#text-concepto{
	margin-top: 3%;
	margin-right: 10%;
	margin-bottom: 5%;
	margin-left: 10%;
	text-align: justify;
	word-spacing: normal;
	text-justify:inter-word;
	hyphens:auto;	
	}
.tit-espcirg-g{
	float:left;
	margin-left:35%;
	width: 25%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espcirg-pd{
	float:left;
	margin-left:35%;
	width: 25%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espendo{
	float:left;
	margin-left:30%;
	width: 35%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espegrastro{
	float:left;
	margin-left:35%;
	width: 25%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espeobs{
	float:left;
	margin-left:32%;
	width: 30%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espenutri{
	float:left;
	margin-left:35%;
	width: 25%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espeoto{
	float:left;
	margin-left:35%;
	width: 28%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espepsico{
	float:left;
	margin-left:35%;
	width: 25%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
#doc-espe{
	padding-right: 150px;
	padding-left: 150px;
	padding-top: 50px;
	}
.doctor{
	padding: 10px;
	height: auto;
	width: 25%;
	margin-top: 50px;
	margin-right: 10px;
	margin-bottom: 50px;
	margin-left: 50px;
	float: left;
	border: 2px solid #036;
	border-radius:25px;
	}
	
	#ft-doc img{
	height: auto;
	width: 100%;
	border-radius:25px;	
		}
	#nombre{
	 margin-bottom: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #999;
	padding-top: 2%;
		}
	#nomb-espe{
		margin-bottom: 10px;
		}
		
	#horario-doc{
	margin-bottom: 10px;		
		}
.doctor1{
	padding: 10px;
	height: auto;
	width: 28%;
	margin-top: 0%;
	margin-right: 30%;
	margin-bottom: 5%;
	margin-left: 35%;
	float: left;
	border: 2px solid #036;
	border-radius:25px;
	}
.doctor2{
	padding: 10px;
	height: auto;
	width: 25%;
	margin-top: 100px;
	margin-right: 5%;
	margin-bottom: 50px;
	margin-left: 15%;
	float: left;
	border: 2px solid #036;
	border-radius:25px;
	}
/*-- servicios--*/

#port-serv{
	padding-top: 0%;
	width: 100%;
	float: left;
	margin-bottom: 2.5%;
	}	
#port-serv img{
	border-top-left-radius: 0px;	
	}
#tit-servh{
	float: right;
	margin-top: -16%;
	margin-right: 15%;
	position: relative;
	padding-top: 2%;
	padding-bottom: 2%;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #993;
	border-bottom-color: #993;
	}
#concepto-serv{
	padding-right: 1%;
	padding-left: 1%;
	background-image: url(../imagenes/fd-csvs.png);
	background-position: center center;
	}
.texto-serv{
	text-align: justify;
	float: left;
	height: auto;
	width: 35%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	margin-right: 1%;
	margin-left: 5%;
	word-spacing: normal;
	hyphens:auto;
	}	

.foto-serv{
	float: right;
	width: 40%;
	height:auto;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-right:10%;
	padding-top: 2%;
	padding-right: 1%;
	padding-bottom: 2%;
	padding-left: 2%;	
	}
#ftsv{
	float: right;
	margin-top: 0%;
	margin-right:10%;
	margin-bottom: 5%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 8px;
	padding-bottom: 8px;
	
	}
#ftsv img{
	height: auto;
	width: 100%;
	border-radius:20px;		
	}


.texto-serv1h{
	text-align: justify;
	float: left;
	height: auto;
	width: 35%;
	margin-top: 3%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	margin-right: 1%;
	margin-left: 5%;
	word-spacing: normal;
	hyphens:auto;
	}	

.foto-serv1h{
	float: right;
	width: 40%;
	height:auto;
	margin-top: 3%;
	margin-bottom: 1%;
	margin-right:10%;
	padding-top: 2%;
	padding-right: 1%;
	padding-bottom: 2%;
	padding-left: 1%;	
	}
.foto-serv1h img{
	height: auto;
	width: 100%;
	border-radius:20px;	
	}
	
#ftsv1h{
	float: right;
	margin-top: 3%;
	margin-bottom: 5%;
	border-radius: 20px;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 0px;
	padding-bottom: 80px;
	
	}
#ftsv1h img{
	height: auto;
	width: 100%;
	border-radius: 20px;
			
	}
	
	
.texto-servterp{
	text-align: justify;
	float: left;
	height: auto;
	width: 35%;
	margin-top: 10%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	margin-right: 1%;
	margin-left: 5%;
	word-spacing: normal;
	hyphens:auto;	
	}
.tit-ftsvt{
	
	margin-bottom:3%;
	}
#ftsvt{
	float: right;
	margin-top: 0%;
	margin-right:15%;
	margin-bottom: 5%;
	border-radius: 20px;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 0px;
	padding-bottom: 80px;
	}
#ftsvt img{
	height: auto;
	width: 100%;
	border-radius: 20px;
			
	}
/*-- hospitalizacion--*/
#concepto-serv1{
	padding-right: 3%;
	padding-left: 3%;
	background-image: url(../imagenes/fd-csvs.png);
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	}
.texto-servhp{
	text-align: left;
	float: left;
	height: auto;
	width: 30%;
	margin-top: 10%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	margin-right: 3%;
	margin-left: 10%;
}
.foto-servhpf{
	float: right;
	width: 40%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 2%;
	padding-left: 3%;	
	}
#tex-srv{
	margin-bottom: 5%;
	text-align:justify;
	word-spacing: normal;
	hyphens:auto;	
	}
#ftsv1{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	padding-right: 8%;
	padding-left: 8%;
	padding-top: 8px;
	padding-bottom: 8px;
	
	}
#ftsv1 img{
	height: auto;
	width: 100%;
	border-radius: 20px;	
	}

.derechos-pacientes{
	text-align: justify;
	float: left;
	height: auto;
	width: 93%;
	margin-top: -3%;
	margin-bottom: 3%;
	padding-top: 0%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 3%;
	margin-right: 0%;
	margin-left: 0%;
	}

#tit-dchp{
	margin-top: 5%;
	margin-bottom: 1%;
	float: left;
	margin-left: 30%;
	box-shadow: 0.0em 0.1em 0.0em rgba(0, 51, 153 );
	}
#tit-dchp1{
	float: left;
	margin-top:3%;
	margin-left:15%;
	margin-bottom:2%;
	}
	
#text-dchp1{
	padding: 1%;
	margin-top: 1%;
	margin-right: 3%;
	margin-bottom: 1%;
	margin-left: 3%;
	text-align:justify;
	word-spacing: normal;
	hyphens:auto;	
	}
/*-- imagenes --*/


.imagenes{
	text-align: left;
	float: left;
	height: auto;
	width: 40%;
	margin-top: 5%;
	margin-bottom: 2%;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
	margin-right: 0%;
	margin-left: 0%;	
	}
#texto-imagenes{
	float:left;
	margin-bottom:2%;
	text-align:justify;
	word-spacing: normal;
	hyphens:auto;
	}
.foto-imagenes{
	float: right;
	width: 40%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 3%;
	padding-right: 1%;
	padding-bottom: 5%;
	padding-left: 1%;
	
	}
.foto-imagenes-a{
	float: right;
	width: 90%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	
	}
#ftsv-fotos{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 3%;
	margin-right: 3%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	}
#ftsv-fotos img{
	height: auto;
	width: 90%;
	border-radius: 20px;		
	}
#ftsv-fotos-a{
	float: left;
	margin-top: -5%;
	margin-bottom: 3%;
	margin-left: 10%;
	margin-right: 3%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	
	}
#ftsv-fotos-a img{
	height: auto;
	width: 90%;
	border-radius: 20px;		
	}

/*-- quirof --*/
.texto-servhp-q{
	text-align:justify;
	float: left;
	height: auto;
	width: 30%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 5%;
	margin-right: 3%;
	margin-left: 10%;
	word-spacing: normal;
	hyphens:auto;
}
.hpt-q{
	float:right;
	width:35%;
	height:auto;
	margin-top:5%;
	margin-right:5%;
	margin-left:1%;
	margin bottom:2%;
	}
	
#vdq{
	background-color: #transparent;
	float: left;
	
	}
#videoq{
    width: 50%;
	height:50%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
	border-radius:30px;
    }
.foto-servhp-q{
	float: left;
	width: 99%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 2%;
	padding-bottom: 1%;
	padding-left: 3%;	
	}
#ftsv-q{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-right: 2%;
	margin-left: 2%;
	
	}
#ftsv-q img{
	height: auto;
	width: 100%;
	border-radius: 20px;	
	}


	
@media only screen and (max-width:1450px){
	
/*-- maquetacion --*/
#contenedor{
	width: 100%;
	
	}
.flotante {
	display: scroll;
	position: fixed;
	bottom: 20px;
	right: 30px;
	text-shadow: 0.1em 0.1em 0.2em black;
	z-index: 999;
}
/*--inicio --*/

#cabecera{
	}
.logo{
	margin-top: 2%;
	margin-bottom: 2%;
	
	}
#botones{
	z-index: 1000;
	width:100%;
	margin-bottom:3%;
	}
.menu1{
	float:left;
	position:relative;
	margin-left: 10%;
	margin-bottom: 0%;
	z-index:10;
	}	
.menu{
	float:left;
	margin-left: 10%;
	margin-bottom: 0%;
	}	

#sloganf{
	padding-top: 3%;
	padding-right: 50px;
	padding-bottom: 1%;
	padding-left: 50px;
	
	}
.med-serv{
	float: left;
	margin-top:3%;
	margin-left:15%;
	}
#mensajepos{
	padding-top: 3%;
	padding-bottom: 1%;
	
}

.hpt1{
	float:left;
	width:35%;
	margin-left:10%;
	margin-right:1%;
	margin bottom:2%;
	}
#text-mensaje{
	float: left;
	margin-top:15%;
	margin-right: 1%;
	margin-left: 1%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.hpt2{
	float:right;
	width:35%;
	margin-top:5%;
	margin-right:10%;
	margin-left:1%;
	margin bottom:2%;
	}
	
#vd{
	background-color: transparent;
	float: left;
	
	}
#video{
    width: 80%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
	border-radius:30px;
    }
	
	
	
.video-hpt {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 1%; /* IE6 workaround*/
	width: 560px;
	height: 315px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 2%;
	margin-bottom: 1%;
	margin-left: 1%;
	margin-top: 5%;
}

.video-hpt iframe,
.video-hpt object,
.video-hpt embed {
	position: absolute;
	top: 1%;
	left: 2%;
	width: 100%;
	height: 100%;
	right: 2%;
	
}
.men-emer{
	float: right;
	height: auto;
	width: auto;
	margin-top: 3%;
	margin-right: 15%;
	margin-bottom: 1%;
	padding: 1%;
	
	}

#ico-emer img{
	height: auto;
	width: 90%;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;	
	}
#num-emer{
	background-color: #001A66;
	margin-right: 5%;
	margin-left: 5%;	
	}
.tit-seguros{
	float: left;
	margin-left: 15%;
	margin-top: 3%;
	margin-bottom: 20px;	
	}
/* --- slider ---*/

.rotac1 {
  width: 99%;
  display: flex;
  height: 130px;
}

.slider {
  background: white;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .125);
  height: 150px;
  margin: 0.3%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.slider::before,
.slider::after {
  content: "";
  height: 100px;
  position: absolute;
  width: 260px;
  z-index: 2;
  background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

.slider::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}

.slider::before {
  left: 0;
  top: 0;
}

.slide-track {
  display: flex;
  width: calc(250px * 14); /* Número de imágenes en el track */
  animation: scroll 40s linear infinite;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7)); /* Avanza la mitad del track para que se repita */
  }
}

.slide {
  height: 150px;
  width: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* --- end ---*/

/*-- pie de pagina --*/
footer{
	
	}
.contpie{
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
	margin-top: 3%;
	background-color: #456BB1;
	}
.bloque1{
	float:left;
	width:35%;
	margin-top:3%;
	margin-left:5%;
	margin-right:1%;
	margin-bottom:3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-left:2%;	
	}
.tit-balt{
	margin-bottom: 15%;
	float: left;
	}
.mapa2{
	float: left;
	margin-top: -4%;
	}
.bloque2{
	float:left;
	width:15%;
	margin-top:3%;
	margin-left:0%;
	margin-right:1%;
	margin-bottom:3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-left:2%;	
	}

.tit-balts{
	margin-bottom: 25%;
	float: left;
	}
#balt{
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	margin-bottom: 5%;
	}
.bloque3{
	float: right;
	width: 25%;
	margin-top: 3%;
	margin-left: 1%;
	margin-right: 2%;
	margin-bottom: 3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-left:2%;	
	}
#social0{
	float: left;
	width: 60%;
	margin-right: 20px;
	margin-left: 0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}	
	
#social{
	float: left;
	width: 60%;
	margin-right: 20px;
	margin-left: 0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}
.ico-telef{
	margin-right:1%;
	}

#social1{
	float: left;
	margin-right: 20px;
	margin-left:0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}
.ico-mail{
	margin-right:1%;
	}



.dere{
	width:100%;	
	padding-top: 5px;
	margin-top: 25px;
	background-color: #FFF;
	}
#lg-wsm{
	float: left;
	margin-left: 40%;
	width: 48px;
	height: 48px;
	margin-top: 0px;
	
	}
#derechos{
	float: left;
	margin-left: 44%;
	margin-top: -30px;
	}

/*-- corporativo --*/

.rotacion img{
	border-top-left-radius: 0px;
	}
.fot-corp{
	margin-top:7%;
	}
.fot-corphpt img{
	width:100%;
	height:auto;
	}
.frase-corphpt{
	float: left;
	margin-top:-20%;
	margin-left:10%;
	z-index:10;
	}
.desarrollo-hpt{
	float: left;
	width:45%;
	margin-left:2%;
	}
#historia{
	padding-top: 5%;
	padding-bottom: 2%;
	background-image: url(../imagenes/fd-corp1.jpg);
	background-repeat: no-repeat;
}

.ft-h{
	float: left;
	margin-top:3%;
	height: auto;
	width: 90%;
	height: auto;
	padding: 0.5%;
	margin-left: 1%;
	
	}
.ft-h img{
	width: 80%;
	height: auto;
	border-radius: 15px;
	
	}
.tex-h{
	float: left;
	height: auto;
	width: 100%;
	}
	
#tp1{
	float: left;
	margin-top: 5%;
	margin-left: 10%;
	}
#t1{
	float: left;
	width:80%;
	margin-top: 2%;
	margin-left: 10%;
	}
.ico+{
	margin-right:3%;
	}
#cont-h{
	float: left;
	margin-top: 2%;
	margin-right: 12%;
	margin-left: 6%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.administrativo{
	float:right;
	width:40%;
	margin-right:2%;
	}
.mision{
	float: left;
	height: auto;
	width: 80%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 2%;
	margin-top:10%;
	}
#ft-ms img{
	height: auto;
	width: 50%;
    border-radius: 15px;	
	}
#tit-ms{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-ms{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	margin-top: -8%;
	
	}
.vision{
	float: left;
	height: auto;
	width: 80%;
	padding-right: 2%;
	padding-left: 5%;	
	}
#ft-vs img{
	height: auto;
	width: 50%;
	border-radius: 15px;
		
	}
#tit-vs{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-vs{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-right: 5%;
	margin-left: 5%;
	padding: 1%;
	margin-top: -5%;
	
	}
.valores{
	float: left;
	height: auto;
	width: 80%;	
	padding-right: 2%;
	padding-left: 5%;
	margin-top:20%;
	}
#ft-val img{
	height: auto;
	width: 50%;
	border-radius: 15px;
		
	}
#tit-val{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-val{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	margin-top: -8%;
	}
#tex-val1{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-top: 3%;
	margin-bottom: 3%;
	}
#flecha{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	}
#ptval{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 3%;
	}
#hpa{
	
	}
.desc-serv{
	float:left;
	width:40%;
	margin-left:5%;
	margin-right:1%;
	padding-top:3%;
	padding-bottom:3%;
	padding-left:2%;
	padding-right:2%;
	}
.rot-servh{
	float:right;
	width:40%;
	margin-left:1%;
	margin-right:5%;
	padding-top:3%;
	padding-bottom:3%;
	padding-left:2%;
	padding-right:2%;
	}
.rot-servh img{
	border-radius:20px;
	}
.tit-shpa{
	margin-top: 2%;
	margin-bottom: 5%;	
	}
.text-shpa{
	margin-right: 1%;
	margin-bottom: 5%;
	margin-left: 1%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
/*-- historia --*/

#historia1{
	padding-top: 5%;
	padding-bottom: 2%;
	background-repeat: no-repeat;
	background-image: url(../imagenes/fd-ht.jpg);
}
.ft-h1{
	float: left;
	height: auto;
	margin-top:10%;
	padding: 0.5%;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	border: 2px solid #16439E;
	margin-left: 25%;
	margin-right: 1.5%;
	}
.ft-h1 img{
	float: right;
	margin-right: 0%;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	}
.tex-h1{
	float: right;
	margin-right:15%;
	height: auto;
	width: 40%;
	}

#t1h{
	float: left;
	margin-top: 8%;
	margin-left: -4%;
	}

.grup{
	padding: 2%;
	float: left;
	width: 15%;
	margin-top: 5%;
	margin-right: 2%;
	margin-bottom: 5%;
	margin-left: 2%;
	border: 2px solid #85B200;
	text-align: center;
	border-radius:20px;
	}
.ft-f{
	width: 100%;
	margin: 1%;
	}
.ft-f img{
	width:100%;
	height:auto;
	border-radius:15px;
	}
.nombre-f{
	margin-top: 5%;	
	}
.cont-f{
	margin-top: 5%;	
	}


/*-- contactenos --*/
#cont-text{
	padding-bottom: 10%;
	background-attachment: fixed;
	background-color: #334B57;
	background-image: url(../imagenes/ft-fcont.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #00468C;
	}
.ft-cont{
	float: left;
	height: auto;
	width: 50%;
	margin-top: 15%;
	}
.ft-cont img{
	float: right;
	margin-right: 50px;
	}
.text-cont{
	float: left;
	height: auto;
	width: 50%;
	margin-top: 15%;
	}
.mg1-cont{
	float: left;
	height: auto;
	width: 40%;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	}
#manos img{
	border-top-right-radius: 80px;
	border-top-left-radius: 80px;
	}
.formulario{
	float: right;
	height: auto;
	width: 40%;
	padding-top: 50px;
	padding-right: 5%;
	padding-bottom: 50px;
	padding-left: 2%;
	}
#borde-from{
	border: 2px solid #CCC;
	float: left;
	height: auto;
	width: auto;
	padding: 3%;
	}
#tit-form{
	margin-top: 5px;
	margin-bottom: 40px;	
	}
form{
	width: 450px;
	float: left;
	padding-top: 10px;
	padding-right: 100px;
	padding-bottom: 10px;
	padding-left: 20px;
	
	}
label{
	float: left;
	margin-top:10px;
	
	} 
input{
	float: right;
	width: 250px;
	margin-bottom: 20px;
	margin-right: 0px;
	}
textarea{
	float: right;
	width: 250px;
	height:100px;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-right: 0px;
	}
.mapa{
	float: left;
	margin-left: 0px;
	margin-bottom:20px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 10px;
	border-top-right-radius: 80px;
	
	}

	
/*-- especialidades --*/

#port{
	float: left;
	margin-top: 0px;
	margin-bottom: 20px;
	}
#port img{
	height: auto;
	width: 100%;
	border-top-left-radius: 0px;	
	}
.g-frase{
	float:left;
	width:35%;
	margin-top:-18%;
	margin-left:10%;
	margin-bottom:3%;
	}

#frase{
	float:left;
	width:90%;
	margin-left:2%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
#concepto{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	padding-right: 5%;
	padding-left: 5%;
	}
.tit-espemed{
	float:left;
	margin-left:40%;
	width: 20%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
#text-concepto{
	margin-top: 3%;
	margin-right: 5%;
	margin-bottom: 5%;
	margin-left: 5%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.tit-espcirg-g{
	float:left;
	margin-left:35%;
	width: 25%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espcirg-pd{
	float:left;
	margin-left:35%;
	width: 25%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espendo{
	float:left;
	margin-left:30%;
	width: 35%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espegrastro{
	float:left;
	margin-left:35%;
	width: 25%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espeobs{
	float:left;
	margin-left:32%;
	width: 30%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espenutri{
	float:left;
	margin-left:35%;
	width: 30%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espeoto{
	float:left;
	margin-left:35%;
	width: 28%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espepsico{
	float:left;
	margin-left:35%;
	width: 25%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
#doc-espe{
	padding-right: 150px;
	padding-left: 150px;
	padding-top: 50px;
	}
.doctor{
	padding: 10px;
	height: auto;
	width: 25%;
	margin-top: 50px;
	margin-right: 10px;
	margin-bottom: 50px;
	margin-left: 50px;
	float: left;
	border: 2px solid #036;
	border-radius:25px;
	}
	
	#ft-doc img{
	height: auto;
	width: 100%;
	border-radius:25px;	
		}
	#nombre{
	 margin-bottom: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #999;
	padding-top: 2%;
		}
	#nomb-espe{
		margin-bottom: 10px;
		}
		
	#horario-doc{
	margin-bottom: 10px;		
		}
.doctor1{
	padding: 10px;
	height: auto;
	width: 28%;
	margin-top: 0%;
	margin-right: 30%;
	margin-bottom: 5%;
	margin-left: 35%;
	float: left;
	border: 2px solid #036;
	border-radius:25px;
	}
.doctor2{
	padding: 10px;
	height: auto;
	width: 25%;
	margin-top: 100px;
	margin-right: 5%;
	margin-bottom: 50px;
	margin-left: 15%;
	float: left;
	border: 2px solid #036;
	border-radius:25px;
	}
	
/*-- servicios--*/

#port-serv{
	padding-top: 0%;
	width: 100%;
	float: left;
	margin-bottom: 2.5%;
	}	
#port-serv img{
	border-top-left-radius: 0px;	
	}
#tit-servh{
	float: right;
	margin-top: -16%;
	margin-right: 15%;
	position: relative;
	padding-top: 2%;
	padding-bottom: 2%;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #993;
	border-bottom-color: #993;
	}
#concepto-serv{
	padding-right: 1%;
	padding-left: 1%;
	background-image: url(../imagenes/fd-csvs.png);
	background-position: center center;
	}
.texto-serv{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 35%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	margin-right: 1%;
	margin-left: 5%;
	}	

.foto-serv{
	float: right;
	width: 40%;
	height:auto;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-right:10%;
	padding-top: 2%;
	padding-right: 1%;
	padding-bottom: 2%;
	padding-left: 2%;	
	}
#ftsv{
	float: right;
	margin-top: 0%;
	margin-right:10%;
	margin-bottom: 5%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 8px;
	padding-bottom: 8px;
	
	}
#ftsv img{
	height: auto;
	width: 100%;
	border-radius:20px;		
	}


.texto-serv1h{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 35%;
	margin-top: 3%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	margin-right: 1%;
	margin-left: 5%;
	}	

.foto-serv1h{
	float: right;
	width: 40%;
	height:auto;
	margin-top: 3%;
	margin-bottom: 1%;
	margin-right:10%;
	padding-top: 2%;
	padding-right: 1%;
	padding-bottom: 2%;
	padding-left: 1%;	
	}
.foto-serv1h img{
	height: auto;
	width: 100%;
	border-radius:20px;	
	}
	
#ftsv1h{
	float: right;
	margin-top: 3%;
	margin-bottom: 5%;
	border-radius: 20px;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 0px;
	padding-bottom: 80px;
	
	}
#ftsv1h img{
	height: auto;
	width: 100%;
	border-radius: 20px;
			
	}
.texto-servterp{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 35%;
	margin-top: 10%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	margin-right: 1%;
	margin-left: 5%;
	}
.tit-ftsvt{
	
	margin-bottom:3%;
	}
#ftsvt{
	float: right;
	margin-top: 0%;
	margin-right:15%;
	margin-bottom: 5%;
	border-radius: 20px;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 0px;
	padding-bottom: 80px;
	}
#ftsvt img{
	height: auto;
	width: 100%;
	border-radius: 20px;
			
	}
	
/*-- hospitalizacion --*/

#concepto-serv1{
	padding-right: 3%;
	padding-left: 3%;
	background-image: url(../imagenes/fd-csvs.png);
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	}
.texto-servhp{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 30%;
	margin-top: 10%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	margin-right: 3%;
	margin-left: 10%;
}
.foto-servhpf{
	float: right;
	width: 40%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 2%;
	padding-left: 3%;	
	}
#tex-srv{
	margin-bottom: 5%;	
	}
#ftsv1{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	padding-right: 8%;
	padding-left: 8%;
	padding-top: 8px;
	padding-bottom: 8px;
	
	}
#ftsv1 img{
	height: auto;
	width: 100%;
	border-radius: 20px;	
	}

.derechos-pacientes{
	text-align: justify;
	float: left;
	height: auto;
	width: 93%;
	margin-top: -3%;
	margin-bottom: 3%;
	padding-top: 0%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 3%;
	margin-right: 0%;
	margin-left: 0%;
	}

#tit-dchp{
	margin-top: 5%;
	margin-bottom: 1%;
	float: left;
	margin-left: 30%;
	box-shadow: 0.0em 0.1em 0.0em rgba(0, 51, 153 );
	}
#tit-dchp1{
	float: left;
	margin-top:3%;
	margin-left:15%;
	margin-bottom:2%;
	}
	
#text-dchp1{
	padding: 1%;
	margin-top: 1%;
	margin-right: 3%;
	margin-bottom: 1%;
	margin-left: 3%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;	
	}

/*-- imagenes --*/


.imagenes{
	text-align: left;
	float: left;
	height: auto;
	width: 40%;
	margin-top: 5%;
	margin-bottom: 2%;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
	margin-right: 0%;
	margin-left: 0%;	
	}
#texto-imagenes{
	float:left;
	margin-bottom:2%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.foto-imagenes{
	float: right;
	width: 40%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 3%;
	padding-right: 1%;
	padding-bottom: 5%;
	padding-left: 1%;
	
	}
.foto-imagenes-a{
	float: right;
	width: 90%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	
	}
#ftsv-fotos{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 3%;
	margin-right: 3%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	}
#ftsv-fotos img{
	height: auto;
	width: 90%;
	border-radius: 20px;		
	}
#ftsv-fotos-a{
	float: left;
	margin-top: -5%;
	margin-bottom: 3%;
	margin-left: 10%;
	margin-right: 3%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	
	}
#ftsv-fotos-a img{
	height: auto;
	width: 90%;
	border-radius: 20px;		
	}

/*-- quirof --*/
.texto-servhp-q{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 30%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 5%;
	margin-right: 3%;
	margin-left: 10%;
}
.hpt-q{
	float:right;
	width:35%;
	height:auto;
	margin-top:5%;
	margin-right:5%;
	margin-left:1%;
	margin bottom:2%;
	}
	
#vdq{
	background-color: #transparent;
	float: left;
	
	}
#videoq{
    width: 50%;
	height:50%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
	border-radius:30px;
    }
.foto-servhp-q{
	float: left;
	width: 99%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 2%;
	padding-bottom: 1%;
	padding-left: 3%;	
	}
#ftsv-q{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-right: 1%;
	margin-left: 1%;
	
	}
#ftsv-q img{
	height: auto;
	width: 100%;
	border-radius: 20px;	
	}


	
	
	
	
	
	
	
	}
	
	
@media only screen and (max-width:1400px){
	
	/*-- maquetacion --*/
#contenedor{
	width: 100%;
	
	}
.flotante {
	display: scroll;
	position: fixed;
	bottom: 20px;
	right: 30px;
	text-shadow: 0.1em 0.1em 0.2em black;
	z-index: 999;
}
/*--inicio --*/

#cabecera{
	}
.logo{
	margin-top: 2%;
	margin-bottom: 2%;
	
	}
#botones{
	z-index: 1000;
	width:100%;
	margin-bottom:3%;
	}
.menu1{
	float:left;
	position:relative;
	margin-left: 10%;
	margin-bottom: 0%;
	z-index:10;
	}	
.menu{
	float:left;
	margin-left: 10%;
	margin-bottom: 0%;
	}	

#sloganf{
	padding-top: 3%;
	padding-right: 50px;
	padding-bottom: 1%;
	padding-left: 50px;
	
	}
.med-serv{
	float: left;
	margin-top:3%;
	margin-left:12%;
	}
#mensajepos{
	padding-top: 3%;
	padding-bottom: 1%;
	
}

.hpt1{
	float:left;
	width:35%;
	margin-left:10%;
	margin-right:1%;
	margin bottom:2%;
	}
#text-mensaje{
	float: left;
	margin-top:15%;
	margin-right: 1%;
	margin-left: 1%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.hpt2{
	float:right;
	width:35%;
	margin-top:5%;
	margin-right:10%;
	margin-left:1%;
	margin bottom:2%;
	}
	
#vd{
	background-color: transparent;
	float: left;
	
	}
#video{
    width: 80%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
	border-radius:30px;
    }
	
	
		
.video-hpt {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 1%; /* IE6 workaround*/
	width: 560px;
	height: 315px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 2%;
	margin-bottom: 1%;
	margin-left: 1%;
	margin-top: 5%;
}

.video-hpt iframe,
.video-hpt object,
.video-hpt embed {
	position: absolute;
	top: 1%;
	left: 2%;
	width: 100%;
	height: 100%;
	right: 2%;
	
}
.men-emer{
	float: right;
	height: auto;
	width: auto;
	margin-top: 3%;
	margin-right: 15%;
	margin-bottom: 1%;
	padding: 1%;
	
	}

#ico-emer img{
	height: auto;
	width: 90%;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;	
	}
#num-emer{
	background-color: #001A66;
	margin-right: 5%;
	margin-left: 5%;	
	}
.tit-seguros{
	float: left;
	margin-left: 15%;
	margin-top: 3%;
	margin-bottom: 20px;	
	}
/* --- slider ---*/

.rotac1 {
  width: 99%;
  display: flex;
  height: 130px;
}

.slider {
  background: white;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .125);
  height: 150px;
  margin: 0.3%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.slider::before,
.slider::after {
  content: "";
  height: 100px;
  position: absolute;
  width: 260px;
  z-index: 2;
  background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

.slider::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}

.slider::before {
  left: 0;
  top: 0;
}

.slide-track {
  display: flex;
  width: calc(250px * 14); /* Número de imágenes en el track */
  animation: scroll 40s linear infinite;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7)); /* Avanza la mitad del track para que se repita */
  }
}

.slide {
  height: 150px;
  width: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* --- end ---*/

/*-- pie de pagina --*/
footer{
	
	}
.contpie{
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
	margin-top: 3%;
	background-color: #456BB1;
	}
.bloque1{
	float:left;
	width:35%;
	margin-top:3%;
	margin-left:5%;
	margin-right:1%;
	margin-bottom:3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-left:2%;	
	}
.tit-balt{
	margin-bottom: 15%;
	float: left;
	}
.mapa2{
	float: left;
	margin-top: -4%;
	}
.bloque2{
	float:left;
	width:15%;
	margin-top:3%;
	margin-left:0%;
	margin-right:1%;
	margin-bottom:3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-left:2%;	
	}

.tit-balts{
	margin-bottom: 25%;
	float: left;
	}
#balt{
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	margin-bottom: 5%;
	}
.bloque3{
	float: right;
	width: 25%;
	margin-top: 3%;
	margin-left: 1%;
	margin-right: 2%;
	margin-bottom: 3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-left:2%;	
	}
#social0{
	float: left;
	width: 60%;
	margin-right: 20px;
	margin-left: 0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}	
	
#social{
	float: left;
	width: 60%;
	margin-right: 20px;
	margin-left: 0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}
.ico-telef{
	margin-right:1%;
	}

#social1{
	float: left;
	margin-right: 20px;
	margin-left:0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}
.ico-mail{
	margin-right:1%;
	}


.dere{
	width:100%;	
	padding-top: 5px;
	margin-top: 25px;
	background-color: #FFF;
	}
#lg-wsm{
	float: left;
	margin-left: 40%;
	width: 48px;
	height: 48px;
	margin-top: 0px;
	
	}
#derechos{
	float: left;
	margin-left: 44%;
	margin-top: -30px;
	}
	
	
/*-- corporativo --*/

.rotacion img{
	border-top-left-radius: 0px;
	}
.fot-corp{
	margin-top:7%;
	}
.fot-corp img{
	width:100%;
	height:auto;
	}
.desarrollo-hpt{
	float: left;
	width:45%;
	margin-left:2%;
	}
#historia{
	padding-top: 5%;
	padding-bottom: 2%;
	background-image: url(../imagenes/fd-corp1.jpg);
	background-repeat: no-repeat;
}

.ft-h{
	float: left;
	margin-top:3%;
	height: auto;
	width: 90%;
	height: auto;
	padding: 0.5%;
	margin-left: 1%;
	
	}
.ft-h img{
	width: 80%;
	height: auto;
	border-radius: 15px;
	
	}
.tex-h{
	float: left;
	height: auto;
	width: 100%;
	}
	
#tp1{
	float: left;
	margin-top: 5%;
	margin-left: 10%;
	}
#t1{
	float: left;
	width:80%;
	margin-top: 2%;
	margin-left: 10%;
	}
.ico+{
	margin-right:3%;
	}
#cont-h{
	float: left;
	margin-top: 2%;
	margin-right: 12%;
	margin-left: 6%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.administrativo{
	float:right;
	width:40%;
	margin-right:2%;
	}
.mision{
	float: left;
	height: auto;
	width: 80%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 2%;
	margin-top:10%;
	}
#ft-ms img{
	height: auto;
	width: 50%;
    border-radius: 15px;	
	}
#tit-ms{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-ms{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	margin-top: -8%;
	
	}
.vision{
	float: left;
	height: auto;
	width: 80%;
	padding-right: 2%;
	padding-left: 5%;	
	}
#ft-vs img{
	height: auto;
	width: 50%;
	border-radius: 15px;
		
	}
#tit-vs{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-vs{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-right: 5%;
	margin-left: 5%;
	padding: 1%;
	margin-top: -5%;
	
	}
.valores{
	float: left;
	height: auto;
	width: 80%;	
	padding-right: 2%;
	padding-left: 5%;
	margin-top:20%;
	}
#ft-val img{
	height: auto;
	width: 50%;
	border-radius: 15px;
		
	}
#tit-val{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-val{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	margin-top: -8%;
	}
#tex-val1{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-top: 3%;
	margin-bottom: 3%;
	}
#flecha{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	}
#ptval{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 3%;
	}
#hpa{
	
	}
.desc-serv{
	float:left;
	width:40%;
	margin-left:5%;
	margin-right:1%;
	padding-top:3%;
	padding-bottom:3%;
	padding-left:2%;
	padding-right:2%;
	}
.rot-servh{
	float:right;
	width:40%;
	margin-left:1%;
	margin-right:5%;
	padding-top:3%;
	padding-bottom:3%;
	padding-left:2%;
	padding-right:2%;
	}
.rot-servh img{
	border-radius:20px;
	}
.tit-shpa{
	margin-top: 2%;
	margin-bottom: 5%;	
	}
.text-shpa{
	margin-right: 1%;
	margin-bottom: 5%;
	margin-left: 1%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
/*-- contactenos --*/
#cont-text{
	padding-bottom: 10%;
	background-attachment: fixed;
	background-color: #334B57;
	background-image: url(../imagenes/ft-fcont.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #00468C;
	}
.ft-cont{
	float: left;
	height: auto;
	width: 50%;
	margin-top: 15%;
	}
.ft-cont img{
	float: right;
	margin-right: 50px;
	}
.text-cont{
	float: left;
	height: auto;
	width: 50%;
	margin-top: 15%;
	}
.mg1-cont{
	float: left;
	height: auto;
	width: 40%;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	}
#manos img{
	border-top-right-radius: 80px;
	border-top-left-radius: 80px;
	}
.formulario{
	float: right;
	height: auto;
	width: 40%;
	padding-top: 50px;
	padding-right: 5%;
	padding-bottom: 50px;
	padding-left: 2%;
	}
#borde-from{
	border: 2px solid #CCC;
	float: left;
	height: auto;
	width: auto;
	padding: 3%;
	}
#tit-form{
	margin-top: 5px;
	margin-bottom: 40px;	
	}
form{
	width: 450px;
	float: left;
	padding-top: 10px;
	padding-right: 100px;
	padding-bottom: 10px;
	padding-left: 20px;
	
	}
label{
	float: left;
	margin-top:10px;
	
	} 
input{
	float: right;
	width: 250px;
	margin-bottom: 20px;
	margin-right: 0px;
	}
textarea{
	float: right;
	width: 250px;
	height:100px;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-right: 0px;
	}
.mapa{
	float: left;
	margin-left: 0px;
	margin-bottom:20px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 10px;
	border-top-right-radius: 80px;
	
	}

	
/*-- especialidades --*/

#port{
	float: left;
	margin-top: 0px;
	margin-bottom: 20px;
	}
#port img{
	height: auto;
	width: 100%;
	border-top-left-radius: 0px;	
	}
.g-frase{
	float:left;
	width:35%;
	margin-top:-18%;
	margin-left:10%;
	margin-bottom:3%;
	}

#frase{
	float:left;
	width:90%;
	margin-left:2%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
#concepto{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	padding-right: 5%;
	padding-left: 5%;
	}
.tit-espemed{
	float:left;
	margin-left:40%;
	width: 20%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
#text-concepto{
	margin-top: 3%;
	margin-right: 5%;
	margin-bottom: 5%;
	margin-left: 5%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.tit-espcirg-g{
	float:left;
	margin-left:35%;
	width: 25%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espcirg-pd{
	float:left;
	margin-left:35%;
	width: 25%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espendo{
	float:left;
	margin-left:30%;
	width: 40%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espegrastro{
	float:left;
	margin-left:35%;
	width: 30%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espeobs{
	float:left;
	margin-left:32%;
	width: 30%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espenutri{
	float:left;
	margin-left:35%;
	width: 30%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espeoto{
	float:left;
	margin-left:30%;
	width: 35%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espepsico{
	float:left;
	margin-left:35%;
	width: 25%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
#doc-espe{
	padding-right: 150px;
	padding-left: 150px;
	padding-top: 50px;
	}
.doctor{
	padding: 10px;
	height: auto;
	width: 25%;
	margin-top: 50px;
	margin-right: 10px;
	margin-bottom: 50px;
	margin-left: 50px;
	float: left;
	border: 2px solid #036;
	border-radius:25px;
	}
	
	#ft-doc img{
	height: auto;
	width: 100%;
	border-radius:25px;	
		}
	#nombre{
	 margin-bottom: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #999;
	padding-top: 2%;
		}
	#nomb-espe{
		margin-bottom: 10px;
		}
		
	#horario-doc{
	margin-bottom: 10px;		
		}
.doctor1{
	padding: 10px;
	height: auto;
	width: 28%;
	margin-top: 0%;
	margin-right: 30%;
	margin-bottom: 5%;
	margin-left: 35%;
	float: left;
	border: 2px solid #036;
	border-radius:25px;
	}
.doctor2{
	padding: 10px;
	height: auto;
	width: 25%;
	margin-top: 100px;
	margin-right: 5%;
	margin-bottom: 50px;
	margin-left: 15%;
	float: left;
	border: 2px solid #036;
	border-radius:25px;
	}

/*-- servicios--*/

#port-serv{
	padding-top: 0%;
	width: 100%;
	float: left;
	margin-bottom: 2.5%;
	}	
#port-serv img{
	border-top-left-radius: 0px;	
	}
#tit-servh{
	float: right;
	margin-top: -16%;
	margin-right: 15%;
	position: relative;
	padding-top: 2%;
	padding-bottom: 2%;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #993;
	border-bottom-color: #993;
	}
#concepto-serv{
	padding-right: 1%;
	padding-left: 1%;
	background-image: url(../imagenes/fd-csvs.png);
	background-position: center center;
	}
.texto-serv{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 35%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	margin-right: 1%;
	margin-left: 5%;
	}	

.foto-serv{
	float: right;
	width: 40%;
	height:auto;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-right:10%;
	padding-top: 2%;
	padding-right: 1%;
	padding-bottom: 2%;
	padding-left: 2%;	
	}
#ftsv{
	float: right;
	margin-top: 0%;
	margin-right:10%;
	margin-bottom: 5%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 8px;
	padding-bottom: 8px;
	
	}
#ftsv img{
	height: auto;
	width: 100%;
	border-radius:20px;		
	}


.texto-serv1h{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 35%;
	margin-top: 3%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	margin-right: 1%;
	margin-left: 5%;
	}	

.foto-serv1h{
	float: right;
	width: 40%;
	height:auto;
	margin-top: 3%;
	margin-bottom: 1%;
	margin-right:10%;
	padding-top: 2%;
	padding-right: 1%;
	padding-bottom: 2%;
	padding-left: 1%;	
	}
.foto-serv1h img{
	height: auto;
	width: 100%;
	border-radius:20px;	
	}
	
#ftsv1h{
	float: right;
	margin-top: 3%;
	margin-bottom: 5%;
	border-radius: 20px;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 0px;
	padding-bottom: 80px;
	
	}
#ftsv1h img{
	height: auto;
	width: 100%;
	border-radius: 20px;
			
	}
/*-- imagenes --*/


.imagenes{
	text-align: left;
	float: left;
	height: auto;
	width: 40%;
	margin-top: 5%;
	margin-bottom: 2%;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
	margin-right: 0%;
	margin-left: 0%;	
	}
#texto-imagenes{
	float:left;
	margin-bottom:2%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.foto-imagenes{
	float: right;
	width: 40%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 3%;
	padding-right: 1%;
	padding-bottom: 5%;
	padding-left: 1%;
	
	}
.foto-imagenes-a{
	float: right;
	width: 90%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	
	}
#ftsv-fotos{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 3%;
	margin-right: 3%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	}
#ftsv-fotos img{
	height: auto;
	width: 90%;
	border-radius: 20px;		
	}
#ftsv-fotos-a{
	float: left;
	margin-top: -5%;
	margin-bottom: 3%;
	margin-left: 10%;
	margin-right: 3%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	
	}
#ftsv-fotos-a img{
	height: auto;
	width: 90%;
	border-radius: 20px;		
	}

/*-- hospitalizacion--*/
#concepto-serv1{
	padding-right: 3%;
	padding-left: 3%;
	background-image: url(../imagenes/fd-csvs.png);
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	}
.texto-servhp{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 30%;
	margin-top: 10%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	margin-right: 3%;
	margin-left: 10%;
}
.foto-servhpf{
	float: right;
	width: 40%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 2%;
	padding-left: 3%;	
	}
#tex-srv{
	margin-bottom: 5%;	
	}
#ftsv1{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	padding-right: 8%;
	padding-left: 8%;
	padding-top: 8px;
	padding-bottom: 8px;
	
	}
#ftsv1 img{
	height: auto;
	width: 100%;
	border-radius: 20px;	
	}

.derechos-pacientes{
	text-align: justify;
	float: left;
	height: auto;
	width: 93%;
	margin-top: -3%;
	margin-bottom: 3%;
	padding-top: 0%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 3%;
	margin-right: 0%;
	margin-left: 0%;
	}

#tit-dchp{
	margin-top: 5%;
	margin-bottom: 1%;
	float: left;
	margin-left: 30%;
	box-shadow: 0.0em 0.1em 0.0em rgba(0, 51, 153 );
	}
#tit-dchp1{
	float: left;
	margin-top:3%;
	margin-left:15%;
	margin-bottom:2%;
	}
	
#text-dchp1{
	padding: 1%;
	margin-top: 1%;
	margin-right: 3%;
	margin-bottom: 1%;
	margin-left: 3%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;	
	}
/*-- quirof --*/
.texto-servhp-q{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 30%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 5%;
	margin-right: 3%;
	margin-left: 10%;
}
.hpt-q{
	float:right;
	width:35%;
	height:auto;
	margin-top:5%;
	margin-right:5%;
	margin-left:1%;
	margin bottom:2%;
	}
	
#vdq{
	background-color: #transparent;
	float: left;
	
	}
#videoq{
    width: 50%;
	height:50%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
	border-radius:30px;
    }
.foto-servhp-q{
	float: left;
	width: 99%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 2%;
	padding-bottom: 1%;
	padding-left: 3%;	
	}
#ftsv-q{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-right: 1%;
	margin-left: 1%;
	
	}
#ftsv-q img{
	height: auto;
	width: 100%;
	border-radius: 20px;	
	}




	
	
	
	
	
	}

@media only screen and (max-width:1366px){
	
	/*-- maquetacion --*/
#contenedor{
	width: 100%;
	
	}
.flotante {
	display: scroll;
	position: fixed;
	bottom: 20px;
	right: 30px;
	text-shadow: 0.1em 0.1em 0.2em black;
	z-index: 999;
}
/*--inicio --*/

#cabecera{
	}
.logo{
	margin-top: 2%;
	margin-bottom: 2%;
	
	}
#botones{
	z-index: 1000;
	width:100%;
	margin-bottom:3%;
	}
.menu1{
	float:left;
	position:relative;
	margin-left: 5%;
	margin-bottom: 0%;
	z-index:10;
	}	
.menu{
	float:left;
	margin-left: 5%;
	margin-bottom: 0%;
	}	


#sloganf{
	padding-top: 3%;
	padding-right: 50px;
	padding-bottom: 1%;
	padding-left: 50px;
	
	}
.med-serv{
	float: left;
	margin-top:3%;
	margin-left:12%;
	}
#mensajepos{
	padding-top: 3%;
	padding-bottom: 1%;
	
}

.hpt1{
	float:left;
	width:35%;
	margin-left:10%;
	margin-right:1%;
	margin bottom:2%;
	}
#text-mensaje{
	float: left;
	margin-top:15%;
	margin-right: 1%;
	margin-left: 1%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.hpt2{
	float:right;
	width:35%;
	margin-top:5%;
	margin-right:10%;
	margin-left:1%;
	margin bottom:2%;
	}
	
#vd{
	background-color: transparent;
	float: left;
	
	}
#video{
    width: 80%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
	border-radius:30px;
    }
	
	
.video-hpt {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 1%; /* IE6 workaround*/
	width: 560px;
	height: 315px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 2%;
	margin-bottom: 1%;
	margin-left: 1%;
	margin-top: 5%;
}

.video-hpt iframe,
.video-hpt object,
.video-hpt embed {
	position: absolute;
	top: 1%;
	left: 2%;
	width: 100%;
	height: 100%;
	right: 2%;
	
}
.men-emer{
	float: right;
	height: auto;
	width: auto;
	margin-top: 3%;
	margin-right: 15%;
	margin-bottom: 1%;
	padding: 1%;
	
	}

#ico-emer img{
	height: auto;
	width: 90%;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;	
	}
#num-emer{
	background-color: #001A66;
	margin-right: 5%;
	margin-left: 5%;	
	}
.tit-seguros{
	float: left;
	margin-left: 10%;
	margin-top: 3%;
	margin-bottom: 20px;	
	}
/* --- slider ---*/

.rotac1 {
  width: 99%;
  display: flex;
  height: 130px;
}

.slider {
  background: white;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .125);
  height: 150px;
  margin: 0.3%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.slider::before,
.slider::after {
  content: "";
  height: 100px;
  position: absolute;
  width: 260px;
  z-index: 2;
  background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

.slider::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}

.slider::before {
  left: 0;
  top: 0;
}

.slide-track {
  display: flex;
  width: calc(250px * 14); /* Número de imágenes en el track */
  animation: scroll 40s linear infinite;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7)); /* Avanza la mitad del track para que se repita */
  }
}

.slide {
  height: 150px;
  width: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* --- end ---*/

/*-- pie de pagina --*/
footer{
	
	}
.contpie{
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
	margin-top: 3%;
	background-color: #456BB1;
	}
.bloque1{
	float:left;
	width:35%;
	margin-top:3%;
	margin-left:5%;
	margin-right:1%;
	margin-bottom:3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-left:2%;	
	}
.tit-balt{
	margin-bottom: 15%;
	float: left;
	}
.mapa2{
	float: left;
	margin-top: -4%;
	}
.bloque2{
	float:left;
	width:15%;
	margin-top:3%;
	margin-left:0%;
	margin-right:1%;
	margin-bottom:3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-left:2%;	
	}

.tit-balts{
	margin-bottom: 25%;
	float: left;
	}
#balt{
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	margin-bottom: 5%;
	}
.bloque3{
	float: right;
	width: 25%;
	margin-top: 3%;
	margin-left: 1%;
	margin-right: 2%;
	margin-bottom: 3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-left:2%;	
	}
#social0{
	float: left;
	width: 60%;
	margin-right: 20px;
	margin-left: 0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}	
	
#social{
	float: left;
	width: 60%;
	margin-right: 20px;
	margin-left: 0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}
.ico-telef{
	margin-right:1%;
	}

#social1{
	float: left;
	margin-right: 20px;
	margin-left:0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}
.ico-mail{
	margin-right:1%;
	}



.dere{
	width:100%;	
	padding-top: 5px;
	margin-top: 25px;
	background-color: #FFF;
	}
#lg-wsm{
	float: left;
	margin-left: 40%;
	width: 48px;
	height: 48px;
	margin-top: 0px;
	
	}
#derechos{
	float: left;
	margin-left: 44%;
	margin-top: -30px;
	}
	
/*-- corporativo --*/

.rotacion img{
	border-top-left-radius: 0px;
	}
.fot-corp{
	margin-top:7%;
	}
.fot-corp img{
	width:100%;
	height:auto;
	}
.desarrollo-hpt{
	float: left;
	width:45%;
	margin-left:2%;
	}
#historia{
	padding-top: 5%;
	padding-bottom: 2%;
	background-image: url(../imagenes/fd-corp1.jpg);
	background-repeat: no-repeat;
}

.ft-h{
	float: left;
	margin-top:3%;
	height: auto;
	width: 90%;
	height: auto;
	padding: 0.5%;
	margin-left: 1%;
	
	}
.ft-h img{
	width: 80%;
	height: auto;
	border-radius: 15px;
	
	}
.tex-h{
	float: left;
	height: auto;
	width: 100%;
	}
	
#tp1{
	float: left;
	margin-top: 5%;
	margin-left: 10%;
	}
#t1{
	float: left;
	width:80%;
	margin-top: 2%;
	margin-left: 10%;
	}
.ico+{
	margin-right:3%;
	}
#cont-h{
	float: left;
	margin-top: 2%;
	margin-right: 12%;
	margin-left: 6%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.administrativo{
	float:right;
	width:40%;
	margin-right:2%;
	}
.mision{
	float: left;
	height: auto;
	width: 80%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 2%;
	margin-top:10%;
	}
#ft-ms img{
	height: auto;
	width: 50%;
    border-radius: 15px;	
	}
#tit-ms{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-ms{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	margin-top: -8%;
	
	}
.vision{
	float: left;
	height: auto;
	width: 80%;
	padding-right: 2%;
	padding-left: 5%;	
	}
#ft-vs img{
	height: auto;
	width: 50%;
	border-radius: 15px;
		
	}
#tit-vs{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-vs{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-right: 5%;
	margin-left: 5%;
	padding: 1%;
	margin-top: -5%;
	
	}
.valores{
	float: left;
	height: auto;
	width: 80%;	
	padding-right: 2%;
	padding-left: 5%;
	margin-top:20%;
	}
#ft-val img{
	height: auto;
	width: 50%;
	border-radius: 15px;
		
	}
#tit-val{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-val{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	margin-top: -8%;
	}
#tex-val1{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-top: 3%;
	margin-bottom: 3%;
	}
#flecha{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	}
#ptval{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 3%;
	}
#hpa{
	
	}
.desc-serv{
	float:left;
	width:40%;
	margin-left:5%;
	margin-right:1%;
	padding-top:3%;
	padding-bottom:3%;
	padding-left:2%;
	padding-right:2%;
	}
.rot-servh{
	float:right;
	width:40%;
	margin-left:1%;
	margin-right:5%;
	padding-top:3%;
	padding-bottom:3%;
	padding-left:2%;
	padding-right:2%;
	}
.rot-servh img{
	border-radius:20px;
	}
.tit-shpa{
	margin-top: 2%;
	margin-bottom: 5%;	
	}
.text-shpa{
	margin-right: 1%;
	margin-bottom: 5%;
	margin-left: 1%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
/*-- contactenos --*/
#cont-text{
	padding-bottom: 10%;
	background-attachment: fixed;
	background-color: #334B57;
	background-image: url(../imagenes/ft-fcont.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #00468C;
	}
.ft-cont{
	float: left;
	height: auto;
	width: 50%;
	margin-top: 15%;
	}
.ft-cont img{
	float: right;
	margin-right: 50px;
	}
.text-cont{
	float: left;
	height: auto;
	width: 50%;
	margin-top: 15%;
	}
.mg1-cont{
	float: left;
	height: auto;
	width: 50%;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	}
#manos img{
	border-top-right-radius: 80px;
	border-top-left-radius: 80px;
	}
.formulario{
	float: right;
	height: auto;
	width: 40%;
	padding-top: 50px;
	padding-right: 5%;
	padding-bottom: 50px;
	padding-left: 2%;
	}
#borde-from{
	border: 2px solid #CCC;
	float: left;
	height: auto;
	width: auto;
	padding: 30px;
	
	}
#tit-form{
	margin-top: 5px;
	margin-bottom: 40px;	
	}
form{
	width: 450px;
	float: left;
	padding-top: 10px;
	padding-right: 100px;
	padding-bottom: 10px;
	padding-left: 20px;
	
	}
label{
	float: left;
	margin-top:10px;
	
	} 
input{
	float: right;
	width: 250px;
	margin-bottom: 20px;
	margin-right: 0px;
	}
textarea{
	float: right;
	width: 250px;
	height:100px;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-right: 0px;
	}
.mapa{
	float: left;
	margin-left: 0px;
	margin-bottom:20px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 10px;
	border-top-right-radius: 80px;
	
	}

	
/*-- especialidades --*/

#port{
	float: left;
	margin-top: 0px;
	margin-bottom: 20px;
	}
#port img{
	height: auto;
	width: 100%;
	border-top-left-radius: 0px;	
	}
.g-frase{
	float:left;
	width:35%;
	margin-top:-18%;
	margin-left:10%;
	margin-bottom:3%;
	}

#frase{
	float:left;
	width:90%;
	margin-left:2%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
#concepto{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	padding-right: 5%;
	padding-left: 5%;
	}
.tit-espemed{
	float:left;
	margin-left:40%;
	width: 20%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
#text-concepto{
	margin-top: 3%;
	margin-right: 5%;
	margin-bottom: 5%;
	margin-left: 5%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.tit-espcirg-g{
	float:left;
	margin-left:35%;
	width: 25%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espcirg-pd{
	float:left;
	margin-left:35%;
	width: 25%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espendo{
	float:left;
	margin-left:30%;
	width: 40%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espegrastro{
	float:left;
	margin-left:35%;
	width: 30%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espeobs{
	float:left;
	margin-left:32%;
	width: 40%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espenutri{
	float:left;
	margin-left:35%;
	width: 30%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espeoto{
	float:left;
	margin-left:30%;
	width: 35%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espepsico{
	float:left;
	margin-left:35%;
	width: 25%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
#doc-espe{
	padding-right: 150px;
	padding-left: 150px;
	padding-top: 50px;
	}
.doctor{
	padding: 10px;
	height: auto;
	width: 25%;
	margin-top: 50px;
	margin-right: 10px;
	margin-bottom: 50px;
	margin-left: 50px;
	float: left;
	border: 2px solid #036;
	border-radius:25px;
	}
	
	#ft-doc img{
	height: auto;
	width: 100%;
	border-radius:25px;	
		}
	#nombre{
	 margin-bottom: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #999;
	padding-top: 2%;
		}
	#nomb-espe{
		margin-bottom: 10px;
		}
		
	#horario-doc{
	margin-bottom: 10px;		
		}
.doctor1{
	padding: 10px;
	height: auto;
	width: 25%;
	margin-top: 0%;
	margin-right: 30%;
	margin-bottom: 5%;
	margin-left: 35%;
	float: left;
	border: 2px solid #036;
	border-radius:25px;
	}
.doctor2{
	padding: 10px;
	height: auto;
	width: 25%;
	margin-top: 100px;
	margin-right: 5%;
	margin-bottom: 50px;
	margin-left: 15%;
	float: left;
	border: 2px solid #036;
	border-radius:25px;
	}

/*-- servicios--*/

#port-serv{
	padding-top: 0%;
	width: 100%;
	float: left;
	margin-bottom: 2.5%;
	}	
#port-serv img{
	border-top-left-radius: 0px;	
	}
#tit-servh{
	float: right;
	margin-top: -16%;
	margin-right: 15%;
	position: relative;
	padding-top: 2%;
	padding-bottom: 2%;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #993;
	border-bottom-color: #993;
	}
#concepto-serv{
	padding-right: 1%;
	padding-left: 1%;
	background-image: url(../imagenes/fd-csvs.png);
	background-position: center center;
	}
.texto-serv{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 35%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	margin-right: 1%;
	margin-left: 5%;
	}	

.foto-serv{
	float: right;
	width: 40%;
	height:auto;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-right:10%;
	padding-top: 2%;
	padding-right: 1%;
	padding-bottom: 2%;
	padding-left: 2%;	
	}
#ftsv{
	float: right;
	margin-top: 0%;
	margin-right:10%;
	margin-bottom: 5%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 8px;
	padding-bottom: 8px;
	
	}
#ftsv img{
	height: auto;
	width: 100%;
	border-radius:20px;		
	}


.texto-serv1h{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 35%;
	margin-top: 3%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	margin-right: 1%;
	margin-left: 5%;
	}	

.foto-serv1h{
	float: right;
	width: 40%;
	height:auto;
	margin-top: 3%;
	margin-bottom: 1%;
	margin-right:10%;
	padding-top: 2%;
	padding-right: 1%;
	padding-bottom: 2%;
	padding-left: 1%;	
	}
.foto-serv1h img{
	height: auto;
	width: 100%;
	border-radius:20px;	
	}
	
#ftsv1h{
	float: right;
	margin-top: 3%;
	margin-bottom: 5%;
	border-radius: 20px;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 0px;
	padding-bottom: 80px;
	
	}
#ftsv1h img{
	height: auto;
	width: 100%;
	border-radius: 20px;
			
	}
/*-- imagenes --*/

.imagenes{
	text-align: left;
	float: left;
	height: auto;
	width: 40%;
	margin-top: 5%;
	margin-bottom: 2%;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
	margin-right: 0%;
	margin-left: 0%;	
	}
#texto-imagenes{
	float:left;
	margin-bottom:2%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.foto-imagenes{
	float: right;
	width: 40%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 3%;
	padding-right: 1%;
	padding-bottom: 5%;
	padding-left: 1%;
	
	}
.foto-imagenes-a{
	float: right;
	width: 90%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	
	}
#ftsv-fotos{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 3%;
	margin-right: 3%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	}
#ftsv-fotos img{
	height: auto;
	width: 90%;
	border-radius: 20px;		
	}
#ftsv-fotos-a{
	float: left;
	margin-top: -5%;
	margin-bottom: 3%;
	margin-left: 5%;
	margin-right: 3%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	
	}
#ftsv-fotos-a img{
	height: auto;
	width: 90%;
	border-radius: 20px;		
	}


/*-- hospitalizacion--*/
#concepto-serv1{
	padding-right: 3%;
	padding-left: 3%;
	background-image: url(../imagenes/fd-csvs.png);
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	}
.texto-servhp{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 30%;
	margin-top: 10%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	margin-right: 3%;
	margin-left: 10%;
}
.foto-servhpf{
	float: right;
	width: 40%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 2%;
	padding-left: 3%;	
	}
#tex-srv{
	margin-bottom: 5%;	
	}
#ftsv1{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	padding-right: 8%;
	padding-left: 8%;
	padding-top: 8px;
	padding-bottom: 8px;
	
	}
#ftsv1 img{
	height: auto;
	width: 100%;
	border-radius: 20px;	
	}

.derechos-pacientes{
	text-align: justify;
	float: left;
	height: auto;
	width: 93%;
	margin-top: -3%;
	margin-bottom: 3%;
	padding-top: 0%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 3%;
	margin-right: 0%;
	margin-left: 0%;
	}

#tit-dchp{
	margin-top: 5%;
	margin-bottom: 1%;
	float: left;
	margin-left: 30%;
	box-shadow: 0.0em 0.1em 0.0em rgba(0, 51, 153 );
	}
#tit-dchp1{
	float: left;
	margin-top:3%;
	margin-left:15%;
	margin-bottom:2%;
	}
	
#text-dchp1{
	padding: 1%;
	margin-top: 1%;
	margin-right: 3%;
	margin-bottom: 1%;
	margin-left: 3%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;	
	}
/*-- quirof --*/
.texto-servhp-q{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 30%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 5%;
	margin-right: 3%;
	margin-left: 10%;
}
.hpt-q{
	float:right;
	width:45%;
	height:auto;
	margin-top:5%;
	margin-right:2%;
	margin-left:1%;
	margin bottom:2%;
	}
	
#vdq{
	background-color: #transparent;
	float: left;
	
	}
#videoq{
    width: 50%;
	height:50%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
	border-radius:30px;
    }
.foto-servhp-q{
	float: left;
	width: 99%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 2%;
	padding-bottom: 1%;
	padding-left: 3%;	
	}
#ftsv-q{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-right: 1%;
	margin-left: 10%;
	
	}
#ftsv-q img{
	height: auto;
	width: 100%;
	border-radius: 20px;	
	}





		
	
	
	
	
	}
	
@media only screen and (max-width:1350px){
	
	/*-- maquetacion --*/
#contenedor{
	width: 100%;
	
	}
.flotante {
	display: scroll;
	position: fixed;
	bottom: 20px;
	right: 30px;
	text-shadow: 0.1em 0.1em 0.2em black;
	z-index: 999;
}
/*--inicio --*/

#cabecera{
	}
.logo{
	margin-top: 2%;
	margin-bottom: 2%;
	
	}
#botones{
	z-index: 1000;
	width:100%;
	margin-bottom:3%;
	}
.menu1{
	float:left;
	position:relative;
	margin-left: 5%;
	margin-bottom: 0%;
	z-index:10;
	}	
.menu{
	float:left;
	margin-left: 5%;
	margin-bottom: 0%;
	}	


#sloganf{
	padding-top: 3%;
	padding-right: 50px;
	padding-bottom: 1%;
	padding-left: 50px;
	
	}
.med-serv{
	float: left;
	margin-top:3%;
	margin-left:12%;
	}
#mensajepos{
	padding-top: 3%;
	padding-bottom: 1%;
	
}

.hpt1{
	float:left;
	width:35%;
	margin-left:10%;
	margin-right:1%;
	margin bottom:2%;
	}
#text-mensaje{
	float: left;
	margin-top:15%;
	margin-right: 1%;
	margin-left: 1%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.hpt2{
	float:right;
	width:35%;
	margin-top:5%;
	margin-right:10%;
	margin-left:1%;
	margin bottom:2%;
	}
	
#vd{
	background-color: transparent;
	float: left;
	
	}
#video{
    width: 80%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
	border-radius:30px;
    }
	
	
	
	
.video-hpt {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 1%; /* IE6 workaround*/
	width: 560px;
	height: 315px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 2%;
	margin-bottom: 1%;
	margin-left: 1%;
	margin-top: 5%;
}

.video-hpt iframe,
.video-hpt object,
.video-hpt embed {
	position: absolute;
	top: 1%;
	left: 2%;
	width: 100%;
	height: 100%;
	right: 2%;
	
}
.men-emer{
	float: right;
	height: auto;
	width: auto;
	margin-top: 3%;
	margin-right: 15%;
	margin-bottom: 1%;
	padding: 1%;
	
	}

#ico-emer img{
	height: auto;
	width: 90%;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;	
	}
#num-emer{
	background-color: #001A66;
	margin-right: 5%;
	margin-left: 5%;	
	}
.tit-seguros{
	float: left;
	margin-left: 10%;
	margin-top: 3%;
	margin-bottom: 20px;	
	}
/* --- slider ---*/

.rotac1 {
  width: 99%;
  display: flex;
  height: 130px;
}

.slider {
  background: white;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .125);
  height: 150px;
  margin: 0.3%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.slider::before,
.slider::after {
  content: "";
  height: 100px;
  position: absolute;
  width: 260px;
  z-index: 2;
  background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

.slider::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}

.slider::before {
  left: 0;
  top: 0;
}

.slide-track {
  display: flex;
  width: calc(250px * 14); /* Número de imágenes en el track */
  animation: scroll 40s linear infinite;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7)); /* Avanza la mitad del track para que se repita */
  }
}

.slide {
  height: 150px;
  width: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* --- end ---*/

/*-- pie de pagina --*/
footer{
	
	}
.contpie{
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
	margin-top: 3%;
	background-color: #456BB1;
	}
.bloque1{
	float:left;
	width:35%;
	margin-top:3%;
	margin-left:5%;
	margin-right:1%;
	margin-bottom:3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-left:2%;	
	}
.tit-balt{
	margin-bottom: 15%;
	float: left;
	}
.mapa2{
	float: left;
	margin-top: -4%;
	}
.bloque2{
	float:left;
	width:15%;
	margin-top:3%;
	margin-left:0%;
	margin-right:1%;
	margin-bottom:3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-left:2%;	
	}

.tit-balts{
	margin-bottom: 25%;
	float: left;
	}
#balt{
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	margin-bottom: 5%;
	}
.bloque3{
	float: right;
	width: 25%;
	margin-top: 3%;
	margin-left: 1%;
	margin-right: 2%;
	margin-bottom: 3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-left:2%;	
	}
#social0{
	float: left;
	width: 60%;
	margin-right: 20px;
	margin-left: 0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}	
	
#social{
	float: left;
	width: 60%;
	margin-right: 20px;
	margin-left: 0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}
.ico-telef{
	margin-right:1%;
	}

#social1{
	float: left;
	margin-right: 20px;
	margin-left:0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}
.ico-mail{
	margin-right:1%;
	}



.dere{
	width:100%;	
	padding-top: 5px;
	margin-top: 25px;
	background-color: #FFF;
	}
#lg-wsm{
	float: left;
	margin-left: 40%;
	width: 48px;
	height: 48px;
	margin-top: 0px;
	
	}
#derechos{
	float: left;
	margin-left: 44%;
	margin-top: -30px;
	}
/*-- corporativo --*/

.rotacion img{
	border-top-left-radius: 0px;
	}
.fot-corp{
	margin-top:7%;
	}
.fot-corp img{
	width:100%;
	height:auto;
	}
.desarrollo-hpt{
	float: left;
	width:45%;
	margin-left:2%;
	}
#historia{
	padding-top: 5%;
	padding-bottom: 2%;
	background-image: url(../imagenes/fd-corp1.jpg);
	background-repeat: no-repeat;
}

.ft-h{
	float: left;
	margin-top:3%;
	height: auto;
	width: 90%;
	height: auto;
	padding: 0.5%;
	margin-left: 1%;
	
	}
.ft-h img{
	width: 80%;
	height: auto;
	border-radius: 15px;
	
	}
.tex-h{
	float: left;
	height: auto;
	width: 100%;
	}
	
#tp1{
	float: left;
	margin-top: 5%;
	margin-left: 10%;
	}
#t1{
	float: left;
	width:80%;
	margin-top: 2%;
	margin-left: 10%;
	}
.ico+{
	margin-right:3%;
	}
#cont-h{
	float: left;
	margin-top: 2%;
	margin-right: 12%;
	margin-left: 6%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.administrativo{
	float:right;
	width:40%;
	margin-right:2%;
	}
.mision{
	float: left;
	height: auto;
	width: 80%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 2%;
	margin-top:10%;
	}
#ft-ms img{
	height: auto;
	width: 50%;
    border-radius: 15px;	
	}
#tit-ms{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-ms{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	margin-top: -8%;
	
	}
.vision{
	float: left;
	height: auto;
	width: 80%;
	padding-right: 2%;
	padding-left: 5%;	
	}
#ft-vs img{
	height: auto;
	width: 50%;
	border-radius: 15px;
		
	}
#tit-vs{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-vs{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-right: 5%;
	margin-left: 5%;
	padding: 1%;
	margin-top: -5%;
	
	}
.valores{
	float: left;
	height: auto;
	width: 80%;	
	padding-right: 2%;
	padding-left: 5%;
	margin-top:20%;
	}
#ft-val img{
	height: auto;
	width: 50%;
	border-radius: 15px;
		
	}
#tit-val{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-val{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	margin-top: -8%;
	}
#tex-val1{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-top: 3%;
	margin-bottom: 3%;
	}
#flecha{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	}
#ptval{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 3%;
	}
#hpa{
	
	}
.desc-serv{
	float:left;
	width:40%;
	margin-left:5%;
	margin-right:1%;
	padding-top:3%;
	padding-bottom:3%;
	padding-left:2%;
	padding-right:2%;
	}
.rot-servh{
	float:right;
	width:40%;
	margin-left:1%;
	margin-right:5%;
	padding-top:3%;
	padding-bottom:3%;
	padding-left:2%;
	padding-right:2%;
	}
.rot-servh img{
	border-radius:20px;
	}
.tit-shpa{
	margin-top: 2%;
	margin-bottom: 5%;	
	}
.text-shpa{
	margin-right: 1%;
	margin-bottom: 5%;
	margin-left: 1%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
	
/*-- historia --*/

#historia1{
	padding-top: 5%;
	padding-bottom: 2%;
	background-repeat: no-repeat;
	background-image: url(../imagenes/fd-ht.jpg);
	background-position:right;
}
.ft-h1{
	float: left;
	height: auto;
	margin-top:10%;
	padding: 0.5%;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	border: 2px solid #16439E;
	margin-left: 25%;
	margin-right: 1.5%;
	}
.ft-h1 img{
	float: right;
	margin-right: 0%;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	}
.tex-h1{
	float: right;
	margin-right:15%;
	height: auto;
	width: 40%;
	}

#t1h{
	float: left;
	margin-top: 8%;
	margin-left: -4%;
	}

.grup{
	padding: 2%;
	float: left;
	width: 15%;
	margin-top: 5%;
	margin-right: 2%;
	margin-bottom: 5%;
	margin-left: 2%;
	border: 2px solid #85B200;
	text-align: center;
	border-radius:20px;
	}
.ft-f{
	width: 100%;
	margin: 1%;
	}
.ft-f img{
	width:100%;
	height:auto;
	border-radius:15px;
	}
.nombre-f{
	margin-top: 5%;	
	}
.cont-f{
	margin-top: 5%;	
	}
/*-- contactenos --*/
#cont-text{
	padding-bottom: 10%;
	background-attachment: fixed;
	background-color: #334B57;
	background-image: url(../imagenes/ft-fcont.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #00468C;
	}
.ft-cont{
	float: left;
	height: auto;
	width: 50%;
	margin-top: 15%;
	}
.ft-cont img{
	float: right;
	margin-right: 50px;
	}
.text-cont{
	float: left;
	height: auto;
	width: 50%;
	margin-top: 15%;
	}
.mg1-cont{
	float: left;
	height: auto;
	width: 40%;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	}
#manos img{
	border-top-right-radius: 80px;
	border-top-left-radius: 80px;
	}
.formulario{
	float: right;
	height: auto;
	width: 40%;
	padding-top: 50px;
	padding-right: 10%;
	padding-bottom: 50px;
	padding-left: 2%;
	}
#borde-from{
	border: 2px solid #CCC;
	float: left;
	height: auto;
	width: auto;
	padding: 50px;
	}
#tit-form{
	margin-top: 5px;
	margin-bottom: 40px;	
	}
form{
	width: 450px;
	float: left;
	padding-top: 10px;
	padding-right: 100px;
	padding-bottom: 10px;
	padding-left: 20px;
	
	}
label{
	float: left;
	margin-top:10px;
	
	} 
input{
	float: right;
	width: 250px;
	margin-bottom: 20px;
	margin-right: 0px;
	}
textarea{
	float: right;
	width: 250px;
	height:100px;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-right: 0px;
	}
.mapa{
	float: left;
	margin-left: 0px;
	margin-bottom:20px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 10px;
	border-top-right-radius: 80px;
	
	}

	
/*-- especialidades --*/

#port{
	float: left;
	margin-top: 0px;
	margin-bottom: 20px;
	}
#port img{
	height: auto;
	width: 100%;
	border-top-left-radius: 0px;	
	}
.g-frase{
	float:left;
	width:35%;
	margin-top:-18%;
	margin-left:10%;
	margin-bottom:3%;
	}

#frase{
	float:left;
	width:90%;
	margin-left:2%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
#concepto{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	padding-right: 5%;
	padding-left: 5%;
	}
.tit-espemed{
	float:left;
	margin-left:40%;
	width: 20%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
#text-concepto{
	margin-top: 3%;
	margin-right: 5%;
	margin-bottom: 5%;
	margin-left: 5%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.tit-espcirg-g{
	float:left;
	margin-left:35%;
	width: 25%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espcirg-pd{
	float:left;
	margin-left:35%;
	width: 25%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espendo{
	float:left;
	margin-left:30%;
	width: 40%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espegrastro{
	float:left;
	margin-left:35%;
	width: 30%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espeobs{
	float:left;
	margin-left:28%;
	width: 40%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espenutri{
	float:left;
	margin-left:35%;
	width: 30%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espeoto{
	float:left;
	margin-left:30%;
	width: 35%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espepsico{
	float:left;
	margin-left:35%;
	width: 25%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
#doc-espe{
	padding-right: 150px;
	padding-left: 150px;
	padding-top: 50px;
	}
.doctor{
	padding: 10px;
	height: auto;
	width: 25%;
	margin-top: 50px;
	margin-right: 10px;
	margin-bottom: 50px;
	margin-left: 50px;
	float: left;
	border: 2px solid #036;
	border-radius:25px;
	}
	
	#ft-doc img{
	height: auto;
	width: 100%;
	border-radius:25px;	
		}
	#nombre{
	 margin-bottom: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #999;
	padding-top: 2%;
		}
	#nomb-espe{
		margin-bottom: 10px;
		}
		
	#horario-doc{
	margin-bottom: 10px;		
		}
.doctor1{
	padding: 10px;
	height: auto;
	width: 28%;
	margin-top: 0%;
	margin-right: 30%;
	margin-bottom: 5%;
	margin-left: 35%;
	float: left;
	border: 2px solid #036;
	border-radius:25px;
	}
.doctor2{
	padding: 10px;
	height: auto;
	width: 25%;
	margin-top: 100px;
	margin-right: 5%;
	margin-bottom: 50px;
	margin-left: 15%;
	float: left;
	border: 2px solid #036;
	border-radius:25px;
	}
			
/*-- servicios--*/

#port-serv{
	padding-top: 0%;
	width: 100%;
	float: left;
	margin-bottom: 2.5%;
	}	
#port-serv img{
	border-top-left-radius: 0px;	
	}
#tit-servh{
	float: right;
	margin-top: -16%;
	margin-right: 15%;
	position: relative;
	padding-top: 2%;
	padding-bottom: 2%;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #993;
	border-bottom-color: #993;
	}
#concepto-serv{
	padding-right: 1%;
	padding-left: 1%;
	background-image: url(../imagenes/fd-csvs.png);
	background-position: center center;
	}
.texto-serv{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 35%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	margin-right: 1%;
	margin-left: 5%;
	}	

.foto-serv{
	float: right;
	width: 40%;
	height:auto;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-right:10%;
	padding-top: 2%;
	padding-right: 1%;
	padding-bottom: 2%;
	padding-left: 2%;	
	}
#ftsv{
	float: right;
	margin-top: 0%;
	margin-right:10%;
	margin-bottom: 5%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 8px;
	padding-bottom: 8px;
	
	}
#ftsv img{
	height: auto;
	width: 100%;
	border-radius:20px;		
	}


.texto-serv1h{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 35%;
	margin-top: 3%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	margin-right: 1%;
	margin-left: 5%;
	}	

.foto-serv1h{
	float: right;
	width: 40%;
	height:auto;
	margin-top: 3%;
	margin-bottom: 1%;
	margin-right:10%;
	padding-top: 2%;
	padding-right: 1%;
	padding-bottom: 2%;
	padding-left: 1%;	
	}
.foto-serv1h img{
	height: auto;
	width: 100%;
	border-radius:20px;	
	}
	
#ftsv1h{
	float: right;
	margin-top: 3%;
	margin-bottom: 5%;
	border-radius: 20px;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 0px;
	padding-bottom: 80px;
	
	}
#ftsv1h img{
	height: auto;
	width: 100%;
	border-radius: 20px;
			
	}

/*-- imagenes --*/


.imagenes{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 40%;
	margin-top: 5%;
	margin-bottom: 2%;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
	margin-right: 0%;
	margin-left: 0%;	
	}
#texto-imagenes{
	float:left;
	margin-bottom:2%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.foto-imagenes{
	float: right;
	width: 40%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 3%;
	padding-right: 1%;
	padding-bottom: 5%;
	padding-left: 1%;
	
	}
.foto-imagenes-a{
	float: right;
	width: 90%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	
	}
#ftsv-fotos{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 3%;
	margin-right: 3%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	}
#ftsv-fotos img{
	height: auto;
	width: 90%;
	border-radius: 20px;		
	}
#ftsv-fotos-a{
	float: left;
	margin-top: -5%;
	margin-bottom: 3%;
	margin-left: 5%;
	margin-right: 3%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	
	}
#ftsv-fotos-a img{
	height: auto;
	width: 90%;
	border-radius: 20px;		
	}
/*-- hospitalizacion--*/
#concepto-serv1{
	padding-right: 3%;
	padding-left: 3%;
	background-image: url(../imagenes/fd-csvs.png);
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	}
.texto-servhp{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 30%;
	margin-top: 10%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	margin-right: 3%;
	margin-left: 10%;
}
.foto-servhpf{
	float: right;
	width: 40%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 2%;
	padding-left: 3%;	
	}
#tex-srv{
	margin-bottom: 5%;	
	}
#ftsv1{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	padding-right: 8%;
	padding-left: 8%;
	padding-top: 8px;
	padding-bottom: 8px;
	
	}
#ftsv1 img{
	height: auto;
	width: 100%;
	border-radius: 20px;	
	}

.derechos-pacientes{
	text-align: justify;
	float: left;
	height: auto;
	width: 93%;
	margin-top: -3%;
	margin-bottom: 3%;
	padding-top: 0%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 3%;
	margin-right: 0%;
	margin-left: 0%;
	}

#tit-dchp{
	margin-top: 5%;
	margin-bottom: 1%;
	float: left;
	margin-left: 25%;
	box-shadow: 0.0em 0.1em 0.0em rgba(0, 51, 153 );
	}
#tit-dchp1{
	float: left;
	margin-top:3%;
	margin-left:15%;
	margin-bottom:2%;
	}
	
#text-dchp1{
	padding: 1%;
	margin-top: 1%;
	margin-right: 3%;
	margin-bottom: 1%;
	margin-left: 3%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;	
	}

/*-- quirof --*/
.texto-servhp-q{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 30%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 5%;
	margin-right: 3%;
	margin-left: 10%;
}
.hpt-q{
	float:right;
	width:45%;
	height:auto;
	margin-top:5%;
	margin-right:2%;
	margin-left:1%;
	margin bottom:2%;
	}
	
#vdq{
	background-color: #transparent;
	float: left;
	
	}
#videoq{
    width: 50%;
	height:50%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
	border-radius:30px;
    }
.foto-servhp-q{
	float: left;
	width: 99%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 2%;
	padding-bottom: 1%;
	padding-left: 3%;	
	}
#ftsv-q{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-right: 1%;
	margin-left: 10%;
	
	}
#ftsv-q img{
	height: auto;
	width: 100%;
	border-radius: 20px;	
	}

	
	
	
	
	
	
	}
	
@media only screen and (max-width:1280px){
	
	/*-- maquetacion --*/
#contenedor{
	width: 100%;
	
	}
.flotante {
	display: scroll;
	position: fixed;
	bottom: 20px;
	right: 30px;
	text-shadow: 0.1em 0.1em 0.2em black;
	z-index: 999;
}
/*--inicio --*/

#cabecera{
	}
.logo{
	margin-top: 2%;
	margin-bottom: 2%;
	
	}
#botones{
	z-index: 1000;
	width:100%;
	margin-bottom:3%;
	}
.menu1{
	float:left;
	position:relative;
	margin-left: 5%;
	margin-bottom: 0%;
	z-index:10;
	}	
.menu{
	float:left;
	margin-left: 5%;
	margin-bottom: 0%;
	}	


#sloganf{
	padding-top: 3%;
	padding-right: 50px;
	padding-bottom: 1%;
	padding-left: 50px;
	
	}
.med-serv{
	float: left;
	margin-top:3%;
	margin-left:10%;
	}
#mensajepos{
	padding-top: 3%;
	padding-bottom: 1%;
	
}

.hpt1{
	float:left;
	width:35%;
	margin-left:10%;
	margin-right:1%;
	margin bottom:2%;
	}
#text-mensaje{
	float: left;
	margin-top:15%;
	margin-right: 1%;
	margin-left: 1%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.hpt2{
	float:right;
	width:35%;
	margin-top:5%;
	margin-right:10%;
	margin-left:1%;
	margin bottom:2%;
	}
	
#vd{
	background-color: transparent;
	float: left;
	
	}
#video{
    width: 80%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
	border-radius:30px;
    }
	
	
	
		
.video-hpt {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 1%; /* IE6 workaround*/
	width: 560px;
	height: 315px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 2%;
	margin-bottom: 1%;
	margin-left: 1%;
	margin-top: 5%;
}

.video-hpt iframe,
.video-hpt object,
.video-hpt embed {
	position: absolute;
	top: 1%;
	left: 2%;
	width: 100%;
	height: 100%;
	right: 2%;
	
}
.men-emer{
	float: right;
	height: auto;
	width: auto;
	margin-top: 3%;
	margin-right: 15%;
	margin-bottom: 1%;
	padding: 1%;
	
	}

#ico-emer img{
	height: auto;
	width: 90%;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;	
	}
#num-emer{
	background-color: #001A66;
	margin-right: 5%;
	margin-left: 5%;	
	}
.tit-seguros{
	float: left;
	margin-left: 10%;
	margin-top: 3%;
	margin-bottom: 20px;	
	}
/* --- slider ---*/

.rotac1 {
  width: 99%;
  display: flex;
  height: 130px;
}

.slider {
  background: white;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .125);
  height: 150px;
  margin: 0.3%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.slider::before,
.slider::after {
  content: "";
  height: 100px;
  position: absolute;
  width: 260px;
  z-index: 2;
  background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

.slider::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}

.slider::before {
  left: 0;
  top: 0;
}

.slide-track {
  display: flex;
  width: calc(250px * 14); /* Número de imágenes en el track */
  animation: scroll 40s linear infinite;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7)); /* Avanza la mitad del track para que se repita */
  }
}

.slide {
  height: 150px;
  width: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* --- end ---*/

/*-- pie de pagina --*/
footer{
	
	}
.contpie{
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
	margin-top: 3%;
	background-color: #456BB1;
	}
.bloque1{
	float:left;
	width:35%;
	margin-top:3%;
	margin-left:5%;
	margin-right:1%;
	margin-bottom:3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-left:2%;	
	}
.tit-balt{
	margin-bottom: 15%;
	float: left;
	}
.mapa2{
	float: left;
	margin-top: -4%;
	}
.bloque2{
	float:left;
	width:15%;
	margin-top:3%;
	margin-left:0%;
	margin-right:1%;
	margin-bottom:3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-left:2%;	
	}

.tit-balts{
	margin-bottom: 25%;
	float: left;
	}
#balt{
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	margin-bottom: 5%;
	}
.bloque3{
	float: right;
	width: 25%;
	margin-top: 3%;
	margin-left: 1%;
	margin-right: 2%;
	margin-bottom: 3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-left:2%;	
	}
#social0{
	float: left;
	width: 60%;
	margin-right: 20px;
	margin-left: 0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}	
	
#social{
	float: left;
	width: 60%;
	margin-right: 20px;
	margin-left: 0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}
.ico-telef{
	margin-right:1%;
	}

#social1{
	float: left;
	margin-right: 20px;
	margin-left:0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}
.ico-mail{
	margin-right:1%;
	}


.dere{
	width:100%;	
	padding-top: 5px;
	margin-top: 25px;
	background-color: #FFF;
	}
#lg-wsm{
	float: left;
	margin-left: 40%;
	width: 48px;
	height: 48px;
	margin-top: 0px;
	
	}
#derechos{
	float: left;
	margin-left: 44%;
	margin-top: -30px;
	}
/*-- corporativo --*/

.rotacion img{
	border-top-left-radius: 0px;
	}
.fot-corp{
	margin-top:7%;
	}
.fot-corp img{
	width:100%;
	height:auto;
	}
.desarrollo-hpt{
	float: left;
	width:45%;
	margin-left:2%;
	}
#historia{
	padding-top: 5%;
	padding-bottom: 2%;
	background-image: url(../imagenes/fd-corp1.jpg);
	background-repeat: no-repeat;
}

.ft-h{
	float: left;
	margin-top:3%;
	height: auto;
	width: 90%;
	height: auto;
	padding: 0.5%;
	margin-left: 1%;
	
	}
.ft-h img{
	width: 80%;
	height: auto;
	border-radius: 15px;
	
	}
.tex-h{
	float: left;
	height: auto;
	width: 100%;
	}
	
#tp1{
	float: left;
	margin-top: 5%;
	margin-left: 10%;
	}
#t1{
	float: left;
	width:80%;
	margin-top: 2%;
	margin-left: 10%;
	}
.ico+{
	margin-right:3%;
	}
#cont-h{
	float: left;
	margin-top: 2%;
	margin-right: 12%;
	margin-left: 6%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.administrativo{
	float:right;
	width:40%;
	margin-right:2%;
	}
.mision{
	float: left;
	height: auto;
	width: 80%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 2%;
	margin-top:10%;
	}
#ft-ms img{
	height: auto;
	width: 50%;
    border-radius: 15px;	
	}
#tit-ms{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-ms{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	margin-top: -8%;
	
	}
.vision{
	float: left;
	height: auto;
	width: 80%;
	padding-right: 2%;
	padding-left: 5%;	
	}
#ft-vs img{
	height: auto;
	width: 50%;
	border-radius: 15px;
		
	}
#tit-vs{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-vs{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-right: 5%;
	margin-left: 5%;
	padding: 1%;
	margin-top: -5%;
	
	}
.valores{
	float: left;
	height: auto;
	width: 80%;	
	padding-right: 2%;
	padding-left: 5%;
	margin-top:20%;
	}
#ft-val img{
	height: auto;
	width: 50%;
	border-radius: 15px;
		
	}
#tit-val{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-val{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	margin-top: -8%;
	}
#tex-val1{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-top: 3%;
	margin-bottom: 3%;
	}
#flecha{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	}
#ptval{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 3%;
	}
#hpa{
	
	}
.desc-serv{
	float:left;
	width:40%;
	margin-left:5%;
	margin-right:1%;
	padding-top:3%;
	padding-bottom:3%;
	padding-left:2%;
	padding-right:2%;
	}
.rot-servh{
	float:right;
	width:40%;
	margin-left:1%;
	margin-right:5%;
	padding-top:3%;
	padding-bottom:3%;
	padding-left:2%;
	padding-right:2%;
	}
.rot-servh img{
	border-radius:20px;
	}
.tit-shpa{
	margin-top: 2%;
	margin-bottom: 5%;	
	}
.text-shpa{
	margin-right: 1%;
	margin-bottom: 5%;
	margin-left: 1%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}

/*-- contactenos --*/
#cont-text{
	padding-bottom: 10%;
	background-attachment: fixed;
	background-color: #334B57;
	background-image: url(../imagenes/ft-fcont.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #00468C;
	}
.ft-cont{
	float: left;
	height: auto;
	width: 50%;
	margin-top: 15%;
	}
.ft-cont img{
	float: right;
	margin-right: 50px;
	}
.text-cont{
	float: left;
	height: auto;
	width: 50%;
	margin-top: 15%;
	}
.mg1-cont{
	float: left;
	height: auto;
	width: 40%;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	}
#manos img{
	border-top-right-radius: 80px;
	border-top-left-radius: 80px;
	}
.formulario{
	float: right;
	height: auto;
	width: 40%;
	padding-top: 50px;
	padding-right: 10%;
	padding-bottom: 50px;
	padding-left: 2%;
	}
#borde-from{
	border: 2px solid #CCC;
	float: left;
	height: auto;
	width: auto;
	padding: 30px;
	}
#tit-form{
	margin-top: 5px;
	margin-bottom: 40px;	
	}
form{
	width: 450px;
	float: left;
	padding-top: 10px;
	padding-right: 100px;
	padding-bottom: 10px;
	padding-left: 20px;
	
	}
label{
	float: left;
	margin-top:10px;
	
	} 
input{
	float: right;
	width: 250px;
	margin-bottom: 20px;
	margin-right: 0px;
	}
textarea{
	float: right;
	width: 250px;
	height:100px;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-right: 0px;
	}
.mapa{
	float: left;
	margin-left: 0px;
	margin-bottom:20px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 10px;
	border-top-right-radius: 80px;
	
	}

	
/*-- especialidades --*/

#port{
	float: left;
	margin-top: 0px;
	margin-bottom: 20px;
	}
#port img{
	height: auto;
	width: 100%;
	border-top-left-radius: 0px;	
	}
.g-frase{
	float:left;
	width:35%;
	margin-top:-18%;
	margin-left:10%;
	margin-bottom:3%;
	}

#frase{
	float:left;
	width:90%;
	margin-left:2%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
#concepto{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	padding-right: 5%;
	padding-left: 5%;
	}
.tit-espemed{
	float:left;
	margin-left:40%;
	width: 20%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espemed-sex{
	float:left;
	margin-left:25%;
	width: 45%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
#text-concepto{
	margin-top: 3%;
	margin-right: 5%;
	margin-bottom: 5%;
	margin-left: 5%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.tit-espcirg-g{
	float:left;
	margin-left:35%;
	width: 25%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espcirg-pd{
	float:left;
	margin-left:35%;
	width: 30%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espendo{
	float:left;
	margin-left:30%;
	width: 40%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espegrastro{
	float:left;
	margin-left:35%;
	width: 30%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
	.tit-espeobs{
	float:left;
	margin-left:28%;
	width: 40%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espenutri{
	float:left;
	margin-left:30%;
	width: 35%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espeoto{
	float:left;
	margin-left:30%;
	width: 35%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espepsico{
	float:left;
	margin-left:35%;
	width: 30%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
#doc-espe{
	padding-right: 150px;
	padding-left: 150px;
	padding-top: 50px;
	}
.doctor{
	padding: 10px;
	height: auto;
	width: 25%;
	margin-top: 50px;
	margin-right: 10px;
	margin-bottom: 50px;
	margin-left: 30px;
	float: left;
	border: 2px solid #036;
	border-radius:25px;
	}
	
	#ft-doc img{
	height: auto;
	width: 100%;
	border-radius:25px;	
		}
	#nombre{
	 margin-bottom: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #999;
	padding-top: 2%;
		}
	#nomb-espe{
		margin-bottom: 10px;
		}
		
	#horario-doc{
	margin-bottom: 10px;		
		}
.doctor1{
	padding: 10px;
	height: auto;
	width: 28%;
	margin-top: 0%;
	margin-right: 30%;
	margin-bottom: 5%;
	margin-left: 35%;
	float: left;
	border: 2px solid #036;
	border-radius:25px;
	}
.doctor2{
	padding: 10px;
	height: auto;
	width: 25%;
	margin-top: 100px;
	margin-right: 5%;
	margin-bottom: 50px;
	margin-left: 15%;
	float: left;
	border: 2px solid #036;
	border-radius:25px;
	}

/*-- servicios--*/

#port-serv{
	padding-top: 0%;
	width: 100%;
	float: left;
	margin-bottom: 2.5%;
	}	
#port-serv img{
	border-top-left-radius: 0px;	
	}
#tit-servh{
	float: right;
	margin-top: -16%;
	margin-right: 15%;
	position: relative;
	padding-top: 2%;
	padding-bottom: 2%;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #993;
	border-bottom-color: #993;
	}
#concepto-serv{
	padding-right: 1%;
	padding-left: 1%;
	background-image: url(../imagenes/fd-csvs.png);
	background-position: center center;
	}
.texto-serv{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 35%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	margin-right: 1%;
	margin-left: 5%;
	}	

.foto-serv{
	float: right;
	width: 40%;
	height:auto;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-right:10%;
	padding-top: 2%;
	padding-right: 1%;
	padding-bottom: 2%;
	padding-left: 2%;	
	}
#ftsv{
	float: right;
	margin-top: 0%;
	margin-right:10%;
	margin-bottom: 5%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 8px;
	padding-bottom: 8px;
	
	}
#ftsv img{
	height: auto;
	width: 100%;
	border-radius:20px;		
	}


.texto-serv1h{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 35%;
	margin-top: 3%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	margin-right: 1%;
	margin-left: 5%;
	}	

.foto-serv1h{
	float: right;
	width: 40%;
	height:auto;
	margin-top: 3%;
	margin-bottom: 1%;
	margin-right:10%;
	padding-top: 2%;
	padding-right: 1%;
	padding-bottom: 2%;
	padding-left: 1%;	
	}
.foto-serv1h img{
	height: auto;
	width: 100%;
	border-radius:20px;	
	}
	
#ftsv1h{
	float: right;
	margin-top: 3%;
	margin-bottom: 5%;
	border-radius: 20px;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 0px;
	padding-bottom: 80px;
	
	}
#ftsv1h img{
	height: auto;
	width: 100%;
	border-radius: 20px;
			
	}
/*-- imagenes --*/


.imagenes{
	text-align: left;
	float: left;
	height: auto;
	width: 40%;
	margin-top: 5%;
	margin-bottom: 2%;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
	margin-right: 0%;
	margin-left: 0%;	
	}
#texto-imagenes{
	float:left;
	margin-bottom:2%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.foto-imagenes{
	float: right;
	width: 40%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 3%;
	padding-right: 1%;
	padding-bottom: 5%;
	padding-left: 1%;
	
	}
.foto-imagenes-a{
	float: right;
	width: 90%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	
	}
#ftsv-fotos{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 3%;
	margin-right: 3%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	}
#ftsv-fotos img{
	height: auto;
	width: 90%;
	border-radius: 20px;		
	}
#ftsv-fotos-a{
	float: left;
	margin-top: -5%;
	margin-bottom: 3%;
	margin-left: 5%;
	margin-right: 3%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	
	}
#ftsv-fotos-a img{
	height: auto;
	width: 90%;
	border-radius: 20px;		
	}
	
/*-- hospitalizacion--*/
#concepto-serv1{
	padding-right: 3%;
	padding-left: 3%;
	background-image: url(../imagenes/fd-csvs.png);
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	}
.texto-servhp{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 30%;
	margin-top: 10%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	margin-right: 3%;
	margin-left: 10%;
}
.foto-servhpf{
	float: right;
	width: 40%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 2%;
	padding-left: 3%;	
	}
#tex-srv{
	margin-bottom: 5%;	
	}
#ftsv1{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	padding-right: 8%;
	padding-left: 8%;
	padding-top: 8px;
	padding-bottom: 8px;
	
	}
#ftsv1 img{
	height: auto;
	width: 100%;
	border-radius: 20px;	
	}

.derechos-pacientes{
	text-align: justify;
	float: left;
	height: auto;
	width: 93%;
	margin-top: -3%;
	margin-bottom: 3%;
	padding-top: 0%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 3%;
	margin-right: 0%;
	margin-left: 0%;
	}

#tit-dchp{
	margin-top: 5%;
	margin-bottom: 1%;
	float: left;
	margin-left: 25%;
	box-shadow: 0.0em 0.1em 0.0em rgba(0, 51, 153 );
	}
#tit-dchp1{
	float: left;
	margin-top:3%;
	margin-left:15%;
	margin-bottom:2%;
	}
	
#text-dchp1{
	padding: 1%;
	margin-top: 1%;
	margin-right: 3%;
	margin-bottom: 1%;
	margin-left: 3%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;	
	}

/*-- quirof --*/
.texto-servhp-q{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 30%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 5%;
	margin-right: 3%;
	margin-left: 10%;
}
.hpt-q{
	float:right;
	width:45%;
	height:auto;
	margin-top:5%;
	margin-right:2%;
	margin-left:1%;
	margin bottom:2%;
	}
	
#vdq{
	background-color: #transparent;
	float: left;
	
	}
#videoq{
    width: 50%;
	height:50%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
	border-radius:30px;
    }
.foto-servhp-q{
	float: left;
	width: 99%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 2%;
	padding-bottom: 1%;
	padding-left: 3%;	
	}
#ftsv-q{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-right: 1%;
	margin-left: 10%;
	
	}
#ftsv-q img{
	height: auto;
	width: 100%;
	border-radius: 20px;	
	}

	



	
	
	}
	
@media only screen and (max-width:1152px){
	
	/*-- maquetacion --*/
#contenedor{
	width: 100%;
	
	}

/*--inicio --*/

#cabecera{
	}
.logo{
	margin-top: 2%;
	margin-bottom: 2%;
	
	}
#botones{
	z-index: 1000;
	width:100%;
	margin-bottom:3%;
	}
.menu1{
	float:left;
	width:100%;
	position:relative;
	margin-left: 1%;
	margin-bottom: 0%;
	z-index:10;
	}	
.menu{
	width:100%;
	float:left;
	margin-left: 1%;
	margin-bottom: 0%;
	}	


#sloganf{
	padding-top: 3%;
	padding-right: 50px;
	padding-bottom: 1%;
	padding-left: 50px;
	
	}
.med-serv{
	float: left;
	margin-top:3%;
	margin-left:5%;
	}
#mensajepos{
	padding-top: 3%;
	padding-bottom: 1%;
	
}
.hpt1{
	float:left;
	width:40%;
	margin-left:5%;
	margin-right:1%;
	margin bottom:2%;
	}
#text-mensaje{
	float: left;
	margin-top:15%;
	margin-right: 1%;
	margin-left: 3%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.hpt2{
	float:right;
	width:40%;
	margin-top:5%;
	margin-right:5%;
	margin-left:1%;
	margin bottom:2%;
	}
	
#vd{
	background-color: transparent;
	float: left;
	
	}
#video{
    width: 80%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
	border-radius:30px;
    }
	
	
		
.video-hpt {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 1%; /* IE6 workaround*/
	width: 560px;
	height: 315px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 2%;
	margin-bottom: 1%;
	margin-left: 1%;
	margin-top: 5%;
}

.video-hpt iframe,
.video-hpt object,
.video-hpt embed {
	position: absolute;
	top: 1%;
	left: 2%;
	width: 100%;
	height: 100%;
	right: 2%;
	
}
.men-emer{
	float: right;
	height: auto;
	width: auto;
	margin-top: 3%;
	margin-right:12%;
	margin-bottom: 1%;
	padding: 1%;
	
	}

#ico-emer img{
	height: auto;
	width: 90%;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;	
	}
#num-emer{
	background-color: #001A66;
	margin-right: 5%;
	margin-left: 5%;	
	}
.tit-seguros{
	float: left;
	margin-left: 5%;
	margin-top: 3%;
	margin-bottom: 20px;	
	}
/* --- slider ---*/

.rotac1 {
  width: 99%;
  display: flex;
  height: 130px;
}

.slider {
  background: white;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .125);
  height: 150px;
  margin: 0.3%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.slider::before,
.slider::after {
  content: "";
  height: 100px;
  position: absolute;
  width: 260px;
  z-index: 2;
  background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

.slider::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}

.slider::before {
  left: 0;
  top: 0;
}

.slide-track {
  display: flex;
  width: calc(250px * 14); /* Número de imágenes en el track */
  animation: scroll 40s linear infinite;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7)); /* Avanza la mitad del track para que se repita */
  }
}

.slide {
  height: 150px;
  width: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* --- end ---*/

/*-- pie de pagina --*/
footer{
	
	}
.contpie{
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
	margin-top: 3%;
	background-color: #456BB1;
	}
.bloque1{
	float:left;
	width:35%;
	margin-top:3%;
	margin-left:5%;
	margin-right:1%;
	margin-bottom:3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-left:2%;	
	}
.tit-balt{
	margin-bottom: 15%;
	float: left;
	}
.mapa2{
	float: left;
	margin-top: -4%;
	}
.bloque2{
	float:left;
	width:15%;
	margin-top:3%;
	margin-left:0%;
	margin-right:1%;
	margin-bottom:3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-left:2%;	
	}

.tit-balts{
	margin-bottom: 25%;
	float: left;
	}
#balt{
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	margin-bottom: 5%;
	}
.bloque3{
	float: right;
	width: 25%;
	margin-top: 3%;
	margin-left: 1%;
	margin-right: 2%;
	margin-bottom: 3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-left:2%;	
	}
#social0{
	float: left;
	width: 60%;
	margin-right: 20px;
	margin-left: 0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}	
	
#social{
	float: left;
	width: 60%;
	margin-right: 20px;
	margin-left: 0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}
.ico-telef{
	margin-right:1%;
	}

#social1{
	float: left;
	margin-right: 20px;
	margin-left:0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}
.ico-mail{
	margin-right:1%;
	}

.dere{
	width:100%;	
	padding-top: 5px;
	margin-top: 25px;
	background-color: #FFF;
	}
#lg-wsm{
	float: left;
	margin-left: 35%;
	width: 48px;
	height: 48px;
	margin-top: 0px;
	
	}
#derechos{
	float: left;
	margin-left: 40%;
	margin-top: -30px;
	}
	
/*-- corporativo --*/

.rotacion img{
	border-top-left-radius: 0px;
	}
.fot-corp{
	margin-top:7%;
	}
.fot-corp img{
	width:100%;
	height:auto;
	}
.desarrollo-hpt{
	float: left;
	width:45%;
	margin-left:2%;
	}
#historia{
	padding-top: 5%;
	padding-bottom: 2%;
	background-image: url(../imagenes/fd-corp1.jpg);
	background-repeat: no-repeat;
}

.ft-h{
	float: left;
	margin-top:3%;
	height: auto;
	width: 90%;
	height: auto;
	padding: 0.5%;
	margin-left: 1%;
	
	}
.ft-h img{
	width: 80%;
	height: auto;
	border-radius: 15px;
	
	}
.tex-h{
	float: left;
	height: auto;
	width: 100%;
	}
	
#tp1{
	float: left;
	margin-top: 5%;
	margin-left: 10%;
	}
#t1{
	float: left;
	width:80%;
	margin-top: 2%;
	margin-left: 10%;
	}
.ico+{
	margin-right:3%;
	}
#cont-h{
	float: left;
	margin-top: 2%;
	margin-right: 12%;
	margin-left: 6%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.administrativo{
	float:right;
	width:40%;
	margin-right:2%;
	}
.mision{
	float: left;
	height: auto;
	width: 80%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 2%;
	margin-top:10%;
	}
#ft-ms img{
	height: auto;
	width: 50%;
    border-radius: 15px;	
	}
#tit-ms{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-ms{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	margin-top: -8%;
	
	}
.vision{
	float: left;
	height: auto;
	width: 80%;
	padding-right: 2%;
	padding-left: 5%;	
	}
#ft-vs img{
	height: auto;
	width: 50%;
	border-radius: 15px;
		
	}
#tit-vs{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-vs{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-right: 5%;
	margin-left: 5%;
	padding: 1%;
	margin-top: -5%;
	
	}
.valores{
	float: left;
	height: auto;
	width: 80%;	
	padding-right: 2%;
	padding-left: 5%;
	margin-top:20%;
	}
#ft-val img{
	height: auto;
	width: 50%;
	border-radius: 15px;
		
	}
#tit-val{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-val{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	margin-top: -8%;
	}
#tex-val1{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-top: 3%;
	margin-bottom: 3%;
	}
#flecha{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	}
#ptval{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 3%;
	}
#hpa{
	
	}
.desc-serv{
	float:left;
	width:40%;
	margin-left:5%;
	margin-right:1%;
	padding-top:3%;
	padding-bottom:3%;
	padding-left:2%;
	padding-right:2%;
	}
.rot-servh{
	float:right;
	width:40%;
	margin-left:1%;
	margin-right:5%;
	padding-top:3%;
	padding-bottom:3%;
	padding-left:2%;
	padding-right:2%;
	}
.rot-servh img{
	border-radius:20px;
	}
.tit-shpa{
	margin-top: 2%;
	margin-bottom: 5%;	
	}
.text-shpa{
	margin-right: 1%;
	margin-bottom: 5%;
	margin-left: 1%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
/*-- historia --*/

.ft-h1{
	float: left;
	height: auto;
	margin-top:15%;
	padding: 0.5%;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	border: 2px solid #16439E;
	margin-left: 20%;
	margin-right: 1%;
	}
.ft-h1 img{
	float: right;
	margin-right: 0%;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	}
.tex-h1{
	float: right;
	margin-right:7%;
	height: auto;
	width: 50%;
	}

/*-- contactenos --*/
#cont-text{
	padding-bottom: 10%;
	background-attachment: fixed;
	background-color: #334B57;
	background-image: url(../imagenes/ft-fcont.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #00468C;
	padding-top: 10%;
	}
.ft-cont{
	float: left;
	height: auto;
	width: 50%;
	margin-top: 15%;
	}
.ft-cont img{
	float: right;
	margin-right: 50px;
	}
.text-cont{
	float: left;
	height: auto;
	width: 50%;
	margin-top: 15%;
	}
.mg1-cont{
	float: left;
	height: auto;
	width: 40%;
	padding-top: 10%;
	padding-right: 5%;
	padding-bottom: 10%;
	padding-left: 5%;
	}
#manos img{
	border-top-right-radius: 80px;
	border-top-left-radius: 80px;
	}
.formulario{
	float: right;
	height: auto;
	width: 35%;
	padding-top: 5%;
	padding-right: 2%;
	padding-bottom: 5%;
	padding-left: 2%;
	margin-right: 10%;
	}
#borde-from{
	border: 2px solid #CCC;
	float: left;
	height: auto;
	width: auto;
	padding: 30px;
	}
#tit-form{
	margin-top: 5px;
	margin-bottom: 40px;	
	}
form{
	width: 400px;
	float: left;
	padding-top: 10px;
	padding-right: 100px;
	padding-bottom: 10px;
	padding-left: 20px;
	
	}
label{
	float: left;
	margin-top:10px;
	
	} 
input{
	float: right;
	width: 250px;
	margin-bottom: 20px;
	margin-right: 0px;
	}
textarea{
	float: right;
	width: 250px;
	height:100px;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-right: 0px;
	}
.mapa{
	float: left;
	margin-left: 0px;
	margin-bottom:20px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 10px;
	border-top-right-radius: 80px;
	
	}

	
/*-- especialidades --*/

#port{
	float: left;
	margin-top: 0px;
	margin-bottom: 20px;
	}
#port img{
	height: auto;
	width: 100%;
	border-top-left-radius: 0px;	
	}
.g-frase{
	float:left;
	width:40%;
	margin-top:-20%;
	margin-left:10%;
	margin-bottom:3%;
	}

#frase{
	float:left;
	width:90%;
	margin-left:2%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
#concepto{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	padding-right: 5%;
	padding-left: 5%;
	}
.tit-espemed{
	float:left;
	margin-left:40%;
	width: 20%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espemed-sex{
	float:left;
	margin-left:25%;
	width: 50%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
#text-concepto{
	margin-top: 3%;
	margin-right: 5%;
	margin-bottom: 5%;
	margin-left: 5%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.tit-espcirg-g{
	float:left;
	margin-left:32%;
	width: 30%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espcirg-pd{
	float:left;
	margin-left:35%;
	width: 30%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espendo{
	float:left;
	margin-left:25%;
	width: 45%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espegrastro{
	float:left;
	margin-left:30%;
	width: 35%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espeobs{
	float:left;
	margin-left:25%;
	width: 45%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espenutri{
	float:left;
	margin-left:30%;
	width: 35%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espeoto{
	float:left;
	margin-left:30%;
	width: 40%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espepsico{
	float:left;
	margin-left:35%;
	width: 30%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
#doc-espe{
	padding-right: 150px;
	padding-left: 150px;
	padding-top: 50px;
	}
.doctor{
	padding: 10px;
	height: auto;
	width: 25%;
	margin-top: 50px;
	margin-right: 10px;
	margin-bottom: 50px;
	margin-left: 30px;
	float: left;
	border: 2px solid #036;
	border-radius:25px;
	}
	
	#ft-doc img{
	height: auto;
	width: 100%;
	border-radius:25px;	
		}
	#nombre{
	 margin-bottom: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #999;
	padding-top: 2%;
		}
	#nomb-espe{
		margin-bottom: 10px;
		}
		
	#horario-doc{
	margin-bottom: 10px;		
		}
.doctor1{
	padding: 10px;
	height: auto;
	width: 28%;
	margin-top: 0%;
	margin-right: 30%;
	margin-bottom: 5%;
	margin-left: 35%;
	float: left;
	border: 2px solid #036;
	border-radius:25px;
	}
.doctor2{
	padding: 10px;
	height: auto;
	width: 25%;
	margin-top: 100px;
	margin-right: 5%;
	margin-bottom: 50px;
	margin-left: 15%;
	float: left;
	border: 2px solid #036;
	border-radius:25px;
	}
/*-- servicios--*/

#port-serv{
	padding-top: 0%;
	width: 100%;
	float: left;
	margin-bottom: 2.5%;
	}	
#port-serv img{
	border-top-left-radius: 0px;	
	}
#tit-servh{
	float: right;
	margin-top: -16%;
	margin-right: 15%;
	position: relative;
	padding-top: 2%;
	padding-bottom: 2%;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #993;
	border-bottom-color: #993;
	}
#concepto-serv{
	padding-right: 1%;
	padding-left: 1%;
	background-image: url(../imagenes/fd-csvs.png);
	background-position: center center;
	}
.texto-serv{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 35%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	margin-right: 1%;
	margin-left: 5%;
	}	

.foto-serv{
	float: right;
	width: 40%;
	height:auto;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-right:10%;
	padding-top: 2%;
	padding-right: 1%;
	padding-bottom: 2%;
	padding-left: 2%;	
	}
#ftsv{
	float: right;
	margin-top: 0%;
	margin-right:10%;
	margin-bottom: 5%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 8px;
	padding-bottom: 8px;
	
	}
#ftsv img{
	height: auto;
	width: 100%;
	border-radius:20px;		
	}


.texto-serv1h{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 35%;
	margin-top: 3%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	margin-right: 1%;
	margin-left: 5%;
	}	

.foto-serv1h{
	float: right;
	width: 40%;
	height:auto;
	margin-top: 3%;
	margin-bottom: 1%;
	margin-right:10%;
	padding-top: 2%;
	padding-right: 1%;
	padding-bottom: 2%;
	padding-left: 1%;	
	}
.foto-serv1h img{
	height: auto;
	width: 100%;
	border-radius:20px;	
	}
	
#ftsv1h{
	float: right;
	margin-top: 3%;
	margin-bottom: 5%;
	border-radius: 20px;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 0px;
	padding-bottom: 80px;
	
	}
#ftsv1h img{
	height: auto;
	width: 100%;
	border-radius: 20px;
			
	}
.texto-servterp{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 35%;
	margin-top: 10%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	margin-right: 1%;
	margin-left: 5%;
	}
.tit-ftsvt{
	margin-top:10%;
	margin-bottom:3%;
	}
#ftsvt{
	float: right;
	margin-top: 3%;
	margin-right:10%;
	margin-bottom: 5%;
	border-radius: 20px;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 0px;
	padding-bottom: 80px;
	}
#ftsvt img{
	height: auto;
	width: 100%;
	border-radius: 20px;
			
	}

/*-- imagenes --*/


.imagenes{
	text-align: left;
	float: left;
	height: auto;
	width: 40%;
	margin-top: 5%;
	margin-bottom: 2%;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
	margin-right: 0%;
	margin-left: 0%;	
	}
#texto-imagenes{
	float:left;
	margin-bottom:2%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.foto-imagenes{
	float: right;
	width: 40%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 3%;
	padding-right: 1%;
	padding-bottom: 5%;
	padding-left: 1%;
	
	}
.foto-imagenes-a{
	float: right;
	width: 90%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	
	}
#ftsv-fotos{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 3%;
	margin-right: 3%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	}
#ftsv-fotos img{
	height: auto;
	width: 90%;
	border-radius: 20px;		
	}
#ftsv-fotos-a{
	float: left;
	margin-top: -5%;
	margin-bottom: 3%;
	margin-left: 2%;
	margin-right: 1%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	
	}
#ftsv-fotos-a img{
	height: auto;
	width: 90%;
	border-radius: 20px;		
	}
/*-- hospitalizacion--*/
#concepto-serv1{
	padding-right: 3%;
	padding-left: 3%;
	background-image: url(../imagenes/fd-csvs.png);
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	}
.texto-servhp{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 30%;
	margin-top: 10%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	margin-right: 3%;
	margin-left: 10%;
}
.foto-servhpf{
	float: right;
	width: 40%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 2%;
	padding-left: 3%;	
	}
#tex-srv{
	margin-bottom: 5%;	
	}
#ftsv1{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	padding-right: 8%;
	padding-left: 8%;
	padding-top: 8px;
	padding-bottom: 8px;
	
	}
#ftsv1 img{
	height: auto;
	width: 100%;
	border-radius: 20px;	
	}

.derechos-pacientes{
	text-align: justify;
	float: left;
	height: auto;
	width: 93%;
	margin-top: -3%;
	margin-bottom: 3%;
	padding-top: 0%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 3%;
	margin-right: 0%;
	margin-left: 0%;
	}

#tit-dchp{
	margin-top: 5%;
	margin-bottom: 1%;
	float: left;
	margin-left: 25%;
	box-shadow: 0.0em 0.1em 0.0em rgba(0, 51, 153 );
	}
#tit-dchp1{
	float: left;
	margin-top:3%;
	margin-left:15%;
	margin-bottom:2%;
	}
	
#text-dchp1{
	padding: 1%;
	margin-top: 1%;
	margin-right: 3%;
	margin-bottom: 1%;
	margin-left: 3%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;	
	}

/*-- quirof --*/
.texto-servhp-q{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 30%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 5%;
	margin-right: 3%;
	margin-left: 10%;
}
.hpt-q{
	float:right;
	width:45%;
	height:auto;
	margin-top:10%;
	margin-right:2%;
	margin-left:1%;
	margin bottom:2%;
	}
	
#vdq{
	background-color: #transparent;
	float: left;
	
	}
#videoq{
    width: 50%;
	height:50%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
	border-radius:30px;
    }
.foto-servhp-q{
	float: left;
	width: 99%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 2%;
	padding-bottom: 1%;
	padding-left: 3%;	
	}
#ftsv-q{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-right: 1%;
	margin-left: 5%;
	
	}
#ftsv-q img{
	height: auto;
	width: 100%;
	border-radius: 20px;	
	}





	
	
	
	}
	
@media only screen and (max-width:1024px){
	
	/*-- maquetacion --*/
#contenedor{
	width: 100%;
	
	}
.flotante {
	display: scroll;
	position: fixed;
	bottom: 20px;
	right: 30px;
	text-shadow: 0.1em 0.1em 0.2em black;
	z-index: 999;
}
/*--inicio --*/

#cabecera{
	}
.logo{
	margin-top: 2%;
	margin-bottom: 2%;
	
	}
#botones{
	z-index: 1000;
	width:100%;
	margin-bottom:3%;
	}
.menu1{
	float:left;
	width:100%;
	position:relative;
	margin-left: 1%;
	margin-bottom: 0%;
	z-index:10;
	}	
.menu{
	float:left;
	width:100%;
	margin-left: 1%;
	margin-right:1%;
	margin-bottom: 0%;
	}	


#sloganf{
	padding-top: 3%;
	padding-right: 50px;
	padding-bottom: 1%;
	padding-left: 50px;
	
	}
.med-serv{
	float: left;
	width:100%;
	margin-top:3%;
	margin-left:0.5%;
	margin-right:0.5%;
	}

#mensajepos{
	padding-top: 3%;
	padding-bottom: 1%;
	
}

.hpt1{
	float:left;
	width:95%;
	margin-left:5%;
	margin-right:1%;
	margin bottom:2%;
	}
#text-mensaje{
	float: left;
	margin-top:5%;
	margin-right: 10%;
	margin-left: 10%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.hpt2{
	float:left;
	width:80%;
	margin-top:5%;
	margin-right:1%;
	margin-left:20%;
	margin bottom:2%;
	}
	
#vd{
	background-color: transparent;
	float: left;
	
	}
#video{
    width: 80%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
	border-radius:30px;
    }
	
	
	
.video-hpt {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 1%; /* IE6 workaround*/
	width: 560px;
	height: 315px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 2%;
	margin-bottom: 1%;
	margin-left: 1%;
	margin-top: 5%;
}

.video-hpt iframe,
.video-hpt object,
.video-hpt embed {
	position: absolute;
	top: 1%;
	left: 2%;
	width: 100%;
	height: 100%;
	right: 2%;
	
}
.men-emer{
	float: right;
	height: auto;
	width: auto;
	margin-top: 3%;
	margin-right:12%;
	margin-bottom: 1%;
	padding: 1%;
	
	}

#ico-emer img{
	height: auto;
	width: 90%;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;	
	}
#num-emer{
	background-color: #001A66;
	margin-right: 5%;
	margin-left: 5%;	
	}
.tit-seguros{
	float: left;
	margin-left: 5%;
	margin-top: 3%;
	margin-bottom: 20px;	
	}

/* --- slider ---*/

.rotac1 {
  width: 99%;
  display: flex;
  height: 130px;
}

.slider {
  background: white;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .125);
  height: 150px;
  margin: 0.3%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.slider::before,
.slider::after {
  content: "";
  height: 100px;
  position: absolute;
  width: 260px;
  z-index: 2;
  background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

.slider::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}

.slider::before {
  left: 0;
  top: 0;
}

.slide-track {
  display: flex;
  width: calc(250px * 14); /* Número de imágenes en el track */
  animation: scroll 40s linear infinite;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7)); /* Avanza la mitad del track para que se repita */
  }
}

.slide {
  height: 150px;
  width: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* --- end ---*/

/*-- pie de pagina --*/
footer{
	
	}
.contpie{
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
	margin-top: 3%;
	background-color: #456BB1;
	}
.bloque1{
	float:left;
	width:35%;
	margin-top:3%;
	margin-left:3%;
	margin-right:1%;
	margin-bottom:3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-left:2%;	
	}
.tit-balt{
	margin-bottom: 15%;
	float: left;
	}
.mapa2{
	float: left;
	margin-top: -4%;
	}
.bloque2{
	float:left;
	width:15%;
	margin-top:3%;
	margin-left:0%;
	margin-right:1%;
	margin-bottom:3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-left:2%;	
	}

.tit-balts{
	margin-bottom: 25%;
	float: left;
	}
#balt{
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	margin-bottom: 5%;
	}
.bloque3{
	float: right;
	width: 25%;
	margin-top: 3%;
	margin-left: 1%;
	margin-right: 6%;
	margin-bottom: 3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-left:2%;	
	}
#social0{
	float: left;
	width: 60%;
	margin-right: 20px;
	margin-left: 0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}	
	
#social{
	float: left;
	width: 60%;
	margin-right: 20px;
	margin-left: 0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}
.ico-telef{
	margin-right:1%;
	}

#social1{
	float: left;
	margin-right: 20px;
	margin-left:0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}
.ico-mail{
	margin-right:1%;
	}

.social2{
	float: left;
	width:30%;
	margin-right: 20px;
	margin-left:0px;
	align-items: center;
	display: flex;
	text-align:left;	
	}
#red{
	float:left;
	margin-left:5%;
	margin-right:8%;
	}
.dere{
	width:100%;	
	padding-top: 5px;
	margin-top: 25px;
	background-color: #FFF;
	}
#lg-wsm{
	float: left;
	margin-left: 35%;
	width: 48px;
	height: 48px;
	margin-top: 0px;
	
	}
#derechos{
	float: left;
	margin-left: 40%;
	margin-top: -30px;
	}
	
/*-- corporativo --*/

.rotacion img{
	border-top-left-radius: 0px;
	}
.fot-corp{
	margin-top:7%;
	}
.fot-corphpt img{
	width:100%;
	height:auto;
	}
.frase-corphpt{
	float:left;
	position:relative;
	z-index:10;
	margin-left:10%;
	margin-top:-20%;
	}
.desarrollo-hpt{
	float: left;
	width:45%;
	margin-left:2%;
	}
#historia{
	padding-top: 5%;
	padding-bottom: 2%;
	background-image: url(../imagenes/fd-corp1-1.jpg);
	background-repeat: no-repeat;
}


.ft-h{
	float: left;
	margin-top:3%;
	height: auto;
	width: 90%;
	height: auto;
	padding: 0.5%;
	margin-left: 1%;
	
	}
.ft-h img{
	width: 80%;
	height: auto;
	border-radius: 15px;
	
	}
.tex-h{
	float: left;
	height: auto;
	width: 100%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
	
#tp1{
	float: left;
	margin-top: 5%;
	margin-left: 10%;
	}
#t1{
	float: left;
	width:80%;
	margin-top: 2%;
	margin-left: 10%;
	}
.ico+{
	margin-right:3%;
	}
#cont-h{
	float: left;
	margin-top: 2%;
	margin-right: 12%;
	margin-left: 6%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.administrativo{
	float:right;
	width:40%;
	margin-right:2%;
	}
.mision{
	float: left;
	height: auto;
	width: 80%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 2%;
	margin-top:10%;
	}
#ft-ms img{
	height: auto;
	width: 50%;
    border-radius: 15px;	
	}
#tit-ms{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-ms{
	
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	margin-top: -8%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.vision{
	float: left;
	height: auto;
	width: 80%;
	padding-right: 2%;
	padding-left: 5%;	
	}
#ft-vs img{
	height: auto;
	width: 50%;
	border-radius: 15px;
		
	}
#tit-vs{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-vs{
	
	margin-right: 5%;
	margin-left: 5%;
	padding: 1%;
	margin-top: -5%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.valores{
	float: left;
	height: auto;
	width: 80%;	
	padding-right: 2%;
	padding-left: 5%;
	margin-top:20%;
	}
#ft-val img{
	height: auto;
	width: 50%;
	border-radius: 15px;
		
	}
#tit-val{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-val{
	
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	margin-top: -8%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
#tex-val1{
	margin-top: 3%;
	margin-bottom: 3%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
#flecha{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	}
#ptval{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 3%;
	}
#hpa{
	
	}
.desc-serv{
	float:left;
	width:40%;
	margin-left:5%;
	margin-right:1%;
	padding-top:3%;
	padding-bottom:3%;
	padding-left:2%;
	padding-right:2%;
	}
.rot-servh{
	float:right;
	width:40%;
	margin-left:1%;
	margin-right:5%;
	padding-top:3%;
	padding-bottom:3%;
	padding-left:2%;
	padding-right:2%;
	}
.rot-servh img{
	border-radius:20px;
	}
.tit-shpa{
	margin-top: 2%;
	margin-bottom: 5%;	
	}
.text-shpa{
	margin-right: 1%;
	margin-bottom: 5%;
	margin-left: 1%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
/*-- historia --*/

.ft-h1{
	float: left;
	height: auto;
	margin-top:5%;
	padding: 2%;
	border-radius:15px;
	border: 2px solid #16439E;
	margin-left: 35%;
	margin-right: 1.5%;
	}
.ft-h1 img{
	float: right;
	margin-right: 0%;
	border-radius:10px;
	}
.tex-h1{
	float: right;
	margin-right:5%;
	height: auto;
	width: 80%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}

#t1h{
	float: left;
	margin-top: 8%;
	margin-left: -4%;
	}

.grup{
	padding: 2%;
	float: left;
	width: 30%;
	margin-top: 10%;
	margin-right: 2%;
	margin-bottom: 5%;
	margin-left: 10%;
	border: 2px solid #85B200;
	text-align: center;
	}
.ft-f{
	width: 100%;
	margin: 1%;
	}
.ft-f img{
	width:100%;
	height:auto;
	}
.nombre-f{
	margin-top: 5%;	
	}
.cont-f{
	margin-top: 5%;	
	}



/*-- contactenos --*/
#cont-text{
	padding-bottom: 10%;
	background-attachment: fixed;
	background-color: #334B57;
	background-image: url(../imagenes/ft-fcont.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #00468C;
	padding-top: 10%;
	}
.ft-cont{
	float: left;
	height: auto;
	width: 50%;
	margin-top: 15%;
	}
.ft-cont img{
	float: right;
	margin-right: 50px;
	}
.text-cont{
	float: left;
	height: auto;
	width: 50%;
	margin-top: 15%;
	
	}
.mg1-cont{
	float: left;
	height: auto;
	width: 45%;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 10%;
	padding-left: 5%;
	margin-left: 25%;
	}
#manos img{
	border-top-right-radius: 80px;
	border-top-left-radius: 80px;
	}
.formulario{
	float: left;
	height: auto;
	width: 80%;
	padding-top: 5%;
	padding-right: 2%;
	padding-bottom: 5%;
	padding-left: 2%;
	margin-left: 25%;
	}
#borde-from{
	border: 2px solid #CCC;
	float: left;
	height: auto;
	width: auto;
	padding: 50px;
	}
#tit-form{
	margin-top: 5px;
	margin-bottom: 40px;	
	}
form{
	width: 400px;
	float: left;
	padding-top: 10px;
	padding-right: 100px;
	padding-bottom: 10px;
	padding-left: 20px;
	
	}
label{
	float: left;
	margin-top:10px;
	
	} 
input{
	float: right;
	width: 250px;
	margin-bottom: 20px;
	margin-right: 0px;
	}
textarea{
	float: right;
	width: 250px;
	height:100px;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-right: 0px;
	}
.mapa{
	float: left;
	margin-left: 0px;
	margin-bottom:20px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 10px;
	border-top-right-radius: 80px;
	
	}

	
/*-- especialidades --*/

#port{
	float: left;
	margin-top: 0px;
	margin-bottom: 20px;
	}
#port img{
	height: auto;
	width: 100%;
	border-top-left-radius: 0px;	
	}
.g-frase{
	float:left;
	width:40%;
	margin-top:-23%;
	margin-left:10%;
	margin-bottom:3%;
	}

#frase{
	float:left;
	width:90%;
	margin-left:2%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
#concepto{
	padding-right: 5%;
	padding-left: 5%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.tit-espemed{
	float:left;
	margin-left:35%;
	width: 25%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espemed-odonto{
	float:left;
	margin-left:35%;
	width: 30%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espemed-diabet{
	float:left;
	margin-left:40%;
	width: 25%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espemed-sex{
	float:left;
	margin-left:20%;
	width: 60%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
#text-concepto{
	margin-top: 3%;
	margin-right: 2%;
	margin-bottom: 5%;
	margin-left: 2%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.tit-espcirg-g{
	float:left;
	margin-left:32%;
	width: 30%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espcirg-pd{
	float:left;
	margin-left:30%;
	width: 35%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espendo{
	float:left;
	margin-left:20%;
	width: 50%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espegrastro{
	float:left;
	margin-left:30%;
	width: 35%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espeobs{
	float:left;
	margin-left:22%;
	width: 50%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espenutri{
	float:left;
	margin-left:25%;
	width: 40%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espeoto{
	float:left;
	margin-left:30%;
	width: 40%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espepsico{
	float:left;
	margin-left:30%;
	width: 35%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
#doc-espe{
	padding-right: 150px;
	padding-left: 150px;
	padding-top: 50px;
	}
.doctor{
	padding: 10px;
	height: auto;
	width: 25%;
	margin-top: 50px;
	margin-right: 10px;
	margin-bottom: 50px;
	margin-left: 25px;
	float: left;
	border: 2px solid #036;
	border-radius:25px;
	}
	
	#ft-doc img{
	height: auto;
	width: 100%;
	border-radius:25px;	
		}
	#nombre{
	 margin-bottom: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #999;
	padding-top: 2%;
		}
	#nomb-espe{
		margin-bottom: 10px;
		}
		
	#horario-doc{
	margin-bottom: 10px;		
		}
.doctor1{
	padding: 10px;
	height: auto;
	width: 50%;
	margin-top: 0%;
	margin-right: 30%;
	margin-bottom: 5%;
	margin-left: 25%;
	float: left;
	border: 2px solid #036;
	border-radius:25px;
	}
.doctor2{
	padding: 10px;
	height: auto;
	width: 25%;
	margin-top: 100px;
	margin-right: 5%;
	margin-bottom: 50px;
	margin-left: 15%;
	float: left;
	border: 2px solid #036;
	border-radius:25px;
	}
/*-- servicios--*/

#port-serv{
	padding-top: 0%;
	width: 100%;
	float: left;
	margin-bottom: 2.5%;
	}	
#port-serv img{
	border-top-left-radius: 0px;	
	}
#tit-servh{
	float: right;
	margin-top: -16%;
	margin-right: 15%;
	position: relative;
	padding-top: 2%;
	padding-bottom: 2%;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #993;
	border-bottom-color: #993;
	}
#concepto-serv{
	padding-right: 1%;
	padding-left: 1%;
	background-image: url(../imagenes/fd-csvs.png);
	background-position: center center;
	}
.texto-serv{
	float: left;
	height: auto;
	width: 35%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	margin-right: 1%;
	margin-left: 5%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}	

.foto-serv{
	float: right;
	width: 40%;
	height:auto;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-right:10%;
	padding-top: 2%;
	padding-right: 1%;
	padding-bottom: 2%;
	padding-left: 2%;	
	}
#ftsv{
	float: right;
	margin-top: 0%;
	margin-right:10%;
	margin-bottom: 5%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 8px;
	padding-bottom: 8px;
	
	}
#ftsv img{
	height: auto;
	width: 100%;
	border-radius:20px;		
	}


.texto-serv1h{
	float: left;
	height: auto;
	width: 35%;
	margin-top: 3%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	margin-right: 1%;
	margin-left: 5%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}	

.foto-serv1h{
	float: right;
	width: 40%;
	height:auto;
	margin-top: 3%;
	margin-bottom: 1%;
	margin-right:10%;
	padding-top: 2%;
	padding-right: 1%;
	padding-bottom: 2%;
	padding-left: 1%;	
	}
.foto-serv1h img{
	height: auto;
	width: 100%;
	border-radius:20px;	
	}
	
#ftsv1h{
	float: right;
	margin-top: 3%;
	margin-bottom: 5%;
	border-radius: 20px;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 0px;
	padding-bottom: 80px;
	
	}
#ftsv1h img{
	height: auto;
	width: 100%;
	border-radius: 20px;
			
	}
.texto-servterp{
	float: left;
	height: auto;
	width: 35%;
	margin-top: 10%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	margin-right: 1%;
	margin-left: 5%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.tit-ftsvt{
	
	margin-bottom:3%;
	}
#ftsvt{
	float: right;
	margin-top: 0%;
	margin-right:10%;
	margin-bottom: 5%;
	border-radius: 20px;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 0px;
	padding-bottom: 80px;
	}
#ftsvt img{
	height: auto;
	width: 100%;
	border-radius: 20px;
			
	}
/*-- imagenes --*/


.imagenes{
	text-align: left;
	float: left;
	height: auto;
	width: 45%;
	margin-top: 2%;
	margin-bottom: 2%;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
	margin-right: 0%;
	margin-left: 0%;	
	}
#texto-imagenes{
	float:left;
	margin-bottom:2%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.foto-imagenes{
	float: right;
	width: 40%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 3%;
	padding-right: 1%;
	padding-bottom: 5%;
	padding-left: 1%;
	
	}
.foto-imagenes-a{
	float: right;
	width: 90%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	
	}
#ftsv-fotos{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 3%;
	margin-right: 3%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	}
#ftsv-fotos img{
	height: auto;
	width: 90%;
	border-radius: 20px;		
	}
#ftsv-fotos-a{
	float: left;
	margin-top: 0%;
	margin-bottom: 3%;
	margin-left: 20%;
	margin-right: 1%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top:1%;
	padding-bottom: 1%;
	
	}
#ftsv-fotos-a img{
	height: auto;
	width: 90%;
	border-radius: 20px;		
	}


/*-- hospitalizacion--*/
#concepto-serv1{
	padding-right: 3%;
	padding-left: 3%;
	background-image: url(../imagenes/fd-csvs.png);
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	}
.texto-servhp{
	float: left;
	height: auto;
	width: 95%;
	margin-top: 3%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	margin-right: 3%;
	margin-left: 3%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
}
.foto-servhpf{
	float:left;
	width: 95%;
	margin-top: 1%;
	margin-left:15%;
	margin-bottom: 3%;
	padding-top: 2%;
	padding-right: 3%;
	padding-bottom: 2%;
	padding-left: 3%;	
	}
#tex-srv{
	margin-bottom: 5%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;	
	}
#ftsv1{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	padding-right: 8%;
	padding-left: 8%;
	padding-top: 8px;
	padding-bottom: 8px;
	
	}
#ftsv1 img{
	height: auto;
	width: 100%;
	border-radius: 20px;	
	}

.derechos-pacientes{
	text-align: justify;
	float: left;
	height: auto;
	width: 95%;
	margin-top: -3%;
	margin-bottom: 3%;
	padding-top: 0%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 3%;
	margin-right: 0%;
	margin-left: 0%;
	}

#tit-dchp{
	margin-top: 5%;
	margin-bottom: 1%;
	float: left;
	margin-left: 15%;
	box-shadow: 0.0em 0.1em 0.0em rgba(0, 51, 153 );
	}
#tit-dchp1{
	float: left;
	margin-top:3%;
	margin-left:15%;
	margin-bottom:2%;
	}
	
#text-dchp1{
	padding: 1%;
	margin-top: 1%;
	margin-right: 3%;
	margin-bottom: 1%;
	margin-left: 3%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;	
	}
/*-- quirof --*/
.texto-servhp-q{
	float: left;
	height: auto;
	width: 40%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 5%;
	margin-right: 1%;
	margin-left: 1%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
}
.hpt-q{
	float:right;
	width:45%;
	height:auto;
	margin-top:8%;
	margin-right:1%;
	margin-left:1%;
	margin bottom:2%;
	}
	
#vdq{
	background-color: #transparent;
	float: left;
	
	}
#videoq{
    width: 60%;
	height:60%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
	border-radius:30px;
    }
.foto-servhp-q{
	float: left;
	width: 99%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 2%;
	padding-bottom: 1%;
	padding-left: 3%;	
	}
#ftsv-q{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-right: 1%;
	margin-left: 5%;
	
	}
#ftsv-q img{
	height: auto;
	width: 100%;
	border-radius: 20px;	
	}





	
	
	
	
	}

@media only screen and (max-width:768px){
	
	h1{
	font-family: "Montserrat", sans-serif;
	font-size: 25px;
	color: #00238C;
	font-weight: bold;	
	}
	hms1{
	font-family: "Montserrat", sans-serif;
	font-size: 25px;
	color: #fff;
	font-weight: bold;	
	}
	p-d{
	font-family: "Raleway", sans-serif;
	font-size: 20px;
	color: #036;	
	}
	
	/*-- maquetacion --*/
#contenedor{
	width: 100%;
	
	}
.flotante {
	display: scroll;
	position: fixed;
	bottom: 20px;
	right: 30px;
	text-shadow: 0.1em 0.1em 0.2em black;
	z-index: 999;
}
/*--inicio --*/

#cabecera{
	background-color:#FFF;
	padding-bottom:2%;
	}
.logo{
	margin-top: 2%;
	margin-bottom: 0%;
	
	}
#botones{
	z-index: 1000;
	width:100%;
	margin-bottom:3%;
	}
.menu1{
	float:left;
	width:100%;
	position:relative;
	margin-left: 1%;
	margin-right:1%;
	margin-bottom: 0%;
	z-index:10;
	}	
.menu{
	float:left;
	width:100%;
	margin-left: 1%;
	margin-right:1%;
	margin-bottom: 0%;
	}	


#sloganf{
	padding-top: 3%;
	padding-right: 50px;
	padding-bottom: 1%;
	padding-left: 50px;
	
	}
.med-serv{
	float: left;
	width:100%;
	margin-top:3%;
	margin-left:0.5%;
	margin-right:0.5%;
	}
#mensajepos{
	padding-top: 3%;
	padding-bottom: 1%;
	
}

.hpt1{
	float:left;
	width:95%;
	margin-left:3%;
	margin-right:3%;
	margin bottom:2%;
	}
#text-mensaje{
	float: left;
	margin-top:2%;
	margin-right: 10%;
	margin-left: 10%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.hpt2{
	float:left;
	width:80%;
	margin-top:5%;
	margin-right:1%;
	margin-left:18%;
	margin bottom:2%;
	}
	
#vd{
	background-color: transparent;
	float: left;
	
	}
#video{
    width: 80%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
	border-radius:30px;
    }
	
	
	
	
		
.video-hpt {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 1%; /* IE6 workaround*/
	width: 560px;
	height: 315px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 2%;
	margin-bottom: 1%;
	margin-left: 1%;
	margin-top: 5%;
}

.video-hpt iframe,
.video-hpt object,
.video-hpt embed {
	position: absolute;
	top: 1%;
	left: 2%;
	width: 100%;
	height: 100%;
	right: 2%;
	
}
.men-emer{
	float: right;
	height: auto;
	width: auto;
	margin-top: 3%;
	margin-right:15%;
	margin-bottom: 1%;
	padding: 1%;
	
	}

#ico-emer img{
	height: auto;
	width: 90%;
	border-radius:0px;	
	}
#num-emer{
	background-color: #001A66;
	margin-right: 5%;
	margin-left: 5%;	
	}
.tit-seguros{
	float: left;
	margin-left: 2%;
	margin-right:2%;
	margin-top: 3%;
	margin-bottom: 5%;	
	}
/* --- slider ---*/

.rotac1 {
  width: 99%;
  display: flex;
  height: 130px;
}

.slider {
  background: white;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .125);
  height: 150px;
  margin: 0.3%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.slider::before,
.slider::after {
  content: "";
  height: 100px;
  position: absolute;
  width: 260px;
  z-index: 2;
  background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

.slider::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}

.slider::before {
  left: 0;
  top: 0;
}

.slide-track {
  display: flex;
  width: calc(250px * 14); /* Número de imágenes en el track */
  animation: scroll 40s linear infinite;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7)); /* Avanza la mitad del track para que se repita */
  }
}

.slide {
  height: 150px;
  width: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* --- end ---*/

/*-- pie de pagina --*/
footer{
	
	}
.contpie{
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
	margin-top: 3%;
	background-color: #456BB1;
	}
.bloque1{
	float:left;
	width:95%;
	margin-top:3%;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #456bb1;
	padding-left:2%;	
	}
.tit-balt{
	margin-bottom: 15%;
	float: left;
	}
.mapa2{
	width:93%;
	float: left;
	margin-top: -4%;
	}
.bloque2{
	float:left;
	width:25%;
	margin-top:3%;
	margin-left:4%;
	margin-right:1%;
	margin-bottom:3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-left:2%;	
	}

.tit-balts{
	margin-bottom: 25%;
	float: left;
	}
#balt{
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	margin-bottom: 5%;
	}
.bloque3{
	float: right;
	width: 45%;
	margin-top: 3%;
	margin-left: 1%;
	margin-right: 6%;
	margin-bottom: 3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-left:2%;	
	}
#social0{
	float: left;
	width: 60%;
	margin-right: 20px;
	margin-left: 0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}	
	
#social{
	float: left;
	width: 60%;
	margin-right: 20px;
	margin-left: 0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}
.ico-telef{
	margin-right:1%;
	}

#social1{
	float: left;
	margin-right: 20px;
	margin-left:0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}
.ico-mail{
	margin-right:1%;
	}

.dere{
	width:100%;	
	padding-top: 5px;
	margin-top: 25px;
	background-color: #FFF;
	}
#lg-wsm{
	float: left;
	margin-left: 30%;
	width: 48px;
	height: 48px;
	margin-top: 0px;
	
	}
#derechos{
	float: left;
	margin-left: 38%;
	margin-top: -30px;
	}
	
/*-- corporativo --*/

.rotacion img{
	border-top-left-radius: 0px;
	}
.fot-corp{
	margin-top:7%;
	}
.fot-corphpt img{
	width:100%;
	height:auto;
	}
.frase-corphpt{
	float:left;
	position:relative;
	z-index:10;
	margin-left:10%;
	margin-top:-20%;
	}
.desarrollo-hpt{
	float: left;
	width:90%;
	margin-left:2%;
	margin-right:2%;
	}
#historia{
	padding-top: 5%;
	padding-bottom: 2%;
	background-image: url(../imagenes/fd-corp1-1.jpg);
	background-repeat: no-repeat;
}


.ft-h{
	float: left;
	margin-top:3%;
	height: auto;
	width: 100%;
	height: auto;
	padding: 0.5%;
	margin-left: 1%;
	
	}
.ft-h img{
	width: 80%;
	height: auto;
	border-radius: 15px;
	
	}
.tex-h{
	float: left;
	height: auto;
	width: 100%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
	
#tp1{
	float: left;
	margin-top: 5%;
	margin-left: 10%;
	}
#t1{
	float: left;
	width:80%;
	margin-top: 2%;
	margin-left: 10%;
	}
.ico+{
	margin-right:3%;
	}
#cont-h{
	float: left;
	margin-top: 2%;
	margin-right: 2%;
	margin-left: 10%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.administrativo{
	float:left;
	width:90%;
	margin-top:5%;
	margin-right:2%;
	margin-left:2%;
	}
.mision{
	float: left;
	height: auto;
	width: 100%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 2%;
	margin-top:10%;
	}
#ft-ms img{
	height: auto;
	width: 50%;
    border-radius: 15px;	
	}
#tit-ms{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-ms{
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	margin-top: -8%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.vision{
	float: left;
	height: auto;
	width: 100%;
	padding-right: 2%;
	padding-left: 5%;	
	}
#ft-vs img{
	height: auto;
	width: 50%;
	border-radius: 15px;
		
	}
#tit-vs{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-vs{
	margin-right: 5%;
	margin-left: 5%;
	padding: 1%;
	margin-top: -5%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.valores{
	float: left;
	height: auto;
	width: 100%;	
	padding-right: 2%;
	padding-left: 5%;
	margin-top:20%;
	}
#ft-val img{
	height: auto;
	width: 50%;
	border-radius: 15px;
		
	}
#tit-val{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-val{
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	margin-top: -8%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
#tex-val1{
	margin-top: 3%;
	margin-bottom: 3%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
#flecha{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	}
#ptval{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 3%;
	}
#hpa{
	
	}
.desc-serv{
	float:left;
	width:90%;
	margin-left:1%;
	margin-right:1%;
	padding-top:3%;
	padding-bottom:3%;
	padding-left:2%;
	padding-right:2%;
	}
.rot-servh{
	float:left;
	width:90%;
	margin-left:8%;
	margin-right:1%;
	padding-top:3%;
	padding-bottom:3%;
	padding-left:2%;
	padding-right:2%;
	}
.rot-servh img{
	border-radius:20px;
	}
.tit-shpa{
	margin-top: 2%;
	margin-bottom: 5%;	
	}
.text-shpa{
	margin-right: 1%;
	margin-bottom: 5%;
	margin-left: 1%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
/*-- contactenos --*/
#cont-text{
	padding-bottom: 10%;
	background-attachment: fixed;
	background-color: #334B57;
	background-image: url(../imagenes/ft-fcont.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #00468C;
	padding-top: 10%;
	}
.ft-cont{
	float: left;
	height: auto;
	width: 100%;
	margin-top: 15%;
	margin-right: 5%;
	margin-left: 5%;
	}
.ft-cont img{
	float: left;
	margin-left: 10%;
	width: 70%;
	height:auto;
	}
.text-cont{
	float: left;
	height: auto;
	width: 100%;
	margin-top: 10%;
	}
.mg1-cont{
	float: left;
	height: auto;
	width: 80%;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 10%;
	padding-left: 5%;
	margin-left: 5%;
	}
#manos img{
	border-top-right-radius: 80px;
	border-top-left-radius: 80px;
	}
.formulario{
	float: left;
	height: auto;
	width: 80%;
	padding-top: 5%;
	padding-right: 2%;
	padding-bottom: 5%;
	padding-left: 2%;
	margin-left: 15%;
	}
#borde-from{
	border: 2px solid #CCC;
	float: left;
	height: auto;
	width: auto;
	padding: 50px;
	}
#tit-form{
	margin-top: 5px;
	margin-bottom: 40px;	
	}
form{
	width: 400px;
	float: left;
	padding-top: 10px;
	padding-right: 100px;
	padding-bottom: 10px;
	padding-left: 20px;
	
	}
label{
	float: left;
	margin-top:10px;
	
	} 
input{
	float: right;
	width: 250px;
	margin-bottom: 20px;
	margin-right: 0px;
	}
textarea{
	float: right;
	width: 250px;
	height:100px;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-right: 0px;
	}
.mapa{
	float: left;
	margin-left: 0px;
	margin-bottom:20px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 10px;
	border-top-right-radius: 0px;
	
	}	

/*-- especialidades --*/

#port{
	float: left;
	margin-top: 0px;
	margin-bottom: 20px;
	}
#port img{
	float: right;
	height: auto;
	width: 150%;
	border-top-left-radius: 0px;	
	}
.g-frase{
	float:left;
	width:50%;
	margin-top:0%;
	margin-left:30%;
	margin-bottom:3%;
	}

#frase{
	float:left;
	width:90%;
	margin-left:2%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
#concepto{
	padding-right: 5%;
	padding-left: 5%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.tit-espemed{
	float:left;
	margin-left:32%;
	width: 30%;
	margin-top: 10%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espemed-odonto{
	float:left;
	margin-left:30%;
	width: 35%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espemed-diabet{
	float:left;
	margin-left:30%;
	width: 35%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
#text-concepto{
	margin-top: 3%;
	margin-right: 2%;
	margin-bottom: 5%;
	margin-left: 2%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.tit-espcirg-g{
	float:left;
	margin-left:28%;
	width: 45%;
	margin-top: 10%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espcirg-pd{
	float:left;
	margin-left:25%;
	width: 45%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espendo{
	float:left;
	margin-left:20%;
	width: 55%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espegrastro{
	float:left;
	margin-left:20%;
	width: 50%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espeobs{
	float:left;
	margin-left:10%;
	width: 70%;
	margin-top: 10%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espenutri{
	float:left;
	margin-left:20%;
	width: 55%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espeoto{
	float:left;
	margin-left:20%;
	width: 55%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espepsico{
	float:left;
	margin-left:25%;
	width: 45%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
#doc-espe{
	padding-right: 5%;
	padding-left: 5%;
	padding-top: 10%;
	}
.doctor{
	padding: 10px;
	height: auto;
	width: 50%;
	margin-top: 5%;
	margin-right: 10%;
	margin-bottom: 3%;
	margin-left: 23%;
	float: left;
	border: 2px solid #036;
	border-top-left-radius:25px;
	border-top-right-radius:25px;
	}
	
	#ft-doc img{
	height: auto;
	width: 100%;
	border-top-radius:15px;		
		}
	#nombre{
	margin-bottom: 10px;		
		}
	#nomb-espe{
		margin-bottom: 10px;
		}
		
	#horario-doc{
	margin-bottom: 10px;		
		}
.doctor1{
	padding: 10px;
	height: auto;
	width: 50%;
	margin-top: 3%;
	margin-right: 28%;
	margin-bottom: 5%;
	margin-left: 23%;
	float: left;
	border: 2px solid #036;
	border-top-left-radius:25px;
	border-top-right-radius:25px;
	}
.doctor2{
	padding: 10px;
	height: auto;
	width: 40%;
	margin-top: 10%;
	margin-right: 5%;
	margin-bottom: 10%;
	margin-left: 5%;
	float: left;
	border: 2px solid #036;
	border-top-left-radius:25px;
	border-top-right-radius:25px;
	}	

/*-- servicios--*/	
#port-serv{
	padding-top: 0%;
	width: 100%;
	float: left;
	margin-bottom: 2.5%;
	}	
#port-serv img{
	border-top-left-radius: 0px;	
	}
#tit-servh{
	float: left;
	margin-top: 3%;
	margin-bottom:3%;
	margin-left: 30%;
	position: relative;
	padding-top: 2%;
	padding-bottom: 2%;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #993;
	border-bottom-color: #993;
	}
#concepto-serv{
	padding-right: 1%;
	padding-left: 1%;
	background-image: url(../imagenes/fd-csvs.png);
	background-position: center center;
	}
.texto-serv{
	float: left;
	height: auto;
	width: 90%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	margin-right: 1%;
	margin-left: 5%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	}	

.foto-serv{
	float: right;
	width: 90%;
	height:auto;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-right:10%;
	padding-top: 2%;
	padding-right: 1%;
	padding-bottom: 2%;
	padding-left: 2%;	
	}
#ftsv{
	float: right;
	margin-top: 0%;
	margin-right:10%;
	margin-bottom: 5%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 8px;
	padding-bottom: 8px;
	
	}
#ftsv img{
	height: auto;
	width: 100%;
	border-radius:20px;		
	}


.texto-serv1h{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 3%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 1%;
	padding-left: 1%;
	margin-right: 1%;
	margin-left: 5%;
	}	

.foto-serv1h{
	float: right;
	width: 90%;
	height:auto;
	margin-top: 0%;
	margin-bottom: 1%;
	margin-right:10%;
	padding-top: 2%;
	padding-right: 1%;
	padding-bottom: 2%;
	padding-left: 1%;	
	}

	
#ftsv1h{
	float: right;
	margin-top: 3%;
	margin-bottom: 5%;
	border-radius: 20px;
	padding-right: 15%;
	padding-left: 1%;
	padding-top: 0px;
	padding-bottom: 80px;
	
	}
#ftsv1h img{
	height: auto;
	width: 100%;
	border-radius: 20px;
			
	}
.texto-servterp{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 10%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	margin-right: 1%;
	margin-left: 5%;
	}
.tit-ftsvt{
	
	margin-bottom:3%;
	}
#ftsvt{
	float: left;
	margin-top: 0%;
	margin-left:20%;
	margin-bottom: 5%;
	border-radius: 20px;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 0px;
	padding-bottom: 80px;
	}
#ftsvt img{
	height: auto;
	width: 100%;
	border-radius: 20px;
			
	}
/*-- imagenes --*/


.imagenes{
	text-align: left;
	float: left;
	height: auto;
	width: 95%;
	margin-top: 2%;
	margin-bottom: 2%;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
	margin-right: 0%;
	margin-left: 0%;	
	}
#texto-imagenes{
	float:left;
	margin-bottom:2%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.foto-imagenes{
	float: left;
	width: 95%;
	margin-top: -5%;
	margin-bottom: 3%;
	padding-top: 3%;
	padding-right: 1%;
	padding-bottom: 5%;
	padding-left: 1%;
	
	}
.foto-imagenes-a{
	float: right;
	width: 90%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	
	}
#ftsv-fotos{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 20%;
	margin-right: 1%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	}
#ftsv-fotos img{
	height: auto;
	width: 90%;
	border-radius: 20px;		
	}
#ftsv-fotos-a{
	float: left;
	margin-top: -3%;
	margin-bottom: 8%;
	margin-left: 13%;
	margin-right: 1%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top:1%;
	padding-bottom: 1%;
	
	}
#ftsv-fotos-a img{
	height: auto;
	width: 90%;
	border-radius: 20px;		
	}

/*-- hospitalizacion--*/
#concepto-serv1{
	padding-right: 3%;
	padding-left: 3%;
	background-image: url(../imagenes/fd-csvs.png);
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	}
.texto-servhp{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 95%;
	margin-top: 3%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	margin-right: 3%;
	margin-left: 3%;
}
.foto-servhpf{
	float:left;
	width: 95%;
	margin-top: 1%;
	margin-left:10%;
	margin-bottom: 3%;
	padding-top: 2%;
	padding-right: 3%;
	padding-bottom: 2%;
	padding-left: 3%;	
	}
#tex-srv{
	margin-bottom: 5%;	
	}
#ftsv1{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	padding-right: 8%;
	padding-left: 8%;
	padding-top: 8px;
	padding-bottom: 8px;
	
	}
#ftsv1 img{
	height: auto;
	width: 100%;
	border-radius: 20px;	
	}

.derechos-pacientes{
	text-align: justify;
	float: left;
	height: auto;
	width: 95%;
	margin-top: -3%;
	margin-bottom: 3%;
	padding-top: 0%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 3%;
	margin-right: 0%;
	margin-left: 0%;
	}

#tit-dchp{
	margin-top: 5%;
	margin-bottom: 1%;
	float: left;
	margin-left: 5%;
	box-shadow: 0.0em 0.1em 0.0em rgba(0, 51, 153 );
	}
#tit-dchp1{
	float: left;
	margin-top:3%;
	margin-left:15%;
	margin-bottom:2%;
	}
	
#text-dchp1{
	padding: 1%;
	margin-top: 1%;
	margin-right: 3%;
	margin-bottom: 1%;
	margin-left: 3%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;	
	}
/*-- quirof --*/
.texto-servhp-q{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 95%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 5%;
	margin-right: 1%;
	margin-left: 1%;
}
.hpt-q{
	float:left;
	width:90%;
	height:auto;
	margin-top:8%;
	margin-right:1%;
	margin-left:15%;
	margin bottom:2%;
	}
	
#vdq{
	background-color: #transparent;
	float: left;
	
	}
#videoq{
    width: 70%;
	height:70%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
	border-radius:30px;
    }
.foto-servhp-q{
	float: left;
	width: 99%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 2%;
	padding-bottom: 1%;
	padding-left: 3%;	
	}
#ftsv-q{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-right: 1%;
	margin-left: 15%;
	
	}
#ftsv-q img{
	height: auto;
	width: 100%;
	border-radius: 20px;	
	}






	
	
	
	
	}
	
@media only screen and (max-width:640px){
	
	h1{
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
	color: #00238C;
	font-weight: bold;	
	}
	
	/*-- maquetacion --*/
#contenedor{
	width: 100%;
	
	}
.flotante {
	display: scroll;
	position: fixed;
	bottom: 20px;
	right: 30px;
	text-shadow: 0.1em 0.1em 0.2em black;
	z-index: 999;
}
/*--inicio --*/

#cabecera{
	}
.logo{
	margin-top: 2%;
	margin-bottom: 2%;
	
	}
#botones{
	z-index: 1000;
	width:100%;
	margin-bottom:3%;
	}
.menu1{
	float:left;
	width:100%;
	position:relative;
	margin-left: 1%;
	margin-right:1%;
	margin-bottom: 0%;
	z-index:10;
	}	
.menu{
	float:left;
	width:100%;
	margin-left: 1%;
	margin-right:1%;
	margin-bottom: 0%;
	}	


#sloganf{
	padding-top: 3%;
	padding-right: 50px;
	padding-bottom: 1%;
	padding-left: 50px;
	
	}
.med-serv{
	width:99%;
	float: left;
	margin-top:3%;
	margin-left:-1.5%;
	margin-right:1%;
	}
#mensajepos{
	padding-top: 3%;
	padding-bottom: 1%;
	
}

#text-mensaje{
	float: left;
	margin-top:2%;
	margin-right: 10%;
	margin-left: 10%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.hpt2{
	float:left;
	width:80%;
	margin-top:5%;
	margin-right:1%;
	margin-left:15%;
	margin bottom:2%;
	}
	
#vd{
	background-color: transparent;
	float: left;
	
	
	}
#video{
    width: 90%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
	border-radius:30px;
    }
	
	
	
		
.video-hpt {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 1%; /* IE6 workaround*/
	width: 560px;
	height: 315px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 2%;
	margin-bottom: 1%;
	margin-left: 1%;
	margin-top: 5%;
}

.video-hpt iframe,
.video-hpt object,
.video-hpt embed {
	position: absolute;
	top: 1%;
	left: 2%;
	width: 100%;
	height: 100%;
	right: 2%;
	
}
.men-emer{
	float: right;
	height: auto;
	width: auto;
	margin-top: 3%;
	margin-right:15%;
	margin-bottom: 1%;
	padding: 1%;
	
	}

#ico-emer img{
	height: auto;
	width: 90%;
	border-radius:0px;	
	}
#num-emer{
	background-color: #001A66;
	margin-right: 5%;
	margin-left: 5%;	
	}
.tit-seguros{
	float: left;
	margin-left: 2%;
	margin-right:2%;
	margin-top: 3%;
	margin-bottom: 5%;	
	}
/* --- slider ---*/

.rotac1 {
  width: 99%;
  display: flex;
  height: 130px;
}

.slider {
  background: white;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .125);
  height: 150px;
  margin: 0.3%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.slider::before,
.slider::after {
  content: "";
  height: 100px;
  position: absolute;
  width: 260px;
  z-index: 2;
  background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

.slider::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}

.slider::before {
  left: 0;
  top: 0;
}

.slide-track {
  display: flex;
  width: calc(250px * 14); /* Número de imágenes en el track */
  animation: scroll 40s linear infinite;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7)); /* Avanza la mitad del track para que se repita */
  }
}

.slide {
  height: 150px;
  width: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* --- end ---*/

/*-- pie de pagina --*/
footer{
	
	}
.contpie{
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
	margin-top: 3%;
	background-color: #456BB1;
	}
.bloque1{
	float:left;
	width:95%;
	margin-top:3%;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #456bb1;
	padding-left:2%;	
	}
.tit-balt{
	margin-bottom: 15%;
	float: left;
	}
.mapa2{
	width:93%;
	float: left;
	margin-top: -4%;
	}
.bloque2{
	float:left;
	width:25%;
	margin-top:3%;
	margin-left:4%;
	margin-right:1%;
	margin-bottom:3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-left:2%;	
	}

.tit-balts{
	margin-bottom: 25%;
	float: left;
	}
#balt{
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	margin-bottom: 5%;
	}
.bloque3{
	float: right;
	width: 45%;
	margin-top: 3%;
	margin-left: 1%;
	margin-right: 6%;
	margin-bottom: 3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-left:2%;	
	}
#social0{
	float: left;
	width: 60%;
	margin-right: 20px;
	margin-left: 0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}	
	
#social{
	float: left;
	width: 60%;
	margin-right: 20px;
	margin-left: 0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}
.ico-telef{
	margin-right:1%;
	}

#social1{
	float: left;
	margin-right: 20px;
	margin-left:0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}
.ico-mail{
	margin-right:1%;
	}

.dere{
	width:100%;	
	padding-top: 5px;
	margin-top: 25px;
	background-color: #FFF;
	}
#lg-wsm{
	float: left;
	margin-left: 20%;
	width: 48px;
	height: 48px;
	margin-top: 0px;
	
	}
#derechos{
	float: left;
	margin-left: 1%;
	margin-top: 8px;
	}
	
/*-- corporativo --*/

.rotacion img{
	border-top-left-radius: 0px;
	}
.fot-corp{
	margin-top:7%;
	}
.fot-corphpt img{
	float:right;
	width:150%;
	height:auto;
	}
.frase-corphpt{
	float:left;
	width:40%;
	position:relative;
	z-index:10;
	margin-left:5%;
	margin-top:-15%;
	}
.desarrollo-hpt{
	float: left;
	width:90%;
	margin-left:2%;
	margin-right:2%;
	}
#historia{
	padding-top: 5%;
	padding-bottom: 2%;
	background-image: url(../imagenes/fd-corp1-1.jpg);
	background-repeat: no-repeat;
}


.ft-h{
	float: left;
	margin-top:3%;
	height: auto;
	width: 100%;
	height: auto;
	padding: 0.5%;
	margin-left: 1%;
	
	}
.ft-h img{
	width: 80%;
	height: auto;
	border-radius: 15px;
	
	}
.tex-h{
	float: left;
	height: auto;
	width: 100%;
	}
	
#tp1{
	float: left;
	margin-top: 5%;
	margin-left: 10%;
	}
#t1{
	float: left;
	width:80%;
	margin-top: 2%;
	margin-left: 10%;
	}
.ico+{
	margin-right:3%;
	}
#cont-h{
	float: left;
	margin-top: 2%;
	margin-right: 2%;
	margin-left: 10%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.administrativo{
	float:left;
	width:90%;
	margin-top:5%;
	margin-right:2%;
	margin-left:2%;
	}
.mision{
	float: left;
	height: auto;
	width: 100%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 2%;
	margin-top:10%;
	}
#ft-ms img{
	height: auto;
	width: 50%;
    border-radius: 15px;	
	}
#tit-ms{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-ms{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	margin-top: -8%;
	
	}
.vision{
	float: left;
	height: auto;
	width: 100%;
	padding-right: 2%;
	padding-left: 5%;	
	}
#ft-vs img{
	height: auto;
	width: 50%;
	border-radius: 15px;
		
	}
#tit-vs{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-vs{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-right: 5%;
	margin-left: 5%;
	padding: 1%;
	margin-top: -5%;
	
	}
.valores{
	float: left;
	height: auto;
	width: 100%;	
	padding-right: 2%;
	padding-left: 5%;
	margin-top:20%;
	}
#ft-val img{
	height: auto;
	width: 50%;
	border-radius: 15px;
		
	}
#tit-val{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-val{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	margin-top: -8%;
	}
#tex-val1{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-top: 3%;
	margin-bottom: 3%;
	}
#flecha{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	}
#ptval{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 3%;
	}
#hpa{
	
	}
.desc-serv{
	float:left;
	width:90%;
	margin-left:1%;
	margin-right:1%;
	padding-top:3%;
	padding-bottom:3%;
	padding-left:2%;
	padding-right:2%;
	}
.rot-servh{
	float:left;
	width:90%;
	margin-left:1%;
	margin-right:1%;
	padding-top:3%;
	padding-bottom:3%;
	padding-left:2%;
	padding-right:2%;
	}
.rot-servh img{
	border-radius:20px;
	}
.tit-shpa{
	margin-top: 2%;
	margin-bottom: 5%;	
	}
.text-shpa{
	margin-right: 1%;
	margin-bottom: 5%;
	margin-left: 1%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
/*-- historia --*/

.ft-h1{
	float: left;
	height: auto;
	margin-top:5%;
	padding: 2%;
	border-radius:15px;
	border: 2px solid #16439E;
	margin-left: 30%;
	margin-right: 1.5%;
	}
.ft-h1 img{
	float: right;
	margin-right: 0%;
	border-radius:10px;
	}
.tex-h1{
	float: left;
	margin-left:5%;
	height: auto;
	width: 80%;
	}

#t1h{
	float: left;
	margin-top: 8%;
	margin-left: -4%;
	}

.grup{
	padding: 2%;
	float: left;
	width: 60%;
	margin-top: 10%;
	margin-right: 2%;
	margin-bottom: 5%;
	margin-left: 15%;
	border: 2px solid #85B200;
	text-align: center;
	}
.ft-f{
	width: 100%;
	margin: 1%;
	}
.ft-f img{
	width:100%;
	height:auto;
	}
.nombre-f{
	margin-top: 5%;	
	}
.cont-f{
	margin-top: 5%;	
	}
	
/*-- contactenos --*/
#cont-text{
	padding-bottom: 10%;
	background-attachment: fixed;
	background-color: #334B57;
	background-image: url(../imagenes/ft-fcont.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #00468C;
	padding-top: 20%;
	}
.ft-cont{
	float: left;
	height: auto;
	width: 100%;
	margin-top: 15%;
	margin-right: 5%;
	margin-left: 5%;
	}
.ft-cont img{
	float: left;
	margin-left: 10%;
	width: 70%;
	height:auto;
	}
.text-cont{
	float: left;
	height: auto;
	width: 100%;
}
	.mg1-cont{
	float: left;
	height: auto;
	width: 80%;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 10%;
	padding-left: 5%;
	margin-left: 5%;
	}
#manos img{
	border-top-right-radius: 80px;
	border-top-left-radius: 80px;
	}
.formulario{
	float: left;
	height: auto;
	width: 80%;
	padding-top: 5%;
	padding-right: 2%;
	padding-bottom: 5%;
	padding-left: 2%;
	margin-left: 10%;
	}
#borde-from{
	border: 2px solid #CCC;
	float: left;
	height: auto;
	width: auto;
	padding: 30px;
	}
#tit-form{
	margin-top: 5px;
	margin-bottom: 40px;	
	}
form{
	width: 400px;
	float: left;
	padding-top: 10px;
	padding-right: 100px;
	padding-bottom: 10px;
	padding-left: 20px;
	
	}
label{
	float: left;
	margin-top:10px;
	
	} 
input{
	float: right;
	width: 250px;
	margin-bottom: 20px;
	margin-right: 0px;
	}
textarea{
	float: right;
	width: 250px;
	height:100px;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-right: 0px;
	}
.mapa{
	float: left;
	margin-left: 0px;
	margin-bottom:20px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 10px;
	border-top-right-radius: 0px;
	
	}		
/*-- especialidades --*/

#port{
	float: left;
	margin-top: 0px;
	margin-bottom: 20px;
	}
#port img{
	float: right;
	height: auto;
	width: 150%;
	border-top-left-radius: 0px;	
	}
.g-frase{
	float:left;
	width:50%;
	margin-top:0%;
	margin-left:25%;
	margin-bottom:3%;
	}

#frase{
	float:left;
	width:90%;
	margin-left:2%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
#concepto{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	padding-right: 5%;
	padding-left: 5%;
	}
.tit-espemed{
	float:left;
	margin-left:28%;
	width: 40%;
	margin-top: 10%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espemed-odonto{
	float:left;
	margin-left:30%;
	width: 40%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espemed-diabet{
	float:left;
	margin-left:30%;
	width: 40%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
#text-concepto{
	margin-top: 3%;
	margin-right: 2%;
	margin-bottom: 5%;
	margin-left: 2%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.tit-espcirg-g{
	float:left;
	margin-left:25%;
	width: 50%;
	margin-top: 10%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;
}
.tit-espcirg-pd{
	float:left;
	margin-left:20%;
	width: 55%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espendo{
	float:left;
	margin-left:20%;
	width: 55%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espegrastro{
	float:left;
	margin-left:20%;
	width: 60%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espeobs{
	float:left;
	margin-left:10%;
	width: 70%;
	margin-top: 10%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espenutri{
	float:left;
	margin-left:20%;
	width: 55%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espeoto{
	float:left;
	margin-left:10%;
	width: 70%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espepsico{
	float:left;
	margin-left:20%;
	width: 55%;
	margin-top: 10%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
#doc-espe{
	padding-right: 5%;
	padding-left: 5%;
	padding-top: 10%;
	}
.doctor{
	padding: 10px;
	height: auto;
	width: 60%;
	margin-top: 5%;
	margin-right: 10%;
	margin-bottom: 3%;
	margin-left: 15%;
	float: left;
	border: 2px solid #036;
	border-top-left-radius:25px;
	border-top-right-radius:25px;
	}
	
	#ft-doc img{
	height: auto;
	width: 100%;
	border-top-radius:15px;		
		}
	#nombre{
	margin-bottom: 10px;		
		}
	#nomb-espe{
		margin-bottom: 10px;
		}
		
	#horario-doc{
	margin-bottom: 10px;		
		}
.doctor1{
	padding: 10px;
	height: auto;
	width: 60%;
	margin-top: 5%;
	margin-right: 24%;
	margin-bottom: 5%;
	margin-left: 15%;
	float: left;
	border: 2px solid #036;
	border-top-left-radius:25px;
	border-top-right-radius:25px;
	}
.doctor2{
	padding: 10px;
	height: auto;
	width: 60%;
	margin-top: 10%;
	margin-right: 5%;
	margin-bottom: 10%;
	margin-left: 25%;
	float: left;
	border: 2px solid #036;
	border-top-left-radius:25px;
	border-top-right-radius:25px;
	}	

/*-- servicios--*/	
#port-serv{
	padding-top:6%;
	width: 100%;
	float: left;
	margin-bottom: 2.5%;
	}
#port-serv img{
	border-top-left-radius: 0px;	
	}
#tit-servh{
	float: left;
	margin-top: 3%;
	margin-bottom:3%;
	margin-left: 30%;
	position: relative;
	padding-top: 2%;
	padding-bottom: 2%;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #993;
	border-bottom-color: #993;
	}
#concepto-serv{
	padding-right: 1%;
	padding-left: 1%;
	background-image: url(../imagenes/fd-csvs.png);
	background-position: center center;
	}
.texto-serv{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	margin-right: 1%;
	margin-left: 5%;
	}	

.foto-serv{
	float: right;
	width: 90%;
	height:auto;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-right:10%;
	padding-top: 2%;
	padding-right: 1%;
	padding-bottom: 2%;
	padding-left: 2%;	
	}
#ftsv{
	float: right;
	margin-top: 0%;
	margin-right:10%;
	margin-bottom: 5%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 8px;
	padding-bottom: 8px;
	
	}
#ftsv img{
	height: auto;
	width: 100%;
	border-radius:20px;		
	}


.texto-serv1h{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 3%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 1%;
	padding-left: 1%;
	margin-right: 1%;
	margin-left: 5%;
	}	

.foto-serv1h{
	float: right;
	width: 90%;
	height:auto;
	margin-top: 0%;
	margin-bottom: 1%;
	margin-right:10%;
	padding-top: 2%;
	padding-right: 1%;
	padding-bottom: 2%;
	padding-left: 1%;	
	}

	
#ftsv1h{
	float: right;
	margin-top: 3%;
	margin-bottom: 5%;
	border-radius: 20px;
	padding-right: 15%;
	padding-left: 1%;
	padding-top: 0px;
	padding-bottom: 80px;
	
	}
#ftsv1h img{
	height: auto;
	width: 100%;
	border-radius: 20px;
			
	}

.texto-servterp{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 10%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 1%;
	margin-right: 1%;
	margin-left: 5%;
	}
.tit-ftsvt{
	
	margin-bottom:3%;
	}
#ftsvt{
	float: left;
	margin-top: 0%;
	margin-left:20%;
	margin-bottom: 5%;
	border-radius: 20px;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 0px;
	padding-bottom: 80px;
	}
#ftsvt img{
	height: auto;
	width: 100%;
	border-radius: 20px;
			
	}
/*-- imagenes --*/



.imagenes{
	text-align: left;
	float: left;
	height: auto;
	width: 95%;
	margin-top: 2%;
	margin-bottom: 2%;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
	margin-right: 0%;
	margin-left: 0%;	
	}
#texto-imagenes{
	float:left;
	margin-bottom:2%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.foto-imagenes{
	float: left;
	width: 95%;
	margin-top: -5%;
	margin-bottom: 3%;
	padding-top: 3%;
	padding-right: 1%;
	padding-bottom: 5%;
	padding-left: 1%;
	
	}
.foto-imagenes-a{
	float: right;
	width: 90%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	
	}
#ftsv-fotos{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 15%;
	margin-right: 1%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	}
#ftsv-fotos img{
	height: auto;
	width: 90%;
	border-radius: 20px;		
	}
#ftsv-fotos-a{
	float: left;
	margin-top: -3%;
	margin-bottom: 8%;
	margin-left: 8%;
	margin-right: 1%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top:1%;
	padding-bottom: 1%;
	
	}
#ftsv-fotos-a img{
	height: auto;
	width: 90%;
	border-radius: 20px;		
	}

/*-- hospitalizacion--*/
#concepto-serv1{
	padding-right: 2%;
	padding-left: 1%;
	background-image: url(../imagenes/fd-csvs.png);
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	}
.texto-servhp{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 95%;
	margin-top: 3%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	margin-right: 2%;
	margin-left: 1%;
}
.foto-servhpf{
	float:left;
	width: 95%;
	margin-top: 1%;
	margin-left:5%;
	margin-bottom: 3%;
	padding-top: 2%;
	padding-right: 3%;
	padding-bottom: 2%;
	padding-left: 3%;	
	}
#tex-srv{
	margin-bottom: 5%;	
	}
#ftsv1{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	padding-right: 8%;
	padding-left: 8%;
	padding-top: 8px;
	padding-bottom: 8px;
	
	}
#ftsv1 img{
	height: auto;
	width: 100%;
	border-radius: 20px;	
	}

.derechos-pacientes{
	text-align: justify;
	float: left;
	height: auto;
	width: 95%;
	margin-top: -3%;
	margin-bottom: 3%;
	padding-top: 0%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 3%;
	margin-right: 0%;
	margin-left: 0%;
	}

#tit-dchp{
	margin-top: 5%;
	margin-bottom: 1%;
	float: left;
	margin-left: 5%;
	box-shadow: 0.0em 0.1em 0.0em rgba(0, 51, 153 ) 50%;
	text-align: center;
	}
#tit-dchp1{
	float: left;
	margin-top:6%;
	margin-left:10%;
	margin-bottom:2%;
	}
	
#text-dchp1{
	padding: 1%;
	margin-top: 1%;
	margin-right: 3%;
	margin-bottom: 1%;
	margin-left: 3%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;	
	}

/*-- quirof --*/
.texto-servhp-q{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 95%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	margin-right: 2%;
	margin-left: 2%;
}
.hpt-q{
	float:left;
	width:90%;
	height:auto;
	margin-top:8%;
	margin-right:1%;
	margin-left:20%;
	margin bottom:2%;
	}
	
#vdq{
	background-color: #transparent;
	float: left;
	
	}
#videoq{
    width: 70%;
	height:70%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
	border-radius:30px;
    }
.foto-servhp-q{
	float: left;
	width: 99%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 2%;
	padding-bottom: 1%;
	padding-left: 3%;	
	}
#ftsv-q{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-right: 1%;
	margin-left: 15%;
	
	}
#ftsv-q img{
	height: auto;
	width: 100%;
	border-radius: 20px;	
	}




	
	
	
	
	
	}
	
@media only screen and (max-width:535px){
	
	h1{
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
	color: #00238C;
	font-weight: bold;	
	}
	p1{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #333;
	text-align: center;
	}
	p-r1{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #333;
	font-weight: bold;	
	}
	p-d{
	font-family: "Raleway", sans-serif;
	font-size: 15px;
	color: #036;	
	}
	h1-v{
	font-family: "Varela", sans-serif;
	font-size: 20px;
	color: #333333;
	font-weight: bold;
	}
	hm5{
	font-family: "Montserrat", sans-serif;
	font-size: 30px;
	color: #fff;
	font-weight: bold;
	text-shadow: 0.2em 0.2em 0.2em black;	
	}
	h-r5a{
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #039;
	}
	
	/*-- maquetacion --*/
#contenedor{
	width: 100%;
	
	}
.flotante {
	display: scroll;
	position: fixed;
	bottom: 20px;
	right: 30px;
	text-shadow: 0.1em 0.1em 0.2em black;
	z-index: 999;
}
/*--inicio --*/

#cabecera{
	}
.logo{
	margin-top: 2%;
	margin-bottom: 2%;
	
	}
#botones{
	z-index: 1000;
	width:100%;
	margin-bottom:3%;
	}
.menu1{
	float:left;
	width:100%;
	position:relative;
	margin-left: 1%;
	margin-right:1%;
	margin-bottom: 0%;
	z-index:10;
	}	
.menu{
	float:left;
	width:100%;
	margin-left: 1%;
	margin-right:1%;
	margin-bottom: 0%;
	}	


#sloganf{
	padding-top: 3%;
	padding-right: 50px;
	padding-bottom: 1%;
	padding-left: 50px;
	
	}
.med-serv{
	width:99%;
	float: left;
	margin-top:3%;
	margin-left:-1.5%;
	margin-right:1%;
	}
#mensajepos{
	padding-top: 3%;
	padding-bottom: 1%;
	
}

#text-mensaje{
	float: left;
	margin-top:2%;
	margin-right: 10%;
	margin-left: 10%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.hpt2{
	float:left;
	width:80%;
	margin-top:5%;
	margin-right:1%;
	margin-left:15%;
	margin bottom:2%;
	}
	
#vd{
	background-color: transparent;
	float: left;
	
	
	}
#video{
    width: 90%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
	border-radius:30px;
    }
	
	
	
		
.video-hpt {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 1%; /* IE6 workaround*/
	width: 450px;
	height: 315px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 2%;
	margin-bottom: 1%;
	margin-left: 1%;
	margin-top: 5%;
}

.video-hpt iframe,
.video-hpt object,
.video-hpt embed {
	position: absolute;
	top: 1%;
	left: 2%;
	width: 100%;
	height: 100%;
	right: 2%;
	
}
.men-emer{
	float: left;
	height: auto;
	width: auto;
	margin-top: 3%;
	margin-left:30%;
	margin-bottom: 1%;
	padding: 1%;
	
	}

#ico-emer img{
	height: auto;
	width: 90%;
	border-radius:0px;	
	}
#num-emer{
	background-color: #001A66;
	margin-right: 5%;
	margin-left: 5%;	
	}
.tit-seguros{
	float: left;
	margin-left: 2%;
	margin-right:2%;
	margin-top: 3%;
	margin-bottom: 5%;	
	}
/* --- slider ---*/

.rotac1 {
  width: 99%;
  display: flex;
  height: 130px;
}

.slider {
  background: white;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .125);
  height: 150px;
  margin: 0.3%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.slider::before,
.slider::after {
  content: "";
  height: 100px;
  position: absolute;
  width: 260px;
  z-index: 2;
  background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

.slider::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}

.slider::before {
  left: 0;
  top: 0;
}

.slide-track {
  display: flex;
  width: calc(250px * 14); /* Número de imágenes en el track */
  animation: scroll 40s linear infinite;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7)); /* Avanza la mitad del track para que se repita */
  }
}

.slide {
  height: 150px;
  width: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* --- end ---*/

/*-- pie de pagina --*/
footer{
	
	}
.contpie{
	padding-top: 5%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
	margin-top: 6%;
	background-color: #456BB1;
	}
.bloque1{
	float:left;
	width:95%;
	margin-top:5%;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #456bb1;
	padding-left:2%;	
	}
.tit-balt{
	margin-bottom: 15%;
	float: left;
	}
.mapa2{
	width:93%;
	float: left;
	margin-top: -4%;
	}
.bloque2{
	float:left;
	width:50%;
	margin-top:3%;
	margin-left:20%;
	margin-right:1%;
	margin-bottom:3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-left:2%;	
	}

.tit-balts{
	margin-bottom: 25%;
	float: left;
	}
#balt{
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	margin-bottom: 5%;
	}
.bloque3{
	float: left;
	width: 65%;
	margin-top: 3%;
	margin-left: 20%;
	margin-right: 6%;
	margin-bottom: 3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-left:2%;	
	}
#social0{
	float: left;
	width: 80%;
	margin-right: 20px;
	margin-left: 0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}	
	
#social{
	float: left;
	width: 80%;
	margin-right: 20px;
	margin-left: 0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}
.ico-telef{
	margin-right:1%;
	}

#social1{
	float: left;
	margin-right: 0px;
	margin-left:0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}
.ico-mail{
	margin-right:1%;
	}

.dere{
	width:100%;	
	padding-top: 5px;
	margin-top: 25px;
	background-color: #FFF;
	}
#lg-wsm{
	float: left;
	margin-left: 20%;
	width: 48px;
	height: 48px;
	margin-top: 0px;
	
	}
#derechos{
	float: left;
	margin-left: 1%;
	margin-top: 8px;
	}
	
/*-- corporativo --*/

.rotacion img{
	border-top-left-radius: 0px;
	}
.fot-corp{
	margin-top:7%;
	}
.fot-corphpt img{
	float:right;
	width:150%;
	height:auto;
	}
.frase-corphpt{
	float: left;
	width: 40%;
	position: relative;
	z-index: 10;
	margin-left: 25%;
	margin-top: -20%;
	padding: 3%;
	background-color:rgba(255,255,255,0.5);
	border-radius:20px;
	}
.desarrollo-hpt{
	float: left;
	width:90%;
	margin-left:2%;
	margin-right:2%;
	}
#historia{
	padding-top: 5%;
	padding-bottom: 2%;
	background-image: url(../imagenes/fd-corp1-1.jpg);
	background-repeat: no-repeat;
	background-position:right;
}


.ft-h{
	float: left;
	margin-top:3%;
	height: auto;
	width: 100%;
	height: auto;
	padding: 0.5%;
	margin-left: 1%;
	
	}
.ft-h img{
	width: 80%;
	height: auto;
	border-radius: 15px;
	
	}
.tex-h{
	float: left;
	height: auto;
	width: 100%;
	}
	
#tp1{
	float: left;
	margin-top: 5%;
	margin-left: 10%;
	}
#t1{
	float: left;
	width:80%;
	margin-top: 2%;
	margin-left: 10%;
	}
.ico+{
	margin-right:3%;
	}
#cont-h{
	float: left;
	margin-top: 2%;
	margin-right: 2%;
	margin-left: 10%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.administrativo{
	float:left;
	width:90%;
	margin-top:10%;
	margin-right:2%;
	margin-left:2%;
	}
.mision{
	float: left;
	height: auto;
	width: 100%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 2%;
	margin-top:10%;
	}
#ft-ms img{
	height: auto;
	width: auto;
    border-radius: 15px;	
	}
#tit-ms{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-ms{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	margin-top: -8%;
	
	}
.vision{
	float: left;
	height: auto;
	width: 100%;
	padding-right: 2%;
	padding-left: 5%;	
	}
#ft-vs img{
	height: auto;
	width: auto;
	border-radius: 15px;
		
	}
#tit-vs{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-vs{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-right: 5%;
	margin-left: 5%;
	padding: 1%;
	margin-top: -5%;
	
	}
.valores{
	float: left;
	height: auto;
	width: 100%;	
	padding-right: 2%;
	padding-left: 5%;
	margin-top:20%;
	}
#ft-val img{
	height: auto;
	width: auto;
	border-radius: 15px;
		
	}
#tit-val{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-val{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	margin-top: -8%;
	}
#tex-val1{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-top: 3%;
	margin-bottom: 3%;
	}
#flecha{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	}
#ptval{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 3%;
	}
#hpa{
	
	}
.desc-serv{
	float:left;
	width:90%;
	margin-left:1%;
	margin-right:1%;
	padding-top:3%;
	padding-bottom:3%;
	padding-left:2%;
	padding-right:2%;
	}
.rot-servh{
	float:left;
	width:90%;
	margin-left:1%;
	margin-right:1%;
	padding-top:3%;
	padding-bottom:3%;
	padding-left:2%;
	padding-right:2%;
	}
.rot-servh img{
	border-radius:20px;
	}
.tit-shpa{
	margin-top: 2%;
	margin-bottom: 5%;	
	}
.text-shpa{
	margin-right: 1%;
	margin-bottom: 5%;
	margin-left: 1%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	}

/*-- historia --*/
.ft-h1{
	float: left;
	height: auto;
	margin-top:10%;
	margin-bottom:5%;
	padding: 2%;
	border-radius:15px;
	border: 2px solid #16439E;
	margin-left: 25%;
	margin-right: 1.5%;
	}
.ft-h1 img{
	float: right;
	margin-right: 0%;
	border-radius:10px;
	}
.tex-h1{
	float: left;
	margin-left:5%;
	height: auto;
	width: 80%;
	}

.grup{
	padding: 2%;
	float: left;
	width: 60%;
	margin-top: 10%;
	margin-right: 2%;
	margin-bottom: 5%;
	margin-left: 15%;
	border: 2px solid #85B200;
	text-align: center;
	}
.ft-f{
	width: 100%;
	margin: 1%;
	}
.ft-f img{
	width:100%;
	height:auto;
	}
.nombre-f{
	margin-top: 5%;	
	}
.cont-f{
	margin-top: 5%;	
	}
	
/*-- contactenos --*/
#cont-text{
	padding-bottom: 10%;
	background-attachment: fixed;
	background-color: #334B57;
	background-image: url(../imagenes/ft-fcont.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #00468C;
	padding-top: 30%;
	}
.ft-cont{
	float: left;
	height: auto;
	width: 100%;
	margin-top: 15%;
	margin-right: 5%;
	margin-left: 5%;
	}
.ft-cont img{
	float: left;
	margin-left: 10%;
	width: 70%;
	height:auto;
	}
.text-cont{
	float: left;
	height: auto;
	width: 100%;
}
.mg1-cont{
	float: left;
	height: auto;
	width: 80%;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 10%;
	padding-left: 5%;
	margin-left: 5%;
	}
#manos img{
	border-top-right-radius: 80px;
	border-top-left-radius: 80px;
	}
.formulario{
	float: left;
	height: auto;
	width: 70%;
	padding-top: 5%;
	padding-right: 2%;
	padding-bottom: 5%;
	padding-left: 2%;
	margin-left: 2%;
	}
#borde-from{
	border: 2px solid #CCC;
	float: left;
	height: auto;
	width: auto;
	padding: 20px;
	}
#tit-form{
	margin-top: 5px;
	margin-bottom: 40px;	
	}
form{
	width: 400px;
	float: left;
	padding-top: 10px;
	padding-right: 100px;
	padding-bottom: 10px;
	padding-left: 20px;
	
	}
label{
	float: left;
	margin-top:10px;
	
	} 
input{
	float: right;
	width: 250px;
	margin-bottom: 20px;
	margin-right: 0px;
	}
textarea{
	float: right;
	width: 250px;
	height:100px;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-right: 0px;
	}
.mapa{
	float: left;
	margin-left: 0px;
	margin-bottom:20px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 10px;
	border-top-right-radius: 0px;
	
	}		
			
/*-- especialidades --*/

#port{
	float: left;
	margin-top: 0px;
	margin-bottom: 20px;
	}
#port img{
	float: right;
	height: auto;
	width: 175%;
	border-top-left-radius: 0px;	
	}
.g-frase{
	float:left;
	width:85%;
	margin-top:0%;
	margin-left:10%;
	margin-right:10%;
	margin-bottom:3%;
	}

#frase{
	float:left;
	width:90%;
	margin-left:2%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
#concepto{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	padding-right: 5%;
	padding-left: 5%;
	}
.tit-espemed{
	float:left;
	margin-left:20%;
	width: 55%;
	margin-top: 10%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
	.tit-espemed-odonto{
	float:left;
	margin-left:20%;
	width: 50%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espemed-diabet{
	float:left;
	margin-left:20%;
	width: 50%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
#text-concepto{
	margin-top: 3%;
	margin-right: 2%;
	margin-bottom: 5%;
	margin-left: 2%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.tit-espcirg-g{
	float:left;
	margin-left:20%;
	width: 57%;
	margin-top: 10%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;
}
.tit-espcirg-pd{
	float:left;
	margin-left:20%;
	width: 55%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espendo{
	float:left;
	margin-left:15%;
	width: 60%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espegrastro{
	float:left;
	margin-left:10%;
	width: 70%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espeobs{
	float:left;
	margin-left:10%;
	width: 70%;
	margin-top: 10%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espenutri{
	float:left;
	margin-left:20%;
	width: 55%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espeoto{
	float:left;
	margin-left:5%;
	width: 80%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espepsico{
	float:left;
	margin-left:20%;
	width: 55%;
	margin-top: 10%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
#doc-espe{
	padding-right: 5%;
	padding-left: 5%;
	padding-top: 10%;
	}
.doctor{
	padding: 10px;
	height: auto;
	width: 60%;
	margin-top: 5%;
	margin-right: 10%;
	margin-bottom: 3%;
	margin-left: 15%;
	float: left;
	border: 2px solid #036;
	border-top-left-radius:25px;
	border-top-right-radius:25px;
	}
	
	#ft-doc img{
	height: auto;
	width: 100%;
	border-top-radius:15px;		
		}
	#nombre{
	margin-bottom: 10px;		
		}
	#nomb-espe{
		margin-bottom: 10px;
		}
		
	#horario-doc{
	margin-bottom: 10px;		
		}
.doctor1{
	padding: 10px;
	height: auto;
	width: 60%;
	margin-top: 5%;
	margin-right: 24%;
	margin-bottom: 5%;
	margin-left: 15%;
	float: left;
	border: 2px solid #036;
	border-top-left-radius:25px;
	border-top-right-radius:25px;
	}
.doctor2{
	padding: 10px;
	height: auto;
	width: 60%;
	margin-top: 10%;
	margin-right: 5%;
	margin-bottom: 10%;
	margin-left: 25%;
	float: left;
	border: 2px solid #036;
	border-top-left-radius:25px;
	border-top-right-radius:25px;
	}	

/*-- servicios--*/	
#port-serv{
	padding-top: 0%;
	width: 100%;
	float: left;
	margin-bottom: 2.5%;
	}	
#port-serv img{
	border-top-left-radius: 0px;	
	}
#tit-servh{
	float: left;
	margin-top: 3%;
	margin-bottom:3%;
	margin-left: 20%;
	position: relative;
	padding-top: 2%;
	padding-bottom: 2%;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #993;
	border-bottom-color: #993;
	}
#concepto-serv{
	padding-right: 1%;
	padding-left: 1%;
	background-image: url(../imagenes/fd-csvs.png);
	background-position: center center;
	}
.texto-serv{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	margin-right: 1%;
	margin-left: 5%;
	}	

.foto-serv{
	float: left;
	width: 90%;
	height:auto;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-right:10%;
	padding-top: 2%;
	padding-right: 1%;
	padding-bottom: 2%;
	padding-left: 2%;	
	}
#ftsv{
	float: left;
	margin-top: 0%;
	margin-right:10%;
	margin-bottom: 5%;
	padding-right: 1%;
	padding-left: 15%;
	padding-top: 8px;
	padding-bottom: 8px;
	
	}
#ftsv img{
	height: auto;
	width: 100%;
	border-radius:20px;		
	}


.texto-serv1h{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 3%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 1%;
	padding-left: 1%;
	margin-right: 1%;
	margin-left: 5%;
	}	

.foto-serv1h{
	float: left;
	width: 90%;
	height:auto;
	margin-top: 0%;
	margin-bottom: 1%;
	margin-left:1%;
	margin-right:1%;
	padding-top: 2%;
	padding-right: 1%;
	padding-bottom: 2%;
	padding-left: 1%;	
	}

	
#ftsv1h{
	float: left;
	margin-top: 0%;
	margin-right:10%;
	margin-bottom: 5%;
	padding-right: 1%;
	padding-left: 15%;
	padding-top: 8px;
	padding-bottom: 8px;
	
	}
#ftsv1h img{
	height: auto;
	width: 100%;
	border-radius: 20px;
			
	}
.texto-servterp{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 10%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 1%;
	margin-right: 1%;
	margin-left: 5%;
	}
.tit-ftsvt{
	
	margin-bottom:3%;
	}
#ftsvt{
	float: left;
	margin-top: 0%;
	margin-left:20%;
	margin-bottom: 5%;
	border-radius: 20px;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 0px;
	padding-bottom: 80px;
	}
#ftsvt img{
	height: auto;
	width: 100%;
	border-radius: 20px;
}
/*-- imagenes --*/

.imagenes{
	text-align: left;
	float: left;
	height: auto;
	width: 95%;
	margin-top: 2%;
	margin-bottom: 2%;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
	margin-right: 0%;
	margin-left: 0%;	
	}
#texto-imagenes{
	float:left;
	margin-bottom:2%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.foto-imagenes{
	float: left;
	width: 95%;
	margin-top: -5%;
	margin-bottom: 3%;
	padding-top: 3%;
	padding-right: 1%;
	padding-bottom: 5%;
	padding-left: 1%;
	
	}
.foto-imagenes-a{
	float: right;
	width: 90%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	
	}
#ftsv-fotos{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 10%;
	margin-right: 1%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	}
#ftsv-fotos img{
	height: auto;
	width: 90%;
	border-radius: 20px;		
	}
#ftsv-fotos-a{
	float: left;
	margin-top: -3%;
	margin-bottom: 8%;
	margin-left: 3%;
	margin-right: 1%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top:1%;
	padding-bottom: 1%;
	
	}
#ftsv-fotos-a img{
	height: auto;
	width: 90%;
	border-radius: 20px;		
	}


/*-- hospitalizacion--*/
#concepto-serv1{
	padding-right: 2%;
	padding-left: 1%;
	background-image: url(../imagenes/fd-csvs.png);
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	}
.texto-servhp{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 95%;
	margin-top: 3%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	margin-right: 2%;
	margin-left: 1%;
}
.foto-servhpf{
	float:left;
	width: 95%;
	margin-top: 1%;
	margin-left:2%;
	margin-bottom: 3%;
	padding-top: 2%;
	padding-right: 3%;
	padding-bottom: 2%;
	padding-left: 3%;	
	}
#tex-srv{
	margin-bottom: 5%;	
	}
#ftsv1{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	padding-right: 8%;
	padding-left: 5%;
	padding-top: 8px;
	padding-bottom: 8px;
	
	}
#ftsv1 img{
	height: auto;
	width: 100%;
	border-radius: 20px;	
	}

.derechos-pacientes{
	text-align: justify;
	float: left;
	height: auto;
	width: 95%;
	margin-top: -3%;
	margin-bottom: 3%;
	padding-top: 0%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 3%;
	margin-right: 0%;
	margin-left: 0%;
	}

#tit-dchp{
	margin-top: 5%;
	margin-bottom: 1%;
	float: left;
	margin-left: 5%;
	box-shadow: 0.0em 0.1em 0.0em rgba(0, 51, 153 ) 50%;
	text-align: center;
	}
#tit-dchp1{
	float: left;
	margin-top:6%;
	margin-left:10%;
	margin-bottom:2%;
	}
	
#text-dchp1{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	padding: 1%;
	margin-top: 1%;
	margin-right: 3%;
	margin-bottom: 1%;
	margin-left: 3%;	
	}

/*-- quirof --*/
.texto-servhp-q{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 95%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	margin-right: 2%;
	margin-left: 2%;
}
.hpt-q{
	float:left;
	width:90%;
	height:auto;
	margin-top:8%;
	margin-right:1%;
	margin-left:20%;
	margin bottom:2%;
	}
	
#vdq{
	background-color: #transparent;
	float: left;
	
	}
#videoq{
    width: 70%;
	height:70%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
	border-radius:30px;
    }
.foto-servhp-q{
	float: left;
	width: 99%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 2%;
	padding-bottom: 1%;
	padding-left: 3%;	
	}
#ftsv-q{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-right: 1%;
	margin-left: 10%;
	
	}
#ftsv-q img{
	height: auto;
	width: 100%;
	border-radius: 20px;	
	}



	
	
		
	
	
	}
	
@media only screen and (max-width:480px){
	
	h1{
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
	color: #00238C;
	font-weight: bold;	
	}
	
	hms3{
	font-family: "Montserrat", sans-serif;
	font-size: 30px;
	background: -webkit-linear-gradient(rgb(23,70,158) ,  rgb(178,207,53), rgb(178,207,53),  rgb(23,70,158), rgb(23,70,158), rgb(23,70,158));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	text-decoration: underline; 
    text-decoration-color: #003366;	
	}
	h-r4{
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	color: #039;
	font-weight: bold;	
	}
	/*-- maquetacion --*/
#contenedor{
	width: 100%;
	
	}
.flotante {
	display: scroll;
	position: fixed;
	bottom: 20px;
	right: 30px;
	text-shadow: 0.1em 0.1em 0.2em black;
	z-index: 999;
}
/*--inicio --*/

#cabecera{
	}
.logo{
	margin-top: 2%;
	margin-bottom: 2%;
	
	}
#botones{
	z-index: 1000;
	width:100%;
	margin-bottom:3%;
	}
.menu1{
	float:left;
	width:100%;
	position:relative;
	margin-left: 1%;
	margin-right:1%;
	margin-bottom: 0%;
	z-index:10;
	}	
.menu{
	float:left;
	width:100%;
	margin-left: 1%;
	margin-right:1%;
	margin-bottom: 0%;
	}	


#sloganf{
	padding-top: 3%;
	padding-right: 50px;
	padding-bottom: 1%;
	padding-left: 50px;
	
	}
.med-serv{
	width:99%;
	float: left;
	margin-top:3%;
	margin-left:-1.5%;
	margin-right:1%;
	}
#mensajepos{
	padding-top: 3%;
	padding-bottom: 1%;
	
}

#text-mensaje{
	float: left;
	margin-top:2%;
	margin-right: 10%;
	margin-left: 10%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.hpt2{
	float:left;
	width:80%;
	margin-top:5%;
	margin-right:1%;
	margin-left:10%;
	margin bottom:2%;
	}
	
#vd{
	background-color: transparent;
	float: left;
	
	
	}
#video{
    width: 95%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
	border-radius:30px;
    }
	
	
	
		
.video-hpt {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 1%; /* IE6 workaround*/
	width: 400px;
	height: 315px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 2%;
	margin-bottom: 1%;
	margin-left: 1%;
	margin-top: 5%;
}

.video-hpt iframe,
.video-hpt object,
.video-hpt embed {
	position: absolute;
	top: 1%;
	left: 2%;
	width: 100%;
	height: 100%;
	right: 2%;
	
}
.men-emer{
	float: left;
	height: auto;
	width: auto;
	margin-top: 3%;
	margin-left:30%;
	margin-bottom: 1%;
	padding: 1%;
	
	}

#ico-emer img{
	height: auto;
	width: 90%;
	border-radius:0px;	
	}
#num-emer{
	background-color: #001A66;
	margin-right: 5%;
	margin-left: 5%;	
	}
.tit-seguros{
	float: left;
	margin-left: 2%;
	margin-right:2%;
	margin-top: 3%;
	margin-bottom: 5%;	
	}
/* --- slider ---*/

.rotac1 {
  width: 99%;
  display: flex;
  height: 130px;
}

.slider {
  background: white;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .125);
  height: 150px;
  margin: 0.3%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.slider::before,
.slider::after {
  content: "";
  height: 100px;
  position: absolute;
  width: 260px;
  z-index: 2;
  background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

.slider::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}

.slider::before {
  left: 0;
  top: 0;
}

.slide-track {
  display: flex;
  width: calc(250px * 14); /* Número de imágenes en el track */
  animation: scroll 40s linear infinite;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7)); /* Avanza la mitad del track para que se repita */
  }
}

.slide {
  height: 150px;
  width: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* --- end ---*/

/*-- pie de pagina --*/
footer{
	
	}
.contpie{
	padding-top: 5%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
	margin-top: 6%;
	background-color: #456BB1;
	}
.bloque1{
	float:left;
	width:95%;
	margin-top:5%;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #456bb1;
	padding-left:2%;	
	}
.tit-balt{
	margin-bottom: 15%;
	float: left;
	}
.mapa2{
	width:93%;
	float: left;
	margin-top: -4%;
	}
.bloque2{
	float:left;
	width:50%;
	margin-top:3%;
	margin-left:20%;
	margin-right:1%;
	margin-bottom:3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-left:2%;	
	}

.tit-balts{
	margin-bottom: 25%;
	float: left;
	}
#balt{
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	margin-bottom: 5%;
	}
.bloque3{
	float: left;
	width: 65%;
	margin-top: 3%;
	margin-left: 20%;
	margin-right: 6%;
	margin-bottom: 3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-left:2%;	
	}
#social0{
	float: left;
	width: 80%;
	margin-right: 20px;
	margin-left: 0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}	
	
#social{
	float: left;
	width: 80%;
	margin-right: 20px;
	margin-left: 0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}
.ico-telef{
	margin-right:1%;
	}

#social1{
	float: left;
	margin-right: 0px;
	margin-left:0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}
.ico-mail{
	margin-right:1%;
	}
.dere{
	width:100%;	
	padding-top: 5px;
	margin-top: 25px;
	background-color: #FFF;
	}
#lg-wsm{
	float: left;
	margin-left: 20%;
	width: 48px;
	height: 48px;
	margin-top: 0px;
	
	}
#derechos{
	float: left;
	width:50%;
	margin-left: 1%;
	margin-top: 8px;
	}

/*-- corporativo --*/

.rotacion img{
	border-top-left-radius: 0px;
	}
.fot-corp{
	margin-top:7%;
	}
.fot-corphpt img{
	float:right;
	width:180%;
	height:auto;
	}
.frase-corphpt{
	float: left;
	width: 40%;
	position: relative;
	z-index: 10;
	margin-left: 25%;
	margin-top: -20%;
	padding: 3%;
	background-color:rgba(255,255,255,0.5);
	border-radius:20px;
	}
.desarrollo-hpt{
	float: left;
	width:90%;
	margin-left:2%;
	margin-right:2%;
	}
#historia{
	padding-top: 5%;
	padding-bottom: 2%;
	background-image: url(../imagenes/fd-corp1-1.jpg);
	background-repeat: no-repeat;
}


.ft-h{
	float: left;
	margin-top:3%;
	height: auto;
	width: 100%;
	height: auto;
	padding: 0.5%;
	margin-left: 1%;
	
	}
.ft-h img{
	width: 80%;
	height: auto;
	border-radius: 15px;
	
	}
.tex-h{
	float: left;
	height: auto;
	width: 100%;
	}
	
#tp1{
	float: left;
	margin-top: 5%;
	margin-left: 10%;
	}
#t1{
	float: left;
	width:80%;
	margin-top: 2%;
	margin-left: 10%;
	}
.ico+{
	margin-right:3%;
	}
#cont-h{
	float: left;
	margin-top: 2%;
	margin-right: 2%;
	margin-left: 10%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.administrativo{
	float:left;
	width:90%;
	margin-top:10%;
	margin-right:2%;
	margin-left:2%;
	}
.mision{
	float: left;
	height: auto;
	width: 100%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 2%;
	margin-top:10%;
	}
#ft-ms img{
	height: auto;
	width: auto;
    border-radius: 15px;	
	}
#tit-ms{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-ms{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	margin-top: -8%;
	
	}
.vision{
	float: left;
	height: auto;
	width: 100%;
	padding-right: 2%;
	padding-left: 5%;	
	}
#ft-vs img{
	height: auto;
	width: auto;
	border-radius: 15px;
		
	}
#tit-vs{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-vs{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-right: 5%;
	margin-left: 5%;
	padding: 1%;
	margin-top: -5%;
	
	}
.valores{
	float: left;
	height: auto;
	width: 100%;	
	padding-right: 2%;
	padding-left: 5%;
	margin-top:20%;
	}
#ft-val img{
	height: auto;
	width: auto;
	border-radius: 15px;
		
	}
#tit-val{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-val{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	margin-top: -8%;
	}
#tex-val1{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-top: 3%;
	margin-bottom: 3%;
	}
#flecha{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	}
#ptval{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 3%;
	}
#hpa{
	
	}
.desc-serv{
	float:left;
	width:90%;
	margin-left:1%;
	margin-right:1%;
	padding-top:3%;
	padding-bottom:3%;
	padding-left:2%;
	padding-right:2%;
	}
.rot-servh{
	float:left;
	width:90%;
	margin-left:1%;
	margin-right:1%;
	padding-top:3%;
	padding-bottom:3%;
	padding-left:2%;
	padding-right:2%;
	}
.rot-servh img{
	border-radius:20px;
	}
.tit-shpa{
	margin-top: 2%;
	margin-bottom: 5%;	
	}
.text-shpa{
	margin-right: 1%;
	margin-bottom: 5%;
	margin-left: 1%;
	text-align: justify;
	}


/*-- historia --*/
.ft-h1{
	float: left;
	height: auto;
	margin-top:10%;
	margin-bottom:5%;
	padding: 2%;
	border-radius:15px;
	border: 2px solid #16439E;
	margin-left: 25%;
	margin-right: 1.5%;
	}
.ft-h1 img{
	float: right;
	margin-right: 0%;
	border-radius:10px;
	}
.tex-h1{
	float: left;
	margin-left:2%;
	height: auto;
	width: 90%;
	}


	
/*-- contactenos --*/
#cont-text{
	padding-bottom: 10%;
	background-attachment: fixed;
	background-color: #334B57;
	background-image: url(../imagenes/ft-fcont.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #00468C;
	padding-top: 30%;
	}
.ft-cont{
	float: left;
	height: auto;
	width: 100%;
	margin-top: 15%;
	margin-right: 5%;
	margin-left: 5%;
	}
.ft-cont img{
	float: left;
	margin-left: 10%;
	width: 70%;
	height:auto;
	}
.text-cont{
	float: left;
	height: auto;
	width: 90%;
	margin-left: 5%;
	margin-right: 2%;
}
.mg1-cont{
	float: left;
	height: auto;
	width: 80%;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 10%;
	padding-left: 5%;
	margin-left: 5%;
	}
#manos img{
	border-top-right-radius: 80px;
	border-top-left-radius: 80px;
	}
.formulario{
	float: left;
	height: auto;
	width: 60%;
	padding-top: 5%;
	padding-right: 2%;
	padding-bottom: 5%;
	padding-left: 2%;
	margin-left: 2%;
	}
#borde-from{
	border: 2px solid #CCC;
	float: left;
	height: auto;
	width: auto;
	padding: 30px;
	}
#tit-form{
	margin-top: 5px;
	margin-bottom: 40px;	
	}
form{
	width: 330px;
	float: left;
	padding-top: 10px;
	padding-right: 100px;
	padding-bottom: 10px;
	padding-left: 20px;
	
	}
label{
	float: left;
	margin-top:10px;
	
	} 
input{
	float: right;
	width: 250px;
	margin-bottom: 20px;
	margin-right: 0px;
	}
textarea{
	float: right;
	width: 250px;
	height:100px;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-right: 0px;
	}
.mapa{
	float: left;
	margin-left: 0px;
	margin-bottom:20px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 10px;
	border-top-right-radius: 0px;
	
	}				
	
/*-- especialidades --*/

#port{
	float: left;
	margin-top: 0px;
	margin-bottom: 20px;
	}
#port img{
	float: right;
	height: auto;
	width: 175%;
	border-top-left-radius: 0px;	
	}
.g-frase{
	float:left;
	width:85%;
	margin-top:0%;
	margin-left:10%;
	margin-right:10%;
	margin-bottom:3%;
	}

#frase{
	float:left;
	width:90%;
	margin-left:2%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
#concepto{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	padding-right: 5%;
	padding-left: 5%;
	}
.tit-espemed{
	float:left;
	margin-left:15%;
	width: 60%;
	margin-top: 10%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espemed-odonto{
	float:left;
	margin-left:15%;
	width: 60%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espemed-sex{
	float:left;
	margin-left:10%;
	width: 65%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
#text-concepto{
	margin-top: 3%;
	margin-right: 2%;
	margin-bottom: 5%;
	margin-left: 2%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.tit-espcirg-g{
	float:left;
	margin-left:20%;
	width: 57%;
	margin-top: 10%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;
}
.tit-espcirg-pd{
	float:left;
	margin-left:20%;
	width: 55%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espendo{
	float:left;
	margin-left:15%;
	width: 65%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espegrastro{
	float:left;
	margin-left:5%;
	width: 80%;
	margin-top: 10%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espeobs{
	float:left;
	margin-left:10%;
	width: 70%;
	margin-top: 10%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espenutri{
	float:left;
	margin-left:20%;
	width: 55%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espeoto{
	float:left;
	margin-left:3%;
	width: 90%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espepsico{
	float:left;
	margin-left:20%;
	width: 55%;
	margin-top: 10%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
#doc-espe{
	padding-right: 5%;
	padding-left: 5%;
	padding-top: 10%;
	}
.doctor{
	padding: 10px;
	height: auto;
	width: 70%;
	margin-top: 5%;
	margin-right: 10%;
	margin-bottom: 3%;
	margin-left: 10%;
	float: left;
	border: 2px solid #036;
	border-top-left-radius:25px;
	border-top-right-radius:25px;
	}
	
	#ft-doc img{
	height: auto;
	width: 100%;
	border-top-radius:15px;		
		}
	#nombre{
	margin-bottom: 10px;		
		}
	#nomb-espe{
		margin-bottom: 10px;
		}
		
	#horario-doc{
	margin-bottom: 10px;		
		}
.doctor1{
	padding: 10px;
	height: auto;
	width: 70%;
	margin-top: 5%;
	margin-right: 24%;
	margin-bottom: 5%;
	margin-left: 10%;
	float: left;
	border: 2px solid #036;
	border-top-left-radius:25px;
	border-top-right-radius:25px;
	}
.doctor2{
	padding: 10px;
	height: auto;
	width: 70%;
	margin-top: 10%;
	margin-right: 5%;
	margin-bottom: 10%;
	margin-left: 10%;
	float: left;
	border: 2px solid #036;
	border-top-left-radius:25px;
	border-top-right-radius:25px;
	}	
/*-- servicios--*/	
#port-serv{
	padding-top: 0%;
	width: 100%;
	float: left;
	margin-bottom: 2.5%;
	}	
#port-serv img{
	border-top-left-radius: 0px;	
	}
#tit-servh{
	float: left;
	margin-top: 3%;
	margin-bottom:3%;
	margin-left: 20%;
	position: relative;
	padding-top: 2%;
	padding-bottom: 2%;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #993;
	border-bottom-color: #993;
	}
#concepto-serv{
	padding-right: 1%;
	padding-left: 1%;
	background-image: url(../imagenes/fd-csvs.png);
	background-position: center center;
	}
.texto-serv{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	margin-right: 1%;
	margin-left: 5%;
	}	

.foto-serv{
	float: left;
	width: 95%;
	height:auto;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-right:1%;
	margin-left:1%;
	padding-top: 2%;
	padding-right: 1%;
	padding-bottom: 2%;
	padding-left: 1%;	
	}
#ftsv{
	float: left;
	margin-top: 0%;
	margin-right:10%;
	margin-bottom: 5%;
	padding-right: 1%;
	padding-left: 8%;
	padding-top: 8px;
	padding-bottom: 8px;
	
	}
#ftsv img{
	height: auto;
	width: 100%;
	border-radius:20px;		
	}


.texto-serv1h{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 3%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 1%;
	padding-left: 1%;
	margin-right: 1%;
	margin-left: 5%;
	}	

.foto-serv1h{
	float: left;
	width: 90%;
	height:auto;
	margin-top: 0%;
	margin-bottom: 1%;
	margin-left:1%;
	margin-right:1%;
	padding-top: 2%;
	padding-right: 1%;
	padding-bottom: 2%;
	padding-left: 1%;	
	}

	
#ftsv1h{
	float: left;
	margin-top: 0%;
	margin-right:10%;
	margin-bottom: 5%;
	padding-right: 1%;
	padding-left: 15%;
	padding-top: 8px;
	padding-bottom: 8px;
	
	}
#ftsv1h img{
	height: auto;
	width: 100%;
	border-radius: 20px;
			
	}
.texto-servterp{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 10%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 1%;
	margin-right: 1%;
	margin-left: 5%;
	}
.tit-ftsvt{
	
	margin-bottom:3%;
	}
#ftsvt{
	float: left;
	margin-top: 0%;
	margin-left:10%;
	margin-bottom: 5%;
	border-radius: 20px;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 0px;
	padding-bottom: 80px;
	}
#ftsvt img{
	height: auto;
	width: 100%;
	border-radius: 20px;
}
/*-- imagenes --*/

.imagenes{
	text-align: left;
	float: left;
	height: auto;
	width: 95%;
	margin-top: 2%;
	margin-bottom: 2%;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
	margin-right: 0%;
	margin-left: 0%;	
	}
#texto-imagenes{
	float:left;
	margin-bottom:2%;
	width:95%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.foto-imagenes{
	float: left;
	width: 95%;
	margin-top: -5%;
	margin-bottom: 3%;
	padding-top: 3%;
	padding-right: 1%;
	padding-bottom: 5%;
	padding-left: 1%;
	
	}
.foto-imagenes-a{
	float: right;
	width: 95%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	
	}
#ftsv-fotos{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 5%;
	margin-right: 1%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	}
#ftsv-fotos img{
	height: auto;
	width: 90%;
	border-radius: 20px;		
	}
#ftsv-fotos-a{
	float: left;
	margin-top: -3%;
	margin-bottom: 8%;
	margin-left: 1%;
	margin-right: 1%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top:1%;
	padding-bottom: 1%;
	
	}
#ftsv-fotos-a img{
	height: auto;
	width: 90%;
	border-radius: 20px;		
	}



/*-- hospitalizacion--*/
#concepto-serv1{
	padding-right: 2%;
	padding-left: 1%;
	background-image: url(../imagenes/fd-csvs.png);
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	}
.texto-servhp{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 95%;
	margin-top: 3%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	margin-right: 2%;
	margin-left: 1%;
}
.foto-servhpf{
	float:left;
	width: 95%;
	margin-top: 1%;
	margin-left:2%;
	margin-bottom: 3%;
	padding-top: 2%;
	padding-right: 3%;
	padding-bottom: 2%;
	padding-left: 3%;	
	}
#tex-srv{
	margin-bottom: 5%;	
	}
#ftsv1{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	padding-right: 8%;
	padding-left: 5%;
	padding-top: 8px;
	padding-bottom: 8px;
	
	}
#ftsv1 img{
	height: auto;
	width: 100%;
	border-radius: 20px;	
	}

.derechos-pacientes{
	text-align: justify;
	float: left;
	height: auto;
	width: 95%;
	margin-top: -3%;
	margin-bottom: 3%;
	padding-top: 0%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 3%;
	margin-right: 0%;
	margin-left: 0%;
	}

#tit-dchp{
	margin-top: 5%;
	margin-bottom: 1%;
	float: left;
	margin-left: 5%;
	box-shadow: 0.0em 0.1em 0.0em rgba(0, 51, 153 ) 50%;
	text-align: center;
	}
#tit-dchp1{
	float: left;
	margin-top:6%;
	margin-left:10%;
	margin-bottom:2%;
	}
	
#text-dchp1{
	padding: 1%;
	margin-top: 1%;
	margin-right: 3%;
	margin-bottom: 1%;
	margin-left: 3%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;	
	}

/*-- quirof --*/
.texto-servhp-q{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 95%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	margin-right: 2%;
	margin-left: 2%;
}
.hpt-q{
	float:left;
	width:90%;
	height:auto;
	margin-top:8%;
	margin-right:1%;
	margin-left:20%;
	margin bottom:2%;
	}
	
#vdq{
	background-color: #transparent;
	float: left;
	
	}
#videoq{
    width: 70%;
	height:70%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
	border-radius:30px;
    }
.foto-servhp-q{
	float: left;
	width: 99%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 2%;
	padding-bottom: 1%;
	padding-left: 3%;	
	}
#ftsv-q{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-right: 1%;
	margin-left: 5%;
	
	}
#ftsv-q img{
	height: auto;
	width: 90%;
	border-radius: 20px;	
	}






	
	
	
	
	
	}
	
@media only screen and (max-width:414px){
	
	h1{
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
	color: #00238C;
	font-weight: bold;	
	}
	hms2{
	font-family: "Montserrat", sans-serif;
	font-size: 17px;
	color: #333;
	font-weight: bold;	
	}
	h-r5{
	font-family: 'Roboto', sans-serif;
	font-size: 25px;
	color: #039;
	font-weight: bold;	
	}
	h-r5a{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #039;
	font-weight: bold;	
	}
	p-r2{
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	color: #036;
	}
	p3{
	font-family: "Montserrat", sans-serif;
	font-size: 15px;
	color: #00238C;
	font-weight: bold;	
	}
	
	/*-- maquetacion --*/
#contenedor{
	width: 100%;
	
	}
.flotante {
	display: scroll;
	position: fixed;
	bottom: 20px;
	right: 30px;
	text-shadow: 0.1em 0.1em 0.2em black;
	z-index: 999;
}
/*--inicio --*/

#cabecera{
	}
.logo{
	margin-top: 2%;
	margin-bottom: 2%;
	
	}
#botones{
	z-index: 1000;
	width:100%;
	margin-bottom:3%;
	}
.menu1{
	float:left;
	width:100%;
	position:relative;
	margin-left: 1%;
	margin-right:1%;
	margin-bottom: 0%;
	z-index:10;
	}	
.menu{
	float:left;
	width:100%;
	margin-left: 1%;
	margin-right:1%;
	margin-bottom: 0%;
	}	


#sloganf{
	padding-top: 3%;
	padding-right: 50px;
	padding-bottom: 1%;
	padding-left: 50px;
	
	}
.med-serv{
	width:99%;
	float: left;
	margin-top:3%;
	margin-left:-1.5%;
	margin-right:1%;
	}
#mensajepos{
	padding-top: 3%;
	padding-bottom: 1%;
	
}

#text-mensaje{
	float: left;
	margin-top:2%;
	margin-right: 10%;
	margin-left: 10%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.hpt2{
	float:left;
	width:90%;
	margin-top:5%;
	margin-right:1%;
	margin-left:8%;
	margin bottom:2%;
	}
	
#vd{
	background-color: transparent;
	float: left;
	
	
	}
#video{
    width: 95%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
	border-radius:30px;
    }
	
	
		
.video-hpt {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 1%; /* IE6 workaround*/
	width: 350px;
	height: 315px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 2%;
	margin-bottom: 1%;
	margin-left: 1%;
	margin-top: 5%;
}

.video-hpt iframe,
.video-hpt object,
.video-hpt embed {
	position: absolute;
	top: 1%;
	left: 2%;
	width: 100%;
	height: 100%;
	right: 2%;
	
}
.men-emer{
	float: left;
	height: auto;
	width: auto;
	margin-top: 3%;
	margin-left:30%;
	margin-bottom: 1%;
	padding: 1%;
	
	}

#ico-emer img{
	height: auto;
	width: 90%;
	border-radius:0px;	
	}
#num-emer{
	background-color: #001A66;
	margin-right: 5%;
	margin-left: 5%;	
	}
.tit-seguros{
	float: left;
	margin-left: 2%;
	margin-right:2%;
	margin-top: 3%;
	margin-bottom: 5%;	
	}
/* --- slider ---*/

.rotac1 {
  width: 99%;
  display: flex;
  height: 130px;
}

.slider {
  background: white;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .125);
  height: 150px;
  margin: 0.3%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.slider::before,
.slider::after {
  content: "";
  height: 100px;
  position: absolute;
  width: 260px;
  z-index: 2;
  background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

.slider::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}

.slider::before {
  left: 0;
  top: 0;
}

.slide-track {
  display: flex;
  width: calc(250px * 14); /* Número de imágenes en el track */
  animation: scroll 40s linear infinite;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7)); /* Avanza la mitad del track para que se repita */
  }
}

.slide {
  height: 150px;
  width: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* --- end ---*/

/*-- pie de pagina --*/
footer{
	
	}
.contpie{
	padding-top: 5%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
	margin-top: 6%;
	background-color: #456BB1;
	}
.bloque1{
	float:left;
	width:95%;
	margin-top:5%;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #456bb1;
	padding-left:2%;	
	}
.tit-balt{
	margin-bottom: 15%;
	float: left;
	}
.mapa2{
	width:93%;
	float: left;
	margin-top: -4%;
	}
.bloque2{
	float:left;
	width:65%;
	margin-top:3%;
	margin-left:10%;
	margin-right:1%;
	margin-bottom:3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #456bb1;
	padding-left:2%;	
	}

.tit-balts{
	margin-bottom: 15%;
	float: left;
	}
#balt{
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	margin-bottom: 5%;
	}
.bloque3{
	float: left;
	width: 65%;
	margin-top: 6%;
	margin-left: 10%;
	margin-right: 6%;
	margin-bottom: 3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #456bb1;
	padding-left:2%;	
	}
#social0{
	float: left;
	width: 95%;
	margin-right: 20px;
	margin-left: 0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}	
	
#social{
	float: left;
	width: 80%;
	margin-right: 20px;
	margin-left: 0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}
.ico-telef{
	margin-right:1%;
	}

#social1{
	float: left;
	margin-right: 0px;
	margin-left:0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}
.ico-mail{
	margin-right:1%;
	}

.dere{
	width:100%;	
	padding-top: 5px;
	margin-top: 25px;
	background-color: #FFF;
	}
#lg-wsm{
	float: left;
	margin-left: 20%;
	width: 48px;
	height: 48px;
	margin-top: 0px;
	
	}
#derechos{
	float: left;
	width:50%;
	margin-left: 1%;
	margin-top: 8px;
	}
/*-- corporativo --*/

.rotacion img{
	border-top-left-radius: 0px;
	}
.fot-corp{
	margin-top:7%;
	}
.fot-corphpt img{
	float:right;
	width:180%;
	height:auto;
	}
.frase-corphpt{
	float: left;
	width: 40%;
	position: relative;
	z-index: 10;
	margin-left: 25%;
	margin-top: -20%;
	padding: 3%;
	background-color:rgba(255,255,255,0.5);
	border-radius:20px;
	}
.desarrollo-hpt{
	float: left;
	width:90%;
	margin-left:2%;
	margin-right:2%;
	}
#historia{
	padding-top: 5%;
	padding-bottom: 2%;
	background-image: url(../imagenes/fd-corp1-1.jpg);
	background-repeat: no-repeat;
}


.ft-h{
	float: left;
	margin-top:3%;
	height: auto;
	width: 100%;
	height: auto;
	padding: 0.5%;
	margin-left: 1%;
	
	}
.ft-h img{
	width: 80%;
	height: auto;
	border-radius: 15px;
	
	}
.tex-h{
	float: left;
	height: auto;
	width: 100%;
	}
	
#tp1{
	float: left;
	margin-top: 5%;
	margin-left: 10%;
	}
#t1{
	float: left;
	width:80%;
	margin-top: 2%;
	margin-left: 10%;
	}
.ico+{
	margin-right:3%;
	}
#cont-h{
	float: left;
	margin-top: 2%;
	margin-right: 2%;
	margin-left: 5%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.administrativo{
	float:left;
	width:90%;
	margin-top:10%;
	margin-right:2%;
	margin-left:2%;
	}
.mision{
	float: left;
	height: auto;
	width: 100%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 2%;
	margin-top:10%;
	}
#ft-ms img{
	height: auto;
	width: auto;
    border-radius: 15px;	
	}
#tit-ms{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-ms{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	margin-top: -8%;
	
	}
.vision{
	float: left;
	height: auto;
	width: 100%;
	padding-right: 2%;
	padding-left: 5%;	
	}
#ft-vs img{
	height: auto;
	width: auto;
	border-radius: 15px;
		
	}
#tit-vs{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-vs{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-right: 5%;
	margin-left: 5%;
	padding: 1%;
	margin-top: -5%;
	
	}
.valores{
	float: left;
	height: auto;
	width: 100%;	
	padding-right: 2%;
	padding-left: 5%;
	margin-top:20%;
	}
#ft-val img{
	height: auto;
	width: auto;
	border-radius: 15px;
		
	}
#tit-val{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-val{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	margin-top: -8%;
	}
#tex-val1{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-top: 3%;
	margin-bottom: 3%;
	}
#flecha{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	}
#ptval{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 3%;
	}
#hpa{
	
	}
.desc-serv{
	float:left;
	width:90%;
	margin-left:1%;
	margin-right:1%;
	padding-top:3%;
	padding-bottom:3%;
	padding-left:2%;
	padding-right:2%;
	}
.rot-servh{
	float:left;
	width:90%;
	margin-left:1%;
	margin-right:1%;
	padding-top:3%;
	padding-bottom:3%;
	padding-left:2%;
	padding-right:2%;
	}
.rot-servh img{
	border-radius:20px;
	}
.tit-shpa{
	margin-top: 2%;
	margin-bottom: 5%;	
	}
.text-shpa{
	margin-right: 1%;
	margin-bottom: 5%;
	margin-left: 1%;
	text-align: justify;
	}


/*-- historia --*/
.ft-h1{
	float: left;
	height: auto;
	margin-top:10%;
	margin-bottom:5%;
	padding: 2%;
	border-radius:15px;
	border: 2px solid #16439E;
	margin-left: 25%;
	margin-right: 1.5%;
	}
.ft-h1 img{
	float: right;
	margin-right: 0%;
	border-radius:10px;
	}
.tex-h1{
	float: left;
	margin-left:1%;
	height: auto;
	width: 90%;
	}

/*-- historia --*/
.ft-h1{
	float: left;
	height: auto;
	margin-top:10%;
	margin-bottom:5%;
	padding: 2%;
	border-radius:15px;
	border: 2px solid #16439E;
	margin-left: 20%;
	margin-right: 1.5%;
	}
.ft-h1 img{
	float: right;
	margin-right: 0%;
	border-radius:10px;
	}
.tex-h1{
	float: right;
	margin-right:5%;
	height: auto;
	width: 90%;
	}	
	
/*-- contactenos --*/
#cont-text{
	padding-bottom: 10%;
	background-attachment: fixed;
	background-color: #334B57;
	background-image: url(../imagenes/ft-fcont.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #00468C;
	padding-top: 40%;
	}
.ft-cont{
	float: left;
	height: auto;
	width: 100%;
	margin-top: 15%;
	margin-right: 5%;
	margin-left: 5%;
	}
.ft-cont img{
	float: left;
	margin-left: 10%;
	width: 70%;
	height:auto;
	}
.text-cont{
	float: left;
	height: auto;
	width: 90%;
	margin-left: 8%;
	margin-right: 2%;
}
.mg1-cont{
	float: left;
	height: auto;
	width: 80%;
	padding-top: 10%;
	padding-right: 5%;
	padding-bottom: 10%;
	padding-left: 5%;
	margin-left: 5%;
	}
#manos img{
	width: 100%;
	height:auto;
	border-top-right-radius: 80px;
	border-top-left-radius: 80px;
	}
.formulario{
	float: left;
	height: auto;
	width: 60%;
	padding-top: 5%;
	padding-right: 2%;
	padding-bottom: 5%;
	padding-left: 2%;
	margin-left: 2%;
	}
#borde-from{
	border: 2px solid #CCC;
	float: left;
	
	height: auto;
	width: auto;
	padding: 20px;
	}
#tit-form{
	margin-top: 5px;
	margin-bottom: 40px;	
	}
form{
	width: 270px;
	float: left;
	margin-left:5%;
	padding-top: 10px;
	padding-right: 100px;
	padding-bottom: 10px;
	padding-left: 20px;
	
	}
label{
	float: left;
	margin-top:10px;
	
	} 
input{
	float: right;
	width: 250px;
	margin-bottom: 20px;
	margin-right: 0px;
	}
textarea{
	float: right;
	width: 250px;
	height:100px;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-right: 0px;
	}
.mapa{
	float: left;
	margin-left: 0px;
	margin-bottom:20px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 10px;
	border-top-right-radius: 0px;
	
	}					

/*-- especialidades --*/

#port{
	float: left;
	margin-top: 0px;
	margin-bottom: 20px;
	}
#port img{
	float: right;
	height: auto;
	width: 200%;
	border-top-left-radius: 0px;	
	}
.g-frase{
	float:left;
	width:85%;
	margin-top:0%;
	margin-left:10%;
	margin-right:10%;
	margin-bottom:3%;
	}

#frase{
	float:left;
	width:90%;
	margin-left:2%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
#concepto{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	padding-right: 5%;
	padding-left: 5%;
	}
.tit-espemed{
	float:left;
	margin-left:15%;
	width: 60%;
	margin-top: 10%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espemed-diabet{
	float:left;
	margin-left:20%;
	width: 55%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
#text-concepto{
	margin-top: 3%;
	margin-right: 2%;
	margin-bottom: 5%;
	margin-left: 2%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.tit-espcirg-g{
	float:left;
	margin-left:20%;
	width: 57%;
	margin-top: 10%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;
}
.tit-espcirg-pd{
	float:left;
	margin-left:20%;
	width: 55%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espendo{
	float:left;
	margin-left:15%;
	width: 65%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espegrastro{
	float:left;
	margin-left:5%;
	width: 80%;
	margin-top: 10%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espeobs{
	float:left;
	margin-left:10%;
	width: 70%;
	margin-top: 10%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espenutri{
	float:left;
	margin-left:20%;
	width: 55%;
	margin-top: 10%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espeoto{
	float:left;
	margin-left:3%;
	width: 90%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espepsico{
	float:left;
	margin-left:20%;
	width: 55%;
	margin-top: 10%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
#doc-espe{
	padding-right: 5%;
	padding-left: 5%;
	padding-top: 10%;
	}
.doctor{
	padding: 10px;
	height: auto;
	width: 70%;
	margin-top: 5%;
	margin-right: 10%;
	margin-bottom: 3%;
	margin-left: 10%;
	float: left;
	border: 2px solid #036;
	border-top-left-radius:25px;
	border-top-right-radius:25px;
	}
	
	#ft-doc img{
	height: auto;
	width: 100%;
	border-top-radius:15px;		
		}
	#nombre{
	margin-bottom: 10px;		
		}
	#nomb-espe{
		margin-bottom: 10px;
		}
		
	#horario-doc{
	margin-bottom: 10px;		
		}
.doctor1{
	padding: 10px;
	height: auto;
	width: 70%;
	margin-top: 5%;
	margin-right: 24%;
	margin-bottom: 5%;
	margin-left: 10%;
	float: left;
	border: 2px solid #036;
	border-top-left-radius:25px;
	border-top-right-radius:25px;
	}
.doctor2{
	padding: 10px;
	height: auto;
	width: 70%;
	margin-top: 10%;
	margin-right: 5%;
	margin-bottom: 10%;
	margin-left: 10%;
	float: left;
	border: 2px solid #036;
	border-top-left-radius:25px;
	border-top-right-radius:25px;
	}	

/*-- servicios--*/	
#port-serv{
	padding-top: 0%;
	width: 100%;
	float: left;
	margin-bottom: 2.5%;
	}	
#port-serv img{
	border-top-left-radius: 0px;	
	}
#tit-servh{
	float: left;
	margin-top: 3%;
	margin-bottom:3%;
	margin-left: 5%;
	position: relative;
	padding-top: 2%;
	padding-bottom: 2%;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #993;
	border-bottom-color: #993;
	}
#concepto-serv{
	padding-right: 1%;
	padding-left: 1%;
	background-image: url(../imagenes/fd-csvs.png);
	background-position: center center;
	}
.texto-serv{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	margin-right: 1%;
	margin-left: 5%;
	}	

.foto-serv{
	float: left;
	width: 95%;
	height:auto;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-right:1%;
	margin-left:1%;
	padding-top: 2%;
	padding-right: 1%;
	padding-bottom: 2%;
	padding-left: 1%;	
	}
#ftsv{
	float: left;
	margin-top: 0%;
	margin-right:10%;
	margin-bottom: 5%;
	padding-right: 1%;
	padding-left: 8%;
	padding-top: 8px;
	padding-bottom: 8px;
	
	}
#ftsv img{
	height: auto;
	width: 100%;
	border-radius:20px;		
	}


.texto-serv1h{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 3%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 1%;
	padding-left: 1%;
	margin-right: 1%;
	margin-left: 5%;
	}	

.foto-serv1h{
	float: left;
	width: 90%;
	height:auto;
	margin-top: 0%;
	margin-bottom: 1%;
	margin-left:1%;
	margin-right:1%;
	padding-top: 2%;
	padding-right: 1%;
	padding-bottom: 2%;
	padding-left: 1%;	
	}

	
#ftsv1h{
	float: left;
	margin-top: 0%;
	margin-right:10%;
	margin-bottom: 5%;
	padding-right: 1%;
	padding-left: 15%;
	padding-top: 8px;
	padding-bottom: 8px;
	
	}
#ftsv1h img{
	height: auto;
	width: 100%;
	border-radius: 20px;
			
	}
.texto-servterp{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 10%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 1%;
	margin-right: 1%;
	margin-left: 5%;
	}
.tit-ftsvt{
	
	margin-bottom:3%;
	}
#ftsvt{
	float: left;
	margin-top: 0%;
	margin-left:10%;
	margin-bottom: 5%;
	border-radius: 20px;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 0px;
	padding-bottom: 80px;
	}
#ftsvt img{
	height: auto;
	width: 100%;
	border-radius: 20px;
}

/*-- imagenes --*/

.imagenes{
	text-align: left;
	float: left;
	height: auto;
	width: 95%;
	margin-top: 2%;
	margin-bottom: 2%;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
	margin-right: 0%;
	margin-left: 0%;	
	}
#texto-imagenes{
	float:left;
	margin-bottom:2%;
	width:95%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.foto-imagenes{
	float: left;
	width: 95%;
	margin-top: -5%;
	margin-bottom: 3%;
	padding-top: 3%;
	padding-right: 1%;
	padding-bottom: 5%;
	padding-left: 1%;
	
	}
.foto-imagenes-a{
	float: right;
	width: 95%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	
	}
#ftsv-fotos{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 5%;
	margin-right: 1%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	}
#ftsv-fotos img{
	height: auto;
	width: 90%;
	border-radius: 20px;		
	}
#ftsv-fotos-a{
	float: left;
	margin-top: -3%;
	margin-bottom: 8%;
	margin-left: 1%;
	margin-right: 1%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top:1%;
	padding-bottom: 1%;
	
	}
#ftsv-fotos-a img{
	height: auto;
	width: 90%;
	border-radius: 20px;		
	}

/*-- hospitalizacion--*/
#concepto-serv1{
	padding-right: 2%;
	padding-left: 1%;
	background-image: url(../imagenes/fd-csvs.png);
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	}
.texto-servhp{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 95%;
	margin-top: 3%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	margin-right: 2%;
	margin-left: 1%;
}
.foto-servhpf{
	float:left;
	width: 95%;
	margin-top: 1%;
	margin-left:2%;
	margin-bottom: 3%;
	padding-top: 2%;
	padding-right: 3%;
	padding-bottom: 2%;
	padding-left: 3%;	
	}
#tex-srv{
	margin-bottom: 5%;	
	}
#ftsv1{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	padding-right: 8%;
	padding-left: 3%;
	padding-top: 8px;
	padding-bottom: 8px;
	
	}
#ftsv1 img{
	height: auto;
	width: 100%;
	border-radius: 20px;	
	}

.derechos-pacientes{
	text-align: justify;
	float: left;
	height: auto;
	width: 95%;
	margin-top: -3%;
	margin-bottom: 3%;
	padding-top: 0%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 3%;
	margin-right: 0%;
	margin-left: 0%;
	}

#tit-dchp{
	margin-top: 5%;
	margin-bottom: 1%;
	float: left;
	margin-left: 5%;
	box-shadow: 0.0em 0.1em 0.0em rgba(0, 51, 153 ) 50%;
	text-align: center;
	}
#tit-dchp1{
	float: left;
	margin-top:8%;
	margin-left:10%;
	margin-bottom:5%;
	}
	
#text-dchp1{
	padding: 1%;
	margin-top: 1%;
	margin-right: 3%;
	margin-bottom: 1%;
	margin-left: 3%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;	
	}
/*-- quirof --*/
.texto-servhp-q{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 95%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	margin-right: 2%;
	margin-left: 2%;
}
.hpt-q{
	float:left;
	width:90%;
	height:auto;
	margin-top:8%;
	margin-right:1%;
	margin-left:20%;
	margin bottom:2%;
	}
	
#vdq{
	background-color: #transparent;
	float: left;
	
	}
#videoq{
    width: 70%;
	height:70%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
	border-radius:30px;
    }
.foto-servhp-q{
	float: left;
	width: 99%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 2%;
	padding-bottom: 1%;
	padding-left: 1%;	
	}
#ftsv-q{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-right: 1%;
	margin-left: 1%;
	
	}
#ftsv-q img{
	height: auto;
	width: 80%;
	border-radius: 20px;	
	}







	
	
	
	
	}
	
@media only screen and (max-width:375px){
	
	h1{
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
	color: #00238C;
	font-weight: bold;	
	}
	hms3{
	font-family: "Montserrat", sans-serif;
	font-size: 25px;
	background: -webkit-linear-gradient(rgb(23,70,158) ,  rgb(178,207,53), rgb(178,207,53),  rgb(23,70,158), rgb(23,70,158), rgb(23,70,158));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	text-decoration: underline; 
    text-decoration-color: #003366;	
	}
	p3{
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	color: #00238C;
	font-weight: bold;	
	}
	/*-- maquetacion --*/
.flotante {
	float:right;
	display: scroll;
	position: fixed;
	bottom: 20px;
	right: 0px;
	text-shadow: 0.1em 0.1em 0.2em black;
	z-index: 999;
}

.flotante img{
	width: 80%;
	height: auto;
	}
.flotante1 img{
	width: 80%;
	height: auto;
	}
#contenedor{
	width: 100%;
	
	}

/*--inicio --*/

#cabecera{
	}
.logo{
	margin-top: 2%;
	margin-bottom: 2%;
	
	}
#botones{
	z-index: 1000;
	width:100%;
	margin-bottom:3%;
	}
.menu1{
	float:left;
	width:100%;
	position:relative;
	margin-left: 1%;
	margin-right:1%;
	margin-bottom: 0%;
	z-index:10;
	}	
.menu{
	float:left;
	width:100%;
	margin-left: 1%;
	margin-right:1%;
	margin-bottom: 0%;
	}	

#sloganf{
	padding-top: 3%;
	padding-right: 50px;
	padding-bottom: 1%;
	padding-left: 50px;
	
	}
.med-serv{
	width:99%;
	float: left;
	margin-top:3%;
	margin-left:-1.5%;
	margin-right:1%;
	}
#mensajepos{
	padding-top: 3%;
	padding-bottom: 1%;
	
}

#text-mensaje{
	float: left;
	margin-top:2%;
	margin-right: 10%;
	margin-left: 10%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.hpt2{
	float:left;
	width:90%;
	margin-top:5%;
	margin-right:1%;
	margin-left:5%;
	margin bottom:2%;
	}
	
#vd{
	background-color: transparent;
	float: left;
	
	
	}
#video{
    width: 95%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
	border-radius:30px;
    }
	
	
	
		
.video-hpt {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 1%; /* IE6 workaround*/
	width: 325px;
	height: 315px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 2%;
	margin-bottom: 1%;
	margin-left: 1%;
	margin-top: 5%;
}

.video-hpt iframe,
.video-hpt object,
.video-hpt embed {
	position: absolute;
	top: 1%;
	left: 2%;
	width: 100%;
	height: 100%;
	right: 2%;
	
}
.men-emer{
	float: left;
	height: auto;
	width: auto;
	margin-top: 3%;
	margin-left:30%;
	margin-bottom: 1%;
	padding: 1%;
	
	}

#ico-emer img{
	height: auto;
	width: 90%;
	border-radius:0px;	
	}
#num-emer{
	background-color: #001A66;
	margin-right: 5%;
	margin-left: 5%;	
	}
.tit-seguros{
	float: left;
	margin-left: 2%;
	margin-right:2%;
	margin-top: 3%;
	margin-bottom: 5%;	
	}
/* --- slider ---*/

.rotac1 {
  width: 99%;
  display: flex;
  height: 130px;
}

.slider {
  background: white;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .125);
  height: 150px;
  margin: 0.3%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.slider::before,
.slider::after {
  content: "";
  height: 100px;
  position: absolute;
  width: 260px;
  z-index: 2;
  background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

.slider::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}

.slider::before {
  left: 0;
  top: 0;
}

.slide-track {
  display: flex;
  width: calc(250px * 14); /* Número de imágenes en el track */
  animation: scroll 40s linear infinite;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7)); /* Avanza la mitad del track para que se repita */
  }
}

.slide {
  height: 150px;
  width: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* --- end ---*/


/*-- pie de pagina --*/
footer{
	
	}
.contpie{
	padding-top: 5%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
	margin-top: 6%;
	background-color: #456BB1;
	}
.bloque1{
	float:left;
	width:95%;
	margin-top:5%;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #456bb1;
	padding-left:2%;	
	}
.tit-balt{
	margin-bottom: 15%;
	float: left;
	}
.mapa2{
	width:93%;
	float: left;
	margin-top: -4%;
	}
.bloque2{
	float:left;
	width:65%;
	margin-top:3%;
	margin-left:5%;
	margin-right:1%;
	margin-bottom:3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #456bb1;
	padding-left:2%;	
	}

.tit-balts{
	margin-bottom: 15%;
	float: left;
	}
#balt{
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	margin-bottom: 5%;
	}
.bloque3{
	float: left;
	width: 65%;
	margin-top: 6%;
	margin-left: 5%;
	margin-right: 6%;
	margin-bottom: 3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #456bb1;
	padding-left:2%;	
	}
#social0{
	float: left;
	width: 95%;
	margin-right: 20px;
	margin-left: 0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}	
	
#social{
	float: left;
	width: 80%;
	margin-right: 20px;
	margin-left: 0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}
.ico-telef{
	margin-right:1%;
	}

#social1{
	float: left;
	margin-right: 0px;
	margin-left:0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}
.ico-mail{
	margin-right:1%;
	}
.dere{
	width:100%;	
	padding-top: 5px;
	margin-top: 25px;
	background-color: #FFF;
	}
#lg-wsm{
	float: left;
	margin-left: 20%;
	width: 48px;
	height: 48px;
	margin-top: 0px;
	
	}
#derechos{
	float: left;
	width:50%;
	margin-left: 1%;
	margin-top: 8px;
	}
	
/*-- corporativo --*/

.rotacion img{
	border-top-left-radius: 0px;
	}
.fot-corp{
	margin-top:7%;
	}
.fot-corphpt img{
	float:right;
	width:180%;
	height:auto;
	}
.frase-corphpt{
	float: left;
	width: 40%;
	position: relative;
	z-index: 10;
	margin-left: 25%;
	margin-top: -20%;
	padding: 3%;
	background-color:rgba(255,255,255,0.5);
	border-radius:20px;
	}
.desarrollo-hpt{
	float: left;
	width:90%;
	margin-left:2%;
	margin-right:2%;
	}
#historia{
	padding-top: 5%;
	padding-bottom: 2%;
	background-image: url(../imagenes/fd-corp1-1.jpg);
	background-repeat: no-repeat;
}


.ft-h{
	float: left;
	margin-top:3%;
	height: auto;
	width: 100%;
	height: auto;
	padding: 0.5%;
	margin-left: 1%;
	
	}
.ft-h img{
	width: 80%;
	height: auto;
	border-radius: 15px;
	
	}
.tex-h{
	float: left;
	height: auto;
	width: 100%;
	}
	
#tp1{
	float: left;
	margin-top: 5%;
	margin-left: 10%;
	}
#t1{
	float: left;
	width:80%;
	margin-top: 2%;
	margin-left: 10%;
	}
.ico+{
	margin-right:3%;
	}
#cont-h{
	float: left;
	margin-top: 2%;
	margin-right: 2%;
	margin-left: 5%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.administrativo{
	float:left;
	width:90%;
	margin-top:10%;
	margin-right:2%;
	margin-left:2%;
	}
.mision{
	float: left;
	height: auto;
	width: 100%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 2%;
	margin-top:10%;
	}
#ft-ms img{
	height: auto;
	width: auto;
    border-radius: 15px;	
	}
#tit-ms{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-ms{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	margin-top: -8%;
	
	}
.vision{
	float: left;
	height: auto;
	width: 100%;
	padding-right: 2%;
	padding-left: 5%;	
	}
#ft-vs img{
	height: auto;
	width: auto;
	border-radius: 15px;
		
	}
#tit-vs{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-vs{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-right: 5%;
	margin-left: 5%;
	padding: 1%;
	margin-top: -5%;
	
	}
.valores{
	float: left;
	height: auto;
	width: 100%;	
	padding-right: 2%;
	padding-left: 5%;
	margin-top:20%;
	}
#ft-val img{
	height: auto;
	width: auto;
	border-radius: 15px;
		
	}
#tit-val{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-val{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	margin-top: -8%;
	}
#tex-val1{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-top: 3%;
	margin-bottom: 3%;
	}
#flecha{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	}
#ptval{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 3%;
	}
#hpa{
	
	}
.desc-serv{
	float:left;
	width:90%;
	margin-left:1%;
	margin-right:1%;
	padding-top:3%;
	padding-bottom:3%;
	padding-left:2%;
	padding-right:2%;
	}
.rot-servh{
	float:left;
	width:90%;
	margin-left:1%;
	margin-right:1%;
	padding-top:3%;
	padding-bottom:3%;
	padding-left:2%;
	padding-right:2%;
	}
.rot-servh img{
	border-radius:20px;
	}
.tit-shpa{
	margin-top: 2%;
	margin-bottom: 5%;	
	}
.text-shpa{
	margin-right: 1%;
	margin-bottom: 5%;
	margin-left: 1%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	}

/*-- historia --*/

#t1h{
	float: left;
	margin-top: 8%;
	margin-left: 3%;
	}

.grup{
	padding: 2%;
	float: left;
	width: 60%;
	margin-top: 5%;
	margin-right: 2%;
	margin-bottom: 5%;
	margin-left: 15%;
	border: 2px solid #85B200;
	text-align: center;
	}
.ft-f{
	width: 100%;
	margin: 1%;
	}
.ft-f img{
	width:100%;
	height:auto;
	}
.nombre-f{
	margin-top: 5%;	
	}
.cont-f{
	margin-top: 5%;	
	}
	
/*-- contactenos --*/
#cont-text{
	padding-bottom: 10%;
	background-attachment: fixed;
	background-color: #334B57;
	background-image: url(../imagenes/ft-fcont.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #00468C;
	padding-top: 45%;
	}
.ft-cont{
	float: left;
	height: auto;
	width: 100%;
	margin-top: 15%;
	margin-right: 5%;
	margin-left: 5%;
	}
.ft-cont img{
	float: left;
	margin-left: 10%;
	width: 70%;
	height:auto;
	}
.text-cont{
	float: left;
	height: auto;
	width: 90%;
	margin-left: 8%;
	margin-right: 2%;
}
.mg1-cont{
	float: left;
	height: auto;
	width: 80%;
	padding-top: 10%;
	padding-right: 5%;
	padding-bottom: 10%;
	padding-left: 5%;
	margin-left: 5%;
	}
#manos img{
	width: 100%;
	height:auto;
	border-top-right-radius: 80px;
	border-top-left-radius: 80px;
	}
.formulario{
	float: left;
	height: auto;
	width: 60%;
	padding-top: 5%;
	padding-right: 2%;
	padding-bottom: 5%;
	padding-left: 2%;
	margin-left: 2%;
	}
#borde-from{
	border: 2px solid #CCC;
	float: left;
	margin-left:5%;
	height: auto;
	width: auto;
	padding: 20px;
	}
#tit-form{
	margin-top: 5px;
	margin-bottom: 40px;	
	}
form{
	width: 230px;
	float: left;
	padding-top: 10px;
	padding-right: 100px;
	padding-bottom: 10px;
	padding-left: 20px;
	
	}
label{
	float: left;
	margin-top:10px;
	
	} 
input{
	float: right;
	width: 250px;
	margin-bottom: 20px;
	margin-right: 0px;
	}
textarea{
	float: right;
	width: 250px;
	height:100px;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-right: 0px;
	}
.mapa{
	float: left;
	margin-left: 0px;
	margin-bottom:20px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 10px;
	border-top-right-radius: 0px;
	
	}					
	
			
/*-- especialidades --*/

#port{
	float: left;
	margin-top: 0px;
	margin-bottom: 20px;
	}
#port img{
	float: right;
	height: auto;
	width: 200%;
	border-top-left-radius: 0px;	
	}
.g-frase{
	float:left;
	width:85%;
	margin-top:0%;
	margin-left:10%;
	margin-right:10%;
	margin-bottom:3%;
	}

#frase{
	float:left;
	width:90%;
	margin-left:2%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
#concepto{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	padding-right: 5%;
	padding-left: 5%;
	}
.tit-espemed{
	float:left;
	margin-left:10%;
	width: 65%;
	margin-top: 10%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espemed-diabet{
	float:left;
	margin-left:15%;
	width: 60%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espemed-sex{
	float:left;
	margin-left:10%;
	width: 70%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
#text-concepto{
	margin-top: 3%;
	margin-right: 2%;
	margin-bottom: 5%;
	margin-left: 2%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.tit-espcirg-g{
	float:left;
	margin-left:15%;
	width: 57%;
	margin-top: 10%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;
}
.tit-espcirg-pd{
	float:left;
	margin-left:20%;
	width: 55%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espendo{
	float:left;
	margin-left:10%;
	width: 65%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espegrastro{
	float:left;
	margin-left:3%;
	width: 85%;
	margin-top: 10%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espeobs{
	float:left;
	margin-left:10%;
	width: 70%;
	margin-top: 10%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espenutri{
	float:left;
	margin-left:20%;
	width: 55%;
	margin-top: 10%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espeoto{
	float:left;
	margin-left:1%;
	width: 95%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espepsico{
	float:left;
	margin-left:20%;
	width: 55%;
	margin-top: 10%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
#doc-espe{
	padding-right: 5%;
	padding-left: 5%;
	padding-top: 10%;
	}
.doctor{
	padding: 10px;
	height: auto;
	width: 70%;
	margin-top: 5%;
	margin-right: 10%;
	margin-bottom: 3%;
	margin-left: 10%;
	float: left;
	border: 2px solid #036;
	border-top-left-radius:25px;
	border-top-right-radius:25px;
	}
	
	#ft-doc img{
	height: auto;
	width: 100%;
	border-top-radius:15px;		
		}
	#nombre{
	margin-bottom: 10px;		
		}
	#nomb-espe{
		margin-bottom: 10px;
		}
		
	#horario-doc{
	margin-bottom: 10px;		
		}
.doctor1{
	padding: 10px;
	height: auto;
	width: 70%;
	margin-top: 5%;
	margin-right: 24%;
	margin-bottom: 5%;
	margin-left: 10%;
	float: left;
	border: 2px solid #036;
	border-top-left-radius:25px;
	border-top-right-radius:25px;
	}
.doctor2{
	padding: 10px;
	height: auto;
	width: 70%;
	margin-top: 10%;
	margin-right: 5%;
	margin-bottom: 10%;
	margin-left: 10%;
	float: left;
	border: 2px solid #036;
	border-top-left-radius:25px;
	border-top-right-radius:25px;
	}	

/*-- servicios--*/	
#port-serv{
	padding-top: 0%;
	width: 100%;
	float: left;
	margin-bottom: 2.5%;
	}	
#port-serv img{
	border-top-left-radius: 0px;	
	}
#tit-servh{
	float: left;
	margin-top: 3%;
	margin-bottom:3%;
	margin-left: 5%;
	position: relative;
	padding-top: 2%;
	padding-bottom: 2%;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #993;
	border-bottom-color: #993;
	}
#concepto-serv{
	padding-right: 1%;
	padding-left: 1%;
	background-image: url(../imagenes/fd-csvs.png);
	background-position: center center;
	}
.texto-serv{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	margin-right: 1%;
	margin-left: 5%;
	}	

.foto-serv{
	float: left;
	width: 95%;
	height:auto;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-right:1%;
	margin-left:1%;
	padding-top: 2%;
	padding-right: 1%;
	padding-bottom: 2%;
	padding-left: 1%;	
	}
#ftsv{
	float: left;
	margin-top: 0%;
	margin-right:10%;
	margin-bottom: 5%;
	padding-right: 1%;
	padding-left: 8%;
	padding-top: 8px;
	padding-bottom: 8px;
	
	}
#ftsv img{
	height: auto;
	width: 100%;
	border-radius:20px;		
	}


.texto-serv1h{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 3%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 1%;
	padding-left: 1%;
	margin-right: 1%;
	margin-left: 5%;
	}	

.foto-serv1h{
	float: left;
	width: 90%;
	height:auto;
	margin-top: 0%;
	margin-bottom: 1%;
	margin-left:1%;
	margin-right:1%;
	padding-top: 2%;
	padding-right: 1%;
	padding-bottom: 2%;
	padding-left: 1%;	
	}

	
#ftsv1h{
	float: left;
	margin-top: 0%;
	margin-right:10%;
	margin-bottom: 5%;
	padding-right: 1%;
	padding-left: 15%;
	padding-top: 8px;
	padding-bottom: 8px;
	
	}
#ftsv1h img{
	height: auto;
	width: 100%;
	border-radius: 20px;
			
	}
.texto-servterp{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 10%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 1%;
	margin-right: 1%;
	margin-left: 5%;
	}
.tit-ftsvt{
	
	margin-bottom:3%;
	}
#ftsvt{
	float: left;
	margin-top: 0%;
	margin-left:10%;
	margin-bottom: 5%;
	border-radius: 20px;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 0px;
	padding-bottom: 80px;
	}
#ftsvt img{
	height: auto;
	width: 100%;
	border-radius: 20px;
}

/*-- imagenes --*/

.imagenes{
	text-align: left;
	float: left;
	height: auto;
	width: 95%;
	margin-top: 2%;
	margin-bottom: 2%;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
	margin-right: 0%;
	margin-left: 0%;	
	}
#texto-imagenes{
	float:left;
	margin-bottom:2%;
	width:95%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.foto-imagenes{
	float: left;
	width: 95%;
	margin-top: -5%;
	margin-bottom: 3%;
	padding-top: 3%;
	padding-right: 1%;
	padding-bottom: 5%;
	padding-left: 1%;
	
	}
.foto-imagenes-a{
	float: right;
	width: 95%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	
	}
#ftsv-fotos{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 2%;
	margin-right: 1%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	}
#ftsv-fotos img{
	height: auto;
	width: 90%;
	border-radius: 20px;		
	}
#ftsv-fotos-a{
	float: left;
	margin-top: -3%;
	margin-bottom: 8%;
	margin-left: -1%;
	margin-right: 1%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top:1%;
	padding-bottom: 1%;
	
	}
#ftsv-fotos-a img{
	height: auto;
	width: 90%;
	border-radius: 20px;		
	}

/*-- hospitalizacion--*/
#concepto-serv1{
	padding-right: 2%;
	padding-left: 1%;
	background-image: url(../imagenes/fd-csvs.png);
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	}
.texto-servhp{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 95%;
	margin-top: 3%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 4%;
	padding-bottom: 1%;
	padding-left: 1%;
	margin-right: 2%;
	margin-left: 1%;
}
.foto-servhpf{
	float:left;
	width: 95%;
	margin-top: 1%;
	margin-left:2%;
	margin-bottom: 3%;
	padding-top: 2%;
	padding-right: 3%;
	padding-bottom: 2%;
	padding-left: 3%;	
	}
#tex-srv{
	margin-bottom: 3%;	
	}
#ftsv1{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	padding-right: 8%;
	padding-left: 3%;
	padding-top: 8px;
	padding-bottom: 8px;
	
	}
#ftsv1 img{
	height: auto;
	width: 100%;
	border-radius: 20px;	
	}

.derechos-pacientes{
	text-align: justify;
	float: left;
	height: auto;
	width: 95%;
	margin-top: -3%;
	margin-bottom: 3%;
	padding-top: 0%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 3%;
	margin-right: 0%;
	margin-left: 0%;
	}

#tit-dchp{
	margin-top: 5%;
	margin-bottom: 1%;
	float: left;
	margin-left: 1%;
	margin-bottom:1%;
	box-shadow: 0.0em 0.1em 0.0em rgba(0, 51, 153 ) 50%;
	text-align: center;
	}
#tit-dchp1{
	float: left;
	margin-top:8%;
	margin-left:10%;
	margin-bottom:5%;
	}
	
#text-dchp1{
	padding: 1%;
	margin-top: 1%;
	margin-right: 3%;
	margin-bottom: 1%;
	margin-left: 3%;
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;	
	}
/*-- quirof --*/
.texto-servhp-q{
	text-align: justify;
	text-justify: inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 95%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	margin-right: 2%;
	margin-left: 2%;
}
.hpt-q{
	float:left;
	width:90%;
	height:auto;
	margin-top:8%;
	margin-right:1%;
	margin-left:20%;
	margin bottom:2%;
	}
	
#vdq{
	background-color: #transparent;
	float: left;
	
	}
#videoq{
    width: 70%;
	height:70%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
	border-radius:30px;
    }
.foto-servhp-q{
	float: left;
	width: 99%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 2%;
	padding-bottom: 1%;
	padding-left: 1%;	
	}
#ftsv-q{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-right: 1%;
	margin-left: 1%;
	
	}
#ftsv-q img{
	height: auto;
	width: 80%;
	border-radius: 20px;	
	}





	
	
	
	
	
	}
@media only screen and (max-width:360px){
	
	h1{
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
	color: #00238C;
	font-weight: bold;	
	}
	
	/*-- maquetacion --*/
#contenedor{
	width: 100%;
	
	}

/*--inicio --*/

#cabecera{
	}
.logo{
	margin-top: 2%;
	margin-bottom: 2%;
	
	}
#botones{
	z-index: 1000;
	width:100%;
	margin-bottom:3%;
	}
.menu1{
	float:left;
	width:100%;
	position:relative;
	margin-left: 1%;
	margin-right:1%;
	margin-bottom: 0%;
	z-index:10;
	}	
.menu{
	float:left;
	width:100%;
	margin-left: 1%;
	margin-right:1%;
	margin-bottom: 0%;
	}	

#sloganf{
	padding-top: 3%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	
	}
.med-serv{
	width:99%;
	float: left;
	margin-top:3%;
	margin-left:20%;
	margin-right:1%;
	}
#mensajepos{
	padding-top: 3%;
	padding-bottom: 1%;
	
}

#text-mensaje{
	float: left;
	margin-top:5%;
	margin-right: 10%;
	margin-left: 10%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.hpt2{
	float:left;
	width:90%;
	margin-top:5%;
	margin-right:1%;
	margin-left:5%;
	margin bottom:2%;
	}
	
#vd{
	background-color: transparent;
	float: left;
	
	
	}
#video{
    width: 95%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
	border-radius:30px;
    }
	
	
	
	
	
	
.video-hpt {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 1%; /* IE6 workaround*/
	width: 325px;
	height: 315px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 2%;
	margin-bottom: 1%;
	margin-left: 1%;
	margin-top: 5%;
}

.video-hpt iframe,
.video-hpt object,
.video-hpt embed {
	position: absolute;
	top: 1%;
	left: 2%;
	width: 100%;
	height: 100%;
	right: 2%;
	
}
.men-emer{
	float: left;
	height: auto;
	width: auto;
	margin-top: 3%;
	margin-left:20%;
	margin-bottom: 1%;
	padding: 1%;
	
	}

#ico-emer img{
	height: auto;
	width: 90%;
	border-radius:0px;	
	}
#num-emer{
	background-color: #001A66;
	margin-right: 5%;
	margin-left: 5%;	
	}
.tit-seguros{
	float: left;
	margin-left: 2%;
	margin-right:2%;
	margin-top: 3%;
	margin-bottom: 5%;	
	}
/* --- slider ---*/

.rotac1 {
  width: 99%;
  display: flex;
  height: 130px;
}

.slider {
  background: white;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .125);
  height: 150px;
  margin: 0.3%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.slider::before,
.slider::after {
  content: "";
  height: 100px;
  position: absolute;
  width: 260px;
  z-index: 2;
  background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

.slider::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}

.slider::before {
  left: 0;
  top: 0;
}

.slide-track {
  display: flex;
  width: calc(250px * 14); /* Número de imágenes en el track */
  animation: scroll 40s linear infinite;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7)); /* Avanza la mitad del track para que se repita */
  }
}

.slide {
  height: 150px;
  width: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* --- end ---*/

/*-- pie de pagina --*/
footer{
	
	}
.contpie{
	padding-top: 5%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
	margin-top: 6%;
	background-color: #456BB1;
	}
.bloque1{
	float:left;
	width:95%;
	margin-top:5%;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #456bb1;
	padding-left:2%;	
	}
.tit-balt{
	margin-bottom: 15%;
	float: left;
	}
.mapa2{
	width:93%;
	float: left;
	margin-top: -4%;
	}
.bloque2{
	float:left;
	width:65%;
	margin-top:3%;
	margin-left:2%;
	margin-right:1%;
	margin-bottom:3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #456bb1;
	padding-left:2%;	
	}

.tit-balts{
	margin-bottom: 15%;
	float: left;
	}
#balt{
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	margin-bottom: 5%;
	}
.bloque3{
	float: left;
	width: 65%;
	margin-top: 6%;
	margin-left: 2%;
	margin-right: 6%;
	margin-bottom: 3%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #456bb1;
	padding-left:2%;	
	}
#social0{
	float: left;
	width: 95%;
	margin-right: 20px;
	margin-left: 0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}	
	
#social{
	float: left;
	width: 80%;
	margin-right: 20px;
	margin-left: 0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}
.ico-telef{
	margin-right:1%;
	}

#social1{
	float: left;
	margin-right: 0px;
	margin-left:0px;
	margin-bottom:10%;
	align-items: center;
	display: flex;	
	}
.ico-mail{
	margin-right:1%;
	}
.dere{
	width:100%;	
	padding-top: 5px;
	margin-top: 25px;
	background-color: #FFF;
	}
#lg-wsm{
	float: left;
	margin-left: 20%;
	width: 48px;
	height: 48px;
	margin-top: 0px;
	
	}
#derechos{
	float: left;
	width:50%;
	margin-left: 1%;
	margin-top: 8px;
	}
	
/*-- corporativo --*/

.rotacion img{
	border-top-left-radius: 0px;
	}
.fot-corp{
	margin-top:7%;
	}
.fot-corphpt img{
	float:right;
	width:180%;
	height:auto;
	}
.frase-corphpt{
	float: left;
	width: 40%;
	position: relative;
	z-index: 10;
	margin-left: 25%;
	margin-top: -20%;
	padding: 3%;
	background-color:rgba(255,255,255,0.5);
	border-radius:20px;
	}
.desarrollo-hpt{
	float: left;
	width:90%;
	margin-left:2%;
	margin-right:2%;
	}
#historia{
	padding-top: 5%;
	padding-bottom: 2%;
	background-image: url(../imagenes/fd-corp1-1.jpg);
	background-repeat: no-repeat;
}


.ft-h{
	float: left;
	margin-top:3%;
	height: auto;
	width: 100%;
	height: auto;
	padding: 0.5%;
	margin-left: 1%;
	
	}
.ft-h img{
	width: 80%;
	height: auto;
	border-radius: 15px;
	
	}
.tex-h{
	float: left;
	height: auto;
	width: 100%;
	}
	
#tp1{
	float: left;
	margin-top: 5%;
	margin-left: 10%;
	}
#t1{
	float: left;
	width:80%;
	margin-top: 2%;
	margin-left: 10%;
	}
.ico+{
	margin-right:3%;
	}
#cont-h{
	float: left;
	margin-top: 2%;
	margin-right: 2%;
	margin-left: 5%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.administrativo{
	float:left;
	width:90%;
	margin-top:10%;
	margin-right:2%;
	margin-left:2%;
	}
.mision{
	float: left;
	height: auto;
	width: 100%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 2%;
	margin-top:10%;
	}
#ft-ms img{
	height: auto;
	width: auto;
    border-radius: 15px;	
	}
#tit-ms{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-ms{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	margin-top: -8%;
	
	}
.vision{
	float: left;
	height: auto;
	width: 100%;
	padding-right: 2%;
	padding-left: 5%;	
	}
#ft-vs img{
	height: auto;
	width: auto;
	border-radius: 15px;
		
	}
#tit-vs{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-vs{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-right: 5%;
	margin-left: 5%;
	padding: 1%;
	margin-top: -5%;
	
	}
.valores{
	float: left;
	height: auto;
	width: 100%;	
	padding-right: 2%;
	padding-left: 5%;
	margin-top:20%;
	}
#ft-val img{
	height: auto;
	width: auto;
	border-radius: 15px;
		
	}
#tit-val{
	margin-top: 8%;
	margin-bottom: 0%;	
	}
#tex-val{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	margin-top: -8%;
	}
#tex-val1{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	margin-top: 3%;
	margin-bottom: 3%;
	}
#flecha{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	}
#ptval{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 3%;
	}
#hpa{
	
	}
.desc-serv{
	float:left;
	width:90%;
	margin-left:1%;
	margin-right:1%;
	padding-top:3%;
	padding-bottom:3%;
	padding-left:2%;
	padding-right:2%;
	}
.rot-servh{
	float:left;
	width:90%;
	margin-left:1%;
	margin-right:1%;
	padding-top:3%;
	padding-bottom:3%;
	padding-left:2%;
	padding-right:2%;
	}
.rot-servh img{
	border-radius:20px;
	}
.tit-shpa{
	margin-top: 2%;
	margin-bottom: 5%;	
	}
.text-shpa{
	margin-right: 1%;
	margin-bottom: 5%;
	margin-left: 1%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
	
/*-- historia --*/

#t1h{
	float: left;
	margin-top: 8%;
	margin-left: 3%;
	}

.grup{
	padding: 2%;
	float: left;
	width: 60%;
	margin-top: 5%;
	margin-right: 2%;
	margin-bottom: 5%;
	margin-left: 15%;
	border: 2px solid #85B200;
	text-align: center;
	}
.ft-f{
	width: 100%;
	margin: 1%;
	}
.ft-f img{
	width:100%;
	height:auto;
	}
.nombre-f{
	margin-top: 5%;	
	}
.cont-f{
	margin-top: 5%;	
	}
	
/*-- historia --*/
.ft-h1{
	float: left;
	height: auto;
	margin-top:10%;
	margin-bottom:5%;
	padding: 2%;
	border-radius:15px;
	border: 2px solid #16439E;
	margin-left: 15%;
	margin-right: 1.5%;
	}
.ft-h1 img{
	float: right;
	margin-right: 0%;
	border-radius:10px;
	}
.tex-h1{
	float: right;
	margin-right:5%;
	height: auto;
	width: 90%;
	}
	
/*-- contactenos --*/
#cont-text{
	padding-bottom: 10%;
	background-attachment: fixed;
	background-color: #334B57;
	background-image: url(../imagenes/ft-fcont.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #00468C;
	padding-top: 45%;
	}
.ft-cont{
	float: left;
	height: auto;
	width: 100%;
	margin-top: 15%;
	margin-right: 5%;
	margin-left: 5%;
	}
.ft-cont img{
	float: left;
	margin-left: 10%;
	width: 70%;
	height:auto;
	}
.text-cont{
	float: left;
	height: auto;
	width: 90%;
	margin-left: 8%;
	margin-right: 2%;
}
.mg1-cont{
	float: left;
	height: auto;
	width: 80%;
	padding-top: 10%;
	padding-right: 5%;
	padding-bottom: 10%;
	padding-left: 5%;
	margin-left: 5%;
	}
#manos img{
	width: 100%;
	height:auto;
	border-top-right-radius: 80px;
	border-top-left-radius: 80px;
	}
.formulario{
	float: left;
	height: auto;
	width: 60%;
	padding-top: 5%;
	padding-right: 2%;
	padding-bottom: 5%;
	padding-left: 2%;
	margin-left: 2%;
	}
#borde-from{
	border: 2px solid #CCC;
	float: left;
	height: auto;
	width: auto;
	padding: 15px;
	margin-left: 4%;
	}
#tit-form{
	margin-top: 5px;
	margin-bottom: 40px;	
	}
form{
	width: 230px;
	float: left;
	padding-top: 10px;
	padding-right: 100px;
	padding-bottom: 10px;
	padding-left: 20px;
	
	}
label{
	float: left;
	margin-top:10px;
	
	} 
input{
	float: right;
	width: 250px;
	margin-bottom: 20px;
	margin-right: 0px;
	}
textarea{
	float: right;
	width: 250px;
	height:100px;
	margin-bottom: 20px;
	margin-top: 20px;
	margin-right: 0px;
	}
.mapa{
	float: left;
	margin-left: 0px;
	margin-bottom:20px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 10px;
	border-top-right-radius: 0px;
	
	}				
	
/*-- especialidades --*/

#port{
	float: left;
	margin-top: 0px;
	margin-bottom: 20px;
	}
#port img{
	float: right;
	height: auto;
	width: 200%;
	border-top-left-radius: 0px;	
	}
.g-frase{
	float:left;
	width:85%;
	margin-top:0%;
	margin-left:10%;
	margin-right:10%;
	margin-bottom:3%;
	}

#frase{
	float:left;
	width:90%;
	margin-left:2%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
#concepto{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	padding-right: 5%;
	padding-left: 5%;
	}
.tit-espemed{
	float:left;
	margin-left:10%;
	width: 75%;
	margin-top: 10%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
#text-concepto{
	margin-top: 3%;
	margin-right: 2%;
	margin-bottom: 5%;
	margin-left: 2%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.tit-espcirg-g{
	float:left;
	margin-left:15%;
	width: 57%;
	margin-top: 10%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;
}
.tit-espcirg-pd{
	float:left;
	margin-left:15%;
	width: 55%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espendo{
	float:left;
	margin-left:10%;
	width: 73%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espegrastro{
	float:left;
	margin-left:3%;
	width: 85%;
	margin-top: 10%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espeobs{
	float:left;
	margin-left:10%;
	width: 70%;
	margin-top: 10%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espenutri{
	float:left;
	margin-left:15%;
	width: 55%;
	margin-top: 10%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espeoto{
	float:left;
	margin-left:-1%;
	width: 100%;
	margin-top: 3%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
.tit-espepsico{
	float:left;
	margin-left:20%;
	width: 55%;
	margin-top: 10%;
	margin-bottom: 3%;
	border: 3px solid #CCC;
	border-radius: 20px;
	margin-bottom: 3%;
	padding: 1%;
	text-align: center;	
	}
#doc-espe{
	padding-right: 5%;
	padding-left: 5%;
	padding-top: 10%;
	}
.doctor{
	padding: 10px;
	height: auto;
	width: 70%;
	margin-top: 5%;
	margin-right: 10%;
	margin-bottom: 3%;
	margin-left: 10%;
	float: left;
	border: 2px solid #036;
	border-top-left-radius:25px;
	border-top-right-radius:25px;
	}
	
	#ft-doc img{
	height: auto;
	width: 100%;
	border-top-radius:15px;		
		}
	#nombre{
	margin-bottom: 10px;		
		}
	#nomb-espe{
		margin-bottom: 10px;
		}
		
	#horario-doc{
	margin-bottom: 10px;		
		}
.doctor1{
	padding: 10px;
	height: auto;
	width: 70%;
	margin-top: 5%;
	margin-right: 24%;
	margin-bottom: 5%;
	margin-left: 10%;
	float: left;
	border: 2px solid #036;
	border-top-left-radius:25px;
	border-top-right-radius:25px;
	}
.doctor2{
	padding: 10px;
	height: auto;
	width: 70%;
	margin-top: 10%;
	margin-right: 5%;
	margin-bottom: 10%;
	margin-left: 10%;
	float: left;
	border: 2px solid #036;
	border-top-left-radius:25px;
	border-top-right-radius:25px;
	}	
	
/*-- servicios--*/	
#port-serv{
	padding-top: 0%;
	width: 100%;
	float: left;
	margin-bottom: 2.5%;
	}	
#port-serv img{
	border-top-left-radius: 0px;	
	}
#tit-servh{
	float: left;
	margin-top: 3%;
	margin-bottom:3%;
	margin-left: 5%;
	position: relative;
	padding-top: 2%;
	padding-bottom: 2%;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #993;
	border-bottom-color: #993;
	}
#concepto-serv{
	padding-right: 1%;
	padding-left: 1%;
	background-image: url(../imagenes/fd-csvs.png);
	background-position: center center;
	}
.texto-serv{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	margin-right: 1%;
	margin-left: 5%;
	}	

.foto-serv{
	float: left;
	width: 95%;
	height:auto;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-right:1%;
	margin-left:1%;
	padding-top: 2%;
	padding-right: 1%;
	padding-bottom: 2%;
	padding-left: 1%;	
	}
#ftsv{
	float: left;
	margin-top: 0%;
	margin-right:10%;
	margin-bottom: 5%;
	padding-right: 1%;
	padding-left: 8%;
	padding-top: 8px;
	padding-bottom: 8px;
	
	}
#ftsv img{
	height: auto;
	width: 100%;
	border-radius:20px;		
	}


.texto-serv1h{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 3%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 10%;
	padding-bottom: 1%;
	padding-left: 1%;
	margin-right: 1%;
	margin-left: 5%;
	}	

.foto-serv1h{
	float: left;
	width: 90%;
	height:auto;
	margin-top: 0%;
	margin-bottom: 1%;
	margin-left:1%;
	margin-right:1%;
	padding-top: 2%;
	padding-right: 1%;
	padding-bottom: 2%;
	padding-left: 1%;	
	}

	
#ftsv1h{
	float: left;
	margin-top: 0%;
	margin-right:10%;
	margin-bottom: 5%;
	padding-right: 1%;
	padding-left: 15%;
	padding-top: 8px;
	padding-bottom: 8px;
	
	}
#ftsv1h img{
	height: auto;
	width: 100%;
	border-radius: 20px;
			
	}

.texto-servterp{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 10%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 1%;
	margin-right: 1%;
	margin-left: 5%;
	}
.tit-ftsvt{
	
	margin-bottom:3%;
	}
#ftsvt{
	float: left;
	margin-top: 0%;
	margin-left:10%;
	margin-bottom: 5%;
	border-radius: 20px;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 0px;
	padding-bottom: 80px;
	}
#ftsvt img{
	height: auto;
	width: 100%;
	border-radius: 20px;
}


/*-- imagenes --*/

.imagenes{
	text-align: left;
	float: left;
	height: auto;
	width: 95%;
	margin-top: 2%;
	margin-bottom: 2%;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
	margin-right: 0%;
	margin-left: 0%;	
	}
#texto-imagenes{
	float:left;
	margin-bottom:2%;
	width:95%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	}
.foto-imagenes{
	float: left;
	width: 95%;
	margin-top: -5%;
	margin-bottom: 3%;
	padding-top: 3%;
	padding-right: 1%;
	padding-bottom: 5%;
	padding-left: 1%;
	
	}
.foto-imagenes-a{
	float: right;
	width: 95%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	
	}
#ftsv-fotos{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 2%;
	margin-right: 1%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	}
#ftsv-fotos img{
	height: auto;
	width: 90%;
	border-radius: 20px;		
	}
#ftsv-fotos-a{
	float: left;
	margin-top: -3%;
	margin-bottom: 8%;
	margin-left: -1%;
	margin-right: 1%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top:1%;
	padding-bottom: 1%;
	
	}
#ftsv-fotos-a img{
	height: auto;
	width: 90%;
	border-radius: 20px;		
	}
	
/*-- hospitalizacion--*/
#concepto-serv1{
	padding-right: 2%;
	padding-left: 1%;
	background-image: url(../imagenes/fd-csvs.png);
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	}
.texto-servhp{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 95%;
	margin-top: 3%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 4%;
	padding-bottom: 1%;
	padding-left: 1%;
	margin-right: 2%;
	margin-left: 1%;
}
.foto-servhpf{
	float:left;
	width: 95%;
	margin-top: 1%;
	margin-left:2%;
	margin-bottom: 3%;
	padding-top: 2%;
	padding-right: 3%;
	padding-bottom: 2%;
	padding-left: 3%;	
	}
#tex-srv{
	margin-bottom: 3%;	
	}
#ftsv1{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	padding-right: 8%;
	padding-left: 3%;
	padding-top: 8px;
	padding-bottom: 8px;
	
	}
#ftsv1 img{
	height: auto;
	width: 100%;
	border-radius: 20px;	
	}

.derechos-pacientes{
	text-align: justify;
	float: left;
	height: auto;
	width: 95%;
	margin-top: -3%;
	margin-bottom: 3%;
	padding-top: 0%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 3%;
	margin-right: 0%;
	margin-left: 0%;
	}

#tit-dchp{
	margin-top: 5%;
	margin-bottom: 1%;
	float: left;
	margin-left: 1%;
	margin-bottom:1%;
	box-shadow: 0.0em 0.1em 0.0em rgba(0, 51, 153 ) 50%;
	text-align: center;
	}
#tit-dchp1{
	float: left;
	margin-top:8%;
	margin-left:10%;
	margin-bottom:5%;
	}
	
#text-dchp1{
	padding: 1%;
	margin-top: 1%;
	margin-right: 3%;
	margin-bottom: 1%;
	margin-left: 3%;
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;	
	}
/*-- quirof --*/
.texto-servhp-q{
	text-align: justify;
	text-justify:inter-word;
	hyphens:auto;
	word-spacing:normal;
	float: left;
	height: auto;
	width: 95%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	margin-right: 2%;
	margin-left: 2%;
}
.hpt-q{
	float:left;
	width:90%;
	height:auto;
	margin-top:8%;
	margin-right:1%;
	margin-left:20%;
	margin bottom:2%;
	}
	
#vdq{
	background-color: #transparent;
	float: left;
	
	}
#videoq{
    width: 70%;
	height:70%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
	border-radius:30px;
    }
.foto-servhp-q{
	float: left;
	width: 99%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 2%;
	padding-bottom: 1%;
	padding-left: 1%;	
	}
#ftsv-q{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-right: 1%;
	margin-left: 1%;
	
	}
#ftsv-q img{
	height: auto;
	width: 80%;
	border-radius: 20px;	
	}






		
	
	
	}