@font-face{
	font-family: Crushed;
    src: url(../fonts/Crushed-Regular.ttf),
         url(../fonts/Crushed-Regular.woff),
	     url(../fonts/Crushed-Regular.ttf);
    font-weight: normal; font-display: swap;}
*{	margin: 0;	padding: 0;}
body{	font-family: Verdana, Geneva, sans-serif; font-size: 0.9em; line-height: 2em;}
img a, a, a img{	text-decoration: none;}
.neg{	font-weight: bold;}
.noneg{	font-weight: normal;}
.noneg strong{	font-weight: normal;}
address{	font-style: normal;}	
.borra{	clear: both;}
p{	margin: 10px 0 0 0;}
.nar{	color: #f69203; font-weight: bold;}
#cabecera{	clear: both;}
#idioma{	width: 50px; float: right;}
#idioma a{	font-family: 'Crushed', cursive; display: block; padding: 3px 0; border-radius: 5px;
	text-align: center; color: #fff; background: #f69203;}
#idioma a:hover{	color: #f69203; background: #fff;}
#logo{	font-family: 'Crushed', cursive;	color: #f69203;}
#menu{	font-family: 'Crushed', cursive;	text-align: center; line-height: 20px;}
#menu ul li{	list-style-type: none;}
#menu ul li a{	color: #f69203;	display: block;}
#imagen img{	border-top: 5px solid #f69203; width: 100%; height: auto;}
#intro{	margin: 0 0 50px 0; padding: 0 0 40px 0; border-bottom: 1px solid #f69203;}
#intro ul{	margin: 20px 0 0 20px;}
.color{	color: #964d05;}
#faldon{	background: #f69203;}
#infal{	padding: 30px;}
h1{	font-family: 'Crushed', cursive; color: #964d05; font-size: 30px; margin: 60px 0 15px 0;}
h2{	font-family: 'Crushed', cursive; color: #f69203; font-size: 30px; margin: 50px 0 0 0;}
h3{	font-family: 'Crushed', cursive; color: #555; font-size: 15px; margin:  0 0 0;}
.subh1{	font-size: 15px; display: block;}
.fase{	margin: 30px 0 0 0;}
.fased img{	-webkit-border-top-right-radius: 100px;
	-webkit-border-bottom-left-radius: 100px;
	-moz-border-radius-topright: 100px;
	-moz-border-radius-bottomleft: 100px;
	border-top-right-radius: 100px;
	border-bottom-left-radius: 100px;
	border: 1px solid #c5c7d3;}
#curri{	background: #efefef; margin: 30px 0; padding: 20px;
	-webkit-border-top-left-radius: 120px;
	-webkit-border-bottom-right-radius: 120px;
	-moz-border-radius-toprleft: 120px;
	-moz-border-radius-bottomright: 120px;
	border-top-left-radius: 120px;
	border-bottom-right-radius: 120px;
	line-height: 1.7em;}
#currii img{	-webkit-border-top-left-radius: 100px;
	-webkit-border-bottom-right-radius: 100px;
	-moz-border-radius-toprleft: 100px;
	-moz-border-radius-bottomright: 100px;
	border-top-left-radius: 100px;
	border-bottom-right-radius: 100px;}
#curri h2{	margin: 0;}
#faldon h2{	color: #000; font-size: 20px; margin: 0;}
#faldon h4{	font-weight: normal; text-transform: uppercase; font-size: 11px; margin: 0 0 20px 0;}
#tel{	font-size: 35px; font-family: 'Crushed', cursive; margin: 0 0 10px 0;}
#faldon a{	color: #fff;}
#pie{	font-size: 11px;}
#pie a{	color: #000; display: inline-block; padding: 5px 10px 5px 0;}
#figuras{	margin: 20px 0 0 0; text-align: center;}
#figuras img{	width: 100%; height: auto;}
#figurasi{	width: 45%; float: left;}
#figurasd{	width: 48%; float: right;}
#figurasi, #figurasd{	font-size: 0.8em; line-height: 1.4em;}
#figuras h3{	font-size: 17px; color: #964d05; margin: 5px 0 0 0;}
.frase{	color: #f3781e;}
.linea{	border-top: 1px solid #f69203; padding: 20px 0 0 0; margin: 20px 0 0 0;}
#mapafoto a{	color: #000;}
#nueva{	width: 180px; border-radius: 100px; height: 170px; color:#fff; background: #f69203; text-align: center; font-size: 1.2em;
	padding: 30px 10px 0 10px; }
.nueva{	display: block; font-family: 'Crushed', cursive; font-size: 1.3em;}
.seguimiento{	border: 1px solid #f69203; margin: 50px 0; color: #f3781e; padding: 20px;}
.t-seguimiento{	font-weight: bold;}
.diplomas{	padding-bottom: 60px;}
.tooltip {    position: relative; display: inline-block; width: 120px; height: 78px; padding: 6px; }
.vert{	width: 65px;}
.tooltip .tooltiptext {visibility: hidden; position: absolute; z-index: 50; background-color: #fff; padding: 20px; border: 1px solid #ddd;}
.tooltip .tooltiptext {    width: 600px; top: 100%; left: 50%; margin-left: -300px;}
.vert .tooltiptext{	width: 400px;}
.tooltip:hover .tooltiptext {    visibility: visible; }
.tooltip img{	display: block;}
.camara, .ct{	display: inline-block; }
.pago{ display: block; margin-bottom: 60px;}
.mtop{margin-top: 60px;}
.atencion{color: #fff; font-size: 0.9em;}
#tel{line-height: 50px;}
.con-cita{position: relative;}
.boton-cita a{background: #f69203; color: #fff; display: block; padding: 3px 0; text-align: center; border: 5px solid #fff; 
width: 150px; border-radius: 5px; font-size: 15px; font-weight: bold;}
.boton-cabecera{position: absolute; right: 30px; top: 130px; z-index: 100; box-shadow: 5px 5px 15px #555;}
footer .boton-cita a{ margin: 0 0 20px 0; background: #fff; color: #f69203 !important;}
footer a:hover{opacity: 0.8;}
.mapa{padding: 150px 0; background: url( "../imagenes/mapa.jpg") no-repeat left top; background-size: cover; }
.mapa a{width: 290px; text-transform: uppercase; font-size: 0.8em; padding: 10px; display: block; text-align: center; margin-left: 10px;
color: #fff; background: #f69203; border: 1px solid #f69203;}
.mapa a:hover{color: #f69203; background: #fff;}
	
@media only screen 
and (max-width : 580px){
body{font-size: 1em; line-height: 2.2em;}
p{margin-top: 20px;}
.container {	width: 100%; margin: 0 auto; }
.todo {	margin: 0 20px;}
.nar{	display: block;}
#logo{	width: 100%; margin: 40px 0 0 0; font-size: 40px; text-align: center;}
.color{	display: block; margin: 0 0 5px 0;}
#menu{	font-size: 22px; line-height: 30px; width: 100%;}
#menu ul{	margin: 20px 0;}
#menu ul li{	width: 100%;}
#menu ul li a{	padding: 13px 0;}
#menu ul li a:hover, #menu nav ul .v a,
#menu ul .menor a:hover, #menu ul .menorv{	color: #999;}
#imagen-t, #slider1, #imagen-p{	display: none;}
.frase{	text-align: center;}
.fased{	text-align: center;}
.fased img, .fased2 img{	width: 100%; height: auto; max-width: 300px; margin: 20px auto 0 auto; text-align: center;}
#currii img{	width: 100%; height: auto;}
#currid{	margin: 20px 0 0 0;}
#mapagoogle iframe{	width: 100%;}
#mapafoto{ display: none;}
#mapafoto a{	padding: 5px 0; display: block; margin: 0 0 20px 0;}
#mapafoto img{	width: 100%; height: auto;}
h4{	width: 260px; line-height: 1.5em;}
#datos{	line-height: 25px;}
#datos a{	padding: 10px 0;}
#pie{	margin: 20px 0 0 0;}
.g-menu{display: none;}
#nueva{	width: 180px; border-radius: 100px; height: 170px; color:#fff; background: #f69203; text-align: center; font-size: 1.0em;
	padding: 30px 10px 0 10px; line-height: 1.6em; z-index: 1; margin: -200px 0 0 40%; position: absolute;}
#mapa{	z-index: 2; }
#pie {	font-size: 13px;}
.pago {width: 110px; height: auto;}
.camara, .camara img, .tooltip{width: 200px; height: auto;}
.vert, .vert img{width: 107px;}
.tooltip .tooltiptext {    display: none !important;}
footer {position: relative;}
footer #pie .what{padding: 5px; position: absolute; right: -20px; top: 0;}
#faldon h2{margin-top: 20px;}
.boton-cabecera{top: 370px; margin: 0 auto; right: auto; left: calc(50% - 75px); box-shadow: 0px 0px 0px 2px #eee; border-radius: 5px;}
#menu{padding-bottom: 100px;}
	.mapa{padding: 100px 0 300px 0;}
	#nueva{margin: 50px 0 0 calc(50% - 100px); }
.mapa a{width: 220px; font-size: 0.9em;}
h3 { font-size: 17px;}}
	

@media only screen 
and (min-width : 581px)
and (max-width : 729px) {
.container {	width: 100%; margin: 0 auto;}
.todo {	margin: 0 30px;}
.nar{	display: block;}
#logo{	width: 100%; margin: 40px 0 0 0; font-size: 40px;}
#menu{	font-size: 16px; width: 100%;}
#menu ul{	margin: 20px 0 0 0;}
#menu ul li{	float: left; width: 27%;}
#menu ul .menor{	width: 18%;}
#menu ul li a{	padding: 23px 0 15px 0;}
#menu ul li a:hover, #menu nav ul .v a,
#menu ul .menor a:hover, #menu ul .menorv{	color: #999;}
#imagen-m, #imagen-p, #slider1{	display: none;}
.fasei{	width: 60%; float: left;}
.fasei h2{	margin: 0 0 5px 0;}
.fased, .fased2{	float: right; width: 36%;}
.fased img, #currii img, .fased2 img{	width: 100%; height: auto;}
.faseii{	width: 100%; max-width: 400px; margin: 0 auto;}
.fasedd{	width: 100%;}
.fased2 .frase{	text-align: center; margin: 40px 0 0 0;}
#currid{	width: 60%; float: right;}
#currii{	float: left; width: 36%;}
#destacado{	margin: 30px 0 0 0; font-size: 16px; text-align: center;}
h4{	width: 260px; line-height: 1.5em;}
#mapafoto{	display: none;}
#mapagoogle iframe{	width: 100%; height: 400px;}
#datos{	line-height: 25px;}
#pie{	margin: 20px 0 0 0;}
#nueva{	z-index: 1; margin: -140px 0 0 58%; position: absolute;}
#mapa{	z-index: 2; }
.camara, .camara img, .tooltip{width: 200px; height: auto;}
.vert, .vert img{width: 107px;}
.tooltip .tooltiptext {    display: none !important;}
	footer {position: relative;}
footer #pie .what{padding: 5px; position: absolute; right: 0; top: 0;}
#faldon h2{margin-top: 20px;}
.boton-cabecera{top: 190px;}
.mapa a{width: 220px; font-size: 0.9em;}
h3 { font-size: 17px;}}
	
@media only screen 
and (min-width : 730px)
and (max-width : 999px) {
.container {	width: 100%; margin: 0 auto;}
.todo {	margin: 0 30px;}
.nar{	display: block;}
#logo{	width: 100%; margin: 40px 0 0 0; font-size: 40px;}
#menu{	font-size: 17px; width: 100%;}
#menu ul{	margin: 20px 0 0 0;}
#menu ul li{	float: left; width: 27%;}
#menu ul .menor{	width: 18%;}
#menu ul li a{	padding: 23px 0 15px 0;}
#menu ul li a:hover, #menu nav ul .v a, #menu ul .menor a:hover, #menu ul .menorv{	color: #999;}
#imagen-m, #imagen-p, #slider1{	display: none;}
.fasei{	width: 60%; float: left;}
.fasei h2{	margin: 0 0 5px 0;}
.fased, .fased2{	float: right; width: 36%;}
.fased img, #currii img, .fased2 img{
	width: 100%; height: auto;}
.faseii{	width: 100%; max-width: 400px; margin: 0 auto;}
.fasedd{	width: 100%;}
.fased2 .frase{	text-align: center; margin: 40px 0 0 0;}
#currid{	width: 60%; float: right;}
#currii{	float: left;	width: 36%;}
#destacado{	margin: 30px 0 0 0; font-size: 16px; text-align: center;}
h4{	width: 260px; line-height: 1.5em;}
#mapafoto{	display: none;}
#mapagoogle iframe{	width: 100%; height: 400px;}
#datos{	line-height: 25px;}
#pie{	margin: 20px 0 0 0;}
.g-menu{display: none;}
#nueva{	z-index: 1; margin: -240px 0 0 63%; position: absolute;}
#mapa{	z-index: 2; }
.diplomas{	width: 500px; margin: 0 auto;}
.tooltip .tooltiptext {    width: 500px; margin-left: -250px; padding: 10px;}
.tooltip .tooltiptext img{width: 100%; height: auto;}
footer {position: relative;}
footer #pie .what{padding: 5px; position: absolute; right: 0; top: 0;}
#faldon h2{margin-top: 20px;}
.boton-cabecera{top: 170px;}
.mapa a{width: 220px; font-size: 0.9em;}
h3 { font-size: 17px;}}
	
@media only screen 
and (min-width : 1000px){ 
.container {	width: 1000px; margin: 0 auto;}
.todo {	margin: 0 50px;}
#logo{	width: 30%; float: left; margin: 20px 0 0 0; font-size: 30px;}
#menu{	font-size: 18px; width: 65%; float: right;}
#menu ul li{	float: left; width: 27%;}
#menu ul .menor{	width: 18%;}
#menu ul li a{	padding: 23px 0 15px 0;}
#menu ul li a:hover, #menu nav ul .v a,
#menu ul .menor a:hover, #menu ul .menorv{	color: #999;}
#imagen-m, #imagen-t{	display: none;}
.fase{	margin: 50px 0 0 0;}
.fasei{	width: 550px; float: left;}
.fased, .fased2{	float: right; width: 300px;}
.faseii{	width: 43%; float: left;}
.fasedd{	width: 50%; float: right;}
h2{	margin: 0;}
#curri{	margin: 50px 0;}
#currid{	width: 510px; float: right;}
#currii{	float: left; width: 300px;}
#mapafoto{	display: none;}
h4{	width: 260px; line-height: 1.5em;}
#destacado{	margin: 30px 0 0 0; font-size: 16px; text-align: center;}
#datos{	width: 50%; float: left; line-height: 25px;}
#pie{	width: 40%; float: right; text-align: right;}
#nueva{	z-index: 1; margin: -240px 0 0 600px; position: absolute;}
#mapa{	z-index: 2; }
.pago{ margin-bottom: 30px; float: right;}
.avis{clear: both;}
footer #pie .what{display: block; padding: 5px 0 0 0; float: right; clear: both;}
}

@media only screen 
	and (min-width : 1400px){ 
body{font-size: 1.1em;}
.container {	width: 1400px; margin: 0 auto;}
.todo {	margin: 0 50px;}
#logo{	width: 30%; font-size: 36px; margin-top: 15px;}
#menu{	font-size: 22px; letter-spacing: 0.2px;}
#intro {	padding: 0 0 80px 0;}
h1{ font-size: 38px;}
.subh1 {	font-size: 18px;}
.fasei {    width: 700px; }
.fase {    margin: 80px 0 0 0;}
.fased, .fased2 {    width: 400px;}
.fased img, .fased2 img{width: 100%; height: auto;}
.faseii, .fasedd{padding-top: 80px;}
h3, #figuras h3 {	font-size: 20px;}
#figurasi {	width: 40%;}
#figurasd {	width: 40%;}
#faldon h2 {    font-size: 28px;}
#faldon h4{font-size: 13px; width: 320px; line-height: 23px;}
#tel {	font-size: 40px; line-height: 50px; padding-bottom: 10px;}
#pie{ font-size: 13px;}
.pago {    margin-bottom: 30px;}
#curri {    margin: 60px 0 30px 0; padding: 50px;}
#currii {   width: 400px;}
#curri img{ width: 100%; height: auto;}
#currid {    width: 700px; }
iframe{width: 100%;}
#nueva {    width: 220px; border-radius: 120px; height: 200px; font-size: 1.1em; margin: -140px 0 0 900px;}
#infal {    padding: 60px 40px 30px 40px;}
.tooltip {    width: 140px; height: 85px;}
.vert{width: 85px;}
footer .boton-cita{ margin: 0 0 20px 0;}
}