@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%;
}
/*-- font1 --*/
p-a{
	font-family: "Raleway", sans-serif;
	font-size: 13px;
	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-0{
	font-family: "Raleway", sans-serif;
	font-size: 10px;
	color: #333;
	}
/*-- font2 --*/
pr{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #333;
	
	}

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: #FFF;
	text-align: center;
	}
p-r1{
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	color: #fff;
	font-weight: bold;	
	}
p-r2{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #fff;
	
	}

/*-- 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;	
	}
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: #00468C;
	text-shadow: 0.1em 0.1em 0.2em black;
	}
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: #fff;
	font-weight: bold;	
	}
hms3{
	font-family: "Montserrat", sans-serif;
	font-size: 40px;
	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;	
	}
/*-- font4 --*/

h{
	font-family: "Oswald", sans-serif;
	font-size: 20px;
	color: #33CCCC;
	text-shadow: 0.1em 0.1em 0.1em black;
	font-weight: bold;
}

h0{
	font-family: "Oswald", sans-serif;
	font-size: 25px;
	color: #33CCCC;
	text-shadow: 0.1em 0.1em 0.1em black;
	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;
}
/*-- font5 --*/
h1-v{
	font-family: "Varela", sans-serif;
	font-size: 25px;
	color: #333333;
	font-weight: bold;
	}
/*--font6 --*/

hs{
	font-family: "Saira", sans-serif;
	font-size: 20px;
	color: #33CCCC;
	text-shadow: 0.1em 0.1em 0.1em black;
	font-weight: bold;
}




/*-- maquetacion --*/
#contenedor{
	width: 100%;
	padding: 0px;
	margin:0 auto;
	}
.flotante {
	float:right;
	display: scroll;
	position: fixed;
	bottom: 20px;
	right: 30px;
	text-shadow: 0.1em 0.1em 0.2em black;
	z-index: 999;
}
.flotante1 {
	float:left;
	display: scroll;
	position: fixed;
	bottom: 20px;
	left: 30px;
	text-shadow: 0.1em 0.1em 0.2em black;
	z-index: 999;
}
/*--inicio --*/

#cabecera{
	height: auto;
	width: 100%;
	margin-top: 0px;
	z-index: 1000;
	position: fixed;
	background-image: linear-gradient(to right , rgb(255,255,255),  rgb(255,255,255), rgb(23,70,158), rgb(23,70,158));
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	box-shadow: 0.2em 0.2em 0.3em black;
	}
#logo{
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 50px;	
	}
.menu{
	float: right;
	margin-top: 20px;
	margin-right: 50px;
	}	
#vd{
	background-color: #17469E;
	float: left;
	margin-top: 98px;
	}
#video{
    
    width: 100%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
    }
#sloganf{
	padding-top: 100px;
	padding-right: 50px;
	padding-bottom: 100px;
	padding-left: 50px;
	background-color: #ddd;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #B2CF35;
	}
#mensajepos{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-mposi.jpg);
	background-repeat: no-repeat;
	padding-top: 10%;
	padding-bottom: 10%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #001B18;
	border-bottom-color: #00468C;
	background-position: center center;
}

#text-mensaje{
	float: left;
	margin-right: 20%;
	margin-left: 20%;
	text-align: justify;
	}
.men-emer{
	float: right;
	height: auto;
	width: 235px;
	margin-top: 3%;
	margin-right: 15%;
	margin-bottom: 1%;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	padding: 1%;
	border: 2px solid #FFF;
	}

#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{
	margin-top: 10%;
	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{
	float: left;
	width: 99%;
	padding-top: 25px;
	padding-right: 5px;
	padding-bottom: 50px;
	padding-left: 5px;
	background-image: linear-gradient(to right , rgb(85,150,235),  rgb(85,150,235), rgb(23,70,158), rgb(23,70,158));
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
	margin-top: 100px;
	margin-left: 10px;
	}
#social{
	float: left;
	margin-right: 20px;
	margin-left: 200px;	
	}
#social img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
#social1{
	float: left;
	margin-right: 20px;
	margin-left: 300px;	
	}
#social1 img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
#social2{
	float: left;
	margin-right: 20px;
	margin-left: 300px;	
	}
#social2 img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
.dere{
	width: 100%;
	padding-top: 25px;
	margin-top: 25px;
	}
#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{
	padding-top: 95px;
	}
.rotacion img{
	border-top-left-radius: 80px;
	}
#historia{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-h.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 5%;
	padding-bottom: 5%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #00468C;
	border-bottom-color: #00468C;
}



.ft-h{
	float: left;
	height: auto;
	width: 40%;
	padding: 0.5%;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	border: 2px solid #16439E;
	margin-left: 10%;
	margin-right: 1.5%;
	}
.ft-h img{
	float: right;
	margin-right: 10%;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	}
.tex-h{
	float: left;
	height: auto;
	width: 40%;
	}
#tp1{
	float: left;
	margin-top: 2%;
	}
#t1{
	float: left;
	margin-top: 8%;
	margin-left: -4%;
	}
#cont-h{
	float: left;
	margin-top: 2%;
	margin-right: 12%;
	margin-left: 6%;
	text-align: justify;
	}
#adm{
	margin-top: 5%;
	margin-bottom: 5%;
	margin-right: 1%;
	margin-left: 1%;
	}
.mision{
	float: left;
	height: auto;
	width: 25%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 2%;
	}
#ft-ms img{
	height: auto;
	width: 80%;
	border-bottom-left-radius: 60px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 60px;	
	}
#tit-ms{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-ms{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
.vision{
	float: left;
	height: auto;
	width: 25%;
	padding-right: 2%;
	padding-left: 5%;	
	}
#ft-vs img{
	height: auto;
	width: 80%;
	border-bottom-left-radius: 60px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 60px;	
	}
#tit-vs{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-vs{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
.valores{
	float: right;
	height: auto;
	width: 25%;	
	padding-right: 2%;
	padding-left: 2%;
	}
#ft-val img{
	height: auto;
	width: 80%;
	border-bottom-left-radius: 60px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 60px;	
	}
#tit-val{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-val{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
#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{
	background-attachment: fixed;
	background-image: url(../imagenes/ft-serv-h.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	}
.tit-shpa{
	margin-top: 6%;
	margin-bottom: 5%;	
	}
.text-shpa{
	margin-right: 20%;
	margin-bottom: 5%;
	margin-left: 20%;
	text-align: justify;
	}
.servh1{
	float: left;
	height: auto;
	width: 40%;
	margin-top: 4%;
	margin-right: 6%;
	margin-bottom: 6%;
	margin-left: 4%;	
	}
.pos{
	margin-top: 4%;	
	}
	#fth1-1{
	float: right;
	margin-right: 3%;
	}
	#texth1-1{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}
	#fth2-2{
	float: right;
	margin-right: 3%;
	}
	#texth2-2{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}
	#fth3-3{
	float: right;
	margin-right: 3%;
	}
	#texth3-3{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}
	#fth4-4{
	float: right;
	margin-right: 3%;
	}
	#texth4-4{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}

.servh2{
	float: right;
	height: auto;
	width: 40%;
	margin-top: 4%;
	margin-right: 4%;
	margin-bottom: 6%;
	margin-left: 6%;	
	}
.pos1{
	margin-top: 4%;	
	}
	#fth5-5{
	float: left;
	margin-left: 3%;
	}
	#texth5-5{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth6-6{
	float: left;
	margin-left: 3%;
	}
	#texth6-6{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth7-7{
	float: left;
	margin-left: 3%;
	}
	#texth7-7{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth8-8{
	float: left;
	margin-left: 3%;
	}
	#texth8-8{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
/*-- 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: 50%;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	}
#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: 95px;
	margin-bottom: 20px;
	}
#port img{
	height: auto;
	width: 100%;
	border-top-left-radius: 80px;	
	}
#concepto{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 100px;
	padding-left: 100px;
	}
.tit-espemed{
	margin-top: 3%;
	margin-bottom: 3%;
	
	}
#text-concepto{
	margin-top: 100px;
	margin-right: 50px;
	margin-bottom: 100px;
	margin-left: 50px;
	}
#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-top-left-radius:25px;
	border-top-right-radius:25px;
	}
	
	#ft-doc img{
	height: auto;
	width: 100%;
	border-top-left-radius:25px;
	border-top-right-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: 100px;
	margin-right: 30%;
	margin-bottom: 50px;
	margin-left: 35%;
	float: left;
	border: 2px solid #036;
	border-top-left-radius:25px;
	border-top-right-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-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: 80px;	
	}
#tit-servh{
	float: right;
	margin-top: -16%;
	margin-right: 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: #FFF;
	border-bottom-color: #FFF;	
	}
#concepto-serv{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 3%;
	padding-left: 3%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	background-image: url(../imagenes/fd-csvs.jpg);
	background-position: center center;
	}
.texto-serv{
	text-align: justify;
	float: left;
	height: auto;
	width: 30%;
	margin-top: 10%;
	margin-bottom: 3%;
	padding-top: 10%;
	padding-right: 3%;
	padding-bottom: 10%;
	padding-left: 3%;
	background-color: #698C00;
	border-top-left-radius: 80px;
	border-bottom-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 3%;
	margin-left: 10%;
	}	

.foto-serv{
	float: right;
	width: 40%;
	margin-top: 7%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 10%;
	padding-left: 3%;	
	}
#ftsv{
	float: left;
	margin-top: 3%;
	margin-bottom: 5%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 8%;
	padding-left: 8%;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv img{
	height: auto;
	width: 100%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;		
	}
/*-- hospitalizacion--*/
#concepto-serv1{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 3%;
	padding-left: 3%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	background-image: url(../imagenes/fd-csvs.jpg);
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	}
.texto-servhp{
	text-align: justify;
	float: left;
	height: auto;
	width: 30%;
	margin-top: 15%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 3%;
	background-color: #698C00;
	border-top-left-radius: 80px;
	border-bottom-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 3%;
	margin-left: 10%;
}
.foto-servhpf{
	float: right;
	width: 40%;
	margin-top: 7%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 10%;
	padding-left: 3%;	
	}
#tex-srv{
	margin-bottom: 5%;	
	}
#ftsv1{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 8%;
	padding-left: 8%;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv1 img{
	height: auto;
	width: 100%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;		
	}

.derechos-pacientes{
	text-align: justify;
	float: left;
	height: auto;
	width: 93%;
	margin-top: 0%;
	margin-bottom: 3%;
	padding-top: 0%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 3%;
	background-color: #18469C;
	border-top-left-radius: 80px;
	border-top-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 0%;
	margin-left: 0%;	
	}

#tit-dchp{
	margin-top: 5%;
	margin-bottom: 1%;
	float: left;
	margin-left: 30%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	text-shadow: 0.1em 0.1em 0.2em black;
	box-shadow: 0.0em 0.1em 0.0em black;
	}
#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%;	
	}
/*-- imagenes --*/


.imagenes{
	text-align: justify;
	float: left;
	height: auto;
	width: 40%;
	margin-top: 5%;
	margin-bottom: 2%;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
	background-color: #698C00;
	border-bottom-left-radius: 80px;
	border-top-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 0%;
	margin-left: 0%;	
	}
#texto-imagenes{
	float:left;
	margin-bottom:2%;
	}
.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%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv-fotos img{
	height: auto;
	width: 90%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;		
	}
#ftsv-fotos-a{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 10%;
	margin-right: 3%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv-fotos-a img{
	height: auto;
	width: 90%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;		
	}






	
@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{
	height: auto;
	width: 100%;
	margin-top: 0px;
	z-index: 1000;
	position: fixed;
	background-image: linear-gradient(to right , rgb(255,255,255),  rgb(255,255,255), rgb(23,70,158), rgb(23,70,158));
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	box-shadow: 0.2em 0.2em 0.3em black;
	}
#logo{
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 50px;	
	}
.menu{
	float: right;
	margin-top: 20px;
	margin-right: 50px;
	}
	
#vd{
	background-color: #17469E;
	float: left;
	margin-top: 98px;
	}
#video{
    
    width: 100%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
    }
#sloganf{
	padding-top: 100px;
	padding-right: 50px;
	padding-bottom: 100px;
	padding-left: 50px;
	background-color: #ddd;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #B2CF35;
	}
#mensajepos{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-mposi.jpg);
	background-repeat: no-repeat;
	padding-top: 10%;
	padding-bottom: 10%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #001B18;
	border-bottom-color: #00468C;
	background-position: center center;
}
#text-mensaje{
	float: left;
	margin-right: 20%;
	margin-left: 20%;
	text-align: justify;
	}
.tit-seguros{
	margin-top: 10%;
	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{
	float: left;
	width: 98%;
	padding-top: 25px;
	padding-right: 5px;
	padding-bottom: 50px;
	padding-left: 5px;
	background-image: linear-gradient(to right , rgb(85,150,235),  rgb(85,150,235), rgb(23,70,158), rgb(23,70,158));
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
	margin-top: 100px;
	margin-left: 10px;
	}
#social{
	float: left;
	margin-right: 20px;
	margin-left: 150px;	
	}
#social img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
#social1{
	float: left;
	margin-right: 20px;
	margin-left: 250px;	
	}
#social1 img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
#social2{
	float: left;
	margin-right: 20px;
	margin-left: 280px;	
	}
#social2 img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
.dere{
	width: 100%;
	padding-top: 25px;
	margin-top: 25px;
	}
#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{
	padding-top: 95px;
	}
.rotacion img{
	border-top-left-radius: 80px;
	}
#historia{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-h.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 5%;
	padding-bottom: 5%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #00468C;
	border-bottom-color: #00468C;
}



.ft-h{
	float: left;
	height: auto;
	width: 40%;
	padding: 0.5%;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	border: 2px solid #16439E;
	margin-left: 10%;
	margin-right: 1.5%;
	}
.ft-h img{
	float: right;
	margin-right: 5%;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	width: 95%;
	}
.tex-h{
	float: left;
	height: auto;
	width: 40%;
	}
#tp1{
	float: left;
	margin-top: 2%;
	}
#t1{
	float: left;
	margin-top: 8%;
	margin-left: -4%;
	}
#cont-h{
	float: left;
	margin-top: 2%;
	margin-right: 12%;
	margin-left: 6%;
	text-align: justify;
	}
#adm{
	margin-top: 5%;
	margin-bottom: 5%;
	margin-right: 1%;
	margin-left: 1%;
	}
.mision{
	float: left;
	height: auto;
	width: 25%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 2%;
	}
#ft-ms img{
	height: auto;
	width: 80%;
	border-bottom-left-radius: 60px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 60px;	
	}
#tit-ms{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-ms{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
.vision{
	float: left;
	height: auto;
	width: 25%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 5%;	
	}
#ft-vs img{
	height: auto;
	width: 80%;
	border-bottom-left-radius: 60px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 60px;	
	}
#tit-vs{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-vs{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
.valores{
	float: left;
	height: auto;
	width: 25%;	
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 5%;
	}
#ft-val img{
	height: auto;
	width: 80%;
	border-bottom-left-radius: 60px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 60px;	
	}
#tit-val{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-val{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
#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{
	background-attachment: fixed;
	background-image: url(../imagenes/ft-serv-h.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	}
.tit-shpa{
	margin-top: 6%;
	margin-bottom: 5%;	
	}
.text-shpa{
	margin-right: 20%;
	margin-bottom: 5%;
	margin-left: 20%;
	text-align: justify;
	}
.servh1{
	float: left;
	height: auto;
	width: 40%;
	margin-top: 4%;
	margin-right: 6%;
	margin-bottom: 6%;
	margin-left: 4%;	
	}
.pos{
	margin-top: 4%;	
	}
	#fth1-1{
	float: right;
	margin-right: 3%;
	}
	#texth1-1{
	float: right;
	margin-top: 5%;
	margin-right: 2%;

	}
	#fth2-2{
	float: right;
	margin-right: 3%;
	}
	#texth2-2{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}
	#fth3-3{
	float: right;
	margin-right: 3%;
	}
	#texth3-3{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}
	#fth4-4{
	float: right;
	margin-right: 3%;
	}
	#texth4-4{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}

.servh2{
	float: right;
	height: auto;
	width: 40%;
	margin-top: 4%;
	margin-right: 4%;
	margin-bottom: 6%;
	margin-left: 6%;	
	}
.pos1{
	margin-top: 4%;	
	}
	#fth5-5{
	float: left;
	margin-left: 3%;
	}
	#texth5-5{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth6-6{
	float: left;
	margin-left: 3%;
	}
	#texth6-6{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth7-7{
	float: left;
	margin-left: 3%;
	}
	#texth7-7{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth8-8{
	float: left;
	margin-left: 3%;
	}
	#texth8-8{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
/*-- 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: 50%;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	}
#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: 95px;
	margin-bottom: 20px;
	}
#port img{
	height: auto;
	width: 100%;
	border-top-left-radius: 80px;	
	}
#concepto{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 100px;
	padding-left: 100px;
	}
#text-concepto{
	margin-top: 100px;
	margin-right: 50px;
	margin-bottom: 100px;
	margin-left: 50px;
	}
#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-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: 28%;
	margin-top: 100px;
	margin-right: 30%;
	margin-bottom: 50px;
	margin-left: 35%;
	float: left;
	border: 2px solid #036;
	border-top-left-radius:25px;
	border-top-right-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-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: 80px;	
	}
#tit-servh{
	float: right;
	margin-top: -16%;
	margin-right: 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: #FFF;
	border-bottom-color: #FFF;	
	}
#concepto-serv{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 3%;
	padding-left: 3%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	background-image: url(../imagenes/fd-csvs.jpg);
	background-position: center center;
	}
.texto-serv{
	text-align: justify;
	float: left;
	height: auto;
	width: 30%;
	margin-top: 10%;
	margin-bottom: 3%;
	padding-top: 10%;
	padding-right: 3%;
	padding-bottom: 10%;
	padding-left: 3%;
	background-color: #698C00;
	border-top-left-radius: 80px;
	border-bottom-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 3%;
	margin-left: 10%;
	}	

.foto-serv{
	float: right;
	width: 40%;
	margin-top: 7%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 10%;
	padding-left: 3%;	
	}
#ftsv{
	float: left;
	margin-top: 3%;
	margin-bottom: 5%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 8%;
	padding-left: 8%;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv img{
	height: auto;
	width: 100%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;		
	}	
/*-- imagenes --*/


.imagenes{
	text-align: justify;
	float: left;
	height: auto;
	width: 40%;
	margin-top: 5%;
	margin-bottom: 2%;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
	background-color: #698C00;
	border-bottom-left-radius: 80px;
	border-top-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 0%;
	margin-left: 0%;	
	}
#texto-imagenes{
	float:left;
	margin-bottom:2%;
	}
.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: left;
	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%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv-fotos img{
	height: auto;
	width: 90%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;		
	}
#ftsv-fotos-a{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 10%;
	margin-right: 3%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv-fotos-a img{
	height: auto;
	width: 90%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;		
	}	
/*-- hospitalizacion--*/
#concepto-serv1{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 3%;
	padding-left: 3%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	background-image: url(../imagenes/fd-csvs.jpg);
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	}
.texto-servhp{
	text-align: justify;
	float: left;
	height: auto;
	width: 30%;
	margin-top: 15%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 3%;
	background-color: #698C00;
	border-top-left-radius: 80px;
	border-bottom-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 3%;
	margin-left: 10%;
}
#tex-srv{
	margin-bottom: 5%;	
	}
.foto-servhpf{
	float: right;
	width: 40%;
	margin-top: 7%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 10%;
	padding-left: 3%;	
	}
#ftsv1{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 8%;
	padding-left: 8%;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv1 img{
	height: auto;
	width: 100%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;		
	}

.derechos-pacientes{
	text-align: justify;
	float: left;
	height: auto;
	width: 93%;
	margin-top: 0%;
	margin-bottom: 3%;
	padding-top: 0%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 3%;
	background-color: #18469C;
	border-top-left-radius: 80px;
	border-top-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 0%;
	margin-left: 0%;	
	}

#tit-dchp{
	margin-top: 5%;
	margin-bottom: 1%;
	float: left;
	margin-left: 25%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	text-shadow: 0.1em 0.1em 0.2em black;
	box-shadow: 0.0em 0.1em 0.0em black;
	}
#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%;	
	}	
	
	
	
	
	
	
	
	}
	
	
@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{
	height: auto;
	width: 100%;
	margin-top: 0px;
	z-index: 1000;
	position: fixed;
	background-image: linear-gradient(to right , rgb(255,255,255),  rgb(255,255,255), rgb(23,70,158), rgb(23,70,158));
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	box-shadow: 0.2em 0.2em 0.3em black;
	}
#logo{
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 50px;	
	}
.menu{
	float: right;
	margin-top: 20px;
	margin-right: 50px;
	}
	
#vd{
	background-color: #17469E;
	float: left;
	margin-top: 98px;
	}
#video{
    
    width: 100%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
    }
#sloganf{
	padding-top: 100px;
	padding-right: 50px;
	padding-bottom: 100px;
	padding-left: 50px;
	background-color: #ddd;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #B2CF35;
	}
#mensajepos{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-mposi.jpg);
	background-repeat: no-repeat;
	padding-top: 10%;
	padding-bottom: 10%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #001B18;
	border-bottom-color: #00468C;
	background-position: center center;
}
#text-mensaje{
	float: left;
	margin-right: 20%;
	margin-left: 20%;
	text-align: justify;
	}
.tit-seguros{
	margin-top: 10%;
	margin-bottom: 2%;	
	}
/* --- 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{
	float: left;
	width: 98%;
	padding-top: 25px;
	padding-right: 5px;
	padding-bottom: 50px;
	padding-left: 5px;
	background-image: linear-gradient(to right , rgb(85,150,235),  rgb(85,150,235), rgb(23,70,158), rgb(23,70,158));
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
	margin-top: 100px;
	margin-left: 10px;
	}
#social{
	float: left;
	margin-right: 20px;
	margin-left: 150px;	
	}
#social img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
#social1{
	float: left;
	margin-right: 20px;
	margin-left: 250px;	
	}
#social1 img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
#social2{
	float: left;
	margin-right: 20px;
	margin-left: 280px;	
	}
#social2 img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
.dere{
	width: 100%;
	padding-top: 25px;
	margin-top: 25px;
	}
#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{
	padding-top: 95px;
	}
.rotacion img{
	border-top-left-radius: 80px;
	}
#historia{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-h.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 5%;
	padding-bottom: 5%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #00468C;
	border-bottom-color: #00468C;
}



.ft-h{
	float: left;
	height: auto;
	width: 40%;
	padding: 0.5%;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	border: 2px solid #16439E;
	margin-left: 10%;
	margin-right: 1.5%;
	}
.ft-h img{
	float: right;
	margin-right: 5%;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	width: 95%;
	}
.tex-h{
	float: left;
	height: auto;
	width: 40%;
	}
#tp1{
	float: left;
	margin-top: 2%;
	}
#t1{
	float: left;
	margin-top: 8%;
	margin-left: -4%;
	}
#cont-h{
	float: left;
	margin-top: 2%;
	margin-right: 12%;
	margin-left: 6%;
	text-align: justify;
	}
#adm{
	margin-top: 5%;
	margin-bottom: 5%;
	margin-right: 1%;
	margin-left: 1%;
	}
.mision{
	float: left;
	height: auto;
	width: 25%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 2%;
	}
#ft-ms img{
	height: auto;
	width: 80%;
	border-bottom-left-radius: 60px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 60px;	
	}
#tit-ms{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-ms{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
.vision{
	float: left;
	height: auto;
	width: 25%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 5%;	
	}
#ft-vs img{
	height: auto;
	width: 80%;
	border-bottom-left-radius: 60px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 60px;	
	}
#tit-vs{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-vs{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
.valores{
	float: left;
	height: auto;
	width: 25%;	
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 5%;
	}
#ft-val img{
	height: auto;
	width: 80%;
	border-bottom-left-radius: 60px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 60px;	
	}
#tit-val{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-val{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
#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{
	background-attachment: fixed;
	background-image: url(../imagenes/ft-serv-h.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	}
.tit-shpa{
	margin-top: 6%;
	margin-bottom: 5%;	
	}
.text-shpa{
	margin-right: 20%;
	margin-bottom: 5%;
	margin-left: 20%;
	text-align: justify;
	}
.servh1{
	float: left;
	height: auto;
	width: 40%;
	margin-top: 4%;
	margin-right: 6%;
	margin-bottom: 6%;
	margin-left: 4%;	
	}
.pos{
	margin-top: 4%;	
	}
	#fth1-1{
	float: right;
	margin-right: 3%;
	}
	#texth1-1{
	float: right;
	margin-top: 5%;
	margin-right: 2%;


	}
	#fth2-2{
	float: right;
	margin-right: 3%;
	}
	#texth2-2{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}
	#fth3-3{
	float: right;
	margin-right: 3%;
	}
	#texth3-3{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}
	#fth4-4{
	float: right;
	margin-right: 3%;
	}
	#texth4-4{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}

.servh2{
	float: right;
	height: auto;
	width: 40%;
	margin-top: 4%;
	margin-right: 4%;
	margin-bottom: 6%;
	margin-left: 6%;	
	}
.pos1{
	margin-top: 4%;	
	}
	#fth5-5{
	float: left;
	margin-left: 3%;
	}
	#texth5-5{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth6-6{
	float: left;
	margin-left: 3%;
	}
	#texth6-6{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth7-7{
	float: left;
	margin-left: 3%;
	}
	#texth7-7{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth8-8{
	float: left;
	margin-left: 3%;
	}
	#texth8-8{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
/*-- 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: 50%;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	}
#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: 95px;
	margin-bottom: 20px;
	}
#port img{
	height: auto;
	width: 100%;
	border-top-left-radius: 80px;	
	}
#concepto{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 100px;
	padding-left: 100px;
	}
#text-concepto{
	margin-top: 100px;
	margin-right: 50px;
	margin-bottom: 100px;
	margin-left: 50px;
	}
#doc-espe{
	padding-right: 5%;
	padding-left: 5%;
	padding-top: 10%;
	}
.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-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: 28%;
	margin-top: 100px;
	margin-right: 30%;
	margin-bottom: 50px;
	margin-left: 35%;
	float: left;
	border: 2px solid #036;
	border-top-left-radius:25px;
	border-top-right-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-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: 80px;	
	}
#tit-servh{
	float: right;
	margin-top: -16%;
	margin-right: 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: #FFF;
	border-bottom-color: #FFF;	
	}
#concepto-serv{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 3%;
	padding-left: 3%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	background-image: url(../imagenes/fd-csvs.jpg);
	background-position: center center;
	}
.texto-serv{
	text-align: justify;
	float: left;
	height: auto;
	width: 30%;
	margin-top: 10%;
	margin-bottom: 3%;
	padding-top: 10%;
	padding-right: 3%;
	padding-bottom: 10%;
	padding-left: 3%;
	background-color: #698C00;
	border-top-left-radius: 80px;
	border-bottom-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 3%;
	margin-left: 10%;
	}	

.foto-serv{
	float: right;
	width: 40%;
	margin-top: 7%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 10%;
	padding-left: 3%;	
	}
#ftsv{
	float: left;
	margin-top: 3%;
	margin-bottom: 5%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 8%;
	padding-left: 8%;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv img{
	height: auto;
	width: 100%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;		
	}
/*-- imagenes --*/


.imagenes{
	text-align: justify;
	float: left;
	height: auto;
	width: 40%;
	margin-top: 5%;
	margin-bottom: 2%;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
	background-color: #698C00;
	border-bottom-left-radius: 80px;
	border-top-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 0%;
	margin-left: 0%;	
	}
#texto-imagenes{
	float:left;
	margin-bottom:2%;
	}
.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: left;
	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%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv-fotos img{
	height: auto;
	width: 90%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;		
	}
#ftsv-fotos-a{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 10%;
	margin-right: 3%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv-fotos-a img{
	height: auto;
	width: 90%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;		
	}

/*-- hospitalizacion--*/
#concepto-serv1{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 3%;
	padding-left: 1%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	background-image: url(../imagenes/fd-csvs.jpg);
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	}
.texto-servhp{
	text-align: justify;
	float: left;
	height: auto;
	width: 35%;
	margin-top: 15%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 1%;
	background-color: #698C00;
	border-top-left-radius: 80px;
	border-bottom-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 3%;
	margin-left: 10%;
}
#tex-srv{
	margin-bottom: 5%;	
	}
.foto-servhpf{
	float: right;
	width: 40%;
	margin-top: 7%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 10%;
	padding-left: 3%;	
	}
#ftsv1{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 8%;
	padding-left: 8%;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv1 img{
	height: auto;
	width: 100%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;		
	}

.derechos-pacientes{
	text-align: justify;
	float: left;
	height: auto;
	width: 93%;
	margin-top: 0%;
	margin-bottom: 3%;
	padding-top: 0%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 3%;
	background-color: #18469C;
	border-top-left-radius: 80px;
	border-top-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 0%;
	margin-left: 0%;	
	}

#tit-dchp{
	margin-top: 5%;
	margin-bottom: 1%;
	float: left;
	margin-left: 25%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	text-shadow: 0.1em 0.1em 0.2em black;
	box-shadow: 0.0em 0.1em 0.0em black;
	}
#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%;	
	}

	
	
	
	
	
	}

@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{
	height: auto;
	width: 100%;
	margin-top: 0px;
	z-index: 1000;
	position: fixed;
	background-image: linear-gradient(to right , rgb(255,255,255),  rgb(255,255,255), rgb(23,70,158), rgb(23,70,158));
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	box-shadow: 0.2em 0.2em 0.3em black;
	}
#logo{
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 50px;	
	}
.menu{
	float: right;
	margin-top: 20px;
	margin-right: 50px;
	}
	
#vd{
	background-color: #17469E;
	float: left;
	margin-top: 98px;
	}
#video{
    
    width: 100%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
    }
#sloganf{
	padding-top: 100px;
	padding-right: 50px;
	padding-bottom: 100px;
	padding-left: 50px;
	background-color: #ddd;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #B2CF35;
	}
#mensajepos{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-mposi.jpg);
	background-repeat: no-repeat;
	padding-top: 10%;
	padding-bottom: 10%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #001B18;
	border-bottom-color: #00468C;
	background-position: center center;
}
#text-mensaje{
	float: left;
	margin-right: 20%;
	margin-left: 20%;
	text-align: justify;
	}
.tit-seguros{
	margin-top: 10%;
	margin-bottom: 2%;	
	}
/* --- 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{
	float: left;
	width: 98%;
	padding-top: 25px;
	padding-right: 5px;
	padding-bottom: 50px;
	padding-left: 5px;
	background-image: linear-gradient(to right , rgb(85,150,235),  rgb(85,150,235), rgb(23,70,158), rgb(23,70,158));
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
	margin-top: 100px;
	margin-left: 10px;
	}
#social{
	float: left;
	margin-right: 20px;
	margin-left: 150px;	
	}
#social img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
#social1{
	float: left;
	margin-right: 20px;
	margin-left: 250px;	
	}
#social1 img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
#social2{
	float: left;
	margin-right: 20px;
	margin-left: 280px;	
	}
#social2 img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
.dere{
	width: 100%;
	padding-top: 25px;
	margin-top: 25px;
	}
#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{
	padding-top: 95px;
	}
.rotacion img{
	border-top-left-radius: 80px;
	}
#historia{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-h.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 5%;
	padding-bottom: 5%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #00468C;
	border-bottom-color: #00468C;
}



.ft-h{
	float: left;
	height: auto;
	width: 40%;
	padding: 0.5%;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	border: 2px solid #16439E;
	margin-left: 10%;
	margin-right: 1.5%;
	}
.ft-h img{
	float: right;
	margin-right: 5%;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	width: 95%;
	}
.tex-h{
	float: left;
	height: auto;
	width: 40%;
	}
#tp1{
	float: left;
	margin-top: 2%;
	}
#t1{
	float: left;
	margin-top: 8%;
	margin-left: -4%;
	}
#cont-h{
	float: left;
	margin-top: 2%;
	margin-right: 12%;
	margin-left: 6%;
	text-align: justify;
	}
#adm{
	margin-top: 5%;
	margin-bottom: 5%;
	margin-right: 1%;
	margin-left: 1%;
	}
.mision{
	float: left;
	height: auto;
	width: 25%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 2%;
	}
#ft-ms img{
	height: auto;
	width: 80%;
	border-bottom-left-radius: 60px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 60px;	
	}
#tit-ms{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-ms{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
.vision{
	float: left;
	height: auto;
	width: 25%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 5%;	
	}
#ft-vs img{
	height: auto;
	width: 80%;
	border-bottom-left-radius: 60px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 60px;	
	}
#tit-vs{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-vs{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
.valores{
	float: left;
	height: auto;
	width: 25%;	
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 5%;
	}
#ft-val img{
	height: auto;
	width: 80%;
	border-bottom-left-radius: 60px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 60px;	
	}
#tit-val{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-val{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
#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{
	background-attachment: fixed;
	background-image: url(../imagenes/ft-serv-h.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	}
.tit-shpa{
	margin-top: 6%;
	margin-bottom: 5%;	
	}
.text-shpa{
	margin-right: 20%;
	margin-bottom: 5%;
	margin-left: 20%;
	text-align: justify;
	}
.servh1{
	float: left;
	height: auto;
	width: 40%;
	margin-top: 4%;
	margin-right: 6%;
	margin-bottom: 6%;
	margin-left: 4%;	
	}
.pos{
	margin-top: 4%;	
	}
	#fth1-1{
	float: right;
	margin-right: 3%;
	}
	#texth1-1{
	float: right;
	margin-top: 5%;
	margin-right: 2%;


	}
	#fth2-2{
	float: right;
	margin-right: 3%;
	}
	#texth2-2{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}
	#fth3-3{
	float: right;
	margin-right: 3%;
	}
	#texth3-3{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}
	#fth4-4{
	float: right;
	margin-right: 3%;
	}
	#texth4-4{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}

.servh2{
	float: right;
	height: auto;
	width: 40%;
	margin-top: 4%;
	margin-right: 4%;
	margin-bottom: 6%;
	margin-left: 6%;	
	}
.pos1{
	margin-top: 4%;	
	}
	#fth5-5{
	float: left;
	margin-left: 3%;
	}
	#texth5-5{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth6-6{
	float: left;
	margin-left: 3%;
	}
	#texth6-6{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth7-7{
	float: left;
	margin-left: 3%;
	}
	#texth7-7{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth8-8{
	float: left;
	margin-left: 3%;
	}
	#texth8-8{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}	
/*-- 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: 50%;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	}
#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: 95px;
	margin-bottom: 20px;
	}
#port img{
	height: auto;
	width: 100%;
	border-top-left-radius: 80px;	
	}
#concepto{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 100px;
	padding-left: 100px;
	}
#text-concepto{
	margin-top: 100px;
	margin-right: 50px;
	margin-bottom: 100px;
	margin-left: 50px;
	}
#doc-espe{
	padding-right: 5%;
	padding-left: 5%;
	padding-top: 10%;
	}
.doctor{
	padding: 10px;
	height: auto;
	width: 25%;
	margin-top: 5%;
	margin-right: 2%;
	margin-bottom: 10%;
	margin-left: 2%;
	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: 28%;
	margin-top: 100px;
	margin-right: 30%;
	margin-bottom: 50px;
	margin-left: 35%;
	float: left;
	border: 2px solid #036;
	border-top-left-radius:25px;
	border-top-right-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-top-left-radius:25px;
	border-top-right-radius:25px;
	}

/*-- servicios--*/

#port-serv{
	padding-top: 7%;
	width: 100%;
	float: left;
	margin-bottom: 2.5%;
	}	
#port-serv img{
	border-top-left-radius: 80px;	
	}
#tit-servh{
	float: right;
	margin-top: -16%;
	margin-right: 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: #FFF;
	border-bottom-color: #FFF;	
	}
#concepto-serv{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 3%;
	padding-left: 3%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	background-image: url(../imagenes/fd-csvs.jpg);
	background-position: center center;
	}
.texto-serv{
	text-align: justify;
	float: left;
	height: auto;
	width: 30%;
	margin-top: 10%;
	margin-bottom: 3%;
	padding-top: 10%;
	padding-right: 3%;
	padding-bottom: 10%;
	padding-left: 3%;
	background-color: #698C00;
	border-top-left-radius: 80px;
	border-bottom-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 3%;
	margin-left: 10%;
	}	

.foto-serv{
	float: right;
	width: 40%;
	margin-top: 7%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 10%;
	padding-left: 3%;	
	}
#ftsv{
	float: left;
	margin-top: 3%;
	margin-bottom: 5%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 8%;
	padding-left: 8%;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv img{
	height: auto;
	width: 100%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;		
	}
/*-- imagenes --*/


.imagenes{
	text-align: justify;
	float: left;
	height: auto;
	width: 40%;
	margin-top: 5%;
	margin-bottom: 2%;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
	background-color: #698C00;
	border-bottom-left-radius: 80px;
	border-top-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 0%;
	margin-left: 0%;	
	}
#texto-imagenes{
	float:left;
	margin-bottom:2%;
	}
.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: left;
	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: 3%;
	margin-right: 3%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv-fotos img{
	height: auto;
	width: 90%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;		
	}
#ftsv-fotos-a{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 5%;
	margin-right: 6%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv-fotos-a img{
	height: auto;
	width: 90%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;		
	}
/*-- hospitalizacion--*/
#concepto-serv1{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 3%;
	padding-left: 1%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	background-image: url(../imagenes/fd-csvs.jpg);
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	}
.texto-servhp{
	text-align: justify;
	float: left;
	height: auto;
	width: 35%;
	margin-top: 15%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 1%;
	background-color: #698C00;
	border-top-left-radius: 80px;
	border-bottom-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 3%;
	margin-left: 10%;
}
#tex-srv{
	margin-bottom: 5%;	
	}
.foto-servhpf{
	float: right;
	width: 40%;
	margin-top: 7%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 10%;
	padding-left: 3%;	
	}
#ftsv1{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 8%;
	padding-left: 8%;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv1 img{
	height: auto;
	width: 100%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;		
	}

.derechos-pacientes{
	text-align: justify;
	float: left;
	height: auto;
	width: 93%;
	margin-top: 0%;
	margin-bottom: 3%;
	padding-top: 0%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 3%;
	background-color: #18469C;
	border-top-left-radius: 80px;
	border-top-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 0%;
	margin-left: 0%;	
	}

#tit-dchp{
	margin-top: 5%;
	margin-bottom: 1%;
	float: left;
	margin-left: 25%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	text-shadow: 0.1em 0.1em 0.2em black;
	box-shadow: 0.0em 0.1em 0.0em black;
	}
#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%;	
	}


		
	
	
	
	
	}
	
@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{
	height: auto;
	width: 100%;
	margin-top: 0px;
	z-index: 1000;
	position: fixed;
	background-image: linear-gradient(to right , rgb(255,255,255),  rgb(255,255,255), rgb(23,70,158), rgb(23,70,158));
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	box-shadow: 0.2em 0.2em 0.3em black;
	}
#logo{
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 50px;	
	}
.menu{
	float: right;
	margin-top: 20px;
	margin-right: 50px;
	}	
#vd{
	background-color: #17469E;
	float: left;
	margin-top: 98px;
	}
#video{
    
    width: 100%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
    }
#sloganf{
	padding-top: 100px;
	padding-right: 50px;
	padding-bottom: 100px;
	padding-left: 50px;
	background-color: #ddd;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #B2CF35;
	}
#mensajepos{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-mposi.jpg);
	background-repeat: no-repeat;
	padding-top: 10%;
	padding-bottom: 10%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #001B18;
	border-bottom-color: #00468C;
	background-position: center center;
}
#text-mensaje{
	float: left;
	margin-right: 20%;
	margin-left: 20%;
	text-align: justify;
	}
.tit-seguros{
	margin-top: 10%;
	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{
	float: left;
	width: 98%;
	padding-top: 25px;
	padding-right: 5px;
	padding-bottom: 50px;
	padding-left: 5px;
	background-image: linear-gradient(to right , rgb(85,150,235),  rgb(85,150,235), rgb(23,70,158), rgb(23,70,158));
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
	margin-top: 100px;
	margin-left: 10px;
	}
#social{
	float: left;
	margin-right: 20px;
	margin-left: 150px;	
	}
#social img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
#social1{
	float: left;
	margin-right: 20px;
	margin-left: 250px;	
	}
#social1 img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
#social2{
	float: left;
	margin-right: 20px;
	margin-left: 250px;	
	}
#social2 img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
.dere{
	width: 100%;
	padding-top: 25px;
	margin-top: 25px;
	}
#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{
	padding-top: 95px;
	}
.rotacion img{
	border-top-left-radius: 80px;
	}
#historia{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-h.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 5%;
	padding-bottom: 5%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #00468C;
	border-bottom-color: #00468C;
}



.ft-h{
	float: left;
	height: auto;
	width: 40%;
	padding: 0.5%;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	border: 2px solid #16439E;
	margin-left: 10%;
	margin-right: 1.5%;
	}
.ft-h img{
	float: right;
	margin-right: 5%;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	width: 95%;
	}
.tex-h{
	float: left;
	height: auto;
	width: 40%;
	}
#tp1{
	float: left;
	margin-top: 2%;
	}
#t1{
	float: left;
	margin-top: 8%;
	margin-left: -4%;
	}
#cont-h{
	float: left;
	margin-top: 2%;
	margin-right: 12%;
	margin-left: 6%;
	text-align: justify;
	}
#adm{
	margin-top: 5%;
	margin-bottom: 5%;
	margin-right: 1%;
	margin-left: 1%;
	}
.mision{
	float: left;
	height: auto;
	width: 25%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 2%;
	}
#ft-ms img{
	height: auto;
	width: 80%;
	border-bottom-left-radius: 60px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 60px;	
	}
#tit-ms{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-ms{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
.vision{
	float: left;
	height: auto;
	width: 25%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 5%;	
	}
#ft-vs img{
	height: auto;
	width: 80%;
	border-bottom-left-radius: 60px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 60px;	
	}
#tit-vs{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-vs{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
.valores{
	float: left;
	height: auto;
	width: 25%;	
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 5%;
	}
#ft-val img{
	height: auto;
	width: 80%;
	border-bottom-left-radius: 60px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 60px;	
	}
#tit-val{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-val{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
#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{
	background-attachment: fixed;
	background-image: url(../imagenes/ft-serv-h.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	}
.tit-shpa{
	margin-top: 6%;
	margin-bottom: 5%;	
	}
.text-shpa{
	margin-right: 20%;
	margin-bottom: 5%;
	margin-left: 20%;
	text-align: justify;
	}
.servh1{
	float: left;
	height: auto;
	width: 40%;
	margin-top: 4%;
	margin-right: 6%;
	margin-bottom: 6%;
	margin-left: 4%;	
	}
.pos{
	margin-top: 4%;	
	}
	#fth1-1{
	float: right;
	margin-right: 3%;
	}
	#texth1-1{
	float: right;
	margin-top: 5%;
	margin-right: 2%;


	}
	#fth2-2{
	float: right;
	margin-right: 3%;
	}
	#texth2-2{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}
	#fth3-3{
	float: right;
	margin-right: 3%;
	}
	#texth3-3{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}
	#fth4-4{
	float: right;
	margin-right: 3%;
	}
	#texth4-4{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}

.servh2{
	float: right;
	height: auto;
	width: 40%;
	margin-top: 4%;
	margin-right: 4%;
	margin-bottom: 6%;
	margin-left: 6%;	
	}
.pos1{
	margin-top: 4%;	
	}
	#fth5-5{
	float: left;
	margin-left: 3%;
	}
	#texth5-5{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth6-6{
	float: left;
	margin-left: 3%;
	}
	#texth6-6{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth7-7{
	float: left;
	margin-left: 3%;
	}
	#texth7-7{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth8-8{
	float: left;
	margin-left: 3%;
	}
	#texth8-8{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}	
/*-- 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: 50%;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	}
#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: 95px;
	margin-bottom: 20px;
	}
#port img{
	height: auto;
	width: 100%;
	border-top-left-radius: 80px;	
	}
#concepto{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 100px;
	padding-left: 100px;
	}
#text-concepto{
	margin-top: 100px;
	margin-right: 50px;
	margin-bottom: 100px;
	margin-left: 50px;
	}
#doc-espe{
	padding-right: 5%;
	padding-left: 5%;
	padding-top: 10%;
	}
.doctor{
	padding: 10px;
	height: auto;
	width: 25%;
	margin-top: 5%;
	margin-right: 2%;
	margin-bottom: 10%;
	margin-left: 2%;
	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: 28%;
	margin-top: 100px;
	margin-right: 30%;
	margin-bottom: 50px;
	margin-left: 35%;
	float: left;
	border: 2px solid #036;
	border-top-left-radius:25px;
	border-top-right-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-top-left-radius:25px;
	border-top-right-radius:25px;
	}
			
/*-- servicios--*/
#port-serv{
	padding-top: 7%;
	width: 100%;
	float: left;
	margin-bottom: 2.5%;
	}	
#port-serv img{
	border-top-left-radius: 80px;	
	}
#tit-servh{
	float: right;
	margin-top: -16%;
	margin-right: 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: #FFF;
	border-bottom-color: #FFF;	
	}
#concepto-serv{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 3%;
	padding-left: 3%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	background-image: url(../imagenes/fd-csvs.jpg);
	background-position: center center;
	}
.texto-serv{
	text-align: justify;
	float: left;
	height: auto;
	width: 30%;
	margin-top: 10%;
	margin-bottom: 3%;
	padding-top: 10%;
	padding-right: 3%;
	padding-bottom: 10%;
	padding-left: 3%;
	background-color: #698C00;
	border-top-left-radius: 80px;
	border-bottom-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 3%;
	margin-left: 10%;
	}	

.foto-serv{
	float: right;
	width: 40%;
	margin-top: 7%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 10%;
	padding-left: 3%;	
	}
#ftsv{
	float: left;
	margin-top: 3%;
	margin-bottom: 5%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 8%;
	padding-left: 8%;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv img{
	height: auto;
	width: 100%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;		
	}

/*-- imagenes --*/


.imagenes{
	text-align: justify;
	float: left;
	height: auto;
	width: 40%;
	margin-top: 5%;
	margin-bottom: 2%;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
	background-color: #698C00;
	border-bottom-left-radius: 80px;
	border-top-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 0%;
	margin-left: 0%;	
	}
#texto-imagenes{
	float:left;
	margin-bottom:2%;
	}
.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: left;
	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: 3%;
	margin-right: 3%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv-fotos img{
	height: auto;
	width: 90%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;		
	}
#ftsv-fotos-a{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 5%;
	margin-right: 6%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv-fotos-a img{
	height: auto;
	width: 90%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;		
	}
/*-- hospitalizacion--*/
#concepto-serv1{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 3%;
	padding-left: 1%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	background-image: url(../imagenes/fd-csvs.jpg);
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	}
.texto-servhp{
	text-align: justify;
	float: left;
	height: auto;
	width: 35%;
	margin-top: 15%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 1%;
	background-color: #698C00;
	border-top-left-radius: 80px;
	border-bottom-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 3%;
	margin-left: 10%;
}
#tex-srv{
	margin-bottom: 5%;	
	}
.foto-servhpf{
	float: right;
	width: 40%;
	margin-top: 7%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 10%;
	padding-left: 3%;	
	}
#ftsv1{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 8%;
	padding-left: 8%;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv1 img{
	height: auto;
	width: 100%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;		
	}

.derechos-pacientes{
	text-align: justify;
	float: left;
	height: auto;
	width: 93%;
	margin-top: 0%;
	margin-bottom: 3%;
	padding-top: 0%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 3%;
	background-color: #18469C;
	border-top-left-radius: 80px;
	border-top-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 0%;
	margin-left: 0%;	
	}

#tit-dchp{
	margin-top: 5%;
	margin-bottom: 1%;
	float: left;
	margin-left: 25%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	text-shadow: 0.1em 0.1em 0.2em black;
	box-shadow: 0.0em 0.1em 0.0em black;
	}
#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%;	
	}	
	
	
	
	
	
	
	}
	
@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{
	height: auto;
	width: 100%;
	margin-top: 0px;
	z-index: 1000;
	position: fixed;
	background-image: linear-gradient(to right , rgb(255,255,255),  rgb(255,255,255), rgb(23,70,158), rgb(23,70,158));
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	box-shadow: 0.2em 0.2em 0.3em black;
	}
#logo{
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 50px;	
	}
.menu{
	float: right;
	margin-top: 20px;
	margin-right: 50px;
	}	
#vd{
	background-color: #17469E;
	float: left;
	margin-top: 98px;
	}
#video{
    
    width: 100%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
    }
#sloganf{
	padding-top: 100px;
	padding-right: 50px;
	padding-bottom: 100px;
	padding-left: 50px;
	background-color: #ddd;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #B2CF35;
	}
#mensajepos{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-mposi.jpg);
	background-repeat: no-repeat;
	padding-top: 10%;
	padding-bottom: 10%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #001B18;
	border-bottom-color: #00468C;
	background-position: center center;
}
#text-mensaje{
	float: left;
	margin-right: 20%;
	margin-left: 20%;
	text-align: justify;
	}
.tit-seguros{
	margin-top: 10%;
	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{
	float: left;
	width: 98%;
	padding-top: 25px;
	padding-right: 5px;
	padding-bottom: 50px;
	padding-left: 5px;
	background-image: linear-gradient(to right , rgb(85,150,235),  rgb(85,150,235), rgb(23,70,158), rgb(23,70,158));
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
	margin-top: 100px;
	margin-left: 10px;
	}
#social{
	float: left;
	margin-right: 20px;
	margin-left: 100px;	
	}
#social img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
#social1{
	float: left;
	margin-right: 20px;
	margin-left: 250px;	
	}
#social1 img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
#social2{
	float: left;
	margin-right: 20px;
	margin-left: 250px;	
	}
#social2 img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
.dere{
	width: 100%;
	padding-top: 25px;
	margin-top: 25px;
	}
#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{
	padding-top: 95px;
	}
.rotacion img{
	border-top-left-radius: 80px;
	}
#historia{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-h.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 5%;
	padding-bottom: 5%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #00468C;
	border-bottom-color: #00468C;
}



.ft-h{
	float: left;
	height: auto;
	width: 40%;
	padding: 0.5%;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	border: 2px solid #16439E;
	margin-left: 10%;
	margin-right: 1.5%;
	}
.ft-h img{
	float: right;
	margin-right: 5%;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	width: 95%;
	}
.tex-h{
	float: left;
	height: auto;
	width: 40%;
	}
#tp1{
	float: left;
	margin-top: 2%;
	}
#t1{
	float: left;
	margin-top: 8%;
	margin-left: -4%;
	}
#cont-h{
	float: left;
	margin-top: 2%;
	margin-right: 12%;
	margin-left: 6%;
	text-align: justify;
	}
#adm{
	margin-top: 5%;
	margin-bottom: 5%;
	margin-right: 1%;
	margin-left: 1%;
	}
.mision{
	float: left;
	height: auto;
	width: 25%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 2%;
	}
#ft-ms img{
	height: auto;
	width: 90%;
	border-bottom-left-radius: 60px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 60px;	
	}
#tit-ms{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-ms{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
.vision{
	float: left;
	height: auto;
	width: 25%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 5%;	
	}
#ft-vs img{
	height: auto;
	width: 90%;
	border-bottom-left-radius: 60px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 60px;	
	}
#tit-vs{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-vs{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
.valores{
	float: left;
	height: auto;
	width: 25%;	
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 5%;
	}
#ft-val img{
	height: auto;
	width: 90%;
	border-bottom-left-radius: 60px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 60px;	
	}
#tit-val{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-val{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
#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{
	background-attachment: fixed;
	background-image: url(../imagenes/ft-serv-h.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	}
.tit-shpa{
	margin-top: 6%;
	margin-bottom: 5%;	
	}
.text-shpa{
	margin-right: 20%;
	margin-bottom: 5%;
	margin-left: 20%;
	text-align: justify;
	}
.servh1{
	float: left;
	height: auto;
	width: 40%;
	margin-top: 4%;
	margin-right: 6%;
	margin-bottom: 6%;
	margin-left: 4%;	
	}
.pos{
	margin-top: 4%;	
	}
	#fth1-1{
	float: right;
	margin-right: 3%;
	}
	#texth1-1{
	float: right;
	margin-top: 5%;
	margin-right: 2%;


	}
	#fth2-2{
	float: right;
	margin-right: 3%;
	}
	#texth2-2{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}
	#fth3-3{
	float: right;
	margin-right: 3%;
	}
	#texth3-3{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}
	#fth4-4{
	float: right;
	margin-right: 3%;
	}
	#texth4-4{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}

.servh2{
	float: right;
	height: auto;
	width: 40%;
	margin-top: 4%;
	margin-right: 4%;
	margin-bottom: 6%;
	margin-left: 6%;	
	}
.pos1{
	margin-top: 4%;	
	}
	#fth5-5{
	float: left;
	margin-left: 3%;
	}
	#texth5-5{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth6-6{
	float: left;
	margin-left: 3%;
	}
	#texth6-6{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth7-7{
	float: left;
	margin-left: 3%;
	}
	#texth7-7{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth8-8{
	float: left;
	margin-left: 3%;
	}
	#texth8-8{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}

/*-- 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: 50%;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	}
#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: 95px;
	margin-bottom: 20px;
	}
#port img{
	height: auto;
	width: 100%;
	border-top-left-radius: 80px;	
	}
#concepto{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 100px;
	padding-left: 100px;
	}
#text-concepto{
	margin-top: 100px;
	margin-right: 50px;
	margin-bottom: 100px;
	margin-left: 50px;
	}
#doc-espe{
	padding-right: 5%;
	padding-left: 5%;
	padding-top: 10%;
	}
.doctor{
	padding: 10px;
	height: auto;
	width: 25%;
	margin-top: 5%;
	margin-right: 2%;
	margin-bottom: 10%;
	margin-left: 2%;
	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: 28%;
	margin-top: 100px;
	margin-right: 30%;
	margin-bottom: 50px;
	margin-left: 35%;
	float: left;
	border: 2px solid #036;
	border-top-left-radius:25px;
	border-top-right-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-top-left-radius:25px;
	border-top-right-radius:25px;
	}	

/*-- servicios--*/
#port-serv{
	padding-top: 7%;
	width: 100%;
	float: left;
	margin-bottom: 2.5%;
	}	
#port-serv img{
	border-top-left-radius: 80px;	
	}
#tit-servh{
	float: right;
	margin-top: -16%;
	margin-right: 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: #FFF;
	border-bottom-color: #FFF;	
	}
#concepto-serv{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 3%;
	padding-left: 3%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	background-image: url(../imagenes/fd-csvs.jpg);
	background-position: center center;
	}
.texto-serv{
	text-align: justify;
	float: left;
	height: auto;
	width: 30%;
	margin-top: 10%;
	margin-bottom: 3%;
	padding-top: 10%;
	padding-right: 3%;
	padding-bottom: 10%;
	padding-left: 3%;
	background-color: #698C00;
	border-top-left-radius: 80px;
	border-bottom-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 3%;
	margin-left: 10%;
	}	

.foto-serv{
	float: right;
	width: 40%;
	margin-top: 7%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 10%;
	padding-left: 3%;	
	}
#ftsv{
	float: left;
	margin-top: 3%;
	margin-bottom: 5%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 8%;
	padding-left: 8%;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv img{
	height: auto;
	width: 100%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;		
	}
/*-- imagenes --*/


.imagenes{
	text-align: justify;
	float: left;
	height: auto;
	width: 40%;
	margin-top: 5%;
	margin-bottom: 2%;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
	background-color: #698C00;
	border-bottom-left-radius: 80px;
	border-top-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 0%;
	margin-left: 0%;	
	}
#texto-imagenes{
	float:left;
	margin-bottom:2%;
	}
.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: left;
	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: 3%;
	margin-right: 3%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv-fotos img{
	height: auto;
	width: 90%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;		
	}
#ftsv-fotos-a{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 5%;
	margin-right: 6%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv-fotos-a img{
	height: auto;
	width: 90%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;		
	}
	
/*-- hospitalizacion--*/
#concepto-serv1{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 3%;
	padding-left: 1%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	background-image: url(../imagenes/fd-csvs.jpg);
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	}
.texto-servhp{
	text-align: justify;
	float: left;
	height: auto;
	width: 35%;
	margin-top: 15%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 1%;
	background-color: #698C00;
	border-top-left-radius: 80px;
	border-bottom-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 3%;
	margin-left: 10%;
}
#tex-srv{
	margin-bottom: 5%;	
	}
.foto-servhpf{
	float: right;
	width: 40%;
	margin-top: 7%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 10%;
	padding-left: 3%;	
	}
#ftsv1{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 8%;
	padding-left: 8%;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv1 img{
	height: auto;
	width: 100%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;		
	}

.derechos-pacientes{
	text-align: justify;
	float: left;
	height: auto;
	width: 93%;
	margin-top: 0%;
	margin-bottom: 3%;
	padding-top: 0%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 3%;
	background-color: #18469C;
	border-top-left-radius: 80px;
	border-top-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 0%;
	margin-left: 0%;	
	}

#tit-dchp{
	margin-top: 5%;
	margin-bottom: 1%;
	float: left;
	margin-left: 25%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	text-shadow: 0.1em 0.1em 0.2em black;
	box-shadow: 0.0em 0.1em 0.0em black;
	}
#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%;	
	}	
	



	
	
	}
	
@media only screen and (max-width:1152px){
	
	/*-- 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{
	height: auto;
	width: 100%;
	margin-top: 0px;
	z-index: 1000;
	position: fixed;
	background-image: linear-gradient(to right , rgb(255,255,255),  rgb(255,255,255), rgb(23,70,158), rgb(23,70,158));
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	box-shadow: 0.2em 0.2em 0.3em black;
	}
#logo{
	float: left;
	margin-top: 3%;
	margin-right: 5%;
	margin-bottom: 5px;
	margin-left: 40%;	
	}
.menu{
	float: right;
	margin-top: 20px;
	margin-right: 15%;
	}	
#vd{
	background-color: #17469E;
	float: left;
	margin-top: 98px;
	}
#video{
    
    width: 100%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
    }
#sloganf{
	padding-top: 100px;
	padding-right: 50px;
	padding-bottom: 100px;
	padding-left: 50px;
	background-color: #ddd;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #B2CF35;
	}
#mensajepos{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-mposi.jpg);
	background-repeat: no-repeat;
	padding-top: 10%;
	padding-bottom: 10%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #001B18;
	border-bottom-color: #00468C;
	background-position: center center;
}
#text-mensaje{
	float: left;
	margin-right: 20%;
	margin-left: 20%;
	text-align: justify;
	}
.tit-seguros{
	margin-top: 10%;
	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{
	float: left;
	width: 97%;
	padding-top: 25px;
	padding-right: 5px;
	padding-bottom: 50px;
	padding-left: 5px;
	background-image: linear-gradient(to right , rgb(85,150,235),  rgb(85,150,235), rgb(23,70,158), rgb(23,70,158));
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
	margin-top: 100px;
	margin-left: 10px;
	}
#social{
	float: left;
	margin-right: 20px;
	margin-left: 100px;	
	}
#social img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
#social1{
	float: left;
	margin-right: 20px;
	margin-left: 200px;	
	}
#social1 img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
#social2{
	float: left;
	margin-right: 20px;
	margin-left: 150px;	
	}
#social2 img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
.dere{
	width: 100%;
	padding-top: 25px;
	margin-top: 25px;
	}
#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{
	padding-top: 95px;
	}
.rotacion img{
	border-top-left-radius: 80px;
	}
#historia{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-h.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 5%;
	padding-bottom: 5%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #00468C;
	border-bottom-color: #00468C;
}



.ft-h{
	float: left;
	height: auto;
	width: 40%;
	padding: 0.5%;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	border: 2px solid #16439E;
	margin-left: 10%;
	margin-right: 1.5%;
	}
.ft-h img{
	float: right;
	margin-right: 5%;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	width: 95%;
	}
.tex-h{
	float: left;
	height: auto;
	width: 40%;
	}
#tp1{
	float: left;
	margin-top: 2%;
	}
#t1{
	float: left;
	margin-top: 8%;
	margin-left: -4%;
	}
#cont-h{
	float: left;
	margin-top: 2%;
	margin-right: 12%;
	margin-left: 6%;
	text-align: justify;
	}
#adm{
	margin-top: 5%;
	margin-bottom: 5%;
	margin-right: 1%;
	margin-left: 1%;
	}
.mision{
	float: left;
	height: auto;
	width: 25%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 2%;
	}
#ft-ms img{
	height: auto;
	width: 90%;
	border-bottom-left-radius: 60px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 60px;	
	}
#tit-ms{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-ms{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
.vision{
	float: left;
	height: auto;
	width: 25%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 5%;	
	}
#ft-vs img{
	height: auto;
	width: 90%;
	border-bottom-left-radius: 60px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 60px;	
	}
#tit-vs{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-vs{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
.valores{
	float: left;
	height: auto;
	width: 25%;	
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 5%;
	}
#ft-val img{
	height: auto;
	width: 90%;
	border-bottom-left-radius: 60px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 60px;	
	}
#tit-val{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-val{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
#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{
	background-attachment: fixed;
	background-image: url(../imagenes/ft-serv-h.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	}
.tit-shpa{
	margin-top: 6%;
	margin-bottom: 5%;	
	}
.text-shpa{
	margin-right: 20%;
	margin-bottom: 5%;
	margin-left: 20%;
	text-align: justify;
	}
.servh1{
	float: left;
	height: auto;
	width: 40%;
	margin-top: 4%;
	margin-right: 6%;
	margin-bottom: 6%;
	margin-left: 4%;	
	}
.pos{
	margin-top: 4%;	
	}
	#fth1-1{
	float: right;
	margin-right: 3%;
	}
	#texth1-1{
	float: right;
	margin-top: 5%;
	margin-right: 2%;


	}
	#fth2-2{
	float: right;
	margin-right: 3%;
	}
	#texth2-2{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}
	#fth3-3{
	float: right;
	margin-right: 3%;
	}
	#texth3-3{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}
	#fth4-4{
	float: right;
	margin-right: 3%;
	}
	#texth4-4{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}

.servh2{
	float: right;
	height: auto;
	width: 40%;
	margin-top: 4%;
	margin-right: 4%;
	margin-bottom: 6%;
	margin-left: 6%;	
	}
.pos1{
	margin-top: 4%;	
	}
	#fth5-5{
	float: left;
	margin-left: 3%;
	}
	#texth5-5{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth6-6{
	float: left;
	margin-left: 3%;
	}
	#texth6-6{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth7-7{
	float: left;
	margin-left: 3%;
	}
	#texth7-7{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth8-8{
	float: left;
	margin-left: 3%;
	}
	#texth8-8{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
/*-- 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: 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: 45%;
	padding-top: 5%;
	padding-right: 2%;
	padding-bottom: 5%;
	padding-left: 2%;
	margin-right: 5%;
	}
#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: 95px;
	margin-bottom: 20px;
	}
#port img{
	height: auto;
	width: 100%;
	border-top-left-radius: 80px;	
	}
#concepto{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 100px;
	padding-left: 100px;
	}
#text-concepto{
	margin-top: 100px;
	margin-right: 50px;
	margin-bottom: 100px;
	margin-left: 50px;
	}
#doc-espe{
	padding-right: 5%;
	padding-left: 5%;
	padding-top: 10%;
	}
.doctor{
	padding: 10px;
	height: auto;
	width: 25%;
	margin-top: 5%;
	margin-right: 2%;
	margin-bottom: 10%;
	margin-left: 2%;
	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: 28%;
	margin-top: 100px;
	margin-right: 30%;
	margin-bottom: 50px;
	margin-left: 35%;
	float: left;
	border: 2px solid #036;
	border-top-left-radius:25px;
	border-top-right-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-top-left-radius:25px;
	border-top-right-radius:25px;
	}
/*-- servicios--*/	
#port-serv{
	padding-top: 7%;
	width: 100%;
	float: left;
	margin-bottom: 2.5%;
	}	
#port-serv img{
	border-top-left-radius: 80px;	
	}
#tit-servh{
	float: right;
	margin-top: -16%;
	margin-right: 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: #FFF;
	border-bottom-color: #FFF;	
	}
#concepto-serv{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 3%;
	padding-left: 3%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	background-image: url(../imagenes/fd-csvs.jpg);
	background-position: center center;
	}
.texto-serv{
	text-align: justify;
	float: left;
	height: auto;
	width: 30%;
	margin-top: 10%;
	margin-bottom: 3%;
	padding-top: 10%;
	padding-right: 3%;
	padding-bottom: 10%;
	padding-left: 3%;
	background-color: #698C00;
	border-top-left-radius: 80px;
	border-bottom-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 3%;
	margin-left: 10%;
	}	

.foto-serv{
	float: right;
	width: 40%;
	margin-top: 7%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 10%;
	padding-left: 3%;	
	}
#ftsv{
	float: left;
	margin-top: 3%;
	margin-bottom: 5%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 8%;
	padding-left: 8%;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv img{
	height: auto;
	width: 100%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;		
	}

/*-- imagenes --*/


.imagenes{
	text-align: justify;
	float: left;
	height: auto;
	width: 40%;
	margin-top: 5%;
	margin-bottom: 2%;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
	background-color: #698C00;
	border-bottom-left-radius: 80px;
	border-top-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 0%;
	margin-left: 0%;	
	}
#texto-imagenes{
	float:left;
	margin-bottom:2%;
	}
.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: left;
	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: 3%;
	margin-right: 3%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv-fotos img{
	height: auto;
	width: 90%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;		
	}
#ftsv-fotos-a{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 1%;
	margin-right: 6%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv-fotos-a img{
	height: auto;
	width: 95%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;		
	}
/*-- hospitalizacion--*/
#concepto-serv1{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 3%;
	padding-left: 1%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	background-image: url(../imagenes/fd-csvs.jpg);
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	}
.texto-servhp{
	text-align: justify;
	float: left;
	height: auto;
	width: 35%;
	margin-top: 15%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 1%;
	background-color: #698C00;
	border-top-left-radius: 80px;
	border-bottom-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 3%;
	margin-left: 10%;
}
#tex-srv{
	margin-bottom: 5%;	
	}
.foto-servhpf{
	float: right;
	width: 40%;
	margin-top: 7%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 10%;
	padding-left: 3%;	
	}
#ftsv1{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 8%;
	padding-left: 8%;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv1 img{
	height: auto;
	width: 100%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;		
	}

.derechos-pacientes{
	text-align: justify;
	float: left;
	height: auto;
	width: 93%;
	margin-top: 0%;
	margin-bottom: 3%;
	padding-top: 0%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 3%;
	background-color: #18469C;
	border-top-left-radius: 80px;
	border-top-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 0%;
	margin-left: 0%;	
	}

#tit-dchp{
	margin-top: 5%;
	margin-bottom: 1%;
	float: left;
	margin-left: 20%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	text-shadow: 0.1em 0.1em 0.2em black;
	box-shadow: 0.0em 0.1em 0.0em black;
	}
#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%;	
	}



	
	
	
	}
	
@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{
	height: auto;
	width: 100%;
	margin-top: 0px;
	z-index: 1000;
	position: fixed;
	background-image: linear-gradient(to right , rgb(23,70,158) , rgb(85,150,235),  rgb(85,150,235), rgb(23,70,158));
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	box-shadow: 0.2em 0.2em 0.3em black;
	}
#logo{
	float: left;
	margin-top: 8px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 40%;	
	}
#logo img{
	border-radius: 15px;
	box-shadow: 0.1em 0.2em 0.2em black;
	}
.menu{
	float: left;
	margin-top: 3%;
	margin-left: 1%;
	width: 100%;
	}	
#vd{
	background-color: #17469E;
	float: left;
	margin-top: 120px;
	}
#video{
    
    width: 100%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
    }
#sloganf{
	padding-top: 100px;
	padding-right: 50px;
	padding-bottom: 100px;
	padding-left: 50px;
	background-color: #ddd;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #B2CF35;
	}
#mensajepos{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-mposi.jpg);
	background-repeat: no-repeat;
	padding-top: 10%;
	padding-bottom: 10%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #001B18;
	border-bottom-color: #00468C;
	background-position: center center;
}
#text-mensaje{
	float: left;
	margin-right: 20%;
	margin-left: 20%;
	text-align: justify;
	}
.tit-seguros{
	margin-top: 10%;
	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{
	float: left;
	width: 97%;
	padding-top: 25px;
	padding-right: 5px;
	padding-bottom: 50px;
	padding-left: 5px;
	background-image: linear-gradient(to right , rgb(85,150,235),  rgb(85,150,235), rgb(23,70,158), rgb(23,70,158));
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
	margin-top: 100px;
	margin-left: 10px;
	}
#social{
	float: left;
	margin-right: 20px;
	margin-left: 50px;	
	}
#social img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
#social1{
	float: left;
	margin-right: 20px;
	margin-left: 150px;	
	}
#social1 img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
#social2{
	float: left;
	margin-right: 20px;
	margin-left: 180px;	
	}
#social2 img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
.dere{
	width: 100%;
	padding-top: 25px;
	margin-top: 25px;
	}
#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{
	padding-top: 95px;
	}
.rotacion img{
	border-top-left-radius: 80px;
	}
#historia{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-h.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 5%;
	padding-bottom: 5%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #00468C;
	border-bottom-color: #00468C;
}



.ft-h{
	float: left;
	height: auto;
	width: 40%;
	padding: 0.5%;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	border: 2px solid #16439E;
	margin-left: 5%;
	margin-right: 1.5%;
	}
.ft-h img{
	float: right;
	margin-right: 5%;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	width: 95%;
	}
.tex-h{
	float: left;
	height: auto;
	width: 50%;
	margin-left: 2%;
	}
#tp1{
	float: left;
	margin-top: 2%;
	}
#t1{
	float: left;
	margin-top: 8%;
	margin-left: -4%;
	}
#cont-h{
	float: left;
	margin-top: 2%;
	margin-right: 12%;
	margin-left: 6%;
	text-align: justify;
	}
#adm{
	margin-top: 5%;
	margin-bottom: 5%;
	margin-right: 1%;
	margin-left: 1%;
	}
.mision{
	float: left;
	height: auto;
	width: 25%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 2%;
	}
#ft-ms img{
	height: auto;
	width: 90%;
	border-bottom-left-radius: 40px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 40px;	
	}
#tit-ms{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-ms{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
.vision{
	float: left;
	height: auto;
	width: 25%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 5%;	
	}
#ft-vs img{
	height: auto;
	width: 90%;
	border-bottom-left-radius: 40px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 40px;	
	}
#tit-vs{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-vs{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
.valores{
	float: left;
	height: auto;
	width: 25%;	
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 5%;
	}
#ft-val img{
	height: auto;
	width: 90%;
	border-bottom-left-radius: 40px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 40px;	
	}
#tit-val{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-val{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
#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{
	background-attachment: fixed;
	background-image: url(../imagenes/ft-serv-h.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	}
.tit-shpa{
	margin-top: 6%;
	margin-bottom: 5%;	
	}
.text-shpa{
	margin-right: 20%;
	margin-bottom: 5%;
	margin-left: 20%;
	text-align: justify;
	}
.servh1{
	float: left;
	height: auto;
	width: 40%;
	margin-top: 4%;
	margin-right: 6%;
	margin-bottom: 6%;
	margin-left: 4%;	
	}
.pos{
	margin-top: 4%;	
	}
	#fth1-1{
	float: right;
	margin-right: 3%;
	}
	#texth1-1{
	float: right;
	margin-top: 5%;
	margin-right: 2%;


	}
	#fth2-2{
	float: right;
	margin-right: 3%;
	}
	#texth2-2{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}
	#fth3-3{
	float: right;
	margin-right: 3%;
	}
	#texth3-3{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}
	#fth4-4{
	float: right;
	margin-right: 3%;
	}
	#texth4-4{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}

.servh2{
	float: right;
	height: auto;
	width: 40%;
	margin-top: 4%;
	margin-right: 4%;
	margin-bottom: 6%;
	margin-left: 6%;	
	}
.pos1{
	margin-top: 4%;	
	}
	#fth5-5{
	float: left;
	margin-left: 3%;
	}
	#texth5-5{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth6-6{
	float: left;
	margin-left: 3%;
	}
	#texth6-6{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth7-7{
	float: left;
	margin-left: 3%;
	}
	#texth7-7{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth8-8{
	float: left;
	margin-left: 3%;
	}
	#texth8-8{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}	
/*-- 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: 15%;
	margin-bottom: 5%;
	}
#port img{
	height: auto;
	width: 100%;
	border-top-left-radius: 0px;	
	}
#concepto{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 100px;
	padding-left: 100px;
	}
#text-concepto{
	margin-top: 100px;
	margin-right: 50px;
	margin-bottom: 100px;
	margin-left: 50px;
	}
#doc-espe{
	padding-right: 5%;
	padding-left: 5%;
	padding-top: 10%;
	}
.doctor{
	padding: 10px;
	height: auto;
	width: 25%;
	margin-top: 5%;
	margin-right: 2%;
	margin-bottom: 10%;
	margin-left: 2%;
	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: 40%;
	margin-top: 11%;
	margin-right: 30%;
	margin-bottom: 5%;
	margin-left: 30%;
	float: left;
	border: 2px solid #036;
	border-top-left-radius:25px;
	border-top-right-radius:25px;
	}
.doctor2{
	padding: 10px;
	height: auto;
	width: 35%;
	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: 7%;
	width: 100%;
	float: left;
	margin-bottom: 2.5%;
	}	
#port-serv img{
	border-top-left-radius: 80px;	
	}
#tit-servh{
	float: right;
	margin-top: -16%;
	margin-right: 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: #FFF;
	border-bottom-color: #FFF;	
	}
#concepto-serv{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 3%;
	padding-left: 3%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	background-image: url(../imagenes/fd-csvs.jpg);
	background-position: center center;
	}
.texto-serv{
	text-align: justify;
	float: left;
	height: auto;
	width: 30%;
	margin-top: 10%;
	margin-bottom: 3%;
	padding-top: 10%;
	padding-right: 3%;
	padding-bottom: 10%;
	padding-left: 3%;
	background-color: #698C00;
	border-top-left-radius: 80px;
	border-bottom-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 3%;
	margin-left: 5%;
	}	

.foto-serv{
	float: right;
	width: 40%;
	margin-top: 7%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 10%;
	padding-left: 3%;	
	}
#ftsv{
	float: left;
	margin-top: 3%;
	margin-bottom: 5%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 8%;
	padding-left: 8%;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv img{
	height: auto;
	width: 100%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;		
	}
/*-- imagenes --*/


.imagenes{
	text-align: justify;
	float: left;
	height: auto;
	width: 40%;
	margin-top: 5%;
	margin-bottom: 2%;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
	background-color: #698C00;
	border-bottom-left-radius: 80px;
	border-top-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 0%;
	margin-left: 0%;	
	}
#texto-imagenes{
	float:left;
	margin-bottom:2%;
	}
.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: left;
	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: 1%;
	margin-right: 1%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv-fotos img{
	height: auto;
	width: 90%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;		
	}
#ftsv-fotos-a{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 1%;
	margin-right: 2%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv-fotos-a img{
	height: auto;
	width: 85%;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;		
	}
/*-- hospitalizacion--*/
#concepto-serv1{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 3%;
	padding-left: 1%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	background-image: url(../imagenes/fd-csvs.jpg);
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	}
.texto-servhp{
	text-align: justify;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 1%;
	background-color: #698C00;
	border-top-left-radius: 80px;
	border-bottom-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 1%;
	margin-left: 2%;
}
#tex-srv{
	margin-bottom: 5%;	
	}
.foto-servhpf{
	float: left;
	width: 95%;
	margin-top: 7%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 1%;
	padding-bottom: 10%;
	padding-left: 1%;	
	}
#ftsv1{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 3%;
	padding-left: 3%;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	margin-left: 25%;
	}
#ftsv1 img{
	height: auto;
	width: 100%;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;		
	}

.derechos-pacientes{
	text-align: justify;
	float: left;
	height: auto;
	width: 93%;
	margin-top: 0%;
	margin-bottom: 3%;
	padding-top: 0%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 3%;
	background-color: #18469C;
	border-top-left-radius: 80px;
	border-top-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 0%;
	margin-left: 0%;	
	}

#tit-dchp{
	margin-top: 5%;
	margin-bottom: 1%;
	float: left;
	margin-left: 15%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	text-shadow: 0.1em 0.1em 0.2em black;
	box-shadow: 0.0em 0.1em 0.0em black;
	}
#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%;	
	}



	
	
	
	
	}

@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;	
	}
	
	/*-- 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{
	height: auto;
	width: 100%;
	margin-top: 0px;
	z-index: 1000;
	position: fixed;
	background-image: linear-gradient(to right , rgb(23,70,158) , rgb(85,150,235),  rgb(85,150,235), rgb(23,70,158));
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	box-shadow: 0.2em 0.2em 0.3em black;
	}
#logo{
	float: left;
	margin-top: 8px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 35%;	
	}
#logo img{
	border-radius: 15px;
	box-shadow: 0.1em 0.2em 0.2em black;
	}
.menu{
	float: left;
	margin-top: 20px;
	margin-left: 0px;
	width: 100%;
	}	
#vd{
	background-color: #17469E;
	float: left;
	margin-top: 120px;
	}
#video{
    
    width: 100%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
    }
#sloganf{
	padding-top: 100px;
	padding-right: 50px;
	padding-bottom: 100px;
	padding-left: 50px;
	background-color: #ddd;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #B2CF35;
	}
#mensajepos{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-mposi.jpg);
	background-repeat: no-repeat;
	padding-top: 10%;
	padding-bottom: 10%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #001B18;
	border-bottom-color: #00468C;
	background-position: center center;
}
#text-mensaje{
	float: left;
	margin-right: 20%;
	margin-left: 20%;
	text-align: justify;
	}
.tit-seguros{
	margin-top: 10%;
	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{
	float: left;
	width: 93%;
	padding-top: 3%;
	padding-right: 2%;
	padding-bottom: 3%;
	padding-left: 2%;
	background-image: linear-gradient(to right , rgb(85,150,235),  rgb(85,150,235), rgb(23,70,158), rgb(23,70,158));
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
	margin-top: 100px;
	margin-left: 10px;
	}
#social{
	float: left;
	margin-right: 20px;
	margin-left: 50px;	
	}
#social img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
#social1{
	float: left;
	margin-right: 2%;
	margin-left: 25%;	
	}
#social1 img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
#social2{
	float: left;
	margin-right: 2%;
	margin-left: 40%;
	margin-top: 2%;
	}
#social2 img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
.dere{
	width: 100%;
	padding-top: 25px;
	margin-top: 25px;
	}
#lg-wsm{
	float: left;
	margin-left: 30%;
	width: 48px;
	height: 48px;
	margin-top: 0px;
	
	}
#derechos{
	float: left;
	margin-left: 36%;
	margin-top: -30px;
	}
	
/*-- corporativo --*/

.rotacion{
	padding-top: 21%;
	}
.rotacion img{
	border-top-left-radius: 80px;
	}
#historia{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-h.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 5%;
	padding-bottom: 5%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #00468C;
	border-bottom-color: #00468C;
}



.ft-h{
	float: left;
	height: auto;
	width: 60%;
	padding: 0.5%;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	border: 2px solid #16439E;
	margin-left: 20%;
	margin-right: 1.5%;
	}
.ft-h img{
	float: right;
	margin-right: 5%;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	width: 95%;
	}
.tex-h{
	float: left;
	height: auto;
	width: 100%;
	margin-left: 2%;
	margin-top: 5%;
	}
#tp1{
	float: left;
	margin-top: 2%;
	margin-left: 5%;
	}
#t1{
	float: left;
	margin-top: 8%;
	margin-left: -4%;
	}
#cont-h{
	float: left;
	margin-top: 2%;
	margin-right: 12%;
	margin-left: 6%;
	text-align: justify;
	}
#adm{
	margin-top: 5%;
	margin-bottom: 5%;
	margin-right: 1%;
	margin-left: 1%;
	}
.mision{
	float: left;
	height: auto;
	width: 35%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 5%;
	}
#ft-ms img{
	height: auto;
	width: 90%;
	border-bottom-left-radius: 40px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 40px;	
	}
#tit-ms{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-ms{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
.vision{
	float: left;
	height: auto;
	width: 35%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 5%;	
	}
#ft-vs img{
	height: auto;
	width: 90%;
	border-bottom-left-radius: 40px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 40px;	
	}
#tit-vs{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-vs{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
.valores{
	float: right;
	height: auto;
	width: 35%;	
	padding-right: 2%;
	padding-left: 2%;
	margin-right: 35%;
	margin-top: 15%;
	}
#ft-val img{
	height: auto;
	width: 90%;
	border-bottom-left-radius: 40px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 40px;	
	}
#tit-val{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-val{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
#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{
	background-attachment: fixed;
	background-image: url(../imagenes/ft-serv-h.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	}
.tit-shpa{
	margin-top: 6%;
	margin-bottom: 5%;	
	}
.text-shpa{
	margin-right: 20%;
	margin-bottom: 5%;
	margin-left: 20%;
	text-align: justify;
	}
.servh1{
	float: left;
	height: auto;
	width: 40%;
	margin-top: 4%;
	margin-right: 6%;
	margin-bottom: 6%;
	margin-left: 4%;	
	}
.pos{
	margin-top: 4%;	
	}
	#fth1-1{
	float: right;
	margin-right: 3%;
	}
	#texth1-1{
	float: right;
	margin-top: 5%;
	margin-right: 2%;


	}
	#fth2-2{
	float: right;
	margin-right: 3%;
	}
	#texth2-2{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}
	#fth3-3{
	float: right;
	margin-right: 3%;
	}
	#texth3-3{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}
	#fth4-4{
	float: right;
	margin-right: 3%;
	}
	#texth4-4{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}

.servh2{
	float: right;
	height: auto;
	width: 40%;
	margin-top: 4%;
	margin-right: 4%;
	margin-bottom: 6%;
	margin-left: 6%;	
	}
.pos1{
	margin-top: 4%;	
	}
	#fth5-5{
	float: left;
	margin-left: 3%;
	}
	#texth5-5{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth6-6{
	float: left;
	margin-left: 3%;
	}
	#texth6-6{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth7-7{
	float: left;
	margin-left: 3%;
	}
	#texth7-7{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth8-8{
	float: left;
	margin-left: 3%;
	}
	#texth8-8{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
/*-- 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: 50%;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 10%;
	padding-left: 5%;
	margin-left: 15%;
	}
#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: 19%;
	margin-bottom: 5%;
	}
#port img{
	height: auto;
	width: 100%;
	border-top-left-radius: 0px;	
	}
#concepto{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 100px;
	padding-left: 100px;
	}
#text-concepto{
	margin-top: 100px;
	margin-right: 50px;
	margin-bottom: 100px;
	margin-left: 50px;
	}
#doc-espe{
	padding-right: 5%;
	padding-left: 5%;
	padding-top: 10%;
	}
.doctor{
	padding: 10px;
	height: auto;
	width: 50%;
	margin-top: 10%;
	margin-right: 10%;
	margin-bottom: 3%;
	margin-left: 25%;
	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: 11%;
	margin-right: 28%;
	margin-bottom: 5%;
	margin-left: 28%;
	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: 12%;
	width: 100%;
	float: left;
	margin-bottom: 2.5%;
	}	
#port-serv img{
	border-top-left-radius: 0px;	
	}
#tit-servh{
	float: right;
	margin-top: -22%;
	margin-right: 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: #FFF;
	border-bottom-color: #FFF;	
	}
#concepto-serv{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 1%;
	padding-left: 1%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	background-image: url(../imagenes/fd-csvs.jpg);
	background-position: center center;
	}
.texto-serv{
	text-align: justify;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 10%;
	margin-bottom: 3%;
	padding-top: 10%;
	padding-right: 3%;
	padding-bottom: 10%;
	padding-left: 3%;
	background-color: #698C00;
	border-top-left-radius: 80px;
	border-bottom-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 1%;
	margin-left: 1%;
	}	

.foto-serv{
	float: right;
	width: 40%;
	margin-top: 7%;
	margin-bottom: 3%;
	margin-right: 25%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 10%;
	padding-left: 3%;	
	}
#ftsv{
	float: left;
	margin-top: 3%;
	margin-bottom: 5%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 8%;
	padding-left: 8%;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv img{
	height: auto;
	width: 100%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;		
	}
/*-- imagenes --*/


.imagenes{
	text-align: justify;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 5%;
	margin-bottom: 2%;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
	background-color: #698C00;
	border-bottom-left-radius: 80px;
	border-top-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 0%;
	margin-left: 0%;	
	}
#texto-imagenes{
	float:left;
	margin-bottom:2%;
	}
.foto-imagenes{
	float: left;
	width: 95%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 3%;
	padding-right: 1%;
	padding-bottom: 5%;
	padding-left: 1%;
	
	}
.foto-imagenes-a{
	float: left;
	width: 95%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	
	}
#ftsv-fotos{
	float: left;
	width: 45%;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 1%;
	margin-right: 1%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv-fotos img{
	height: auto;
	width: 80%;
	height: auto;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;		
	}
#ftsv-fotos-a{
	float: left;
	width: 45%;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 1%;
	margin-right: 1%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv-fotos-a img{
	height: auto;
	width: 80%;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;		
	}
/*-- hospitalizacion--*/
#concepto-serv1{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 3%;
	padding-left: 1%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	background-image: url(../imagenes/fd-csvs.jpg);
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	}
.texto-servhp{
	text-align: justify;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 1%;
	background-color: #698C00;
	border-top-left-radius: 80px;
	border-bottom-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 1%;
	margin-left: 2%;
}
#tex-srv{
	margin-bottom: 5%;	
	}
.foto-servhpf{
	float: left;
	width: 95%;
	margin-top: 7%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 1%;
	padding-bottom: 10%;
	padding-left: 1%;	
	}
#ftsv1{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 3%;
	padding-left: 3%;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	margin-left: 25%;
	}
#ftsv1 img{
	height: auto;
	width: 100%;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;		
	}

.derechos-pacientes{
	text-align: justify;
	float: left;
	height: auto;
	width: 93%;
	margin-top: 0%;
	margin-bottom: 3%;
	padding-top: 0%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 3%;
	background-color: #18469C;
	border-top-left-radius: 80px;
	border-top-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 0%;
	margin-left: 0%;	
	}

#tit-dchp{
	margin-top: 5%;
	margin-bottom: 1%;
	float: left;
	margin-left: 10%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	text-shadow: 0.1em 0.1em 0.2em black;
	box-shadow: 0.0em 0.1em 0.0em black;
	}
#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%;	
	}


	
	
	
	
	}
	
@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{
	height: auto;
	width: 100%;
	margin-top: 0px;
	z-index: 1000;
	position: fixed;
	background-image: linear-gradient(to right , rgb(23,70,158) , rgb(85,150,235),  rgb(85,150,235), rgb(23,70,158));
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	box-shadow: 0.2em 0.2em 0.3em black;
	}
#logo{
	float: left;
	margin-top: 8px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 28%;	
	}
#logo img{
	border-radius: 15px;
	box-shadow: 0.1em 0.2em 0.2em black;
	}
.menu{
	float: left;
	margin-top: 20px;
	margin-left: 0px;
	width: 100%;
	}	
#vd{
	background-color: #17469E;
	float: left;
	margin-top: 120px;
	}
#video{
    
    width: 100%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
    }
#sloganf{
	padding-top: 100px;
	padding-right: 50px;
	padding-bottom: 100px;
	padding-left: 50px;
	background-color: #ddd;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #B2CF35;
	}
#mensajepos{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-mposi.jpg);
	background-repeat: no-repeat;
	padding-top: 10%;
	padding-bottom: 10%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #001B18;
	border-bottom-color: #00468C;
	background-position: center center;
}
#text-mensaje{
	float: left;
	margin-right: 20%;
	margin-left: 20%;
	text-align: justify;
	}
.tit-seguros{
	margin-top: 10%;
	margin-bottom: 5%;
	margin-right: 3%;
	margin-left: 3%;
	}
/* --- 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{
	float: left;
	width: 94%;
	padding-top: 3%;
	padding-right: 2%;
	padding-bottom: 3%;
	padding-left: 2%;
	background-image: linear-gradient(to right , rgb(85,150,235),  rgb(85,150,235), rgb(23,70,158), rgb(23,70,158));
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
	margin-top: 100px;
	margin-left: 1%;
	}
#social{
	float: left;
	margin-right: 2%;
	margin-left: 30%;
	margin-bottom: 3%;	
	}
#social img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
#social1{
	float: left;
	margin-right: 2%;
	margin-left: 30%;
	margin-bottom: 3%;	
	}
#social1 img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
#social2{
	float: left;
	margin-right: 2%;
	margin-left: 40%;
	margin-top: 2%;
	}
#social2 img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
.dere{
	width: 100%;
	padding-top: 25px;
	margin-top: 25px;
	}
#lg-wsm{
	float: left;
	margin-left: 26%;
	width: 48px;
	height: 48px;
	margin-top: 0px;
	
	}
#derechos{
	float: left;
	margin-left: 34%;
	margin-top: -30px;
	}
	
/*-- corporativo --*/

.rotacion{
	padding-top: 25%;
	}
.rotacion img{
	border-top-left-radius: 80px;
	}
#historia{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-h.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 5%;
	padding-bottom: 5%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #00468C;
	border-bottom-color: #00468C;
}



.ft-h{
	float: left;
	height: auto;
	width: 80%;
	padding: 0.5%;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	border: 2px solid #16439E;
	margin-left: 7%;
	margin-right: 5%;
	margin-right: 1.5%;
	}
.ft-h img{
	float: right;
	margin-right: 5%;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	width: 95%;
	}
.tex-h{
	float: left;
	height: auto;
	width: 100%;
	margin-left: 2%;
	margin-top: 5%;
	}
#tp1{
	float: left;
	margin-top: 2%;
	margin-left: 5%;
	}
#t1{
	float: left;
	margin-top: 8%;
	margin-left: -4%;
	}
#cont-h{
	float: left;
	margin-top: 2%;
	margin-right: 12%;
	margin-left: 6%;
	text-align: justify;
	}
#adm{
	margin-top: 5%;
	margin-bottom: 5%;
	margin-right: 1%;
	margin-left: 1%;
	}
.mision{
	float: left;
	height: auto;
	width: 90%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 2%;
	}
#ft-ms img{
	height: auto;
	width: 90%;
	border-bottom-left-radius: 40px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 40px;	
	}
#tit-ms{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-ms{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
.vision{
	float: left;
	height: auto;
	width: 90%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 2%;
	margin-top: 15%;	
	}
#ft-vs img{
	height: auto;
	width: 90%;
	border-bottom-left-radius: 40px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 40px;	
	}
#tit-vs{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-vs{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
.valores{
	float: left;
	height: auto;
	width: 90%;	
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 2%;
	margin-top: 15%;
	}
#ft-val img{
	height: auto;
	width: 90%;
	border-bottom-left-radius: 40px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 40px;	
	}
#tit-val{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-val{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
#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{
	background-attachment: fixed;
	background-image: url(../imagenes/ft-serv-h.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	}
.tit-shpa{
	margin-top: 6%;
	margin-bottom: 5%;	
	}
.text-shpa{
	margin-right: 20%;
	margin-bottom: 5%;
	margin-left: 20%;
	text-align: justify;
	}
.servh1{
	float: left;
	height: auto;
	width: 40%;
	margin-top: 4%;
	margin-right: 6%;
	margin-bottom: 6%;
	margin-left: 4%;	
	}
.pos{
	margin-top: 4%;	
	}
	#fth1-1{
	float: right;
	margin-right: 3%;
	}
	#texth1-1{
	float: right;
	margin-top: 5%;
	margin-right: 2%;


	}
	#fth2-2{
	float: right;
	margin-right: 3%;
	}
	#texth2-2{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}
	#fth3-3{
	float: right;
	margin-right: 3%;
	}
	#texth3-3{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}
	#fth4-4{
	float: right;
	margin-right: 3%;
	}
	#texth4-4{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}

.servh2{
	float: right;
	height: auto;
	width: 40%;
	margin-top: 4%;
	margin-right: 4%;
	margin-bottom: 6%;
	margin-left: 6%;	
	}
.pos1{
	margin-top: 4%;	
	}
	#fth5-5{
	float: left;
	margin-left: 3%;
	}
	#texth5-5{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth6-6{
	float: left;
	margin-left: 3%;
	}
	#texth6-6{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth7-7{
	float: left;
	margin-left: 3%;
	}
	#texth7-7{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth8-8{
	float: left;
	margin-left: 3%;
	}
	#texth8-8{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	
/*-- 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%;
}
	m.mg1-cont{
	float: left;
	height: auto;
	width: 50%;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 10%;
	padding-left: 5%;
	margin-left: 15%;
	}
#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: 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: 23%;
	margin-bottom: 5%;
	}
#port img{
	height: auto;
	width: 100%;
	border-top-left-radius: 0px;	
	}
#concepto{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 100px;
	padding-left: 100px;
	}
#text-concepto{
	margin-top: 100px;
	margin-right: 50px;
	margin-bottom: 100px;
	margin-left: 50px;
	}
#doc-espe{
	padding-right: 5%;
	padding-left: 5%;
	padding-top: 10%;
	}
.doctor{
	padding: 10px;
	height: auto;
	width: 50%;
	margin-top: 10%;
	margin-right: 10%;
	margin-bottom: 3%;
	margin-left: 25%;
	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: 80%;
	margin-top: 11%;
	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: 50%;
	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: 15%;
	width: 100%;
	float: left;
	margin-bottom: 2.5%;
	}	
#port-serv img{
	border-top-left-radius: 0px;	
	}
#tit-servh{
	float: right;
	margin-top: -25%;
	margin-right: 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: #FFF;
	border-bottom-color: #FFF;	
	}
#concepto-serv{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 1%;
	padding-left: 1%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	background-image: url(../imagenes/fd-csvs.jpg);
	background-position: center center;
	}
.texto-serv{
	text-align: justify;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 10%;
	margin-bottom: 3%;
	padding-top: 10%;
	padding-right: 3%;
	padding-bottom: 10%;
	padding-left: 3%;
	background-color: #698C00;
	border-top-left-radius: 80px;
	border-bottom-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 1%;
	margin-left: 1%;
	}	

.foto-serv{
	float: right;
	width: 40%;
	margin-top: 7%;
	margin-bottom: 3%;
	margin-right: 25%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 10%;
	padding-left: 3%;	
	}
#ftsv{
	float: left;
	margin-top: 3%;
	margin-bottom: 5%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 4%;
	padding-left: 4%;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv img{
	height: auto;
	width: 100%;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;		
	}
/*-- imagenes --*/


.imagenes{
	text-align: justify;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 5%;
	margin-bottom: 2%;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
	background-color: #698C00;
	border-bottom-left-radius: 80px;
	border-top-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 0%;
	margin-left: 0%;	
	}
#texto-imagenes{
	float:left;
	margin-bottom:2%;
	}
.foto-imagenes{
	float: left;
	width: 95%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 3%;
	padding-right: 1%;
	padding-bottom: 5%;
	padding-left: 1%;
	
	}
.foto-imagenes-a{
	float: left;
	width: 95%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	
	}
#ftsv-fotos{
	float: left;
	width: 100%;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 1%;
	margin-right: 1%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv-fotos img{
	height: auto;
	width: 95%;
	height: auto;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;		
	}
#ftsv-fotos-a{
	float: left;
	width: 100%;
	margin-top: 2%;
	margin-bottom: 3%;
	margin-left: 1%;
	margin-right: 1%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv-fotos-a img{
	height: auto;
	width: 95%;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;		
	}
/*-- hospitalizacion--*/
#concepto-serv1{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 3%;
	padding-left: 1%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	background-image: url(../imagenes/fd-csvs.jpg);
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	}
.texto-servhp{
	text-align: justify;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 1%;
	background-color: #698C00;
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 1%;
	margin-left: 2%;
}
#tex-srv{
	margin-bottom: 5%;	
	}
.foto-servhpf{
	float: left;
	width: 95%;
	margin-top: 7%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 1%;
	padding-bottom: 10%;
	padding-left: 1%;	
	}
#ftsv1{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 3%;
	padding-left: 3%;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	margin-left: 15%;
	}
#ftsv1 img{
	height: auto;
	width: 100%;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;		
	}

.derechos-pacientes{
	text-align: justify;
	float: left;
	height: auto;
	width: 93%;
	margin-top: 0%;
	margin-bottom: 3%;
	padding-top: 0%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 3%;
	background-color: #18469C;
	border-top-left-radius: 80px;
	border-top-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 0%;
	margin-left: 0%;	
	}

#tit-dchp{
	width:80%;
	text-align: center;
	margin-top: 5%;
	margin-bottom: 1%;
	float: left;
	margin-left: 10%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	text-shadow: 0.1em 0.1em 0.2em black;
	box-shadow: 0.0em 0.1em 0.0em black;
	}
#tit-dchp1{
	float: left;
	margin-top:5%;
	margin-left:10%;
	margin-bottom:5%;
	}
	
#text-dchp1{
	padding: 1%;
	margin-top: 1%;
	margin-right: 3%;
	margin-bottom: 1%;
	margin-left: 3%;	
	}


	
	
	
	
	
	}
	
@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: 14px;
	color: #FFF;
	text-align: center;
	}
	p-r1{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #fff;
	font-weight: bold;	
	}
	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;	
	}
	
	/*-- 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{
	height: auto;
	width: 100%;
	margin-top: 0px;
	z-index: 1000;
	position: fixed;
	background-image: linear-gradient(to right , rgb(23,70,158) , rgb(85,150,235),  rgb(85,150,235), rgb(23,70,158));
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	box-shadow: 0.2em 0.2em 0.3em black;
	}
#logo{
	float: left;
	margin-top: 8px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 26%;	
	}
#logo img{
	border-radius: 15px;
	box-shadow: 0.1em 0.2em 0.2em black;
	}
.menu{
	float: left;
	margin-top: 20px;
	margin-left: 0px;
	width: 100%;
	}	
#vd{
	background-color: #17469E;
	float: left;
	margin-top: 120px;
	}
#video{
    
    width: 100%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
    }
#sloganf{
	padding-top: 100px;
	padding-right: 50px;
	padding-bottom: 100px;
	padding-left: 50px;
	background-color: #ddd;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #B2CF35;
	}
#mensajepos{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-mposi.jpg);
	background-repeat: no-repeat;
	padding-top: 10%;
	padding-bottom: 10%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #001B18;
	border-bottom-color: #00468C;
	background-position: center center;
}
#text-mensaje{
	float: left;
	margin-right: 10%;
	margin-left: 10%;
	text-align: justify;
	}
.men-emer{
	float: right;
	height: auto;
	width: 235px;
	margin-top: 3%;
	margin-right: 25%;
	margin-bottom: 1%;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	padding: 1%;
	border: 2px solid #FFF;
	}

#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{
	margin-top: 10%;
	margin-bottom: 5%;
	margin-right: 3%;
	margin-left: 3%;
	}
/* --- 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{
	float: left;
	width: 92%;
	padding-top: 3%;
	padding-right: 2%;
	padding-bottom: 3%;
	padding-left: 2%;
	background-image: linear-gradient(to right , rgb(85,150,235),  rgb(85,150,235), rgb(23,70,158), rgb(23,70,158));
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
	margin-top: 100px;
	margin-left: 1%;
	}
#social{
	float: left;
	margin-right: 2%;
	margin-left: 30%;
	margin-bottom: 3%;
	}
#social img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
#social1{
	float: left;
	margin-right: 2%;
	margin-left: 25%;
	margin-bottom: 3%;	
	}
#social1 img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
#social2{
	float: left;
	margin-right: 2%;
	margin-left: 40%;
	margin-top: 2%;
	}
#social2 img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
.dere{
	width: 100%;
	padding-top: 25px;
	margin-top: 25px;
	}
#lg-wsm{
	float: left;
	margin-left: 20%;
	width: 48px;
	height: 48px;
	margin-top: 0px;
	
	}
#derechos{
	float: left;
	margin-left: 29%;
	margin-top: -30px;
	}
	
/*-- corporativo --*/

.rotacion{
	padding-top: 30%;
	}
.rotacion img{
	border-top-left-radius: 0px;
	}
#historia{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-h.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 5%;
	padding-bottom: 5%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #00468C;
	border-bottom-color: #00468C;
}



.ft-h{
	float: left;
	height: auto;
	width: 80%;
	padding: 0.5%;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	border: 2px solid #16439E;
	margin-left: 7%;
	margin-right: 5%;
	margin-right: 1.5%;
	}
.ft-h img{
	float: right;
	margin-right: 5%;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	width: 95%;
	}
.tex-h{
	float: left;
	height: auto;
	width: 100%;
	margin-left: 2%;
	margin-top: 5%;
	}
#tp1{
	float: left;
	margin-top: 2%;
	margin-left: 5%;
	}
#t1{
	float: left;
	margin-top: 8%;
	margin-left: -4%;
	}
#cont-h{
	float: left;
	margin-top: 2%;
	margin-right: 12%;
	margin-left: 6%;
	text-align: justify;
	}
#adm{
	margin-top: 5%;
	margin-bottom: 5%;
	margin-right: 1%;
	margin-left: 1%;
	}
.mision{
	float: left;
	height: auto;
	width: 90%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 2%;
	}
#ft-ms img{
	height: auto;
	width: 90%;
	border-bottom-left-radius: 40px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 40px;	
	}
#tit-ms{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-ms{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
.vision{
	float: left;
	height: auto;
	width: 90%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 2%;
	margin-top: 15%;	
	}
#ft-vs img{
	height: auto;
	width: 90%;
	border-bottom-left-radius: 40px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 40px;	
	}
#tit-vs{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-vs{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
.valores{
	float: left;
	height: auto;
	width: 90%;	
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 2%;
	margin-top: 15%;
	}
#ft-val img{
	height: auto;
	width: 90%;
	border-bottom-left-radius: 40px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 40px;	
	}
#tit-val{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-val{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
#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{
	background-attachment: fixed;
	background-image: url(../imagenes/ft-serv-h.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	}
.tit-shpa{
	margin-top: 6%;
	margin-bottom: 5%;	
	}
.text-shpa{
	margin-right: 10%;
	margin-bottom: 5%;
	margin-left: 10%;
	text-align: justify;
	}
.servh1{
	float: left;
	height: auto;
	width: 80%;
	margin-top: 4%;
	margin-right: 6%;
	margin-bottom: 6%;
	margin-left: 4%;	
	}
.pos{
	margin-top: 4%;	
	}
	#fth1-1{
	float: right;
	margin-right: 3%;
	}
	#fth1-1 img{
		width:95%;
		height:auto;
		}
	#texth1-1{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}
	#fth2-2{
	float: right;
	margin-right: 3%;
	}
	#fth2-2 img{
		width:95%;
		height:auto;
		}
	#texth2-2{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}
	#fth3-3{
	float: right;
	margin-right: 3%;
	}
	#fth3-3 img{
		width:95%;
		height:auto;
		}
	#texth3-3{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}
	#fth4-4{
	float: right;
	margin-right: 3%;
	}
	#fth4-4 img{
		width:95%;
		height:auto;
		}
	#texth4-4{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}

.servh2{
	float: right;
	height: auto;
	width: 80%;
	margin-top: 3%;
	margin-right: 1%;
	margin-bottom: 6%;
	margin-left: 1%;	
	}
.pos1{
	margin-top: 4%;	
	}
	#fth5-5{
	float: left;
	margin-left: 3%;
	}
	#fth5-5 img{
		width:95%;
		height:auto;
		}
	#texth5-5{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth6-6{
	float: left;
	margin-left: 3%;
	}
	#fth6-6 img{
		width:95%;
		height:auto;
		}
	#texth6-6{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth7-7{
	float: left;
	margin-left: 3%;
	}
	#fth6-6 img{
		width:95%;
		height:auto;
		}
	#texth7-7{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth8-8{
	float: left;
	margin-left: 3%;
	}
	#fth8-8 img{
		width:95%;
		height:auto;
		}
	#texth8-8{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	
/*-- 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: 50%;
	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: 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: 28%;
	margin-bottom: 5%;
	}
#port img{
	height: auto;
	width: 100%;
	border-top-left-radius: 0px;	
	}
#concepto{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 100px;
	padding-left: 100px;
	}
#text-concepto{
	margin-top: 12%;
	margin-right: 5%;
	margin-bottom: 12%;
	margin-left: 5%;
	}
#doc-espe{
	padding-right: 5%;
	padding-left: 5%;
	padding-top: 10%;
	}
.doctor{
	padding: 10px;
	height: auto;
	width: 80%;
	margin-top: 10%;
	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: 80%;
	margin-top: 11%;
	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:80%;
	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: 22%;
	width: 100%;
	float: left;
	margin-bottom: 2.5%;
	}	
#port-serv img{
	border-top-left-radius: 0px;	
	}
#tit-servh{
	float: right;
	margin-top: -25%;
	margin-right: 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: #FFF;
	border-bottom-color: #FFF;	
	}
#concepto-serv{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 1%;
	padding-left: 1%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	background-image: url(../imagenes/fd-csvs.jpg);
	background-position: center center;
	}
.texto-serv{
	text-align: justify;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 10%;
	margin-bottom: 3%;
	padding-top: 10%;
	padding-right: 3%;
	padding-bottom: 10%;
	padding-left: 3%;
	background-color: #698C00;
	border-top-left-radius: 40px;
	border-bottom-right-radius: 40px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 1%;
	margin-left: 1%;
	}	

.foto-serv{
	float: left;
	width: 90%;
	margin-top: 7%;
	margin-bottom: 3%;
	margin-left: 5%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 10%;
	padding-left: 3%;	
	}
#ftsv{
	float: left;
	margin-top: 3%;
	margin-bottom: 5%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 4%;
	padding-left: 4%;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv img{
	height: auto;
	width: 100%;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;		
	}
/*-- imagenes --*/


.imagenes{
	text-align: justify;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 5%;
	margin-bottom: 2%;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
	background-color: #698C00;
	border-bottom-left-radius: 40px;
	border-top-right-radius: 40px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 0%;
	margin-left: 0%;	
	}
#texto-imagenes{
	float:left;
	margin-bottom:2%;
	}
.foto-imagenes{
	float: left;
	width: 95%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 3%;
	padding-right: 1%;
	padding-bottom: 5%;
	padding-left: 1%;
	
	}
.foto-imagenes-a{
	float: left;
	width: 95%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	
	}
#ftsv-fotos{
	float: left;
	width: 100%;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 1%;
	margin-right: 1%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv-fotos img{
	height: auto;
	width: 95%;
	height: auto;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;		
	}
#ftsv-fotos-a{
	float: left;
	width: 100%;
	margin-top: 2%;
	margin-bottom: 3%;
	margin-left: 1%;
	margin-right: 1%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv-fotos-a img{
	height: auto;
	width: 95%;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;		
	}
/*-- hospitalizacion--*/
#concepto-serv1{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 3%;
	padding-left: 1%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	background-image: url(../imagenes/fd-csvs.jpg);
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	}
.texto-servhp{
	text-align: justify;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 1%;
	background-color: #698C00;
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 1%;
	margin-left: 2%;
}
#tex-srv{
	margin-bottom: 5%;	
	}
.foto-servhpf{
	float: left;
	width: 95%;
	margin-top: 7%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 1%;
	padding-bottom: 10%;
	padding-left: 1%;	
	}
#ftsv1{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 3%;
	padding-left: 3%;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	margin-left: 10%;
	}
#ftsv1 img{
	height: auto;
	width: 100%;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;		
	}

.derechos-pacientes{
	text-align: justify;
	float: left;
	height: auto;
	width: 93%;
	margin-top: 0%;
	margin-bottom: 3%;
	padding-top: 0%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 3%;
	background-color: #18469C;
	border-top-left-radius: 80px;
	border-top-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 0%;
	margin-left: 0%;	
	}

#tit-dchp{
	width:80%;
	text-align: center;
	margin-top: 5%;
	margin-bottom: 1%;
	float: left;
	margin-left: 10%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	text-shadow: 0.1em 0.1em 0.2em black;
	box-shadow: 0.0em 0.1em 0.0em black;
	}
#tit-dchp1{
	float: left;
	margin-top:5%;
	margin-left:10%;
	margin-bottom:5%;
	}
	
#text-dchp1{
	padding: 1%;
	margin-top: 1%;
	margin-right: 3%;
	margin-bottom: 1%;
	margin-left: 3%;	
	}
	
	
		
	
	
	}
	
@media only screen and (max-width:480px){
	
	h1{
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
	color: #00238C;
	font-weight: bold;	
	}
	p1{
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	color: #FFF;
	text-align: center;
	}
	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;	
	}
	/*-- 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{
	height: auto;
	width: 100%;
	margin-top: 0px;
	z-index: 1000;
	position: fixed;
	background-image: linear-gradient(to right , rgb(23,70,158) , rgb(85,150,235),  rgb(85,150,235), rgb(23,70,158));
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	box-shadow: 0.2em 0.2em 0.3em black;
	}
#logo{
	float: left;
	margin-top: 8px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 24%;	
	}
#logo img{
	border-radius: 15px;
	box-shadow: 0.1em 0.2em 0.2em black;
	}
.menu{
	float: left;
	margin-top: 20px;
	margin-left: 0px;
	width: 100%;
	}	
#vd{
	background-color: #17469E;
	float: left;
	margin-top: 33%;
	}
#video{
    
    width: 100%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
    }
#sloganf{
	padding-top: 100px;
	padding-right: 50px;
	padding-bottom: 100px;
	padding-left: 50px;
	background-color: #ddd;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #B2CF35;
	}
#mensajepos{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-mposi.jpg);
	background-repeat: no-repeat;
	padding-top: 10%;
	padding-bottom: 10%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #001B18;
	border-bottom-color: #00468C;
	background-position: center center;
}
#text-mensaje{
	float: left;
	margin-right: 10%;
	margin-left: 10%;
	text-align: justify;
	}
.men-emer{
	float: right;
	height: auto;
	width: 235px;
	margin-top: 6%;
	margin-right: 25%;
	margin-bottom: 1%;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	padding: 1%;
	border: 2px solid #FFF;
	}

#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{
	margin-top: 10%;
	margin-bottom: 5%;
	margin-right: 3%;
	margin-left: 3%;
	}
/* --- 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{
	float: left;
	width: 92%;
	padding-top: 3%;
	padding-right: 2%;
	padding-bottom: 3%;
	padding-left: 2%;
	background-image: linear-gradient(to right , rgb(85,150,235),  rgb(85,150,235), rgb(23,70,158), rgb(23,70,158));
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
	margin-top: 100px;
	margin-left: 1%;
	}
#social{
	float: left;
	margin-right: 2%;
	margin-left: 30%;
	margin-bottom: 3%;
	}
#social img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
#social1{
	float: left;
	margin-right: 2%;
	margin-left: 25%;
	margin-bottom: 3%;	
	}
#social1 img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
#social2{
	float: left;
	margin-right: 2%;
	margin-left: 40%;
	margin-top: 2%;
	}
#social2 img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
.dere{
	width: 100%;
	padding-top: 25px;
	margin-top: 25px;
	}
#lg-wsm{
	float: left;
	margin-left: 20%;
	width: 48px;
	height: 48px;
	margin-top: 0px;
	
	}
#derechos{
	float: left;
	margin-left: 29%;
	margin-top: -30px;
	}

/*-- corporativo --*/

.rotacion{
	padding-top: 33%;
	}
.rotacion img{
	border-top-left-radius: 0px;
	}
#historia{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-h.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 5%;
	padding-bottom: 5%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #00468C;
	border-bottom-color: #00468C;
}



.ft-h{
	float: left;
	height: auto;
	width: 90%;
	padding: 0.5%;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	border: 2px solid #16439E;
	margin-left: 3%;
	margin-right: 2%;
	margin-right: 1.5%;
	}
.ft-h img{
	float: right;
	margin-right: 5%;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	width: 95%;
	}
.tex-h{
	float: left;
	height: auto;
	width: 100%;
	margin-left: 2%;
	margin-top: 5%;
	}
#tp1{
	float: left;
	margin-top: 2%;
	margin-left: 5%;
	}
#t1{
	float: left;
	margin-top: 8%;
	margin-left: -4%;
	}
#cont-h{
	float: left;
	margin-top: 2%;
	margin-right: 12%;
	margin-left: 6%;
	text-align: justify;
	}
#adm{
	margin-top: 5%;
	margin-bottom: 5%;
	margin-right: 1%;
	margin-left: 1%;
	}
.mision{
	float: left;
	height: auto;
	width: 90%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 2%;
	}
#ft-ms img{
	height: auto;
	width: 90%;
	border-bottom-left-radius: 40px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 40px;	
	}
#tit-ms{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-ms{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
.vision{
	float: left;
	height: auto;
	width: 90%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 2%;
	margin-top: 15%;	
	}
#ft-vs img{
	height: auto;
	width: 90%;
	border-bottom-left-radius: 40px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 40px;	
	}
#tit-vs{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-vs{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
.valores{
	float: left;
	height: auto;
	width: 90%;	
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 2%;
	margin-top: 15%;
	}
#ft-val img{
	height: auto;
	width: 90%;
	border-bottom-left-radius: 40px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 40px;	
	}
#tit-val{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-val{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
#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{
	background-attachment: fixed;
	background-image: url(../imagenes/ft-serv-h.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	}
.tit-shpa{
	margin-top: 6%;
	margin-bottom: 5%;	
	}
.text-shpa{
	margin-right: 10%;
	margin-bottom: 5%;
	margin-left: 10%;
	text-align: justify;
	}
.servh1{
	float: left;
	height: auto;
	width: 80%;
	margin-top: 4%;
	margin-right: 6%;
	margin-bottom: 6%;
	margin-left: 4%;	
	}
.pos{
	margin-top: 4%;	
	}
	#fth1-1{
	float: right;
	margin-right: 3%;
	}
	#fth1-1 img{
		width:95%;
		height:auto;
		}
	#texth1-1{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}
	#fth2-2{
	float: right;
	margin-right: 3%;
	}
	#fth2-2 img{
		width:95%;
		height:auto;
		}
	#texth2-2{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}
	#fth3-3{
	float: right;
	margin-right: 3%;
	}
	#fth3-3 img{
		width:95%;
		height:auto;
		}
	#texth3-3{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}
	#fth4-4{
	float: right;
	margin-right: 3%;
	}
	#fth4-4 img{
		width:95%;
		height:auto;
		}
	#texth4-4{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}

.servh2{
	float: right;
	height: auto;
	width: 80%;
	margin-top: 3%;
	margin-right: 1%;
	margin-bottom: 6%;
	margin-left: 1%;	
	}
.pos1{
	margin-top: 4%;	
	}
	#fth5-5{
	float: left;
	margin-left: 3%;
	}
	#fth5-5 img{
		width:95%;
		height:auto;
		}
	#texth5-5{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth6-6{
	float: left;
	margin-left: 3%;
	}
	#fth6-6 img{
		width:95%;
		height:auto;
		}
	#texth6-6{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth7-7{
	float: left;
	margin-left: 3%;
	}
	#fth6-6 img{
		width:95%;
		height:auto;
		}
	#texth7-7{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth8-8{
	float: left;
	margin-left: 3%;
	}
	#fth8-8 img{
		width:95%;
		height:auto;
		}
	#texth8-8{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	
/*-- 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: 50%;
	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: 50px;
	}
#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: 33%;
	margin-bottom: 5%;
	}
#port img{
	height: auto;
	width: 100%;
	border-top-left-radius: 0px;	
	}
#concepto{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 100px;
	padding-left: 100px;
	}
#text-concepto{
	margin-top: 12%;
	margin-right: 2%;
	margin-bottom: 12%;
	margin-left: 2%;
	}
#doc-espe{
	padding-right: 5%;
	padding-left: 5%;
	padding-top: 10%;
	}
.doctor{
	padding: 10px;
	height: auto;
	width: 80%;
	margin-top: 10%;
	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: 90%;
	margin-top: 11%;
	margin-right: 10%;
	margin-bottom: 5%;
	margin-left: 5%;
	float: left;
	border: 2px solid #036;
	border-top-left-radius:25px;
	border-top-right-radius:25px;
	}
.doctor2{
	padding: 10px;
	height: auto;
	width:90%;
	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: 22%;
	width: 100%;
	float: left;
	margin-bottom: 2.5%;
	}	
#port-serv img{
	border-top-left-radius: 0px;	
	}
#tit-servh{
	float: right;
	margin-top: -30%;
	margin-right: 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: #FFF;
	border-bottom-color: #FFF;	
	}
#concepto-serv{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 1%;
	padding-left: 1%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	background-image: url(../imagenes/fd-csvs.jpg);
	background-position: center center;
	}
.texto-serv{
	text-align: justify;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 10%;
	margin-bottom: 3%;
	padding-top: 10%;
	padding-right: 3%;
	padding-bottom: 10%;
	padding-left: 3%;
	background-color: #698C00;
	border-top-left-radius: 40px;
	border-bottom-right-radius: 40px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 1%;
	margin-left: 1%;
	}	

.foto-serv{
	float: left;
	width: 90%;
	margin-top: 7%;
	margin-bottom: 3%;
	margin-left: 2%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 10%;
	padding-left: 3%;	
	}
#ftsv{
	float: left;
	margin-top: 3%;
	margin-bottom: 5%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 4%;
	padding-left: 4%;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv img{
	height: auto;
	width: 100%;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;		
	}
/*-- imagenes --*/


.imagenes{
	text-align: justify;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 5%;
	margin-bottom: 2%;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
	background-color: #698C00;
	border-bottom-left-radius: 40px;
	border-top-right-radius: 40px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 0%;
	margin-left: 0%;	
	}
#texto-imagenes{
	float:left;
	margin-bottom:2%;
	}
.foto-imagenes{
	float: left;
	width: 95%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 3%;
	padding-right: 1%;
	padding-bottom: 5%;
	padding-left: 1%;
	
	}
.foto-imagenes-a{
	float: left;
	width: 95%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	
	}
#ftsv-fotos{
	float: left;
	width: 100%;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 1%;
	margin-right: 1%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv-fotos img{
	height: auto;
	width: 95%;
	height: auto;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;		
	}
#ftsv-fotos-a{
	float: left;
	width: 100%;
	margin-top: 2%;
	margin-bottom: 3%;
	margin-left: 1%;
	margin-right: 1%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv-fotos-a img{
	height: auto;
	width: 95%;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;		
	}

/*-- hospitalizacion--*/
#concepto-serv1{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 3%;
	padding-left: 1%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	background-image: url(../imagenes/fd-csvs.jpg);
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	}
.texto-servhp{
	text-align: justify;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 1%;
	background-color: #698C00;
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 1%;
	margin-left: 2%;
}
#tex-srv{
	margin-bottom: 5%;	
	}
.foto-servhpf{
	float: left;
	width: 95%;
	margin-top: 7%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 1%;
	padding-bottom: 10%;
	padding-left: 1%;	
	}
#ftsv1{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 3%;
	padding-left: 3%;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	margin-left: 10%;
	}
#ftsv1 img{
	height: auto;
	width: 100%;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;		
	}

.derechos-pacientes{
	text-align: justify;
	float: left;
	height: auto;
	width: 93%;
	margin-top: 0%;
	margin-bottom: 3%;
	padding-top: 0%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 3%;
	background-color: #18469C;
	border-top-left-radius: 80px;
	border-top-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 0%;
	margin-left: 0%;	
	}

#tit-dchp{
	width:80%;
	text-align: center;
	margin-top: 5%;
	margin-bottom: 1%;
	float: left;
	margin-left: 10%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	text-shadow: 0.1em 0.1em 0.2em black;
	box-shadow: 0.0em 0.1em 0.0em black;
	}
#tit-dchp1{
	float: left;
	margin-top:5%;
	margin-left:10%;
	margin-bottom:5%;
	}
	
#text-dchp1{
	padding: 1%;
	margin-top: 1%;
	margin-right: 3%;
	margin-bottom: 1%;
	margin-left: 3%;	
	}


	
	
	
	
	
	}
	
@media only screen and (max-width:414px){
	
	h1{
	font-family: "Montserrat", sans-serif;
	font-size: 22px;
	color: #00238C;
	font-weight: bold;	
	}
	p1{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #FFF;
	text-align: center;
	}
	/*-- 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{
	height: auto;
	width: 100%;
	margin-top: 0px;
	z-index: 1000;
	position: fixed;
	background-image: linear-gradient(to right , rgb(23,70,158) , rgb(85,150,235),  rgb(85,150,235), rgb(23,70,158));
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	box-shadow: 0.2em 0.2em 0.3em black;
	}
#logo{
	float: left;
	margin-top: 8px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 22%;	
	}
#logo img{
	border-radius: 15px;
	box-shadow: 0.1em 0.2em 0.2em black;
	}
.menu{
	float: left;
	margin-top: 20px;
	margin-left: 0px;
	width: 100%;
	}	
#vd{
	background-color: #17469E;
	float: left;
	margin-top: 39%;
	}
#video{
    
    width: 100%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
    }
#sloganf{
	padding-top: 100px;
	padding-right: 50px;
	padding-bottom: 100px;
	padding-left: 50px;
	background-color: #ddd;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #B2CF35;
	}
#mensajepos{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-mposi.jpg);
	background-repeat: no-repeat;
	padding-top: 10%;
	padding-bottom: 10%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #001B18;
	border-bottom-color: #00468C;
	background-position: center center;
}
#text-mensaje{
	float: left;
	margin-right: 10%;
	margin-left: 10%;
	text-align: justify;
	}
.men-emer{
	float: right;
	height: auto;
	width: 235px;
	margin-top: 6%;
	margin-right: 20%;
	margin-bottom: 1%;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	padding: 1%;
	border: 2px solid #FFF;
	}

#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: 6%;
	margin-left: 6%;	
	}
.tit-seguros{
	margin-top: 10%;
	margin-bottom: 5%;
	margin-right: 3%;
	margin-left: 3%;
	}
/* --- 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{
	float: left;
	width: 92%;
	padding-top: 3%;
	padding-right: 2%;
	padding-bottom: 3%;
	padding-left: 2%;
	background-image: linear-gradient(to right , rgb(85,150,235),  rgb(85,150,235), rgb(23,70,158), rgb(23,70,158));
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
	margin-top: 100px;
	margin-left: 1%;
	}
#social{
	float: left;
	margin-right: 2%;
	margin-left: 20%;
	margin-bottom: 3%;
	}
#social img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
#social1{
	float: left;
	margin-right: 2%;
	margin-left: 20%;
	margin-bottom: 3%;	
	}
#social1 img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
#social2{
	float: left;
	margin-right: 2%;
	margin-left: 35%;
	margin-top: 2%;
	}
#social2 img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
.dere{
	width: 100%;
	padding-top: 25px;
	margin-top: 25px;
	}
#lg-wsm{
	float: left;
	margin-left: 17%;
	width: 48px;
	height: 48px;
	margin-top: 0px;
	margin-right: 1%;	
	}
#derechos{
	float: left;
	margin-left: 29%;
	margin-top: -30px;
	margin-right: 5%;
	}
/*-- corporativo --*/

.rotacion{
	padding-top: 36%;
	}
.rotacion img{
	border-top-left-radius: 0px;
	}
#historia{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-h.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 5%;
	padding-bottom: 5%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #00468C;
	border-bottom-color: #00468C;
}



.ft-h{
	float: left;
	height: auto;
	width: 95%;
	padding: 0.5%;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	border: 2px solid #16439E;
	margin-left: 1%;
	margin-right: 1%;
	
	}
.ft-h img{
	float: right;
	margin-right: 5%;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	width: 95%;
	height: 95%;
	}
.tex-h{
	float: left;
	height: auto;
	width: 100%;
	margin-left: 2%;
	margin-top: 5%;
	}
#tp1{
	float: left;
	margin-top: 2%;
	margin-left: 5%;
	}
#t1{
	float: left;
	margin-top: 8%;
	margin-left: -4%;
	}
#cont-h{
	float: left;
	margin-top: 2%;
	margin-right: 12%;
	margin-left: 6%;
	text-align: justify;
	}
#adm{
	margin-top: 5%;
	margin-bottom: 5%;
	margin-right: 1%;
	margin-left: 1%;
	}
.mision{
	float: left;
	height: auto;
	width: 90%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 2%;
	}
#ft-ms img{
	height: auto;
	width: 90%;
	border-bottom-left-radius: 40px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 40px;	
	}
#tit-ms{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-ms{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
.vision{
	float: left;
	height: auto;
	width: 90%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 2%;
	margin-top: 15%;	
	}
#ft-vs img{
	height: auto;
	width: 90%;
	border-bottom-left-radius: 40px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 40px;	
	}
#tit-vs{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-vs{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
.valores{
	float: left;
	height: auto;
	width: 90%;	
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 2%;
	margin-top: 15%;
	}
#ft-val img{
	height: auto;
	width: 90%;
	border-bottom-left-radius: 40px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 40px;	
	}
#tit-val{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-val{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
#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{
	background-attachment: fixed;
	background-image: url(../imagenes/ft-serv-h.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	}
.tit-shpa{
	margin-top: 6%;
	margin-bottom: 5%;	
	}
.text-shpa{
	margin-right: 10%;
	margin-bottom: 5%;
	margin-left: 10%;
	text-align: justify;
	}
.servh1{
	float: left;
	height: auto;
	width: 80%;
	margin-top: 4%;
	margin-right: 6%;
	margin-bottom: 6%;
	margin-left: 4%;	
	}
.pos{
	margin-top: 4%;	
	}
	#fth1-1{
	float: right;
	margin-right: 3%;
	}
	#fth1-1 img{
		width:95%;
		height:auto;
		}
	#texth1-1{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}
	#fth2-2{
	float: right;
	margin-right: 3%;
	}
	#fth2-2 img{
		width:95%;
		height:auto;
		}
	#texth2-2{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}
	#fth3-3{
	float: right;
	margin-right: 3%;
	}
	#fth3-3 img{
		width:95%;
		height:auto;
		}
	#texth3-3{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}
	#fth4-4{
	float: right;
	margin-right: 3%;
	}
	#fth4-4 img{
		width:95%;
		height:auto;
		}
	#texth4-4{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}

.servh2{
	float: right;
	height: auto;
	width: 80%;
	margin-top: 3%;
	margin-right: 1%;
	margin-bottom: 6%;
	margin-left: 1%;	
	}
.pos1{
	margin-top: 4%;	
	}
	#fth5-5{
	float: left;
	margin-left: 3%;
	}
	#fth5-5 img{
		width:95%;
		height:auto;
		}
	#texth5-5{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth6-6{
	float: left;
	margin-left: 3%;
	}
	#fth6-6 img{
		width:95%;
		height:auto;
		}
	#texth6-6{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth7-7{
	float: left;
	margin-left: 3%;
	}
	#fth6-6 img{
		width:95%;
		height:auto;
		}
	#texth7-7{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth8-8{
	float: left;
	margin-left: 3%;
	}
	#fth8-8 img{
		width:95%;
		height:auto;
		}
	#texth8-8{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	
	
/*-- 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: 50px;
	}
#tit-form{
	margin-top: 5px;
	margin-bottom: 40px;	
	}
form{
	width: 270px;
	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: 38%;
	margin-bottom: 5%;
	}
#port img{
	height: auto;
	width: 100%;
	border-top-left-radius: 0px;	
	}
#concepto{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 5%;
	padding-left: 5%;
	}
#text-concepto{
	margin-top: 12%;
	margin-right: 2%;
	margin-bottom: 12%;
	margin-left: 2%;
	}
.tit-espemed{
	margin-top: 3%;
	margin-bottom: 3%;
	margin-right: 2%;
	margin-left: 2%;	
	}
#doc-espe{
	padding-right: 4%;
	padding-left: 4%;
	padding-top: 5%;
	}
.doctor{
	padding: 10px;
	height: auto;
	width: 80%;
	margin-top: 10%;
	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:100%;
	margin-top: 11%;
	margin-right: 1%;
	margin-bottom: 5%;
	margin-left: 1%;
	float: left;
	border: 2px solid #036;
	border-top-left-radius:25px;
	border-top-right-radius:25px;
	}
.doctor2{
	padding: 10px;
	height: auto;
	width:90%;
	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: 30%;
	width: 100%;
	float: left;
	margin-bottom: 2.5%;
	}	
#port-serv img{
	border-top-left-radius: 0px;	
	}
#tit-servh{
	float: right;
	margin-top: -30%;
	margin-right: 12%;
	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: #FFF;
	border-bottom-color: #FFF;	
	}
#concepto-serv{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 1%;
	padding-left: 1%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	background-image: url(../imagenes/fd-csvs.jpg);
	background-position: center center;
	}
.texto-serv{
	text-align: justify;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 10%;
	margin-bottom: 3%;
	padding-top: 10%;
	padding-right: 3%;
	padding-bottom: 10%;
	padding-left: 3%;
	background-color: #698C00;
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 1%;
	margin-left: 1%;
	}	

.foto-serv{
	float: left;
	width: 90%;
	margin-top: 7%;
	margin-bottom: 3%;
	margin-left: 2%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 10%;
	padding-left: 3%;	
	}
#ftsv{
	float: left;
	margin-top: 3%;
	margin-bottom: 5%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 4%;
	padding-left: 4%;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv img{
	height: auto;
	width: 100%;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;		
	}
/*-- imagenes --*/


.imagenes{
	text-align: justify;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 5%;
	margin-bottom: 2%;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
	background-color: #698C00;
	border-bottom-left-radius: 40px;
	border-top-right-radius: 40px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 0%;
	margin-left: 0%;	
	}
#texto-imagenes{
	float:left;
	margin-bottom:2%;
	}
.foto-imagenes{
	float: left;
	width: 95%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 3%;
	padding-right: 1%;
	padding-bottom: 5%;
	padding-left: 1%;
	
	}
.foto-imagenes-a{
	float: left;
	width: 95%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	
	}
#ftsv-fotos{
	float: left;
	width: 100%;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 1%;
	margin-right: 1%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	}
#ftsv-fotos img{
	height: auto;
	width: 95%;
	height: auto;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;		
	}
#ftsv-fotos-a{
	float: left;
	width: 100%;
	margin-top: 2%;
	margin-bottom: 3%;
	margin-left: 1%;
	margin-right: 1%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	}
#ftsv-fotos-a img{
	height: auto;
	width: 95%;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;		
	}
/*-- hospitalizacion--*/
#concepto-serv1{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 3%;
	padding-left: 1%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	background-image: url(../imagenes/fd-csvs.jpg);
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	}
.texto-servhp{
	text-align: justify;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 3%;
	background-color: #698C00;
	border-top-left-radius: 0px;
	border-bottom-right-radius: 0px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 1%;
	margin-left: 2%;
}
#tex-srv{
	margin-bottom: 5%;	
	}
.foto-servhpf{
	float: left;
	width: 95%;
	margin-top: 7%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 1%;
	padding-bottom: 10%;
	padding-left: 1%;	
	}
#ftsv1{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 3%;
	padding-left: 3%;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	margin-left: 10%;
	}
#ftsv1 img{
	height: auto;
	width: 100%;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;		
	}

.derechos-pacientes{
	text-align: justify;
	float: left;
	height: auto;
	width: 93%;
	margin-top: 0%;
	margin-bottom: 3%;
	padding-top: 0%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 3%;
	background-color: #18469C;
	border-top-left-radius: 80px;
	border-top-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 0%;
	margin-left: 0%;	
	}

#tit-dchp{
	width:80%;
	text-align: center;
	margin-top: 5%;
	margin-bottom: 1%;
	float: left;
	margin-left: 10%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	text-shadow: 0.1em 0.1em 0.2em black;
	box-shadow: 0.0em 0.1em 0.0em black;
	}
#tit-dchp1{
	float: left;
	margin-top:5%;
	margin-left:10%;
	margin-bottom:5%;
	}
	
#text-dchp1{
	padding: 1%;
	margin-top: 1%;
	margin-right: 3%;
	margin-bottom: 1%;
	margin-left: 3%;	
	}



	
	
	
	
	}
	
@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;	
	}
	/*-- 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{
	height: auto;
	width: 100%;
	margin-top: 0px;
	z-index: 1000;
	position: fixed;
	background-image: linear-gradient(to right , rgb(23,70,158) , rgb(85,150,235),  rgb(85,150,235), rgb(23,70,158));
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	box-shadow: 0.2em 0.2em 0.3em black;
	}
#logo{
	float: left;
	margin-top: 8px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 18%;	
	}
#logo img{
	border-radius: 15px;
	box-shadow: 0.1em 0.2em 0.2em black;
	}
.menu{
	float: left;
	margin-top: 20px;
	margin-left: 0px;
	width: 100%;
	}	
#vd{
	background-color: #17469E;
	float: left;
	margin-top: 43%;
	}
#video{
    
    width: 100%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
    }
#sloganf{
	padding-top: 100px;
	padding-right: 50px;
	padding-bottom: 100px;
	padding-left: 50px;
	background-color: #ddd;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #B2CF35;
	}
#mensajepos{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-mposi.jpg);
	background-repeat: no-repeat;
	padding-top: 10%;
	padding-bottom: 10%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #001B18;
	border-bottom-color: #00468C;
	background-position: center center;
}
#text-mensaje{
	float: left;
	margin-right: 10%;
	margin-left: 10%;
	text-align: justify;
	}
.men-emer{
	float: right;
	height: auto;
	width: 235px;
	margin-top: 6%;
	margin-right: 20%;
	margin-bottom: 1%;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	padding: 1%;
	border: 2px solid #FFF;
	}

#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: 6%;
	margin-left: 6%;	
	}
.tit-seguros{
	margin-top: 10%;
	margin-bottom: 5%;
	margin-right: 3%;
	margin-left: 3%;
	}
/* --- 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: 150px;
  position: absolute;
  width: 260px;
  z-index: 2;
  background: linear-gradient(to right, rgba(119,119,119,1) 100%, rgba(119,119,119,0) 0%);
}

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

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

.slide-track {
  display: flex;
  width: calc(250px * 12); /* 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{
	float: left;
	width: 92%;
	padding-top: 3%;
	padding-right: 2%;
	padding-bottom: 3%;
	padding-left: 2%;
	background-image: linear-gradient(to right , rgb(85,150,235),  rgb(85,150,235), rgb(23,70,158), rgb(23,70,158));
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
	margin-top: 100px;
	margin-left: 1%;
	}
#social{
	float: left;
	margin-right: 2%;
	margin-left: 22%;
	margin-bottom: 3%;
	}
#social img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
#social1{
	float: left;
	margin-right: 2%;
	margin-left: 15%;
	margin-bottom: 3%;	
	}
#social1 img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
#social2{
	float: left;
	margin-right: 2%;
	margin-left: 40%;
	margin-top: 2%;
	}
#social2 img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
.dere{
	width: 100%;
	padding-top: 25px;
	margin-top: 25px;
	}
#lg-wsm{
	float: left;
	margin-left: 14%;
	width: 48px;
	height: 48px;
	margin-top: 0px;
	margin-right: 1%;	
	}
#derechos{
	float: left;
	margin-left: 26%;
	margin-top: -30px;
	margin-right: 8%;
	}
	
/*-- corporativo --*/

.rotacion{
	padding-top: 36%;
	}
.rotacion img{
	border-top-left-radius: 0px;
	}
#historia{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-h.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 5%;
	padding-bottom: 5%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #00468C;
	border-bottom-color: #00468C;
}



.ft-h{
	float: left;
	height: auto;
	width: 95%;
	padding: 0.5%;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	border: 2px solid #16439E;
	margin-left: 1%;
	margin-right: 1%;
	
	}
.ft-h img{
	float: right;
	margin-right: 5%;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	width: 95%;
	height: 95%;
	}
.tex-h{
	float: left;
	height: auto;
	width: 100%;
	margin-left: 2%;
	margin-top: 5%;
	}
#tp1{
	float: left;
	margin-top: 2%;
	margin-left: 5%;
	}
#t1{
	float: left;
	margin-top: 5%;
	margin-left: 3%;
	margin-right: 1%;
	}
#cont-h{
	float: left;
	margin-top: 2%;
	margin-right: 12%;
	margin-left: 6%;
	text-align: justify;
	}
#adm{
	margin-top: 5%;
	margin-bottom: 5%;
	margin-right: 1%;
	margin-left: 1%;
	}
.mision{
	float: left;
	height: auto;
	width: 90%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 2%;
	}
#ft-ms img{
	height: auto;
	width: 90%;
	border-bottom-left-radius: 40px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 40px;	
	}
#tit-ms{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-ms{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
.vision{
	float: left;
	height: auto;
	width: 90%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 2%;
	margin-top: 15%;	
	}
#ft-vs img{
	height: auto;
	width: 90%;
	border-bottom-left-radius: 40px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 40px;	
	}
#tit-vs{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-vs{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
.valores{
	float: left;
	height: auto;
	width: 90%;	
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 2%;
	margin-top: 15%;
	}
#ft-val img{
	height: auto;
	width: 90%;
	border-bottom-left-radius: 40px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 40px;	
	}
#tit-val{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-val{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
#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{
	background-attachment: fixed;
	background-image: url(../imagenes/ft-serv-h.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	}
.tit-shpa{
	margin-top: 6%;
	margin-bottom: 5%;	
	}
.text-shpa{
	margin-right: 10%;
	margin-bottom: 5%;
	margin-left: 10%;
	text-align: justify;
	}
.servh1{
	float: left;
	height: auto;
	width: 80%;
	margin-top: 4%;
	margin-right: 6%;
	margin-bottom: 6%;
	margin-left: 4%;	
	}
.pos{
	margin-top: 4%;	
	}
	#fth1-1{
	float: right;
	margin-right: 3%;
	}
	#fth1-1 img{
		width:95%;
		height:auto;
		}
	#texth1-1{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}
	#fth2-2{
	float: right;
	margin-right: 3%;
	}
	#fth2-2 img{
		width:95%;
		height:auto;
		}
	#texth2-2{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}
	#fth3-3{
	float: right;
	margin-right: 3%;
	}
	#fth3-3 img{
		width:95%;
		height:auto;
		}
	#texth3-3{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}
	#fth4-4{
	float: right;
	margin-right: 3%;
	}
	#fth4-4 img{
		width:95%;
		height:auto;
		}
	#texth4-4{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}

.servh2{
	float: right;
	height: auto;
	width: 80%;
	margin-top: 3%;
	margin-right: 1%;
	margin-bottom: 6%;
	margin-left: 1%;	
	}
.pos1{
	margin-top: 4%;	
	}
	#fth5-5{
	float: left;
	margin-left: 3%;
	}
	#fth5-5 img{
		width:95%;
		height:auto;
		}
	#texth5-5{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth6-6{
	float: left;
	margin-left: 3%;
	}
	#fth6-6 img{
		width:95%;
		height:auto;
		}
	#texth6-6{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth7-7{
	float: left;
	margin-left: 3%;
	}
	#fth6-6 img{
		width:95%;
		height:auto;
		}
	#texth7-7{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth8-8{
	float: left;
	margin-left: 3%;
	}
	#fth8-8 img{
		width:95%;
		height:auto;
		}
	#texth8-8{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}	
	
/*-- 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: 50px;
	}
#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: 43%;
	margin-bottom: 5%;
	}
#port img{
	height: auto;
	width: 100%;
	border-top-left-radius: 0px;	
	}
#concepto{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 5%;
	padding-left: 5%;
	}
.tit-espemed{
	margin-top: 3%;
	margin-bottom: 3%;
	margin-right: 3%;
	margin-left: 1%;	
	}
#text-concepto{
	margin-top: 12%;
	margin-right: 2%;
	margin-bottom: 12%;
	margin-left: 2%;
	}
#doc-espe{
	padding-right: 4%;
	padding-left: 4%;
	padding-top: 5%;
	}
.doctor{
	padding: 10px;
	height: auto;
	width: 90%;
	margin-top: 10%;
	margin-right: 2%;
	margin-bottom: 3%;
	margin-left: 2%;
	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: 90%;
	margin-top: 11%;
	margin-right: 1%;
	margin-bottom: 5%;
	margin-left: 1%;
	float: left;
	border: 2px solid #036;
	border-top-left-radius:25px;
	border-top-right-radius:25px;
	}
.doctor2{
	padding: 10px;
	height: auto;
	width:90%;
	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: 34%;
	width: 100%;
	float: left;
	margin-bottom: 2.5%;
	}	
#port-serv img{
	border-top-left-radius: 0px;	
	}
#tit-servh{
	float: right;
	margin-top: -30%;
	margin-right: 8%;
	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: #FFF;
	border-bottom-color: #FFF;	
	}
#concepto-serv{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 1%;
	padding-left: 1%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	background-image: url(../imagenes/fd-csvs.jpg);
	background-position: center center;
	}
.texto-serv{
	text-align: justify;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 10%;
	margin-bottom: 3%;
	padding-top: 10%;
	padding-right: 3%;
	padding-bottom: 10%;
	padding-left: 3%;
	background-color: #698C00;
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 1%;
	margin-left: 1%;
	}	

.foto-serv{
	float: left;
	width: 90%;
	margin-top: 7%;
	margin-bottom: 3%;
	margin-left: 2%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 10%;
	padding-left: 3%;	
	}
#ftsv{
	float: left;
	margin-top: 3%;
	margin-bottom: 5%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 4%;
	padding-left: 4%;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv img{
	height: auto;
	width: 100%;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;		
	}

/*-- hospitalizacion--*/
#concepto-serv1{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 3%;
	padding-left: 1%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	background-image: url(../imagenes/fd-csvs.jpg);
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	}
.texto-servhp{
	text-align: justify;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 3%;
	background-color: #698C00;
	border-top-left-radius: 0px;
	border-bottom-right-radius: 0px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 1%;
	margin-left: 2%;
}
#tex-srv{
	margin-bottom: 5%;	
	}
.foto-servhpf{
	float: left;
	width: 95%;
	margin-top: 7%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 1%;
	padding-bottom: 10%;
	padding-left: 1%;	
	}
#ftsv1{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 3%;
	padding-left: 3%;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	margin-left: 5%;
	}
#ftsv1 img{
	height: auto;
	width: 100%;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;		
	}

.derechos-pacientes{
	text-align: justify;
	float: left;
	height: auto;
	width: 93%;
	margin-top: 0%;
	margin-bottom: 3%;
	padding-top: 0%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 3%;
	background-color: #18469C;
	border-top-left-radius: 80px;
	border-top-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 0%;
	margin-left: 0%;	
	}

#tit-dchp{
	width:80%;
	text-align: center;
	margin-top: 5%;
	margin-bottom: 1%;
	float: left;
	margin-left: 10%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	text-shadow: 0.1em 0.1em 0.2em black;
	box-shadow: 0.0em 0.1em 0.0em black;
	}
#tit-dchp1{
	float: left;
	margin-top:5%;
	margin-left:10%;
	margin-bottom:5%;
	}
	
#text-dchp1{
	padding: 1%;
	margin-top: 1%;
	margin-right: 3%;
	margin-bottom: 1%;
	margin-left: 3%;	
	}


	
	
	
	
	
	}
@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{
	height: auto;
	width: 100%;
	margin-top: 0px;
	z-index: 1000;
	position: fixed;
	background-image: linear-gradient(to right , rgb(23,70,158) , rgb(85,150,235),  rgb(85,150,235), rgb(23,70,158));
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	box-shadow: 0.2em 0.2em 0.3em black;
	}
#logo{
	float: left;
	margin-top: 8px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 15%;	
	}
#logo img{
	border-radius: 15px;
	box-shadow: 0.1em 0.2em 0.2em black;
	}
.menu{
	float: left;
	margin-top: 20px;
	margin-left: 0px;
	width: 100%;
	}	
#vd{
	background-color: #17469E;
	float: left;
	margin-top: 45%;
	}
#video{
    
    width: 100%;
    height: auto;
    top: 0%;
    left: 0%;
    display: block;
    }
#sloganf{
	padding-top: 100px;
	padding-right: 50px;
	padding-bottom: 100px;
	padding-left: 50px;
	background-color: #ddd;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #B2CF35;
	}
#mensajepos{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-mposi.jpg);
	background-repeat: no-repeat;
	padding-top: 10%;
	padding-bottom: 10%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #001B18;
	border-bottom-color: #00468C;
	background-position: center center;
}
#text-mensaje{
	float: left;
	margin-right: 10%;
	margin-left: 10%;
	text-align: justify;
	}
.men-emer{
	float: right;
	height: auto;
	width: 235px;
	margin-top: 6%;
	margin-right: 17%;
	margin-bottom: 1%;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	padding: 1%;
	border: 2px solid #FFF;
	}

#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: 6%;
	margin-left: 6%;	
	}
.tit-seguros{
	margin-top: 10%;
	margin-bottom: 5%;
	margin-right: 3%;
	margin-left: 3%;
	}
/* --- 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{
	float: left;
	width: 92%;
	padding-top: 3%;
	padding-right: 2%;
	padding-bottom: 3%;
	padding-left: 2%;
	background-image: linear-gradient(to right , rgb(85,150,235),  rgb(85,150,235), rgb(23,70,158), rgb(23,70,158));
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
	margin-top: 100px;
	margin-left: 0.5%;
	}
#social{
	float: left;
	margin-right: 2%;
	margin-left: 20%;
	margin-bottom: 3%;
	}
#social img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
#social1{
	float: left;
	margin-right: 2%;
	margin-left: 12%;
	margin-bottom: 3%;	
	}
#social1 img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
#social2{
	float: left;
	margin-right: 2%;
	margin-left: 30%;
	margin-top: 2%;
	}
#social2 img{
	filter: drop-shadow(0.2em 0.2em 0.2em black);
	}
.dere{
	width: 100%;
	padding-top: 25px;
	margin-top: 25px;
	}
#lg-wsm{
	float: left;
	margin-left: 14%;
	width: 48px;
	height: 48px;
	margin-top: 0px;
	margin-right: 1%;	
	}
#derechos{
	float: left;
	margin-left: 26%;
	margin-top: -30px;
	margin-right: 8%;
	}
	
/*-- corporativo --*/

.rotacion{
	padding-top: 42%;
	}
.rotacion img{
	border-top-left-radius: 0px;
	}
#historia{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-h.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 5%;
	padding-bottom: 5%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #00468C;
	border-bottom-color: #00468C;
}



.ft-h{
	float: left;
	height: auto;
	width: 95%;
	padding: 0.5%;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	border: 2px solid #16439E;
	margin-left: 1%;
	margin-right: 1%;
	
	}
.ft-h img{
	float: right;
	margin-right: 5%;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	width: 95%;
	height: 95%;
	}
.tex-h{
	float: left;
	height: auto;
	width: 100%;
	margin-left: 2%;
	margin-top: 5%;
	}
#tp1{
	float: left;
	margin-top: 2%;
	margin-left: 5%;
	}
#t1{
	float: left;
	margin-top: 5%;
	margin-left: 3%;
	margin-right: 1%;
	}
#cont-h{
	float: left;
	margin-top: 2%;
	margin-right: 12%;
	margin-left: 6%;
	text-align: justify;
	}
#adm{
	margin-top: 5%;
	margin-bottom: 5%;
	margin-right: 1%;
	margin-left: 1%;
	}
.mision{
	float: left;
	height: auto;
	width: 90%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 2%;
	}
#ft-ms img{
	height: auto;
	width: 90%;
	border-bottom-left-radius: 40px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 40px;	
	}
#tit-ms{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-ms{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
.vision{
	float: left;
	height: auto;
	width: 90%;
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 2%;
	margin-top: 15%;	
	}
#ft-vs img{
	height: auto;
	width: 90%;
	border-bottom-left-radius: 40px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 40px;	
	}
#tit-vs{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-vs{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
.valores{
	float: left;
	height: auto;
	width: 90%;	
	padding-right: 2%;
	padding-left: 2%;
	margin-left: 2%;
	margin-top: 15%;
	}
#ft-val img{
	height: auto;
	width: 90%;
	border-bottom-left-radius: 40px;
	box-shadow:0.1em 0.1em 0.2em black;
    border-top-right-radius: 40px;	
	}
#tit-val{
	margin-top: 8%;
	margin-bottom: 5%;	
	}
#tex-val{
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
	padding: 5%;
	background-color: #00468C;
	margin-top: 2%;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #698C00;
	border-left-color: #698C00;
	}
#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{
	background-attachment: fixed;
	background-image: url(../imagenes/ft-serv-h.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	}
.tit-shpa{
	margin-top: 6%;
	margin-bottom: 5%;	
	}
.text-shpa{
	margin-right: 10%;
	margin-bottom: 5%;
	margin-left: 10%;
	text-align: justify;
	}
.servh1{
	float: left;
	height: auto;
	width: 80%;
	margin-top: 4%;
	margin-right: 6%;
	margin-bottom: 6%;
	margin-left: 4%;	
	}
.pos{
	margin-top: 4%;	
	}
	#fth1-1{
	float: right;
	margin-right: 3%;
	}
	#fth1-1 img{
		width:95%;
		height:auto;
		}
	#texth1-1{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}
	#fth2-2{
	float: right;
	margin-right: 3%;
	}
	#fth2-2 img{
		width:95%;
		height:auto;
		}
	#texth2-2{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}
	#fth3-3{
	float: right;
	margin-right: 3%;
	}
	#fth3-3 img{
		width:95%;
		height:auto;
		}
	#texth3-3{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}
	#fth4-4{
	float: right;
	margin-right: 3%;
	}
	#fth4-4 img{
		width:95%;
		height:auto;
		}
	#texth4-4{
	float: right;
	margin-top: 5%;
	margin-right: 2%;
	}

.servh2{
	float: right;
	height: auto;
	width: 80%;
	margin-top: 3%;
	margin-right: 4%;
	margin-bottom: 6%;
	margin-left: 1%;	
	}
.pos1{
	margin-top: 4%;	
	}
	#fth5-5{
	float: left;
	margin-left: 3%;
	}
	#fth5-5 img{
		width:95%;
		height:auto;
		}
	#texth5-5{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth6-6{
	float: left;
	margin-left: 3%;
	}
	#fth6-6 img{
		width:95%;
		height:auto;
		}
	#texth6-6{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth7-7{
	float: left;
	margin-left: 3%;
	}
	#fth6-6 img{
		width:95%;
		height:auto;
		}
	#texth7-7{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	#fth8-8{
	float: left;
	margin-left: 3%;
	}
	#fth8-8 img{
		width:95%;
		height:auto;
		}
	#texth8-8{
	float: left;
	margin-top: 5%;
	margin-left: 2%;
	}
	
/*-- 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: 50px;
	}
#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: 44%;
	margin-bottom: 5%;
	}
#port img{
	height: auto;
	width: 100%;
	border-top-left-radius: 0px;	
	}
#concepto{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 5%;
	padding-left: 5%;
	}
.tit-espemed{
	margin-top: 3%;
	margin-bottom: 3%;
	margin-right: 3%;
	margin-left: 1%;	
	}
#text-concepto{
	margin-top: 12%;
	margin-right: 2%;
	margin-bottom: 12%;
	margin-left: 2%;
	}
#doc-espe{
	padding-right: 4%;
	padding-left: 4%;
	padding-top: 5%;
	}
.doctor{
	padding: 10px;
	height: auto;
	width: 90%;
	margin-top: 10%;
	margin-right: 1%;
	margin-bottom: 3%;
	margin-left: 1%;
	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: 90%;
	margin-top: 11%;
	margin-right: 1%;
	margin-bottom: 5%;
	margin-left: 1%;
	float: left;
	border: 2px solid #036;
	border-top-left-radius:25px;
	border-top-right-radius:25px;
	}
.doctor2{
	padding: 10px;
	height: auto;
	width:90%;
	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: 34%;
	width: 100%;
	float: left;
	margin-bottom: 2.5%;
	}	
#port-serv img{
	border-top-left-radius: 0px;	
	}
#tit-servh{
	float: right;
	margin-top: -30%;
	margin-right: 8%;
	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: #FFF;
	border-bottom-color: #FFF;	
	}
#concepto-serv{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 1%;
	padding-left: 1%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	background-image: url(../imagenes/fd-csvs.jpg);
	background-position: center center;
	}
.texto-serv{
	text-align: justify;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 10%;
	margin-bottom: 3%;
	padding-top: 10%;
	padding-right: 3%;
	padding-bottom: 10%;
	padding-left: 3%;
	background-color: #698C00;
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 1%;
	margin-left: 1%;
	}	

.foto-serv{
	float: left;
	width: 90%;
	margin-top: 7%;
	margin-bottom: 3%;
	margin-left: 2%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 10%;
	padding-left: 3%;	
	}
#ftsv{
	float: left;
	margin-top: 3%;
	margin-bottom: 5%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 4%;
	padding-left: 4%;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	}
#ftsv img{
	height: auto;
	width: 100%;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;		
	}	
/*-- imagenes --*/


.imagenes{
	text-align: justify;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 5%;
	margin-bottom: 2%;
	padding-top: 5%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
	background-color: #698C00;
	border-bottom-left-radius: 40px;
	border-top-right-radius: 40px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 0%;
	margin-left: 0%;	
	}
#texto-imagenes{
	float:left;
	margin-bottom:2%;
	}
.foto-imagenes{
	float: left;
	width: 95%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 3%;
	padding-right: 1%;
	padding-bottom: 5%;
	padding-left: 1%;
	
	}
.foto-imagenes-a{
	float: left;
	width: 95%;
	margin-top: 2%;
	margin-bottom: 3%;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	
	}
#ftsv-fotos{
	float: left;
	width: 100%;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: 1%;
	margin-right: 1%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	}
#ftsv-fotos img{
	height: auto;
	width: 95%;
	height: auto;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;		
	}
#ftsv-fotos-a{
	float: left;
	width: 100%;
	margin-top: 2%;
	margin-bottom: 3%;
	margin-left: 1%;
	margin-right: 1%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	}
#ftsv-fotos-a img{
	height: auto;
	width: 95%;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;		
	}
	
/*-- hospitalizacion--*/
#concepto-serv1{
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	padding-right: 3%;
	padding-left: 1%;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #698C00;
	border-bottom-color: #698C00;
	background-image: url(../imagenes/fd-csvs.jpg);
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	}
.texto-servhp{
	text-align: justify;
	float: left;
	height: auto;
	width: 90%;
	margin-top: 5%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 3%;
	background-color: #698C00;
	border-top-left-radius: 0px;
	border-bottom-right-radius: 0px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 1%;
	margin-left: 2%;
}
#tex-srv{
	margin-bottom: 5%;	
	}
.foto-servhpf{
	float: left;
	width: 95%;
	margin-top: 7%;
	margin-bottom: 3%;
	padding-top: 5%;
	padding-right: 1%;
	padding-bottom: 10%;
	padding-left: 1%;	
	}
#ftsv1{
	float: left;
	margin-top: 3%;
	margin-bottom: 3%;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15429D;
	border-left-color: #15429D;
	padding-right: 3%;
	padding-left: 3%;
	padding-top: 8px;
	padding-bottom: 8px;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	margin-left: 5%;
	}
#ftsv1 img{
	height: auto;
	width: 100%;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;		
	}

.derechos-pacientes{
	text-align: justify;
	float: left;
	height: auto;
	width: 93%;
	margin-top: 0%;
	margin-bottom: 3%;
	padding-top: 0%;
	padding-right: 3%;
	padding-bottom: 5%;
	padding-left: 3%;
	background-color: #18469C;
	border-top-left-radius: 80px;
	border-top-right-radius: 80px;
	box-shadow: 0.1em 0.1em 0.2em black;
	margin-right: 0%;
	margin-left: 0%;	
	}

#tit-dchp{
	width:80%;
	text-align: center;
	margin-top: 5%;
	margin-bottom: 1%;
	float: left;
	margin-left: 10%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	text-shadow: 0.1em 0.1em 0.2em black;
	box-shadow: 0.0em 0.1em 0.0em black;
	}
#tit-dchp1{
	float: left;
	margin-top:5%;
	margin-left:10%;
	margin-bottom:5%;
	}
	
#text-dchp1{
	padding: 1%;
	margin-top: 1%;
	margin-right: 3%;
	margin-bottom: 1%;
	margin-left: 3%;	
	}	
		
	
	
	}