@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@700&display=swap');
body{background-color: #FFF}
.menu li {
list-style-type: none;
float: left;
line-height: 50px;

list-style: none;
}

.menu {
width: 100%;
height: 40px;

}
.menu ul{
list-style:none !important;
margin: auto;
height: 40px;
	
	}

.menu li a {
	background: #fb83fa;
	background: -moz-linear-gradient(top, #fb83fa 1%, #e93cec 98%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fb83fa), color-stop(98%,#e93cec));
	background: -webkit-linear-gradient(top, #fb83fa 1%,#e93cec 98%);
	background: -o-linear-gradient(top, #fb83fa 1%,#e93cec 98%);
	background: -ms-linear-gradient(top, #fb83fa 1%,#e93cec 98%);
	background: linear-gradient(to bottom, #fb83fa 1%,#e93cec 98%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb83fa', endColorstr='#e93cec',GradientType=0 );
	font-size: 15px;
	line-height: 40px;
	height: 40px;
	position: relative;
	padding: 0 20px;
    float: left;
	display: block;
	width: 77px;
	color: #FFF;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
    border-radius: 3px 3px 0 0;
    box-shadow: 2px 0 2px rgba(0,0,0,0.1), -2px 0 2px rgba(0,0,0,0.1);
}



.menu li a:hover, .menu li a:focus {
background: #FF60FF;
}

.menu ul li ul span {

margin: -20px 50px;
width: 20px;
height: 10px;
position: absolute;
}

.menu ul li ul {
display: none; 
background:#f00 ;
padding: 10px 0;
position: absolute;
margin: -12px -20px;
.margin: 69px -170px;
_margin: 69px -170px;
}

.menu ul li:hover ul {
display: block;
color: #09F  ;
}

.menu ul li ul li {
display: block;
float: none;
position: relative;
color: #f01;
padding: 0 20px;
line-height: 30px;
}

.menu ul li ul li a{
color: #444;
}

.menu ul li ul li a:hover {
color:  #09F;
background-color:#0F3
}

.menumovil{position: relative;top:0;left:0;width: 50px; height: 50px;
display: none;
}

.clear-shadow {
	clear: both;
}
.container{
	position: absolute;
	display:block;
		left:.1%;
		top:.1%;
		width:99.8%;
		height:1010px;
		}
.content {
    position: relative;
    width: 99.75%;
	height: auto;
	z-index: 5;
	overflow: hidden;
    box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.1);
   	 background:#fff7e4;
	 left:0px;
}

.content div {
    position: relative;
	top: 0px;
	z-index: 1;
    opacity: 0;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    transition: all linear 0.3s;
	
}

.content-1, .content-3,.content-5 {
	left:0px;
	height:95%;
	-webkit-transform: translateX(-250px);
	-moz-transform: translateX(-250px);
	-o-transform: translateX(-250px);
	-ms-transform: translateX(-250px);
	transform: translateX(-250px);
	z-index:100px;
}
.content-1{left:-10px;}
.content-2, .content-4 ,content-6{
	left:-0px;
	width:100%;
	-webkit-transform: translateX(250px);
	-moz-transform: translateX(250px);
	-o-transform: translateX(250px);
	-ms-transform: translateX(250px);
	transform: translateX(250px);
	z-index:100px;
}
.tabs{position:relative;
	left:0px;
	}
.tabs input.tab-selector-1:checked ~ .content .content-1 ,
.tabs tab-selector-2:active ~ .content .content-2,
.tabs input.tab-selector-3:checked ~ .content .content-3,
.tabs input.tab-selector-4:checked ~ .content .content-4,
.tabs input.tab-selector-5:checked ~ .content .content-5,
.tabs input.tab-selector-6:checked ~ .content .content-6
{
    -webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	z-index: 100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all ease-out 0.5s 0.1s;
    -moz-transition: all ease-out 0.5s 0.1s;
    -o-transition: all ease-out 0.25 0.1s;
    -ms-transition: all ease-out 0.5s 0.1s;
    transition: all ease-out 0.5s 0.1s;
}
.seleccion
{
    -webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	z-index: 200 !important;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1 !important;
    -webkit-transition: all ease-out 0.5s 0.1s;
    -moz-transition: all ease-out 0.5s 0.1s;
    -o-transition: all ease-out 0.25 0.1s;
    -ms-transition: all ease-out 0.5s 0.1s;
    transition: all ease-out 0.5s 0.1s;
}

.content div h2,
.content div h3{
	color: #151515 ;
	text-shadow:0.1em 0.1em #FFF;
	
	
}
.content div p {
	font-size: 17px;
	line-height: 22px;
	font-style: italic;
	text-align: left;
	margin: 0;
	color: #151515;
	padding-left: 15px;
	font-family: Cambria, Georgia, serif;
	
}
.logofijo{
	display:block;
	background:#FFF;
	left:100px;
	height:130px;
	width: 100%;
	top:0px;
	position:relative;
	font-size:21px;
	color:  #ed4eef;
	text-align:center;
	float: left;
	z-index: 200;	
	}
.thename{
	display:none;
	background:#FFF;
		
	top:2px;
	position:relative;
	font-size:21px;
	color:  #9C6169 !important;
	text-align:left;
	float: left;
	z-index: 200;
	left:50px;	
	
	}

.slideshow{
	
	opacity:1 !important;
	z-index:9994 !important ;
	position:relative !important ;
	height:100%;
	width:95%;
	
	left:1% ;
	margin: 5px;
	padding: 10px;
	top:0px !important ;

	}
.slideshow img {
	
	margin: 10px;

	
	
	}
.slideshowins{
	top:10px;
	opacity:1 !important;
	z-index:1000 ;
	position:relative ;
	left:5%;
	height:auto;
	width:60%;
	}
	.marco { width: 140%; }
.slideshowq{
	z-index:1000 ;
	position:relative ;
	height:100%;
	overflow:hidden;
	float: left;
	
	
	
	}
.slideshowq img { max-height:200px; width:100% !important; height:100% !important;}
.area{
	opacity:1 !important;
	display:block ;
	z-index:1000 !important;
	position:relative !important; 
	top:60px !important ;
	left:0px;
	height:auto;
	width:99.4%;
	border:solid;
	padding: 20px;
border-color:rgba(255, 255, 255, 0.5);
border-radius: 14px;
background-color:rgba(229,183,229,0.5) ;
		}
.listau{position:relative;
	list-style-type:square;   !important;
	top:5px;
	float:left;
	left:-30px;
	width:100%;
	
	}		
.listau li { float:left; margin: 10px;}
.area a {
	font-weight: bold;
    text-decoration: none;
    padding: 0px 5px 6px 10px;
    -webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	font-family:Arial-BoldMT;
    color:#C0C;
    font-size:18px;
	
	
	}
.area a:hover {
	
	color:#FFF;
	
	}

.citas{
	display:block ;
	z-index:900 ;
	position:absolute ;
	top:50px !important;
	left:50px;
	height:750px;
	width:600px;
	color:#f39;
		}	
.privacidad {
	float:left;
	position:relative;
	display:block ;
	width:97.7%;
	height:120px;
	z-index:200;
	background-color: #151515;
	padding:0px 0pc 20px 30px;
	top:10px;
	
		}
.privacidad p {
	font-size:12px;
	color: #fff7e4;
	}


.divintro{
	position:absolute;
	top:0;
	width:98%;
	height:100%;
	z-index:220;
	}
.titulo{
	font:brush-script-std;
	position:relative;
	top:540px; 
	left:42%;	
		
		}
.titulo p{
	color:#C0F;
	font-size: 42px;
	
	
	}
.mapalink  {
	
	color:#373A36;
	font-size:20px;
	}
		
c	
.menu-servicios	 {
	left:-70px;
	display:block;
	position:relative;
width: 100%;
height: 125px;
color: #00F;
opacity:.8;
background-color:transparent;
}

.menu-servicios ul{
list-style:none !important;
margin: auto;
height: 100%;
width: 100%;	
	}

.menu-servicios li a {
	
	width:15%;
	margin:2px;
	
border-radius: 6px;
	font-weight: bold;
    text-decoration: none;
    padding: 5px 0px 6px 5px;
    -webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	font-family:Arial-BoldMT;
color:#C0C;
font-size:13px;
float: left;
text-align:left;
}



.menu-servicios li a:hover, .menu li a:focus {
background: rgba(255, 255, 255, 0.15);
	color: #fff;
}

.menu-servicios ul li ul span {

margin: -20px 50px;
width: 20px;
height: 10px;
position: absolute;
}

.menu-servicios ul li ul {
display: none; 
background:#f00 ;
padding: 10px 0;
position: absolute;
margin: -12px -20px;
.margin: 69px -170px;
_margin: 69px -170px;
}

.menu-servicios ul li:hover ul {
display: block;
color: #09F  ;
}

.menu-servicios ul li ul li {
display: block;
float: none;
position: relative;
color: #f01;
padding: 0 20px;
line-height: 30px;
}

.menu-servicios ul li ul li a{
color: #444;
}

.menu-servicios ul li ul li a:hover {
color:  #09F;
background-color:#0F3
}
.ubicacion{
	border-radius: 0 0 14px 0 ;
	display:block;
	position:relative;
	top:-15px;
	float:left;
	background-color:#F6F;
	width:20%;
	height:250px;
	color:#FFF;
	z-index:250;}
.text_inicio{
	
	top:-20px;
	display:block;
	position:relative;
	float:left;
width:95%;
padding: 5px;
	
	z-index:250;}
	

.textobarra{
	position:relative;
	display: block;
	top:-10px;
	color:#FFF;
	
	
	}
	
	
.triangulo1{
	position:relative;
	display:block;
margin:0 auto;
width:0px;
height:0px;
border-color:transparent blue  transparent transparent ;
border-style:solid;
border-width:10px;
text-align:center;
left:43%;
	}
.triangulo1 a{
	position:relative;
	top:-15px;
	left:0px;}	

.der{position:relative; float:left;width:80%; height:auto;top:0px; margin: 40px;}
.izq{position:relative; float:left; width:80%; height:100%;top:-15px;left: 30% }	
@keyframes "page" {
 0% {
    left: 0;
 }
 50% {
    left: 10px;
 }
 100% {
    left: 0;
 }

}

@-moz-keyframes page {
 0% {
   left: 0;
 }
 50% {
   left: 10px;
 }
 100% {
   left: 0;
 }

}

@-webkit-keyframes "page" {
 0% {
   left: 0;
 }
 50% {
   left: 10px;
 }
 100% {
   left: 0;
 }

}

@-ms-keyframes "page" {
 0% {
   left: 0;
 }
 50% {
   left: 10px;
 }
 100% {
   left: 0;
 }

}

@-o-keyframes "page" {
 0% {
   left: 0;
 }
 50% {
   left: 10px;
 }
 100% {
   left: 0;
 }

}

.marquee {
	display: none;
	position: absolute;  height:16%; z-index: 17;  top: -24px; color:#FFF;
  overflow: hidden;
  text-align:center;
 
  padding:2px 0 2px 0px;
  background:#F6F; 
  float:left;
  left: 0;
  top:0px;
}
.secciones{ 
position:relative;
float: left;
top:10px;
left: 5%;
display: none;

}


/* CSS tabs */
.etabs{
	position: relative;
	top:0px;
list-style:none !important;
margin: auto;
height: 30px;
width:100%;

	}
.relleno{
	width:38% !important; padding:0px !important;}
.tabs {
    position: relative;

	top:130px;
	margin: 0px auto auto 0;
	width: 100%;
	height: 800px;
}


.elabel {

	background: #fb83fa;
	background: -moz-linear-gradient(top, #fb83fa 1%, #e93cec 98%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fb83fa), color-stop(98%,#e93cec));
	background: -webkit-linear-gradient(top, #fb83fa 1%,#e93cec 98%);
	background: -o-linear-gradient(top, #fb83fa 1%,#e93cec 98%);
	background: -ms-linear-gradient(top, #fb83fa 1%,#e93cec 98%);
	background: linear-gradient(to bottom, #fb83fa 1%,#e93cec 98%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb83fa', endColorstr='#e93cec',GradientType=0 );
	font-size: 16px;
	line-height: 40px;
	background: transparent;
	position: relative;
	padding: 0 20px;
    float: left;
	display: block;
	
	color: #fb83fa;
	letter-spacing: 1px;
	
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
  /*  border-radius: 5px 5px 0 0;
 /*   box-shadow: 2px 0 2px rgba(0,0,0,0.1), -2px 0 2px rgba(0,0,0,0.1);*/
}
.elabel img {
border-radius: 20px ;
}
.etabs li a:hover  {
	color: #FFffFF;
	background: #FF60FF;
}

.marco{
	 border-radius: 0px 0px 0 0;
	 }
.tabs li a:after {
    content: '';
	background: #FCF;
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 2px;
	display: block;
}

.tabs li a:hover  {

	background: #FF60FF;
}

.tabs label:first-of-type {
    z-index: 4;
    box-shadow: 2px 0 2px rgba(0,0,0,0.1);
}

.tab-label-2 {
    z-index: 3;
}

.tab-label-3 {
    z-index: 2;
}

.tab-label-4 {
    z-index: 1;
}


.activo  {
    background: #FCF;
	z-index: 6;
    -webkit-animation: page 0.6s linear;
    -moz-animation: page 0.6s linear;
    -ms-animation: page 0.6s linear;
    -o-animation: page 0.6s linear;
    animation: page 0.6s linear;
}

.barrainf{
	border-radius:  0   0  5px 5px ;
	display:block;
	position: fixed;
	top:95%;
	left:0;
	background-color:#151515;
	width:100%;
	height:5%;
	z-index:999;
	text-align:center;
	text-height:auto;}
	.cooki{
	
	display:none;
	position: fixed;
	top:50%;
	left:20%;
	background-color:#373A36;
	width:60%;
	height:20%;
	z-index:999;
	padding: 20px ;
	text-align:left;
	text-height:auto;}
	.cerrar{
		display:block;
		top:-10px;
	position: relative;
	float: right;
	background: red;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;

	}

.redesoc {
	display:block;
	width: 70px;
	position: relative;
	float: right;
	top:0px;
	z-index: 501;
	overflow: hidden;
}
.redescon{display: block;
float: left;
width:100%;
height: 100%;
}

.rsbotona{
	float: left;
	top:50px;
	display: block;
	width: 40px;
	height: 40px;
	background-color:#FFF;
	
}
.rsbotonc{
	float: left;
	top:50px;
	display: none;
	width: 40px;
	height: 40px;
	background-color:#FFF;
	
}

.principal{
	background-color: #fff7e4	;	
	opacity:1 !important;
	z-index:1000 !important ;
	position:relative !important ;
	width:100% !important ;;
	float:left;
	left:-10px !important;
	margin: 10px;
	padding: 5px !important;
	overflow: hidden;
}
.cirugias{
	position:relative !important ;
	width: 10%;
	height: 20%;
	display: block;
	
opacity:1 !important;
float: right;
margin: 5px;
z-index:9995 !important ;


}
.cirugias a {color:#F40 !important ;
font-size: 2.5em !important ;}

.cirugias a:hover {color:#151515 !important ;
}


.gine{
position:relative !important ;
	width: 30%;
	height: 20%;
	display: block;
	background-color: #fff7e4;
opacity:1 !important;
float: left;
margin: 5px;
z-index:999 !important ;

}
.gine a {color:#000 !important ;
font-size: 2.2em !important ;}
.gine a:hover {color:#151515 !important ;
}

.otras{
	position:relative !important ;
	width: 92%;
	height: 20%;
	display: block;
	background-color: #FFF;

opacity:.7 !important;
float: left;
margin: 5px;
z-index:999 !important ;
top:-330px !important ;
text-align: center;
}
.otras a {
color:#000 !important ;
font-size: 2.2em !important ;

}

.otras a:hover {color:#F39 !important ;
}
.interior{position:relative !important ;
	width: 94%  ;
	
	display: block;
	background-color: #FFe;
	top:20px !important ;
	padding: 5px;
opacity:1 !important;

margin: 5px;


overflow: hidden;}

.ultra{
	border-radius: 0 0 0 5px ;
	position:relative !important;
	width:100%;
	
	display: block;
	

opacity:.7 !important;

z-index:998 !important ;
top:-20px !important ;
text-align: left;
overflow: hidden;
padding: 7px !important;
margin: 5px;
}

.ultraizq ,.ultrader{
position:relative !important;
width:48%;
height:auto;
display:block;
float: left;
background-color: #FFF;
padding: 4px !important;
opacity:1 !important;
margin: 5px;
color:#050505;
}
.ultrader{
width:40%;
}


.ultra a {

color:#F00 !important ;
font-size: 1.5em !important ;

z-index:999 !important ;

}

.ultra a:hover {color:#0FF !important ;
}