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

body{
	background-color: #fff;
	margin:0;
}
video{
	position:fixed;
	min-width:100%;
	min-height:100%;
	top:50%;
	left:50%;
	transform: translatex(-50%) translateY(-50%);
	z-index:-1;
	
	}

p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	}
p1{
	font-family: Candara;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	}
p2{
	font-family: Candara;
	font-size: 18px;
	color: #fff;
	text-align: justify;
	text-shadow: 0.2em 0.2em 0.2em black;
	}
	
p2a{
	font-family: Candara;
	font-size: 18px;
	color: #fff;
	text-align: justify;
	text-shadow: 0.2em 0.2em 0.2em black;
	animation-duration: 4s;
    animation-name: slidein;
	}
@keyframes slidein {
  from {
    margin-right: 100%;
    width: 300%;
  }
  to {
    margin-right: 0%;
    width: 100%;
  }
}


p2b{
	font-family: Candara;
	font-size: 18px;
	color: #fff;
	text-align: justify;
	text-shadow: 0.2em 0.2em 0.2em black;
	animation-duration: 4s;
    animation-name: slidein;
	}
@keyframes slidein {
  from {
    margin-left: 100%;
    width: 300%;
  }
  to {
    margin-left: 0%;
    width: 100%;
  }
}


p3{
	font-family: Candara;
	font-size: 18px;
	color: #ff0;
	text-align: justify;
	text-shadow: 0.2em 0.2em 0.2em black;
	}
p4{
	font-family: Candara;
	font-size: 18px;
	color: #33;
	text-align: justify;
	
	}
p5{
	font-family: Candara;
	font-size: 22px;
	color: #333;
	font-weight: bold;
	text-align: justify;	
	}
p6{
	font-family: Candara;
	font-size: 40px;
	color: #fff;
	font-weight: bold;
	text-align: justify;
	text-shadow: 0.2em 0.2em 0.2em black;	
	}
p6-1{
	font-family: Candara;
	font-size: 40px;
	color: #fff;
	font-weight: bold;
	text-align: justify;
		
	}
p6-2{
	font-family: Candara;
	font-size: 40px;
	color: #fff;
	font-weight: bold;
	text-align: justify;
		
	}
p7{
	font-family: Candara;
	font-size: 30px;
	color: #fff;
	font-weight: bold;
	text-align: justify;	
	}
p7-1{
	font-family: Candara;
	font-size: 30px;
	color: #F90;
	font-weight: bold;
	text-align: justify;
	}
p8{
	font-family: Candara;
	font-size: 35px;
	color: #fff;
	font-weight: bold;
	text-align: justify;	
	}
p9{
	font-family: Candara;
	font-size: 18px;
	color: #fff;
	text-align: justify;
	
	}
p10{
	font-family: Candara;
	font-size: 20px;
	color: #FFF;
	
	}
p11{
	font-family: Candara;
	font-size: 22px;
	color: #F90;
	
}
p12{
	font-family: Candara;
	font-size: 15px;
	color: #FFF;
	}
p13{
	font-family: Candara;
	font-size: 20px;
	color: #F90;
	font-weight: bold;	
}
p14{
font-family: Candara;
	font-size: 40px;
	color: #FFF;
	margin: 6px;
	
	text-decoration: underline;
}
h{
	font-family: Candara;
	font-size: 50px;
	color: #FFF;
	margin: 6px;
	text-shadow: 0.2em 0.2em 0.2em black;
	text-decoration: underline;
}
ha{
	font-family: Candara;
	font-size: 50px;
	color: #FFF;
	margin: 6px;
	text-shadow: 0.2em 0.2em 0.2em black;
	text-decoration: underline;
	animation-duration: 4s;
    animation-name: animTexto;
}
@keyframes animTexto {
  from {
    margin-left: 100%;
    width: 100%;
  }
  to {
    margin-left: 0%;
    width: 100%;
  }
}


hb{
	font-family: Candara;
	font-size: 50px;
	color: #FFF;
	margin: 6px;
	text-shadow: 0.2em 0.2em 0.2em black;
	text-decoration: underline;
	animation-duration: 4s;
    animation-name: animTexto;
}
@keyframes animTexto {
  from {
    margin-right: 100%;
    width: 100%;
  }
  to {
    margin-left: 0%;
    width: 100%;
  }
}



h1{
	font-family: Candara;
	font-size: 50px;
	color: #FF0;
	margin: 6px;
	font-weight: bold;
	text-shadow: 0.2em 0.2em 0.2em black;
	text-decoration: underline;
}
h2{
	font-family: Candara;
	font-size: 50px;
	color: #333;
	margin: 6px;
	font-weight: bold;
	text-decoration: underline;
	}
h3{
	font-family: Candara;
	font-size: 70px;
	color: #0080FF;
	margin: 6px;
	font-weight: bold;
	text-shadow: 0.2em 0.2em 0.2em black;
	
	}
h4{
	font-family: Candara;
	font-size: 24px;
	font-weight: bold;
	color: #FFF;
	}
h5{
	font-family: Candara;
	font-size: 18px;
	font-weight: normal;
	color: #FFF;
	text-align: justify;	
	}
h6{
	font-family: Candara;
	font-size: 50px;
	color: #fff;
	margin: 6px;
	font-weight: bold;
	text-decoration: underline;
	}
h7{
	font-family: Candara;
	font-size: 50px;
	color: #003399;
	margin: 6px;
	text-shadow: 0.2em 0.2em 0.2em black;
	text-decoration: underline;
}

/*-- maquetacion --*/
#contenedor{
	width: 100%;
	padding: 0px;
	margin:0 auto;
	}
.flotante {
	display: scroll;
	position: fixed;
	bottom: 10px;
	right: 20px;
	text-shadow: 0.1em 0.1em 0.2em black;
	z-index: 999;
}
.flotante1 {
	display: scroll;
	position: fixed;
	bottom: 0px;
	animation-name:bch1;
	z-index: 99;
	animation: bch1 5s;
  animation-fill-mode: forwards;
}

@keyframes bch1{
	from {left:-300px;}
  to {left: 10px;}
	}
#cabecera{
	background-image: linear-gradient(to bottom, rgba(0,51,102,0.5), rgba(0,51,102,0));
	height: auto;
	width: 100%;
	float: left;
	}
#logo{
	float: left;
	margin-top: 2%;
	margin-right: 40%;
	margin-bottom: 2%;
	margin-left: 25%;
	width: auto;
	}
#logoc{
	float: right;
	margin-top: -15%;
	margin-right: 40%;
	margin-bottom: 2%;
	margin-right: 30%;
	width: auto;
	}
#menu1{
	margin-top: 45px;
	margin-right: 5%;
	margin-left: 20%;
	width: 950px;
	}
#introduccion{
	margin-top: 50px;
	margin-bottom: 50px;
	padding-top: 20px;
	padding-right: 20%;
	padding-bottom: 20px;
	padding-left: 20%;	
	}
.intro{
	
	padding-top: 50px;
	padding-right: 30px;
	padding-bottom: 50px;
	padding-left: 30px;
	background-color: rgba(255,255,255,0.1);
	}

#text-intro{
	text-align: justify;
	margin-top: 15px;
	margin-bottom: 20px;	
	}
#videos-cadvrish{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-videos-cad.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	}
.video-vrish{
	margin: 15px;
	height: auto;
	width: 45%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 30px;
	
	}

.video-vrish1 {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 450px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.video-vrish1 iframe,
.video-vrish1 object,
.video-vrish1 embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}	
	
.video-vrish2{
	margin: 15px;
	height: auto;
	width: 45%;
	float: right;
	background-color: rgba(102,102,102,0.5);
	padding: 30px;
	
	}



/* --- Pie pagina ---*/
footer{
	height: 50px;
	width: auto;
	border-bottom-width: 0px;
	margin-top: 200px;
	}
#piepagina{
	height: 50px;
	width:100%;
	background-color: #003366;
	margin-top: 0px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FC0;
	}
.dere{
	float: left;
	width: 450px;
	margin-top: 20px;
	margin-left: 450px;	
	}
.dere1{
	float: left;
	width: 450px;
	margin-top: 10px;
	margin-left: 550px;	
	background-color: rgba(255,255,255,0.5);
	border-radius: 2em;
	}
.contador{
	float: right;
	width: 120px;
	height: auto;
	margin-top: 60px;
	margin-right: 70px;
	}
	
	
	
	
/*--- inst ---*/
#cabecera1{
	
	position: fixed;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
#menu2{
	margin-top: 10px;
	margin-right: 10%;
	margin-left: 10%;
	margin-botton: 10px;
	}
#slogan{
	margin-top: 120px;
	margin-left: 50px;
	z-index: 60;
	position: absolute;
	background-color: rgba(0,32,64,0.5);
	border-radius: 2em;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 8px;
	padding-left: 20px;
	}
#ft-prin{
	float: left;	
	}
#ft-prin img{
	height: auto;
	width: 100%;	
	}

#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-cp1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;	
	}

.quienes{
	height: auto;
	width: 45%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 30px;
	margin-top: 80px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}
	#tit{
	margin-top: 20px;
	margin-bottom: 40px;	
	}
#text-q{
	text-align: justify;
	margin-top: 30px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;	
	}
#text-q1{
	text-align: center;
	margin-top: 30px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;	
	}
.video{
	
	height: auto;
	width: 45%;
	float: right;
	background-color: rgba(102,102,102,0.5);
	padding: 30px;
	margin-top:150px;
	margin-right:15px;
	margin-bottom:15px;
	margin-left:15px;
	}

.video-cad {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 450px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
}

.video-cad iframe,
.video-cad object,
.video-cad embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}

#cuerpo2{
	background-color: #666;
	padding-top: 60px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 30px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-cp2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #003399;
	}
.ft-ms{
	float: left;
	width: 45%;	
	}

.text-ms{
	float: right;
	width: 45%;
	padding: 60px;
	margin-top: 100px;
	margin-right: 50px;
	margin-bottom: 50px;
	margin-left: 50px;
	
	}
#tit-ms{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
#ms1{
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 50px;
	margin-left: 20px;
	text-align: justify;
	}
#cuerpo3{
	background-color: #666;
	padding-top: 60px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 10px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFF;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-vs.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #036;
	}
.text-vs{
	float: left;
	width: 45%;
	padding: 30px;
	margin-top: 70px;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 50px;
	}
#tit-vs{
	margin-top: 10px;
	margin-bottom: 50px;	
	}
#vs1{
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 50px;
	margin-left: 20px;
	text-align: justify;
	}
.ft-vs1{
	float: right;
	width: 45%;	
	}
#cuerpo4{
	padding-top: 100px;
	padding-right: 20px;
	padding-bottom: 100px;
	padding-left: 20px;	
	}
.logito{
	padding: 10px;
	float: left;
	width: 30%;	
	}
.ubicacion{
	padding: 10px;
	float: left;
	width: 30%;
	margin-left: 50px;
	margin-top: 50px;
	}
#tit-dir{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-dir{
	margin-top: 20px;
	margin-bottom: 20px;	
	}
.sociales{
	padding: 10px;
	float: left;
	width: 30%;
	margin-left: 50px;
	margin-top: 50px;
	}
#tit-soc{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-soc{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;
	margin-left: 120px;
	float: left;
	}
#text-soc1{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;
	margin-left: 10px;
	float: left;
	}
#text-soc2{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;
	margin-left: 10px;
	float: left;
	}
/*--- autoridades ---*/

#cuerpo-aut1{
	background-image: linear-gradient(to right, #fff , #fff, #0191DA);
		
	}
.f-autf{
	float: left;
	width: 45%;
	margin-left: 20px;
	margin-right:5px;
	}
.f-autf img{
	width:95%;
	height:auto;
	}
.text-autf{
	float: right;
	width: 40%;
	padding: auto;
	margin-left:5px;
	margin-right: 50px;
	}
#nomb-autf{
	margin-top: 50px;
	margin-bottom: 20px;
	}
#datos-autf{
	margin-top: 30px;
	margin-bottom: 20px;
	}
#datos-autf1{
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: left;
	padding-right: 30px;
	padding-left: 30px;
	}
#cuerpo-aut2{
	background-image: linear-gradient(to left, #fff , #fff, #0191DA);
				
	}
.f-autm{
	float: right;
	width: 45%;
	margin-right: 20px;
	margin-top: 200px;
}
.f-autm img{
	width:95%;
	height:auto;
	
	}
.text-autm{
	float: left;
	width: 40%;
	padding: auto;
	margin-left: 50px;
	}
#nomb-autm{
	margin-top: 50px;
	margin-bottom: 20px;
	}
#datos-autm{
	margin-top: 30px;
	margin-bottom: 20px;
	}
#datos-autm1{
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: left;
	padding-right: 30px;
	padding-left: 30px;
	}
	
/*--- modalidades ---*/

#cuerpo-modalidades-sp{
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-modalidades2.jpg);
	background-repeat: repeat;
	background-position: center center;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #036;
	margin-top: 60px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #036;
	}

.modalidades-v{
	height: auto;
	width: 35%;
	height: auto;
	float: left;
	padding: 35px;
	margin-top: 50px;
	margin-right: 5%;
	margin-bottom: 15px;
	margin-left: 10%;
	background-image: url(../imagenes/fd-msp.png);
	background-repeat: repeat;
	background-position: center center;
	}
#ft-sp{
	margin-top: 2px;
	margin-bottom: 2px;	
	}
#ft-sp img{
	width:auto;
	height:auto;
	
	}
#tit-sp{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-sp{
	text-align: justify;
	margin-top: 20px;
	}
.modalidades-v1{
	height: auto;
	width: 35%;
	float: right;
	background-color: rgba(0,35,140,0.3);
	padding: 30px;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 5%;
	background-image: url(../imagenes/fd-mdv.png);
	background-repeat: repeat;
	background-position: center center;
	}
#ft-dv{
	margin-top: 2px;
	margin-bottom: 2px;	
	}
#ft-dv img{
	width:auto;
	height:auto;
	
	}
#tit-dv{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-dv{
	text-align: justify;
	margin-top: 20px;
	}	
	
	
#cuerpo-modalidades{
	margin-top: 100px;
	margin-right: 20px;
	margin-bottom: 100px;
	margin-left: 20px;
	background-color: #fff;
	}
.tit-modal{
	margin-top: 25px;
	margin-bottom: 25px;	
	}
	


#cuerpo-modalidades1{
	
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-horarios.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}
#tit-horarios{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
.horarios{
	height: auto;
	width: 35%;
	float: left;
	background-color: rgba(0,35,140,0.3);
	padding: 30px;
	margin-top: 30px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 5%;
	}
#dias{
	margin-top: 20px;
	margin-bottom: 20px;
	border-bottom-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: rgba(255,255,0,0.5);
	padding-top: 10px;
	padding-bottom: 5px;
	}
	
#dias1{
	margin-top: 20px;
	margin-bottom: 20px;	
	}
	
.horarios1{
	height: auto;
	width: 35%;
	float: right;
	background-color: rgba(0,35,140,0.3);
	padding: 30px;
	margin-top: 30px;
	margin-right: 5%;
	margin-bottom: 15px;
	margin-left: 10%;
	}
	
/*--- requisitos ---*/

#cuerpo-requisitos1{
	margin-top: 100px;
	margin-bottom: 100px;
	background-color: #fff;
	}
.requisito-a{
	padding: 30px;
	float: left;
	width: 40%;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 2%;	
	}
#req{
	background-color: #036;
	text-align: left;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 40px;
	width: 80%;
	border-top-left-radius: 3em;
	border-bottom-right-radius: 3em;
	margin-top: 20px;
	margin-bottom: 10px;
	transition:all .5s ease-in-out;
	}
#req:hover {filter: saturate(280%);}
	
.requisito-b{
	padding: 30px;
	float: right;
	width: 40%;
	margin-top: 20px;
	margin-right: 2%;
	margin-bottom: 20px;
	margin-left: 10px;	
	}
#req0{
	background-color: #036;
	text-align: left;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 40px;
	width: 80%;
	border-top-left-radius: 3em;
	border-bottom-right-radius: 3em;
	margin-top: 20px;
	margin-bottom: 10px;
	transition:all .5s ease-in-out;
	}
#req0:hover {filter: saturate(280%);}

#cuerpo-requisitos2{
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-costos.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}
.tit-costos{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
.costos1{
	height: auto;
	width: 32%;
	float: left;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: 30px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 8%;
	}
#uno{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 5px;
	
	}
#paso0{
	margin-top: 30px;
	margin-left: 10px;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1{
	margin-top: 40px;
	margin-left: -60px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso2{
	margin-top: 20px;
	margin-left: -60px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3{
	margin-top: 20px;
	margin-left: -60px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4{
	margin-top: 30px;
	margin-left: 0px;
	float: left;
	width: 100%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}
	
.costos2{
	height: auto;
	width: 37%;
	float: right;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: 30px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-right: 8%;
	}
#dos{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 5px;
	
	}
#paso02{
	margin-top: 30px;
	margin-left: 80px;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1-2{
	margin-top: 40px;
	margin-left: 0px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso2-2{
	margin-top: 20px;
	margin-left: 0px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3-2{
	margin-top: 20px;
	margin-left: 0px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4-2{
	margin-top: 30px;
	margin-left: 0px;
	float: left;
	width: 100%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}
	
	
.costos3{
	height: auto;
	width: 37%;
	float: left;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: 100px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 30%;
	}
#tres{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 5px;
	
	}
#paso03{
	margin-top: 30px;
	margin-left: 90px;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1-3{
	margin-top: 40px;
	margin-left: 15px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso2-3{
	margin-top: 20px;
	margin-left: 15px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3-3{
	margin-top: 20px;
	margin-left: 15px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4-3{
	margin-top: 30px;
	margin-left: 0px;
	float: left;
	width: 100%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}
	
	
/*--- contactenos ---*/
#portada-ubc{
	background-color: #036;	
	}	
#ft-ubc-cad{
	float: left;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FC0;
	}
#ft-ubc-cad img{
	height: auto;
	width: 100%;	
	}

#cuerpo-ubc1{
	background-color: #fff;
	padding-top: 50px;
	}
.tit-ubc1{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
/*--mapa--*/
.mapa{
	float: left;
	margin-left: 0px;
	margin-bottom:50px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 10px;
	
	
	}
/*--codigo-mapa-google--*/

1mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}

#cuerpo-cont{
	background-color: #fff;
	padding-top: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-form.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	}
	
.tit-cont{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
	
#tex-form{
	float: left;
	margin-left: 250px;
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 5px;
	margin-bottom: 10px;
	margin-top: 0px;	
	}
.t-opinion{
	
	}
#formulario{
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 35%;	
	}
form{
	width: 500px;
	float: left;
	margin-top:50px;
	margin-left: 0%;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 0px;	
	}
input[name="nombre"]{
	width: auto;
	margin-bottom: 15px;
	margin-top: 30px;
	height: 30px;
	}
input[name="empresa"]{
	width: auto;
	margin-bottom: 5px;
	margin-top: 10px;
	height: 30px;
	}
input[name="email"]{
	width: auto;
	margin-bottom: 10px;
	margin-top: 5px;
	height: 30px;
	}

#recaptcha{
	margin-left:100px;
	}
textarea{
	width: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	}

@media (max-width:480px){
	form{
		width:95%;
	}
}

	


@media only screen and (max-width:1450px){
#contenedor{
	width: 100%;
	margon: 0 auto;
	margin-top: 0;
	
	}	
	
.flotante {
	display: scroll;
	position: fixed;
	bottom: 10px;
	right: 20px;
	text-shadow: 0.1em 0.1em 0.2em black;
	z-index: 999;
}
.flotante1 {
	display: scroll;
	position: fixed;
	bottom: 0px;
	animation-name:bch1;
	z-index: 99;
	animation: bch1 5s;
  animation-fill-mode: forwards;
}

@keyframes bch1{
	from {left:-300px;}
  to {left: 10px;}
	}
#cabecera{
	background-image: linear-gradient(to bottom, rgba(0,51,102,0.5), rgba(0,51,102,0));
	height: auto;
	width: 100%;
	float: left;
	}
#logo{
	float: left;
	margin-top: 2%;
	margin-right: 40%;
	margin-bottom: 2%;
	margin-left: 25%;
	width: auto;
	}
#logoc{
	float: right;
	margin-top: -15%;
	margin-right: 40%;
	margin-bottom: 2%;
	margin-right: 30%;
	width: auto;
	}
#menu1{
	margin-top: 45px;
	margin-right: 5%;
	margin-left: 20%;
	width: 950px;
	}
#introduccion{
	margin-top: 50px;
	margin-bottom: 50px;
	padding-top: 20px;
	padding-right: 20%;
	padding-bottom: 20px;
	padding-left: 20%;	
	}
.intro{
	
	padding-top: 50px;
	padding-right: 30px;
	padding-bottom: 50px;
	padding-left: 30px;
	background-color: rgba(255,255,255,0.1);
	}

#text-intro{
	text-align: justify;
	margin-top: 15px;
	margin-bottom: 20px;	
	}
#videos-cadvrish{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-videos-cad.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	}
.video-vrish{
	margin: 15px;
	height: auto;
	width: 45%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 30px;
	
	}

.video-vrish1 {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 450px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.video-vrish1 iframe,
.video-vrish1 object,
.video-vrish1 embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}	
	
.video-vrish2{
	margin: 15px;
	height: auto;
	width: 45%;
	float: right;
	background-color: rgba(102,102,102,0.5);
	padding: 30px;
	
	}
	
/* --- Pie pagina ---*/
footer{
	height: 50px;
	width: auto;
	border-bottom-width: 0px;
	margin-top: 200px;
	}
#piepagina{
	height: 50px;
	width:100%;
	background-color: #003366;
	margin-top: 0px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FC0;
	}
.dere{
	float: left;
	width: 450px;
	margin-top: 20px;
	margin-left: 450px;	
	}
.dere1{
	float: left;
	width: 450px;
	margin-top: 10px;
	margin-left: 550px;	
	}
.contador{
	float: right;
	width: 120px;
	height: auto;
	margin-top: 60px;
	margin-right: 70px;
	}	
	
/*--- inst ---*/
#cabecera1{
	
	position: fixed;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
#menu2{
	margin-top: 10px;
	margin-right: 10%;
	margin-left: 10%;
	margin-botton: 10px;
	}
#slogan{
	margin-top: 120px;
	margin-left: 50px;
	z-index: 60;
	position: absolute;
	background-color: rgba(0,32,64,0.5);
	border-radius: 2em;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 8px;
	padding-left: 20px;
	}
#slogan img{
	height: auto;
	width: 95%;	
	
	}
#ft-prin{
	float: left;	
	}
#ft-prin img{
	height: auto;
	width: 100%;	
	}

#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-cp1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;	
	}

.quienes{
	height: auto;
	width: 45%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 30px;
	margin-top: 80px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}
	#tit{
	margin-top: 20px;
	margin-bottom: 40px;	
	}
#text-q{
	text-align: justify;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;	
	}
.video{
	margin: 15px;
	height: auto;
	width: 45%;
	float: right;
	background-color: rgba(102,102,102,0.5);
	padding: 30px;
	
	}

.video-cad {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 450px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.video-cad iframe,
.video-cad object,
.video-cad embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}

#cuerpo2{
	background-color: #666;
	padding-top: 60px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 30px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-cp2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #003399;
	}
.ft-ms{
	float: left;
	width: 45%;	
	}

.text-ms{
	float: right;
	width: 45%;
	padding: 60px;
	margin-top: 100px;
	margin-right: 50px;
	margin-bottom: 50px;
	margin-left: 50px;
	
	}
#tit-ms{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
#ms1{
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 50px;
	margin-left: 20px;
	text-align: justify;
	}
#cuerpo3{
	background-color: #666;
	padding-top: 60px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 10px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFF;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-vs.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #036;
	}
.text-vs{
	float: left;
	width: 45%;
	padding: 30px;
	margin-top: 70px;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 50px;
	}
#tit-vs{
	margin-top: 10px;
	margin-bottom: 50px;	
	}
#vs1{
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 50px;
	margin-left: 20px;
	text-align: justify;
	}
.ft-vs1{
	float: right;
	width: 45%;	
	}
#cuerpo4{
	padding-top: 100px;
	padding-right: 20px;
	padding-bottom: 100px;
	padding-left: 20px;	
	}
.logito{
	padding: 10px;
	float: left;
	width: 30%;	
	}
.ubicacion{
	padding: 10px;
	float: left;
	width: 30%;
	margin-left: 50px;
	margin-top: 50px;
	}
#tit-dir{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-dir{
	margin-top: 20px;
	margin-bottom: 20px;	
	}
.sociales{
	padding: 10px;
	float: left;
	width: 30%;
	margin-left: 50px;
	margin-top: 50px;
	}
#tit-soc{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-soc{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;

	margin-left: 120px;
	float: left;
	}
#text-soc1{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;
	margin-left: 10px;
	float: left;
	}
#text-soc2{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;
	margin-left: 10px;
	float: left;
	}
	
/*--- autoridades ---*/

#cuerpo-aut1{
	background-image: linear-gradient(to right, #fff , #fff, #0191DA);
		
	}
.f-autf{
	float: left;
	width: 45%;
	margin-left: 20px;
	margin-right:5px;
	}
.f-autf img{
	width:95%;
	height:auto;
	}
.text-autf{
	float: right;
	width: 40%;
	padding: auto;
	margin-left:5px;
	margin-right: 50px;
	}
#nomb-autf{
	margin-top: 50px;
	margin-bottom: 20px;
	}
#datos-autf{
	margin-top: 30px;
	margin-bottom: 20px;
	}
#datos-autf1{
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: left;
	padding-right: 30px;
	padding-left: 30px;
	}
#cuerpo-aut2{
	background-image: linear-gradient(to left, #fff , #fff, #0191DA);
				
	}
.f-autm{
	float: right;
	width: 45%;
	margin-right: 20px;
	margin-top: 200px;
}
.f-autm img{
	width:95%;
	height:auto;
	
	}
.text-autm{
	float: left;
	width: 40%;
	padding: auto;
	margin-left: 50px;
	}
#nomb-autm{
	margin-top: 50px;
	margin-bottom: 20px;
	}
#datos-autm{
	margin-top: 30px;
	margin-bottom: 20px;
	}
#datos-autm1{
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: left;
	padding-right: 30px;
	padding-left: 30px;
	}	
/*--- modalidades ---*/

#cuerpo-modalidades-sp{
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-modalidades2.jpg);
	background-repeat: repeat;
	background-position: center center;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #036;
	margin-top: 60px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #036;
	}

.modalidades-v{
	height: auto;
	width: 35%;
	height: auto;
	float: left;
	padding: 35px;
	margin-top: 50px;
	margin-right: 5%;
	margin-bottom: 15px;
	margin-left: 10%;
	background-image: url(../imagenes/fd-msp.png);
	background-repeat: repeat;
	background-position: center center;
	}
#ft-sp{
	margin-top: 2px;
	margin-bottom: 2px;	
	}
#ft-sp img{
	width:auto;
	height:auto;
	
	}
#tit-sp{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-sp{
	text-align: justify;
	margin-top: 20px;
	}
.modalidades-v1{
	height: auto;
	width: 35%;
	float: right;
	background-color: rgba(0,35,140,0.3);
	padding: 30px;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 5%;
	background-image: url(../imagenes/fd-mdv.png);
	background-repeat: repeat;
	background-position: center center;
	}
#ft-dv{
	margin-top: 2px;
	margin-bottom: 2px;	
	}
#ft-dv img{
	width:auto;
	height:auto;
	
	}
#tit-dv{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-dv{
	text-align: justify;
	margin-top: 20px;
	}	

#cuerpo-modalidades{
	margin-top: 100px;
	margin-right: 20px;
	margin-bottom: 100px;
	margin-left: 20px;
	background-color: #fff;
	}
.tit-modal{
	margin-top: 25px;
	margin-bottom: 25px;	
	}
	


#cuerpo-modalidades1{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-horarios.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}
#tit-horarios{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
.horarios{
	height: auto;
	width: 35%;
	float: left;
	background-color: rgba(0,35,140,0.3);
	padding: 30px;
	margin-top: 30px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 5%;
	}
#dias{
	margin-top: 20px;
	margin-bottom: 20px;	
	}
	
.horarios1{
	height: auto;
	width: 35%;
	float: right;
	background-color: rgba(0,35,140,0.3);
	padding: 30px;
	margin-top: 30px;
	margin-right: 5%;
	margin-bottom: 15px;
	margin-left: 10%;
	}	
		
/*--- requisitos ---*/

#cuerpo-requisitos1{
	margin-top: 100px;
	margin-bottom: 100px;
	background-color: #fff;
	}
.requisito-a{
	padding: 30px;
	float: left;
	width: 40%;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 2%;	
	}
.tit-req1{
	text-align: left;
	padding-left: 60px;
	}
#req{
	background-color: #036;
	text-align: left;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 40px;
	width: 80%;
	border-top-left-radius: 3em;
	border-bottom-right-radius: 3em;
	margin-top: 20px;
	margin-bottom: 10px;
	transition:all .5s ease-in-out;
	}
#req:hover {filter: saturate(280%);}
	
.requisito-b{
	padding: 30px;
	float: right;
	width: 40%;
	margin-top: 20px;
	margin-right: 2%;
	margin-bottom: 20px;
	margin-left: 10px;	
	}
.tit-req2{
	text-align: left;
	padding-left: 60px;
	}
#req0{
	background-color: #036;
	text-align: left;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 40px;
	width: 80%;
	border-top-left-radius: 3em;
	border-bottom-right-radius: 3em;
	margin-top: 20px;
	margin-bottom: 10px;
	transition:all .5s ease-in-out;
	}
#req0:hover {filter: saturate(280%);}

#cuerpo-requisitos2{
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-costos.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}
.tit-costos{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
.costos1{
	height: auto;
	width: 40%;
	float: left;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: 30px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 5%;
	}
#uno{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 5px;
	}
#uno img{
	width:95%;
	height:auto;
	}
#paso0{
	margin-top: 30px;
	margin-left: 10px;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1{
	margin-top: -140px;
	margin-left: 230px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:5px;
	}
#paso2{
	margin-top: -80px;
	margin-left: 230px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3{
	margin-top: -30px;
	margin-left: 230px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4{
	margin-top: 30px;
	margin-left: 0px;
	float: left;
	width: 100%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}
	
.costos2{
	height: auto;
	width: 40%;
	float: right;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: 30px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-right: 5%;
	}
#dos{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 5px;
	}
#dos img{
	width:95%;
	height:auto;
	}	
	
#paso02{
	margin-top: 30px;
	margin-left: 80px;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1-2{
	margin-top: 40px;
	margin-left: 0px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso2-2{
	margin-top: 20px;
	margin-left: 0px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3-2{
	margin-top: 20px;
	margin-left: 230px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4-2{
	margin-top: 30px;
	margin-left: 0px;
	float: left;
	width: 100%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}
	
	
.costos3{
	height: auto;
	width: 40%;
	float: left;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: 100px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 30%;
	}
#tres{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 5px;
	}
#tres img{
	width:95%;
	height:auto;
	}
#paso03{
	margin-top: 30px;
	margin-left: 90px;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1-3{
	margin-top: 40px;
	margin-left: 15px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso2-3{
	margin-top: 20px;
	margin-left: 15px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3-3{
	margin-top: 20px;
	margin-left: 15px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4-3{
	margin-top: 30px;
	margin-left: 0px;
	float: left;
	width: 100%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}	
	
/*--- contactenos ---*/
#portada-ubc{
	background-color: #036;
	margin-top: 80px;
	}	
#ft-ubc-cad{
	float: left;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FC0;
	}
#ft-ubc-cad img{
	height: auto;
	width: 100%;	
	}

#cuerpo-ubc1{
	background-color: #fff;
	padding-top: 50px;
	}
.tit-ubc1{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
/*--mapa--*/
.mapa{
	float: left;
	margin-left: 0px;
	margin-bottom:50px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 10px;
	
	
	}
/*--codigo-mapa-google--*/

1mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}

#cuerpo-cont{
	background-color: #fff;
	padding-top: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-form.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	}
	
.tit-cont{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
	
#tex-form{
	float: left;
	margin-left: 250px;
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 5px;
	margin-bottom: 10px;
	margin-top: 0px;	
	}
.t-opinion{
	
	}
#formulario{
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 35%;	
	}
form{
	width: 450px;
	float: left;
	margin-top:50px;
	margin-left: 1%;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 0px;	
	}
input[name="nombre"]{
	width: auto;
	margin-bottom: 15px;
	margin-top: 30px;
	height: 30px;
	}
input[name="empresa"]{
	width: auto;
	margin-bottom: 5px;
	margin-top: 10px;
	height: 30px;
	}
input[name="email"]{
	width: auto;
	margin-bottom: 10px;
	margin-top: 5px;
	height: 30px;
	}
#recaptcha{
	margin-left:80px;
	}

textarea{
	width: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	}

@media (max-width:480px){
	form{
		width:95%;
	}
}	
	
		
	
	
	
	
}



@media only screen and (max-width:1400px){
	
#contenedor{
	width: 100%;
	margon: 0 auto;
	margin-top: 0;
	
	}	
	
.flotante {
	display: scroll;
	position: fixed;
	bottom: 10px;
	right: 20px;
	text-shadow: 0.1em 0.1em 0.2em black;
	z-index: 999;
}
.flotante1 {
	display: scroll;
	position: fixed;
	bottom: 0px;
	animation-name:bch1;
	z-index: 99;
	animation: bch1 5s;
  animation-fill-mode: forwards;
}

@keyframes bch1{
	from {left:-300px;}
  to {left: 10px;}
	}
#cabecera{
	background-image: linear-gradient(to bottom, rgba(0,51,102,0.5), rgba(0,51,102,0));
	height: auto;
	width: 100%;
	float: left;
	}
#logo{
	float: left;
	margin-top: 2%;
	margin-right: 40%;
	margin-bottom: 2%;
	margin-left: 25%;
	width: auto;
	}
#logoc{
	float: right;
	margin-top: -15%;
	margin-right: 40%;
	margin-bottom: 2%;
	margin-right: 30%;
	width: auto;
	}
#menu1{
	margin-top: 45px;
	margin-right: 5%;
	margin-left: 15%;
	width: 950px;
	}
#introduccion{
	margin-top: 50px;
	margin-bottom: 50px;
	padding-top: 20px;
	padding-right: 20%;
	padding-bottom: 20px;
	padding-left: 20%;	
	}
.intro{
	
	padding-top: 50px;
	padding-right: 30px;
	padding-bottom: 50px;
	padding-left: 30px;
	background-color: rgba(255,255,255,0.1);
	}

#text-intro{
	text-align: justify;
	margin-top: 15px;
	margin-bottom: 20px;	
	}
#videos-cadvrish{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-videos-cad.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	}
.video-vrish{
	margin: 15px;
	height: auto;
	width: 45%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 30px;
	
	}

.video-vrish1 {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 450px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.video-vrish1 iframe,
.video-vrish1 object,
.video-vrish1 embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}	
	
.video-vrish2{
	margin: 15px;
	height: auto;
	width: 45%;
	float: right;
	background-color: rgba(102,102,102,0.5);
	padding: 30px;
	
	}

/* --- Pie pagina ---*/
footer{
	height: 50px;
	width: auto;
	border-bottom-width: 0px;
	margin-top: 200px;
	}
#piepagina{
	height: 50px;
	width:100%;
	background-color: #003366;
	margin-top: 0px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FC0;
	}
.dere{
	float: left;
	width: 450px;
	margin-top: 20px;
	margin-left: 450px;	
	}
.dere1{
	float: left;
	width: 450px;
	margin-top: 10px;
	margin-left: 450px;	
	}
.contador{
	float: right;
	width: 120px;
	height: auto;
	margin-top: 60px;
	margin-right: 70px;
	}
	
/*--- inst ---*/
#cabecera1{
	
	position: fixed;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
#menu2{
	margin-top: 10px;
	margin-right: 10%;
	margin-left: 10%;
	margin-botton: 10px;
	}
#portada{
	margin-top: 100px;	
	}
#slogan{
	margin-top: 120px;
	margin-left: 50px;
	z-index: 60;
	position: absolute;
	background-color: rgba(0,32,64,0.5);
	border-radius: 2em;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 8px;
	padding-left: 20px;
	}
#slogan img{
	height: auto;
	width: 95%;	
	
	}
#ft-prin{
	float: left;	
	}
#ft-prin img{
	height: auto;
	width: 100%;	
	}

#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-cp1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;	
	}

.quienes{
	height: auto;
	width: 45%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 30px;
	margin-top: 80px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}
	#tit{
	margin-top: 20px;
	margin-bottom: 40px;	
	}
#text-q{
	text-align: justify;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;	
	}
.video{
	margin: 15px;
	height: auto;
	width: 45%;
	float: right;
	background-color: rgba(102,102,102,0.5);
	padding: 30px;
	
	}

.video-cad {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 450px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.video-cad iframe,
.video-cad object,
.video-cad embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}

#cuerpo2{
	background-color: #666;
	padding-top: 60px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 30px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-cp2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #003399;
	}
.ft-ms{
	float: left;
	width: 45%;	
	}

.text-ms{
	float: right;
	width: 45%;
	padding: 60px;
	margin-top: 100px;
	margin-right: 50px;
	margin-bottom: 50px;
	margin-left: 50px;
	
	}
#tit-ms{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
#ms1{
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 50px;
	margin-left: 20px;
	text-align: justify;
	}
#cuerpo3{
	background-color: #666;
	padding-top: 60px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 10px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFF;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-vs.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #036;
	}
.text-vs{
	float: left;
	width: 45%;
	padding: 30px;
	margin-top: 70px;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 50px;
	}
#tit-vs{
	margin-top: 10px;
	margin-bottom: 50px;	
	}
#vs1{
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 50px;
	margin-left: 20px;
	text-align: justify;
	}
.ft-vs1{
	float: right;
	width: 45%;	
	}
#cuerpo4{
	padding-top: 100px;
	padding-right: 20px;
	padding-bottom: 100px;
	padding-left: 20px;	
	}
.logito{
	padding: 10px;
	float: left;
	width: 30%;	
	}
.ubicacion{
	padding: 10px;
	float: left;
	width: 30%;
	margin-left: 50px;
	margin-top: 50px;
	}
#tit-dir{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-dir{
	margin-top: 20px;
	margin-bottom: 20px;	
	}
.sociales{
	padding: 10px;
	float: left;
	width: 30%;
	margin-left: 50px;
	margin-top: 50px;
	}
#tit-soc{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-soc{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;

	margin-left: 120px;
	float: left;
	}
#text-soc1{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;
	margin-left: 10px;
	float: left;
	}
#text-soc2{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;
	margin-left: 10px;
	float: left;
	}
	
/*--- autoridades ---*/

#cuerpo-aut1{
	background-image: linear-gradient(to right, #fff , #fff, #0191DA);
			
	}
.f-autf{
	float: left;
	width: 45%;
	margin-left: 20px;
	margin-right:5px;
	}
.f-autf img{
	width:95%;
	height:auto;
	}
.text-autf{
	float: right;
	width: 40%;
	padding: auto;
	margin-left:5px;
	margin-right: 50px;
	}
#nomb-autf{
	margin-top: 50px;
	margin-bottom: 20px;
	}
#datos-autf{
	margin-top: 30px;
	margin-bottom: 20px;
	}
#datos-autf1{
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: left;
	padding-right: 30px;
	padding-left: 30px;
	}
#cuerpo-aut2{
	background-image: linear-gradient(to left, #fff , #fff, #0191DA);
				
	}
.f-autm{
	float: right;
	width: 45%;
	margin-right: 20px;
	margin-top: 200px;
}
.f-autm img{
	width:95%;
	height:auto;
	
	}
.text-autm{
	float: left;
	width: 40%;
	padding: auto;
	margin-left: 50px;
	}
#nomb-autm{
	margin-top: 50px;
	margin-bottom: 20px;
	}
#datos-autm{
	margin-top: 30px;
	margin-bottom: 20px;
	}
#datos-autm1{
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: left;
	padding-right: 30px;
	padding-left: 30px;
	}		
/*--- modalidades ---*/

#cuerpo-modalidades-sp{
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-modalidades2.jpg);
	background-repeat: repeat;
	background-position: center center;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #036;
	margin-top: 60px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #036;
	}

.modalidades-v{
	height: auto;
	width: 35%;
	height: auto;
	float: left;
	padding: 35px;
	margin-top: 50px;
	margin-right: 5%;
	margin-bottom: 15px;
	margin-left: 10%;
	background-image: url(../imagenes/fd-msp.png);
	background-repeat: repeat;
	background-position: center center;
	}
#ft-sp{
	margin-top: 2px;
	margin-bottom: 2px;	
	}
#ft-sp img{
	width:auto;
	height:auto;
	
	}
#tit-sp{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-sp{
	text-align: justify;
	margin-top: 20px;
	}
.modalidades-v1{
	height: auto;
	width: 35%;
	float: right;
	background-color: rgba(0,35,140,0.3);
	padding: 30px;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 5%;
	background-image: url(../imagenes/fd-mdv.png);
	background-repeat: repeat;
	background-position: center center;
	}
#ft-dv{
	margin-top: 2px;
	margin-bottom: 2px;	
	}
#ft-dv img{
	width:auto;
	height:auto;
	
	}
#tit-dv{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-dv{
	text-align: justify;
	margin-top: 20px;
	}	

#cuerpo-modalidades{
	margin-top: 100px;
	margin-right: 20px;
	margin-bottom: 100px;
	margin-left: 20px;
	background-color: #fff;
	}
.tit-modal{
	margin-top: 25px;
	margin-bottom: 25px;	
	}
	


#cuerpo-modalidades1{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-horarios.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}
#tit-horarios{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
.horarios{
	height: auto;
	width: 35%;
	float: left;
	background-color: rgba(0,35,140,0.3);
	padding: 30px;
	margin-top: 30px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 5%;
	}
#dias{
	margin-top: 20px;
	margin-bottom: 20px;	
	}
	
.horarios1{
	height: auto;
	width: 35%;
	float: right;
	background-color: rgba(0,35,140,0.3);
	padding: 30px;
	margin-top: 30px;
	margin-right: 5%;
	margin-bottom: 15px;
	margin-left: 10%;
	}		
/*--- requisitos ---*/

#cuerpo-requisitos1{
	margin-top: 100px;
	margin-bottom: 100px;
	background-color: #fff;
	}
.requisito-a{
	padding: 30px;
	float: left;
	width: 40%;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 2%;	
	}
.tit-req1{
	text-align: left;
	padding-left: 60px;
	}
#req{
	background-color: #036;
	text-align: left;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 40px;
	width: 80%;
	border-top-left-radius: 3em;
	border-bottom-right-radius: 3em;
	margin-top: 20px;
	margin-bottom: 10px;
	transition:all .5s ease-in-out;
	}
#req:hover {filter: saturate(280%);}
	
.requisito-b{
	padding: 30px;
	float: right;
	width: 40%;
	margin-top: 20px;
	margin-right: 2%;
	margin-bottom: 20px;
	margin-left: 10px;	
	}
.tit-req2{
	text-align: left;
	padding-left: 60px;
	}
#req0{
	background-color: #036;
	text-align: left;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 40px;
	width: 80%;
	border-top-left-radius: 3em;
	border-bottom-right-radius: 3em;
	margin-top: 20px;
	margin-bottom: 10px;
	transition:all .5s ease-in-out;
	}
#req0:hover {filter: saturate(280%);}

#cuerpo-requisitos2{
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-costos.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}
.tit-costos{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
.costos1{
	height: auto;
	width: 40%;
	float: left;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: 30px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 5%;
	}
#uno{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 5px;
	}
#uno img{
	width:95%;
	height:auto;
	}
#paso0{
	margin-top: 30px;
	margin-left: 10px;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1{
	margin-top: -140px;
	margin-left: 230px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:5px;
	}
#paso2{
	margin-top: -80px;
	margin-left: 230px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3{
	margin-top: -30px;
	margin-left: 230px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4{
	margin-top: 30px;
	margin-left: 0px;
	float: left;
	width: 100%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}
	
.costos2{
	height: auto;
	width: 40%;
	float: right;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: 30px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-right: 5%;
	}
#dos{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 5px;
	}
#dos img{
	width:95%;
	height:auto;
	}	
	
#paso02{
	margin-top: 30px;
	margin-left: 80px;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1-2{
	margin-top: 40px;
	margin-left: 0px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso2-2{
	margin-top: 20px;
	margin-left: 0px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3-2{
	margin-top: 20px;
	margin-left: 230px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4-2{
	margin-top: 30px;
	margin-left: 0px;
	float: left;
	width: 100%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}
	
	
.costos3{
	height: auto;
	width: 40%;
	float: left;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: 100px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 30%;
	}
#tres{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 5px;
	}
#tres img{
	width:95%;
	height:auto;
	}
#paso03{
	margin-top: 30px;
	margin-left: 90px;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1-3{
	margin-top: 40px;
	margin-left: 15px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso2-3{
	margin-top: 20px;
	margin-left: 15px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3-3{
	margin-top: 20px;
	margin-left: 15px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4-3{
	margin-top: 30px;
	margin-left: 0px;
	float: left;
	width: 100%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}		
/*--- contactenos ---*/
#portada-ubc{
	background-color: #036;
	margin-top: 80px;
	}	
#ft-ubc-cad{
	float: left;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FC0;
	}
#ft-ubc-cad img{
	height: auto;
	width: 100%;	
	}

#cuerpo-ubc1{
	background-color: #fff;
	padding-top: 50px;
	}
.tit-ubc1{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
/*--mapa--*/
.mapa{
	float: left;
	margin-left: 0px;
	margin-bottom:50px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 10px;
	
	
	}
/*--codigo-mapa-google--*/

1mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}

#cuerpo-cont{
	background-color: #fff;
	padding-top: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-form.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	}
	
.tit-cont{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
	
#tex-form{
	float: left;
	margin-left: 250px;
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 5px;
	margin-bottom: 10px;
	margin-top: 0px;	
	}
.t-opinion{
	
	}
#formulario{
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 35%;	
	}
form{
	width: 450px;
	float: left;
	margin-top:50px;
	margin-left: 1%;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 0px;	
	}
input[name="nombre"]{
	width: auto;
	margin-bottom: 15px;
	margin-top: 30px;
	height: 30px;
	}
input[name="empresa"]{
	width: auto;
	margin-bottom: 5px;
	margin-top: 10px;
	height: 30px;
	}
input[name="email"]{
	width: auto;
	margin-bottom: 10px;
	margin-top: 5px;
	height: 30px;
	}
#recaptcha{
	margin-left:70px;
	}

textarea{
	width: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	}

@media (max-width:480px){
	form{
		width:95%;
	}
}	



	
	
}



@media only screen and (max-width:1366px){
	
#contenedor{
	width: 100%;
	margon: 0 auto;
	margin-top: 0;
	
	}	
	
.flotante {
	display: scroll;
	position: fixed;
	bottom: 10px;
	right: 20px;
	text-shadow: 0.1em 0.1em 0.2em black;
	z-index: 999;
}
.flotante1 {
	display: scroll;
	position: fixed;
	bottom: 0px;
	animation-name:bch1;
	z-index: 99;
	animation: bch1 5s;
  animation-fill-mode: forwards;
}

@keyframes bch1{
	from {left:-300px;}
  to {left: 10px;}
	}
.flotante1 img{
	height: auto;
	width: 95%;	
	}


#cabecera{
	background-image: linear-gradient(to bottom, rgba(0,51,102,0.5), rgba(0,51,102,0));
	height: auto;
	width: 100%;
	float: left;
	}
#logo{
	float: left;
	margin-top: 2%;
	margin-right: 40%;
	margin-bottom: 2%;
	margin-left: 25%;
	width: auto;
	}
#logo img{
	height: auto;
	width: 99%;	
	}
#logoc{
	float: right;
	margin-top: -15%;
	margin-right: 40%;
	margin-bottom: 2%;
	margin-right: 30%;
	width: auto;
	}
#logoc img{
	height: auto;
	width: 99%;	
	}
#menu1{
	margin-top: 45px;
	margin-right: 5%;
	margin-left: 15%;
	width: 950px;
	}
#introduccion{
	margin-top: 50px;
	margin-bottom: 50px;
	padding-top: 20px;
	padding-right: 20%;
	padding-bottom: 20px;
	padding-left: 20%;	
	}
.intro{
	
	padding-top: 50px;
	padding-right: 30px;
	padding-bottom: 50px;
	padding-left: 30px;
	background-color: rgba(255,255,255,0.1);
	}

#text-intro{
	text-align: justify;
	margin-top: 15px;
	margin-bottom: 20px;	
	}
#videos-cadvrish{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-videos-cad.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	}
.video-vrish{
	margin: 15px;
	height: auto;
	width: 45%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 30px;
	
	}

.video-vrish1 {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 450px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.video-vrish1 iframe,
.video-vrish1 object,
.video-vrish1 embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}	
	
.video-vrish2{
	margin: 15px;
	height: auto;
	width: 45%;
	float: right;
	background-color: rgba(102,102,102,0.5);
	padding: 30px;
	
	}
	
/* --- Pie pagina ---*/
footer{
	height: 50px;
	width: auto;
	border-bottom-width: 0px;
	margin-top: 200px;
	}
#piepagina{
	height: 50px;
	width:100%;
	background-color: #003366;
	margin-top: 0px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FC0;
	}
.dere{
	float: left;
	width: 450px;
	margin-top: 20px;
	margin-left: 450px;	
	}
.dere1{
	float: left;
	width: 450px;
	margin-top: 10px;
	margin-left: 450px;	
	}
.contador{
	float: right;
	width: 120px;
	height: auto;
	margin-top: 60px;
	margin-right: 70px;
	}
	
/*--- inst ---*/
#cabecera1{
	
	position: fixed;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
#menu2{
	margin-top: 10px;
	margin-right: 10%;
	margin-left: 10%;
	margin-botton: 10px;
	}
#portada{
	margin-top: 100px;	
	
	}
#slogan{
	margin-top: 80px;
	margin-left: 50px;
	z-index: 60;
	position: absolute;
	background-color: rgba(0,32,64,0.5);
	border-radius: 2em;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 8px;
	padding-left: 20px;
	}
#slogan img{
	height: auto;
	width: 95%;	
	
	}
#ft-prin{
	float: left;	
	}
#ft-prin img{
	height: auto;
	width: 100%;	
	}

#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-cp1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;	
	}

.quienes{
	height: auto;
	width: 45%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 30px;
	margin-top: 80px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}
	#tit{
	margin-top: 20px;
	margin-bottom: 40px;	
	}
#text-q{
	text-align: justify;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;	
	}
.video{
	margin: 15px;
	height: auto;
	width: 45%;
	float: right;
	background-color: rgba(102,102,102,0.5);
	padding: 30px;
	
	}

.video-cad {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 450px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.video-cad iframe,
.video-cad object,
.video-cad embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}

#cuerpo2{
	background-color: #666;
	padding-top: 60px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 30px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-cp2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #003399;
	}
.ft-ms{
	float: left;
	width: 45%;	
	}

.text-ms{
	float: right;
	width: 45%;
	padding: 60px;
	margin-top: 100px;
	margin-right: 50px;
	margin-bottom: 50px;
	margin-left: 50px;
	
	}
#tit-ms{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
#ms1{
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 50px;
	margin-left: 20px;
	text-align: justify;
	}
#cuerpo3{
	background-color: #666;
	padding-top: 60px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 10px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFF;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-vs.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #036;
	}
.text-vs{
	float: left;
	width: 45%;
	padding: 30px;
	margin-top: 70px;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 50px;
	}
#tit-vs{
	margin-top: 10px;
	margin-bottom: 50px;	
	}
#vs1{
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 50px;
	margin-left: 20px;
	text-align: justify;
	}
.ft-vs1{
	float: right;
	width: 45%;	
	}
#cuerpo4{
	padding-top: 100px;
	padding-right: 20px;
	padding-bottom: 100px;
	padding-left: 20px;	
	}
.logito{
	padding: 10px;
	float: left;
	width: 30%;	
	}
.ubicacion{
	padding: 10px;
	float: left;
	width: 30%;
	margin-left: 50px;
	margin-top: 50px;
	}
#tit-dir{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-dir{
	margin-top: 20px;
	margin-bottom: 20px;	
	}
.sociales{
	padding: 10px;
	float: left;
	width: 30%;
	margin-left: 50px;
	margin-top: 50px;
	}
#tit-soc{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-soc{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;

	margin-left: 120px;
	float: left;
	}
#text-soc1{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;
	margin-left: 10px;
	float: left;
	}
#text-soc2{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;
	margin-left: 10px;
	float: left;
	}
	
/*--- autoridades ---*/

#cuerpo-aut1{
	background-image: linear-gradient(to right, #fff , #fff, #0191DA);
			
	}
.f-autf{
	float: left;
	width: 45%;
	margin-left: 20px;
	margin-right:5px;
	}
.f-autf img{
	width:95%;
	height:auto;
	}
.text-autf{
	float: right;
	width: 40%;
	padding: auto;
	margin-left:5px;
	margin-right: 50px;
	}
#nomb-autf{
	margin-top: 50px;
	margin-bottom: 20px;
	}
#datos-autf{
	margin-top: 30px;
	margin-bottom: 20px;
	}
#datos-autf1{
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: left;
	padding-right: 30px;
	padding-left: 30px;
	}
#cuerpo-aut2{
	background-image: linear-gradient(to left, #fff , #fff, #0191DA);
				
	}
.f-autm{
	float: right;
	width: 45%;
	margin-right: 20px;
	margin-top: 200px;
}
.f-autm img{
	width:95%;
	height:auto;
	
	}
.text-autm{
	float: left;
	width: 40%;
	padding: auto;
	margin-left: 50px;
	}
#nomb-autm{
	margin-top: 50px;
	margin-bottom: 20px;
	}
#datos-autm{
	margin-top: 30px;
	margin-bottom: 20px;
	}
#datos-autm1{
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: left;
	padding-right: 30px;
	padding-left: 30px;
	}		
	
/*--- modalidades ---*/

#cuerpo-modalidades-sp{
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-modalidades2.jpg);
	background-repeat: repeat;
	background-position: center center;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #036;
	margin-top: 60px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #036;
	}

.modalidades-v{
	height: auto;
	width: 35%;
	height: auto;
	float: left;
	padding: 35px;
	margin-top: 50px;
	margin-right: 5%;
	margin-bottom: 15px;
	margin-left: 10%;
	background-image: url(../imagenes/fd-msp.png);
	background-repeat: repeat;
	background-position: center center;
	}
#ft-sp{
	margin-top: 2px;
	margin-bottom: 2px;	
	}
#ft-sp img{
	width:auto;
	height:auto;
	
	}
#tit-sp{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-sp{
	text-align: justify;
	margin-top: 20px;
	}
.modalidades-v1{
	height: auto;
	width: 35%;
	float: right;
	background-color: rgba(0,35,140,0.3);
	padding: 30px;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 5%;
	background-image: url(../imagenes/fd-mdv.png);
	background-repeat: repeat;
	background-position: center center;
	}
#ft-dv{
	margin-top: 2px;
	margin-bottom: 2px;	
	}
#ft-dv img{
	width:auto;
	height:auto;
	
	}
#tit-dv{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-dv{
	text-align: justify;
	margin-top: 20px;
	}	

#cuerpo-modalidades{
	margin-top: 100px;
	margin-right: 20px;
	margin-bottom: 100px;
	margin-left: 20px;
	background-color: #fff;
	}
.tit-modal{
	margin-top: 25px;
	margin-bottom: 25px;	
	}
	


#cuerpo-modalidades1{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-horarios.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}
#tit-horarios{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
.horarios{
	height: auto;
	width: 35%;
	float: left;
	background-color: rgba(0,35,140,0.3);
	padding: 30px;
	margin-top: 30px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 5%;
	}
#dias{
	margin-top: 20px;
	margin-bottom: 20px;	
	}
	
.horarios1{
	height: auto;
	width: 35%;
	float: right;
	background-color: rgba(0,35,140,0.3);
	padding: 30px;
	margin-top: 30px;
	margin-right: 5%;
	margin-bottom: 15px;
	margin-left: 10%;
	}	
	
/*--- requisitos ---*/

#cuerpo-requisitos1{
	margin-top: 100px;
	margin-bottom: 100px;
	background-color: #fff;
	}
.requisito-a{
	padding: 30px;
	float: left;
	width: 40%;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 2%;	
	}
.tit-req1{
	text-align: left;
	padding-left: 60px;
	}
#req{
	background-color: #036;
	text-align: left;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 40px;
	width: 80%;
	border-top-left-radius: 3em;
	border-bottom-right-radius: 3em;
	margin-top: 20px;
	margin-bottom: 10px;
	transition:all .5s ease-in-out;
	}
#req:hover {filter: saturate(280%);}
	
.requisito-b{
	padding: 30px;
	float: right;
	width: 40%;
	margin-top: 20px;
	margin-right: 2%;
	margin-bottom: 20px;
	margin-left: 10px;	
	}
.tit-req2{
	text-align: left;
	padding-left: 60px;
	}
#req0{
	background-color: #036;
	text-align: left;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 40px;
	width: 80%;
	border-top-left-radius: 3em;
	border-bottom-right-radius: 3em;
	margin-top: 20px;
	margin-bottom: 10px;
	transition:all .5s ease-in-out;
	}
#req0:hover {filter: saturate(280%);}

#cuerpo-requisitos2{
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-costos.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}
.tit-costos{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
.costos1{
	height: auto;
	width: 40%;
	float: left;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: 30px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 5%;
	}
#uno{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 5px;
	}
#uno img{
	width:95%;
	height:auto;
	}
#paso0{
	margin-top: 30px;
	margin-left: 10px;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1{
	margin-top: -140px;
	margin-left: 200px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:5px;
	}
#paso2{
	margin-top: -80px;
	margin-left: 200px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3{
	margin-top: -30px;
	margin-left: 200px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4{
	margin-top: 30px;
	margin-left: 0px;
	float: left;
	width: 100%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}
	
.costos2{
	height: auto;
	width: 40%;
	float: right;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: 30px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-right: 5%;
	}
#dos{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 5px;
	}
#dos img{
	width:95%;
	height:auto;
	}	
	
#paso02{
	margin-top: 30px;
	margin-left: 80px;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1-2{
	margin-top: 40px;
	margin-left: 0px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso2-2{
	margin-top: 20px;
	margin-left: 0px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3-2{
	margin-top: 20px;
	margin-left: 210px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4-2{
	margin-top: 30px;
	margin-left: 0px;
	float: left;
	width: 100%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}
	
	
.costos3{
	height: auto;
	width: 45%;
	float: left;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: 100px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 30%;
	}
#tres{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 5px;
	}
#tres img{
	width:95%;
	height:auto;
	}
#paso03{
	margin-top: 30px;
	margin-left: 90px;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1-3{
	margin-top: 40px;
	margin-left: 15px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso2-3{
	margin-top: 20px;
	margin-left: 15px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3-3{
	margin-top: 20px;
	margin-left: 15px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4-3{
	margin-top: 30px;
	margin-left: 0px;
	float: left;
	width: 100%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}	
	
/*--- contactenos ---*/
#portada-ubc{
	background-color: #036;
	margin-top: 80px;
	}	
#ft-ubc-cad{
	float: left;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FC0;
	}
#ft-ubc-cad img{
	height: auto;
	width: 100%;	
	}

#cuerpo-ubc1{
	background-color: #fff;
	padding-top: 50px;
	}
.tit-ubc1{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
/*--mapa--*/
.mapa{
	float: left;
	margin-left: 0px;
	margin-bottom:50px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 10px;
	
	
	}
/*--codigo-mapa-google--*/

1mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}

#cuerpo-cont{
	background-color: #fff;
	padding-top: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-form.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	}
	
.tit-cont{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
	
#tex-form{
	float: left;
	margin-left: 250px;
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 5px;
	margin-bottom: 10px;
	margin-top: 0px;	
	}
.t-opinion{
	
	}
#formulario{
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 35%;	
	}
form{
	width: 450px;
	float: left;
	margin-top:50px;
	margin-left: 1%;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 0px;	
	}
input[name="nombre"]{
	width: auto;
	margin-bottom: 15px;
	margin-top: 30px;
	height: 30px;
	}
input[name="empresa"]{
	width: auto;
	margin-bottom: 5px;
	margin-top: 10px;
	height: 30px;
	}
input[name="email"]{
	width: auto;
	margin-bottom: 10px;
	margin-top: 5px;
	height: 30px;
	}
#recaptcha{
	margin-left:70px;
	}

textarea{
	width: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	}

@media (max-width:480px){
	form{
		width:95%;
	}
}		
	
	
	
}


@media only screen and (max-width:1350px){
	
#contenedor{
	width: 100%;
	margon: 0 auto;
	margin-top: 0;
	
	}	
	
.flotante {
	display: scroll;
	position: fixed;
	bottom: 10px;
	right: 20px;
	text-shadow: 0.1em 0.1em 0.2em black;
	z-index: 999;
}
.flotante1 {
	display: scroll;
	position: fixed;
	bottom: 0px;
	animation-name:bch1;
	z-index: 99;
	animation: bch1 5s;
  animation-fill-mode: forwards;
}

@keyframes bch1{
	from {left:-300px;}
  to {left: 10px;}
	}
.flotante1 img{
	height: auto;
	width: 95%;	
	}


#cabecera{
	background-image: linear-gradient(to bottom, rgba(0,51,102,0.5), rgba(0,51,102,0));
	height: auto;
	width: 100%;
	float: left;
	}
#logo{
	float: left;
	margin-top: 2%;
	margin-right: 40%;
	margin-bottom: 2%;
	margin-left: 25%;
	width: auto;
	}
#logo img{
	height: auto;
	width: 99%;	
	}
#logoc{
	float: right;
	margin-top: -15%;
	margin-right: 40%;
	margin-bottom: 2%;
	margin-right: 30%;
	width: auto;
	}
#logoc img{
	height: auto;
	width: 99%;	
	}
#menu1{
	margin-top: 45px;
	margin-right: 5%;
	margin-left: 15%;
	width: 950px;
	}
#introduccion{
	margin-top: 50px;
	margin-bottom: 50px;
	padding-top: 20px;
	padding-right: 20%;
	padding-bottom: 20px;
	padding-left: 20%;	
	}
.intro{
	
	padding-top: 50px;
	padding-right: 30px;
	padding-bottom: 50px;
	padding-left: 30px;
	background-color: rgba(255,255,255,0.1);
	}

#text-intro{
	text-align: justify;
	margin-top: 15px;
	margin-bottom: 20px;	
	}
#videos-cadvrish{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-videos-cad.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	}
.video-vrish{
	margin: 15px;
	height: auto;
	width: 45%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 30px;
	
	}

.video-vrish1 {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 450px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.video-vrish1 iframe,
.video-vrish1 object,
.video-vrish1 embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}	
	
.video-vrish2{
	margin: 15px;
	height: auto;
	width: 45%;
	float: right;
	background-color: rgba(102,102,102,0.5);
	padding: 30px;
	
	}	
	
/* --- Pie pagina ---*/
footer{
	height: 50px;
	width: auto;
	border-bottom-width: 0px;
	margin-top: 200px;
	}
#piepagina{
	height: 50px;
	width:100%;
	background-color: #003366;
	margin-top: 0px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FC0;
	}
.dere{
	float: left;
	width: 450px;
	margin-top: 20px;
	margin-left: 450px;	
	}
.dere1{
	float: left;
	width: 450px;
	margin-top: 10px;
	margin-left: 450px;	
	}
.contador{
	float: right;
	width: 120px;
	height: auto;
	margin-top: 60px;
	margin-right: 70px;
	}	

/*--- inst ---*/
#cabecera1{
	
	position: fixed;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
#menu2{
	margin-top: 10px;
	margin-right: 10%;
	margin-left: 10%;
	margin-botton: 10px;
	}
#portada{
	margin-top: 60px;	
	
	}
#slogan{
	margin-top: 80px;
	margin-left: 50px;
	z-index: 60;
	position: absolute;
	background-color: rgba(0,32,64,0.5);
	border-radius: 2em;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 8px;
	padding-left: 20px;
	}
#slogan img{
	height: auto;
	width: 95%;	
	
	}
#ft-prin{
	float: left;	
	}
#ft-prin img{
	height: auto;
	width: 100%;	
	}

#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-cp1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;	
	}

.quienes{
	height: auto;
	width: 45%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 30px;
	margin-top: 80px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}
	#tit{
	margin-top: 20px;
	margin-bottom: 40px;	
	}
#text-q{
	text-align: justify;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;	
	}
.video{
	margin: 15px;
	height: auto;
	width: 45%;
	float: right;
	background-color: rgba(102,102,102,0.5);
	padding: 30px;
	
	}

.video-cad {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 450px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.video-cad iframe,
.video-cad object,
.video-cad embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}

#cuerpo2{
	background-color: #666;
	padding-top: 60px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 30px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-cp2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #003399;
	}
.ft-ms{
	float: left;
	width: 45%;	
	}

.text-ms{
	float: right;
	width: 45%;
	padding: 60px;
	margin-top: 100px;
	margin-right: 50px;
	margin-bottom: 50px;
	margin-left: 50px;
	
	}
#tit-ms{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
#ms1{
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 50px;
	margin-left: 20px;
	text-align: justify;
	}
#cuerpo3{
	background-color: #666;
	padding-top: 60px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 10px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFF;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-vs.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #036;
	}
.text-vs{
	float: left;
	width: 45%;
	padding: 30px;
	margin-top: 70px;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 50px;
	}
#tit-vs{
	margin-top: 10px;
	margin-bottom: 50px;	
	}
#vs1{
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 50px;
	margin-left: 20px;
	text-align: justify;
	}
.ft-vs1{
	float: right;
	width: 45%;	
	}
#cuerpo4{
	padding-top: 100px;
	padding-right: 20px;
	padding-bottom: 100px;
	padding-left: 20px;	
	}
.logito{
	padding: 10px;
	float: left;
	width: 30%;	
	}
.ubicacion{
	padding: 10px;
	float: left;
	width: 30%;
	margin-left: 50px;
	margin-top: 50px;
	}
#tit-dir{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-dir{
	margin-top: 20px;
	margin-bottom: 20px;	
	}
.sociales{
	padding: 10px;
	float: left;
	width: 30%;
	margin-left: 50px;
	margin-top: 50px;
	}
#tit-soc{
	margin-top: 20px;
	margin-bottom: 10px;	
	}

#text-soc{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;

	margin-left: 120px;
	float: left;
	}
#text-soc1{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;
	margin-left: 10px;
	float: left;
	}
#text-soc2{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;
	margin-left: 10px;
	float: left;
	}
	
/*--- autoridades ---*/

#cuerpo-aut1{
	background-image: linear-gradient(to right, #fff , #fff, #0191DA);
			
	}
.f-autf{
	float: left;
	width: 45%;
	margin-left: 20px;
	margin-right:5px;
	}
.f-autf img{
	width:95%;
	height:auto;
	}
.text-autf{
	float: right;
	width: 40%;
	padding: auto;
	margin-left:5px;
	margin-right: 50px;
	}
#nomb-autf{
	margin-top: 50px;
	margin-bottom: 20px;
	}
#datos-autf{
	margin-top: 30px;
	margin-bottom: 20px;
	}
#datos-autf1{
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: left;
	padding-right: 30px;
	padding-left: 30px;
	}
#cuerpo-aut2{
	background-image: linear-gradient(to left, #fff , #fff, #0191DA);
				
	}
.f-autm{
	float: right;
	width: 45%;
	margin-right: 20px;
	margin-top: 200px;
}
.f-autm img{
	width:95%;
	height:auto;
	
	}
.text-autm{
	float: left;
	width: 40%;
	padding: auto;
	margin-left: 50px;
	}
#nomb-autm{
	margin-top: 50px;
	margin-bottom: 20px;
	}
#datos-autm{
	margin-top: 30px;
	margin-bottom: 20px;
	}
#datos-autm1{
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: left;
	padding-right: 30px;
	padding-left: 30px;
	}		
	
/*--- modalidades ---*/

#cuerpo-modalidades-sp{
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-modalidades2.jpg);
	background-repeat: repeat;
	background-position: center center;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #036;
	margin-top: 60px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #036;
	}

.modalidades-v{
	height: auto;
	width: 35%;
	height: auto;
	float: left;
	padding: 35px;
	margin-top: 50px;
	margin-right: 5%;
	margin-bottom: 15px;
	margin-left: 10%;
	background-image: url(../imagenes/fd-msp.png);
	background-repeat: repeat;
	background-position: center center;
	}
#ft-sp{
	margin-top: 2px;
	margin-bottom: 2px;	
	}
#ft-sp img{
	width:auto;
	height:auto;
	
	}
#tit-sp{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-sp{
	text-align: justify;
	margin-top: 20px;
	}
.modalidades-v1{
	height: auto;
	width: 35%;
	float: right;
	background-color: rgba(0,35,140,0.3);
	padding: 30px;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 5%;
	background-image: url(../imagenes/fd-mdv.png);
	background-repeat: repeat;
	background-position: center center;
	}
#ft-dv{
	margin-top: 2px;
	margin-bottom: 2px;	
	}
#ft-dv img{
	width:auto;
	height:auto;
	
	}
#tit-dv{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-dv{
	text-align: justify;
	margin-top: 20px;
	}	

#cuerpo-modalidades{
	margin-top: 100px;
	margin-right: 20px;
	margin-bottom: 100px;
	margin-left: 20px;
	background-color: #fff;
	}
.tit-modal{
	margin-top: 25px;
	margin-bottom: 25px;	
	}
	


#cuerpo-modalidades1{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-horarios.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}
#tit-horarios{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
.horarios{
	height: auto;
	width: 35%;
	float: left;
	background-color: rgba(0,35,140,0.3);
	padding: 30px;
	margin-top: 30px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 5%;
	}
#dias{
	margin-top: 20px;
	margin-bottom: 20px;	
	}
	
.horarios1{
	height: auto;
	width: 35%;
	float: right;
	background-color: rgba(0,35,140,0.3);
	padding: 30px;
	margin-top: 30px;
	margin-right: 5%;
	margin-bottom: 15px;
	margin-left: 10%;
	}			
/*--- requisitos ---*/
.rotacion1{
	margin-top: 80px;	
	}

#cuerpo-requisitos1{
	margin-top: 100px;
	margin-bottom: 100px;
	background-color: #fff;
	}
.requisito-a{
	padding: 30px;
	float: left;
	width: 40%;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 2%;	
	}
.tit-req1{
	text-align: left;
	padding-left: 60px;
	}
#req{
	background-color: #036;
	text-align: left;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 40px;
	width: 80%;
	border-top-left-radius: 3em;
	border-bottom-right-radius: 3em;
	margin-top: 20px;
	margin-bottom: 10px;
	transition:all .5s ease-in-out;
	}
#req:hover {filter: saturate(280%);}
	
.requisito-b{
	padding: 30px;
	float: right;
	width: 40%;
	margin-top: 20px;
	margin-right: 2%;
	margin-bottom: 20px;
	margin-left: 10px;	
	}
.tit-req2{
	text-align: left;
	padding-left: 60px;
	}
#req0{
	background-color: #036;
	text-align: left;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 40px;
	width: 80%;
	border-top-left-radius: 3em;
	border-bottom-right-radius: 3em;
	margin-top: 20px;
	margin-bottom: 10px;
	transition:all .5s ease-in-out;
	}
#req0:hover {filter: saturate(280%);}

#cuerpo-requisitos2{
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-costos.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}
.tit-costos{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
.costos1{
	height: auto;
	width: 40%;
	float: left;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: 30px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 2%;
	}
#uno{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 5px;
	}
#uno img{
	width:95%;
	height:auto;
	}
#paso0{
	margin-top: 30px;
	margin-left: 10px;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1{
	margin-top: -140px;
	margin-left: 200px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:5px;
	}
#paso2{
	margin-top: -80px;
	margin-left: 200px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3{
	margin-top: -30px;
	margin-left: 200px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4{
	margin-top: 30px;
	margin-left: 0px;
	float: left;
	width: 100%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}
	
.costos2{
	height: auto;
	width: 45%;
	float: right;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: -390px;
	margin-right: 5%;
	margin-bottom: 15px;
	margin-right: 5%;
	}
#dos{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 5px;
	}
#dos img{
	width:95%;
	height:auto;
	}	
	
#paso02{
	margin-top: 30px;
	margin-left: 80px;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1-2{
	margin-top: 40px;
	margin-left: 0px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso2-2{
	margin-top: 20px;
	margin-left: 0px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3-2{
	margin-top: 20px;
	margin-left: 210px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4-2{
	margin-top: 30px;
	margin-left: 0px;
	float: left;
	width: 100%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}
	
	
.costos3{
	height: auto;
	width: 45%;
	float: left;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: 100px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 30%;
	}
#tres{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 5px;
	}
#tres img{
	width:95%;
	height:auto;
	}
#paso03{
	margin-top: 30px;
	margin-left: 90px;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1-3{
	margin-top: 40px;
	margin-left: 15px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso2-3{
	margin-top: 20px;
	margin-left: 15px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3-3{
	margin-top: 20px;
	margin-left: 15px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4-3{
	margin-top: 30px;
	margin-left: 0px;
	float: left;
	width: 100%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}			
	
/*--- contactenos ---*/
#portada-ubc{
	background-color: #036;
	margin-top: 80px;
	}	
#ft-ubc-cad{
	float: left;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FC0;
	}
#ft-ubc-cad img{
	height: auto;
	width: 100%;	
	}

#cuerpo-ubc1{
	background-color: #fff;
	padding-top: 50px;
	}
.tit-ubc1{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
/*--mapa--*/
.mapa{
	float: left;
	margin-left: 0px;
	margin-bottom:50px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 10px;
	
	
	}
/*--codigo-mapa-google--*/

1mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}

#cuerpo-cont{
	background-color: #fff;
	padding-top: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-form.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	}
	
.tit-cont{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
	
#tex-form{
	float: left;
	margin-left: 250px;
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 5px;
	margin-bottom: 10px;
	margin-top: 0px;	
	}
.t-opinion{
	
	}
#formulario{
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 35%;	
	}
form{
	width: 450px;
	float: left;
	margin-top:50px;
	margin-left: 1%;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 0px;	
	}
input[name="nombre"]{
	width: auto;
	margin-bottom: 15px;
	margin-top: 30px;
	height: 30px;
	}
input[name="empresa"]{
	width: auto;
	margin-bottom: 5px;
	margin-top: 10px;
	height: 30px;
	}
input[name="email"]{
	width: auto;
	margin-bottom: 10px;
	margin-top: 5px;
	height: 30px;
	}
#recaptcha{
	margin-left:70px;
	}

textarea{
	width: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	}

@media (max-width:480px){
	form{
		width:95%;
	}
}	

	
	
	
	
	
	
	
}


@media only screen and (max-width:1280px){
	
#contenedor{
	width: 100%;
	margon: 0 auto;
	margin-top: 0;
	
	}	
	
.flotante {
	display: scroll;
	position: fixed;
	bottom: 10px;
	right: 20px;
	text-shadow: 0.1em 0.1em 0.2em black;
	z-index: 999;
}
.flotante1 {
	display: scroll;
	position: fixed;
	bottom: 0px;
	animation-name:bch1;
	z-index: 99;
	animation: bch1 5s;
  animation-fill-mode: forwards;
}

@keyframes bch1{
	from {left:-300px;}
  to {left: 10px;}
	}
	
.flotante1 img{
	height: 95%;
	width: 95%;	
	}


#cabecera{
	background-image: linear-gradient(to bottom, rgba(0,51,102,0.5), rgba(0,51,102,0));
	height: auto;
	width: 100%;
	float: left;
	}
#logo{
	float: left;
	margin-top: 2%;
	margin-right: 40%;
	margin-bottom: 2%;
	margin-left: 40%;
	width: auto;
	}
#logo img{
	height: auto;
	width: 99%;	
	}
#logoc{
	float: left;
	margin-top: 0px;
	margin-left: 35%;
	margin-bottom: 2%;
	margin-right: 30%;
	width: auto;
	}
#logoc img{
	height: auto;
	width: 99%;	
	}
#menu1{
	margin-top: 45px;
	margin-right: 5%;
	margin-left: 15%;
	width: 950px;
	}
#introduccion{
	margin-top: 50px;
	margin-bottom: 50px;
	padding-top: 20px;
	padding-right: 20%;
	padding-bottom: 20px;
	padding-left: 20%;	
	}
.intro{
	
	padding-top: 50px;
	padding-right: 30px;
	padding-bottom: 50px;
	padding-left: 30px;
	background-color: rgba(255,255,255,0.1);
	}

#text-intro{
	text-align: justify;
	margin-top: 15px;
	margin-bottom: 20px;	
	}
#videos-cadvrish{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-videos-cad.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	}
.video-vrish{
	margin: 10px;
	height: auto;
	width: 45%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 30px;
	
	}

.video-vrish1 {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 450px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.video-vrish1 iframe,
.video-vrish1 object,
.video-vrish1 embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}	
	
.video-vrish2{
	margin: 10px;
	height: auto;
	width: 45%;
	float: right;
	background-color: rgba(102,102,102,0.5);
	padding: 30px;
	
	}
	
	
/* --- Pie pagina ---*/
footer{
	height: 50px;
	width: auto;
	border-bottom-width: 0px;
	margin-top: 200px;
	}
#piepagina{
	height: 50px;
	width:100%;
	background-color: #003366;
	margin-top: 0px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FC0;
	}
.dere{
	float: left;
	width: 450px;
	margin-top: 20px;
	margin-left: 450px;	
	}
.dere1{
	float: left;
	width: 450px;
	margin-top: 10px;
	margin-left: 450px;	
	}
.contador{
	float: right;
	width: 120px;
	height: auto;
	margin-top: 60px;
	margin-right: 70px;
	}
	
/*--- inst ---*/
#cabecera1{
	
	position: fixed;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
#menu2{
	margin-top: 10px;
	margin-right: 10%;
	margin-left: 10%;
	margin-botton: 10px;
	}
#portada{
	margin-top: 60px;	
	
	}
#slogan{
	margin-top: 80px;
	margin-left: 50px;
	z-index: 60;
	position: absolute;
	background-color: rgba(0,32,64,0.5);
	border-radius: 2em;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 8px;
	padding-left: 20px;
	}
#slogan img{
	height: auto;
	width: 95%;	
	
	}
#ft-prin{
	float: left;	
	}
#ft-prin img{
	height: auto;
	width: 100%;	
	}

#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-cp1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;	
	}

.quienes{
	height: auto;
	width: 45%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 30px;
	margin-top: 50px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}
	#tit{
	margin-top: 20px;
	margin-bottom: 40px;	
	}
#text-q{
	text-align: justify;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;	
	}
.video{
	margin: 15px;
	height: auto;
	width: 45%;
	float: right;
	background-color: rgba(102,102,102,0.5);
	padding: 30px;
	
	}

.video-cad {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 450px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.video-cad iframe,
.video-cad object,
.video-cad embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}

#cuerpo2{
	background-color: #666;
	padding-top: 60px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 30px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-cp2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #003399;
	}
.ft-ms{
	float: left;
	width: 45%;	
	}

.text-ms{
	float: right;
	width: 45%;
	padding: 60px;
	margin-top: 100px;
	margin-right: 50px;
	margin-bottom: 50px;
	margin-left: 50px;
	
	}
#tit-ms{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
#ms1{
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 50px;
	margin-left: 20px;
	text-align: justify;
	}
#cuerpo3{
	background-color: #666;
	padding-top: 60px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 10px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFF;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-vs.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #036;
	}
.text-vs{
	float: left;
	width: 45%;
	padding: 30px;
	margin-top: 70px;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 25px;
	}
#tit-vs{
	margin-top: 10px;
	margin-bottom: 50px;	
	}
#vs1{
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 50px;
	margin-left: 20px;
	text-align: justify;
	}
.ft-vs1{
	float: right;
	width: 45%;
	margin-right: 10px;
	}
.ft-vs1 img{
	width:95%;
	height:auto;
	}
#cuerpo4{
	padding-top: 100px;
	padding-right: 20px;
	padding-bottom: 100px;
	padding-left: 20px;	
	}
.logito{
	padding: 10px;
	float: left;
	width: 30%;	
	}
.ubicacion{
	padding: 10px;
	float: left;
	width: 30%;
	margin-left: 50px;
	margin-top: 50px;
	}
#tit-dir{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-dir{
	margin-top: 20px;
	margin-bottom: 20px;	
	}
.sociales{
	padding: 10px;
	float: left;
	width: 30%;
	margin-left: 50px;
	margin-top: 50px;
	}
#tit-soc{
	margin-top: 20px;
	margin-bottom: 10px;	
	}

#text-soc{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;

	margin-left: 120px;
	float: left;
	}
#text-soc1{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;
	margin-left: 10px;
	float: left;
	}
#text-soc2{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;
	margin-left: 10px;
	float: left;
	}
	
/*--- autoridades ---*/

#cuerpo-aut1{
	background-image: linear-gradient(to right, #fff , #fff, #0191DA);
			
	}
.f-autf{
	float: left;
	width: 45%;
	margin-left: 20px;
	margin-right:5px;
	margin-top:25px;
	}
.f-autf img{
	width:98%;
	height:auto;
	}
.text-autf{
	float: right;
	width: 40%;
	padding: auto;
	margin-left:5px;
	margin-right: 50px;
	}
#nomb-autf{
	margin-top: 50px;
	margin-bottom: 20px;
	}
#datos-autf{
	margin-top: 30px;
	margin-bottom: 20px;
	}
#datos-autf1{
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: left;
	padding-right: 30px;
	padding-left: 30px;
	}
#cuerpo-aut2{
	background-image: linear-gradient(to left, #fff , #fff, #0191DA);
				
	}
.f-autm{
	float: right;
	width: 45%;
	margin-right: 20px;
	margin-top: 250px;
}
.f-autm img{
	width:95%;
	height:auto;
	
	}
.text-autm{
	float: left;
	width: 40%;
	padding: auto;
	margin-left: 50px;
	}
#nomb-autm{
	margin-top: 50px;
	margin-bottom: 20px;
	}
#datos-autm{
	margin-top: 30px;
	margin-bottom: 20px;
	}
#datos-autm1{
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: left;
	padding-right: 30px;
	padding-left: 30px;
	}		
	
/*--- modalidades ---*/

#cuerpo-modalidades-sp{
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-modalidades2.jpg);
	background-repeat: repeat;
	background-position: center center;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #036;
	margin-top: 60px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #036;
	}

.modalidades-v{
	height: auto;
	width: 35%;
	height: auto;
	float: left;
	padding: 35px;
	margin-top: 50px;
	margin-right: 5%;
	margin-bottom: 15px;
	margin-left: 10%;
	background-image: url(../imagenes/fd-msp.png);
	background-repeat: repeat;
	background-position: center center;
	}
#ft-sp{
	margin-top: 2px;
	margin-bottom: 2px;	
	}
#ft-sp img{
	width:auto;
	height:auto;
	
	}
#tit-sp{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-sp{
	text-align: justify;
	margin-top: 20px;
	}
.modalidades-v1{
	height: auto;
	width: 35%;
	float: right;
	background-color: rgba(0,35,140,0.3);
	padding: 30px;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 5%;
	background-image: url(../imagenes/fd-mdv.png);
	background-repeat: repeat;
	background-position: center center;
	}
#ft-dv{
	margin-top: 2px;
	margin-bottom: 2px;	
	}
#ft-dv img{
	width:auto;
	height:auto;
	
	}
#tit-dv{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-dv{
	text-align: justify;
	margin-top: 20px;
	}	

#cuerpo-modalidades{
	margin-top: 100px;
	margin-right: 20px;
	margin-bottom: 100px;
	margin-left: 20px;
	background-color: #fff;
	}
.tit-modal{
	margin-top: 25px;
	margin-bottom: 25px;	
	}
	


#cuerpo-modalidades1{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-horarios.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}
#tit-horarios{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
.horarios{
	height: auto;
	width: 35%;
	float: left;
	background-color: rgba(0,35,140,0.3);
	padding: 30px;
	margin-top: 30px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 5%;
	}
#dias{
	margin-top: 20px;
	margin-bottom: 20px;	
	}
	
.horarios1{
	height: auto;
	width: 35%;
	float: right;
	background-color: rgba(0,35,140,0.3);
	padding: 30px;
	margin-top: 30px;
	margin-right: 5%;
	margin-bottom: 15px;
	margin-left: 10%;
	}
	
/*--- requisitos ---*/
.rotacion1{
	margin-top: 80px;	
	}

#cuerpo-requisitos1{
	margin-top: 100px;
	margin-bottom: 100px;
	background-color: #fff;
	}
.requisito-a{
	padding: 30px;
	float: left;
	width: 40%;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 2%;	
	}
.tit-req1{
	text-align: left;
	padding-left: 60px;
	}
#req{
	background-color: #036;
	text-align: left;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 40px;
	width: 80%;
	border-top-left-radius: 3em;
	border-bottom-right-radius: 3em;
	margin-top: 20px;
	margin-bottom: 10px;
	transition:all .5s ease-in-out;
	}
#req:hover {filter: saturate(280%);}
	
.requisito-b{
	padding: 30px;
	float: right;
	width: 40%;
	margin-top: 20px;
	margin-right: 2%;
	margin-bottom: 20px;
	margin-left: 10px;	
	}
.tit-req2{
	text-align: left;
	padding-left: 60px;
	}
#req0{
	background-color: #036;
	text-align: left;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 40px;
	width: 80%;
	border-top-left-radius: 3em;
	border-bottom-right-radius: 3em;
	margin-top: 20px;
	margin-bottom: 10px;
	transition:all .5s ease-in-out;
	}
#req0:hover {filter: saturate(280%);}

#cuerpo-requisitos2{
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-costos.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}
.tit-costos{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
.costos1{
	height: auto;
	width: 40%;
	float: left;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: 30px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 2%;
	}
#uno{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 5px;
	}
#uno img{
	width:95%;
	height:auto;
	}
#paso0{
	margin-top: 30px;
	margin-left: 10px;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1{
	margin-top: -140px;
	margin-left: 200px;
	float: left;
	width: 250px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:5px;
	}
#paso2{
	margin-top: -80px;
	margin-left: 200px;
	float: left;
	width: 250px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3{
	margin-top: -30px;
	margin-left: 200px;
	float: left;
	width: 250px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4{
	margin-top: 30px;
	margin-left: 0px;
	float: left;
	width: 100%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}
	
.costos2{
	height: auto;
	width: 45%;
	float: right;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: -390px;
	margin-right: 5%;
	margin-bottom: 15px;
	margin-right: 5%;
	}
#dos{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 5px;
	}
#dos img{
	width:95%;
	height:auto;
	}	
	
#paso02{
	margin-top: 30px;
	margin-left: 80px;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1-2{
	margin-top: 40px;
	margin-left: 0px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso2-2{
	margin-top: 20px;
	margin-left: 0px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3-2{
	margin-top: 20px;
	margin-left: 210px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4-2{
	margin-top: 30px;
	margin-left: 0px;
	float: left;
	width: 100%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}
	
	
.costos3{
	height: auto;
	width: 45%;
	float: left;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: 100px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 30%;
	}
#tres{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 5px;
	}
#tres img{
	width:95%;
	height:auto;
	}
#paso03{
	margin-top: 30px;
	margin-left: 90px;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1-3{
	margin-top: 40px;
	margin-left: 15px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso2-3{
	margin-top: 20px;
	margin-left: 15px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3-3{
	margin-top: 20px;
	margin-left: 15px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4-3{
	margin-top: 30px;
	margin-left: 0px;
	float: left;
	width: 100%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}							
/*--- contactenos ---*/
#portada-ubc{
	background-color: #036;
	margin-top: 80px;
	}	
#ft-ubc-cad{
	float: left;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FC0;
	}
#ft-ubc-cad img{
	height: auto;
	width: 100%;	
	}

#cuerpo-ubc1{
	background-color: #fff;
	padding-top: 50px;
	}
.tit-ubc1{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
/*--mapa--*/
.mapa{
	float: left;
	margin-left: 0px;
	margin-bottom:50px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 10px;
	
	
	}
/*--codigo-mapa-google--*/

1mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}

#cuerpo-cont{
	background-color: #fff;
	padding-top: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-form.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	}
	
.tit-cont{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
	
#tex-form{
	float: left;
	margin-left: 250px;
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 5px;
	margin-bottom: 10px;
	margin-top: 0px;	
	}
.t-opinion{
	
	}
#formulario{
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 35%;	
	}
form{
	width: 450px;
	float: left;
	margin-top:50px;
	margin-left: 1%;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 0px;	
	}
input[name="nombre"]{
	width: auto;
	margin-bottom: 15px;
	margin-top: 30px;
	height: 30px;
	}
input[name="empresa"]{
	width: auto;
	margin-bottom: 5px;
	margin-top: 10px;
	height: 30px;
	}
input[name="email"]{
	width: auto;
	margin-bottom: 10px;
	margin-top: 5px;
	height: 30px;
	}
#recaptcha{
	margin-left:70px;
	}

textarea{
	width: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	}

@media (max-width:480px){
	form{
		width:95%;
	}
}		
	
			
	
	
	
}


@media only screen and (max-width:1152px){
	
#contenedor{
	width: 100%;
	margon: 0 auto;
	margin-top: 0;
	
	}	
	
.flotante {
	display: scroll;
	position: fixed;
	bottom: 10px;
	right: 20px;
	text-shadow: 0.1em 0.1em 0.2em black;
	z-index: 999;
}
.flotante1 {
	display: scroll;
	position: fixed;
	bottom: 0px;
	animation-name:bch1;
	z-index: 99;
	animation: bch1 5s;
  animation-fill-mode: forwards;
}

@keyframes bch1{
	from {left:-300px;}
  to {left: 10px;}
	}
	
.flotante1 img{
	height: 95%;
	width: 95%;	
	}


#cabecera{
	background-image: linear-gradient(to bottom, rgba(0,51,102,0.5), rgba(0,51,102,0));
	height: auto;
	width: 100%;
	float: left;
	}
#logo{
	float: left;
	margin-top: 2%;
	margin-right: 40%;
	margin-bottom: 2%;
	margin-left: 40%;
	width: auto;
	}
#logo img{
	height: auto;
	width: 99%;	
	}
#logoc{
	float: left;
	margin-top: 0px;
	margin-left: 35%;
	margin-bottom: 2%;
	margin-right: 30%;
	width: auto;
	}
#logoc img{
	height: auto;
	width: 99%;	
	}
#menu1{
	margin-top: 45px;
	margin-right: 5%;
	margin-left: 10%;
	width: 900px;
	}
#introduccion{
	margin-top: 50px;
	margin-bottom: 50px;
	padding-top: 20px;
	padding-right: 20%;
	padding-bottom: 20px;
	padding-left: 25%;	
	}
.intro{
	
	padding-top: 50px;
	padding-right: 30px;
	padding-bottom: 50px;
	padding-left: 30px;
	background-color: rgba(255,255,255,0.1);
	}

#text-intro{
	text-align: justify;
	margin-top: 15px;
	margin-bottom: 20px;	
	}
#videos-cadvrish{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-videos-cad.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	}
.video-vrish{
	margin: 15px;
	height: auto;
	width: 45%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 30px;
	
	}

.video-vrish1 {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 450px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.video-vrish1 iframe,
.video-vrish1 object,
.video-vrish1 embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}	
	
.video-vrish2{
	margin: 15px;
	height: auto;
	width: 45%;
	float: right;
	background-color: rgba(102,102,102,0.5);
	padding: 30px;
	
	}	
	

/* --- Pie pagina ---*/
footer{
	height: 50px;
	width: auto;
	border-bottom-width: 0px;
	margin-top: 200px;
	}
#piepagina{
	height: 50px;
	width:100%;
	background-color: #003366;
	margin-top: 0px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FC0;
	}
.dere{
	float: left;
	width: 450px;
	margin-top: 20px;
	margin-left: 450px;	
	}
.dere1{
	float: left;
	width: 450px;
	margin-top: 10px;
	margin-left: 350px;	
	}
.contador{
	float: right;
	width: 120px;
	height: auto;
	margin-top: 60px;
	margin-right: 70px;
	}
/*--- inst ---*/
#cabecera1{
	
	position: fixed;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
#menu2{
	margin-top: 10px;
	margin-right: 10%;
	margin-left: 10%;
	margin-botton: 10px;
	}
#portada{
	margin-top: 60px;	
	
	}
#slogan{
	margin-top: 80px;
	margin-left: 50px;
	z-index: 60;
	position: absolute;
	background-color: rgba(0,32,64,0.5);
	border-radius: 2em;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 8px;
	padding-left: 20px;
	}
#slogan img{
	height: auto;
	width: 95%;	
	
	}
#ft-prin{
	float: left;	
	}
#ft-prin img{
	height: auto;
	width: 100%;	
	}

#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-cp1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;	
	}

.quienes{
	height: auto;
	width: 45%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 30px;
	margin-top: 30px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}
	#tit{
	margin-top: 20px;
	margin-bottom: 40px;	
	}
#text-q{
	text-align: justify;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;	
	}
.video{
	margin: 15px;
	height: auto;
	width: 45%;
	float: right;
	background-color: rgba(102,102,102,0.5);
	padding: 30px;
	
	}

.video-cad {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 450px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.video-cad iframe,
.video-cad object,
.video-cad embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}

#cuerpo2{
	background-color: #666;
	padding-top: 60px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 30px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-cp2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #003399;
	}
.ft-ms{
	float: left;
	width: 45%;	
	}

.text-ms{
	float: right;
	width: 45%;
	padding: 60px;
	margin-top: 100px;
	margin-right: 50px;
	margin-bottom: 50px;
	margin-left: 50px;
	
	}
#tit-ms{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
#ms1{
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 50px;
	margin-left: 20px;
	text-align: justify;
	}
#cuerpo3{
	background-color: #666;
	padding-top: 60px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 10px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFF;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-vs.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #036;
	}
.text-vs{
	float: left;
	width: 45%;
	padding: 30px;
	margin-top: 70px;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 15px;
	}
#tit-vs{
	margin-top: 10px;
	margin-bottom: 50px;	
	}
#vs1{
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
	text-align: justify;
	}
.ft-vis1{
	float: right;
	width: 45%;
	margin-right: 0px;
	margin-top: 50px;
	}
.ft-vis1 img{
	width:99%;
	height:auto;
	}
#cuerpo4{
	padding-top: 100px;
	padding-right: 20px;
	padding-bottom: 100px;
	padding-left: 20px;	
	}
.logito{
	padding: 10px;
	float: left;
	width: 30%;	
	}
.ubicacion{
	padding: 10px;
	float: left;
	width: 30%;
	margin-left: 40px;
	margin-top: 50px;
	}
#tit-dir{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-dir{
	margin-top: 20px;
	margin-bottom: 20px;	
	}
.sociales{
	padding: 10px;
	float: left;
	width: 32%;
	margin-left: 40px;
	margin-top: 50px;
	}
#tit-soc{
	margin-top: 20px;
	margin-bottom: 10px;	
	}

#text-soc{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;

	margin-left: 50px;
	float: left;
	}
#text-soc1{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;
	margin-left: 10px;
	float: left;
	}
#text-soc2{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;
	margin-left: 10px;
	float: left;
	}
/*--- autoridades ---*/

#cuerpo-aut1{
	background-image: linear-gradient(to right, #fff , #fff, #0191DA);
			
	}
.f-autf{
	float: left;
	width: 45%;
	margin-left: 20px;
	margin-right:5px;
	margin-top:35px;
	}
.f-autf img{
	width:98%;
	height:auto;
	}
.text-autf{
	float: right;
	width: 40%;
	padding: auto;
	margin-left:5px;
	margin-right: 50px;
	}
#nomb-autf{
	margin-top: 50px;
	margin-bottom: 20px;
	}
#datos-autf{
	margin-top: 30px;
	margin-bottom: 20px;
	}
#datos-autf1{
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: left;
	padding-right: 30px;
	padding-left: 30px;
	}
#cuerpo-aut2{
	background-image: linear-gradient(to left, #fff , #fff, #0191DA);
				
	}
.f-autm{
	float: right;
	width: 45%;
	margin-right: 20px;
	margin-top: 350px;
}
.f-autm img{
	width:98%;
	height:auto;
	
	}
.text-autm{
	float: left;
	width: 40%;
	padding: auto;
	margin-left: 50px;
	}
#nomb-autm{
	margin-top: 50px;
	margin-bottom: 20px;
	}
#datos-autm{
	margin-top: 30px;
	margin-bottom: 20px;
	}
#datos-autm1{
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: left;
	padding-right: 30px;
	padding-left: 30px;
	}				

/*--- modalidades ---*/

#cuerpo-modalidades-sp{
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-modalidades2.jpg);
	background-repeat: repeat;
	background-position: center center;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #036;
	margin-top: 60px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #036;
	}

.modalidades-v{
	height: auto;
	width: 35%;
	height: auto;
	float: left;
	padding: 35px;
	margin-top: 50px;
	margin-right: 5%;
	margin-bottom: 15px;
	margin-left: 10%;
	background-image: url(../imagenes/fd-msp.png);
	background-repeat: repeat;
	background-position: center center;
	}
#ft-sp{
	margin-top: 2px;
	margin-bottom: 2px;	
	}
#ft-sp img{
	width:auto;
	height:auto;
	
	}
#tit-sp{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-sp{
	text-align: justify;
	margin-top: 20px;
	}
.modalidades-v1{
	height: auto;
	width: 35%;
	float: right;
	background-color: rgba(0,35,140,0.3);
	padding: 30px;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 5%;
	background-image: url(../imagenes/fd-mdv.png);
	background-repeat: repeat;
	background-position: center center;
	}
#ft-dv{
	margin-top: 2px;
	margin-bottom: 2px;	
	}
#ft-dv img{
	width:auto;
	height:auto;
	
	}
#tit-dv{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-dv{
	text-align: justify;
	margin-top: 20px;
	}	

#cuerpo-modalidades{
	margin-top: 100px;
	margin-right: 20px;
	margin-bottom: 100px;
	margin-left: 20px;
	background-color: #fff;
	}
.tit-modal{
	margin-top: 25px;
	margin-bottom: 25px;	
	}
	


#cuerpo-modalidades1{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-horarios.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}
#tit-horarios{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
.horarios{
	height: auto;
	width: 40%;
	float: left;
	background-color: rgba(0,35,140,0.3);
	padding: 30px;
	margin-top: 30px;
	margin-right: 2%;
	margin-bottom: 15px;
	margin-left: 2%;
	}
#dias{
	margin-top: 20px;
	margin-bottom: 20px;	
	}
	
.horarios1{
	height: auto;
	width: 40%;
	float: right;
	background-color: rgba(0,35,140,0.3);
	padding: 30px;
	margin-top: 30px;
	margin-right: 2%;
	margin-bottom: 15px;
	margin-left: 2%;
	}	


	
/*--- requisitos ---*/
.rotacion1{
	margin-top: 80px;	
	}

#cuerpo-requisitos1{
	margin-top: 100px;
	margin-bottom: 100px;
	background-color: #fff;
	}
.requisito-a{
	padding: 30px;
	float: left;
	width: 40%;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 2%;	
	}
.tit-req1{
	text-align: left;
	padding-left: 60px;
	}
#req{
	background-color: #036;
	text-align: left;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 40px;
	width: 80%;
	border-top-left-radius: 3em;
	border-bottom-right-radius: 3em;
	margin-top: 20px;
	margin-bottom: 10px;
	transition:all .5s ease-in-out;
	}
#req:hover {filter: saturate(280%);}
	
.requisito-b{
	padding: 30px;
	float: right;
	width: 40%;
	margin-top: 20px;
	margin-right: 2%;
	margin-bottom: 20px;
	margin-left: 10px;	
	}
.tit-req2{
	text-align: left;
	padding-left: 60px;
	}
#req0{
	background-color: #036;
	text-align: left;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 40px;
	width: 80%;
	border-top-left-radius: 3em;
	border-bottom-right-radius: 3em;
	margin-top: 20px;
	margin-bottom: 10px;
	transition:all .5s ease-in-out;
	}
#req0:hover {filter: saturate(280%);}

#cuerpo-requisitos2{
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-costos.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}
.tit-costos{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
.costos1{
	height: auto;
	width: 60%;
	float: left;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: 30px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 20%;
	}
#uno{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 5px;
	}
#uno img{
	width:95%;
	height:auto;
	}
#paso0{
	margin-top: 30px;
	margin-left: 10px;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1{
	margin-top: -140px;
	margin-left: 200px;
	float: left;
	width: 250px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:5px;
	}
#paso2{
	margin-top: -80px;
	margin-left: 200px;
	float: left;
	width: 250px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3{
	margin-top: -30px;
	margin-left: 200px;
	float: left;
	width: 250px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4{
	margin-top: 30px;
	margin-left: 10%;
	margin-right:10%;
	float: left;
	width: 80%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}
	
.costos2{
	height: auto;
	width: 60%;
	float: right;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: 10px;
	margin-right: 20%;
	margin-bottom: 15px;
	
	}
#dos{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 5px;
	}
#dos img{
	width:95%;
	height:auto;
	}	
	
#paso02{
	margin-top: 30px;
	margin-left: 80px;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1-2{
	margin-top: 40px;
	margin-left: 0px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso2-2{
	margin-top: 20px;
	margin-left: 0px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3-2{
	margin-top: 20px;
	margin-left: 210px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4-2{
	margin-top: 30px;
	margin-left: 10%;
	margin-right: 10%;
	float: left;
	width: 80%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}
	
	
.costos3{
	height: auto;
	width: 60%;
	float: left;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: 10px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 20%;
	}
#tres{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 5px;
	}
#tres img{
	width:95%;
	height:auto;
	}
#paso03{
	margin-top: 30px;
	margin-left: 90px;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1-3{
	margin-top: 40px;
	margin-left: 15px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso2-3{
	margin-top: 20px;
	margin-left: 15px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3-3{
	margin-top: 20px;
	margin-left: 15px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4-3{
	margin-top: 30px;
	margin-left: 10%;
	margin-right: 10%;
	float: left;
	width: 80%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}							
/*--- contactenos ---*/
#portada-ubc{
	background-color: #036;
	margin-top: 80px;
	}	
#ft-ubc-cad{
	float: left;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FC0;
	}
#ft-ubc-cad img{
	height: auto;
	width: 100%;	
	}

#cuerpo-ubc1{
	background-color: #fff;
	padding-top: 50px;
	}
.tit-ubc1{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
/*--mapa--*/
.mapa{
	float: left;
	margin-left: 0px;
	margin-bottom:50px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 10px;
	
	
	}
/*--codigo-mapa-google--*/

1mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}

#cuerpo-cont{
	background-color: #fff;
	padding-top: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-form.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	}
	
.tit-cont{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
	
#tex-form{
	float: left;
	margin-left: 250px;
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 5px;
	margin-bottom: 10px;
	margin-top: 0px;	
	}
.t-opinion{
	
	}
#formulario{
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 30%;	
	}
form{
	width: 450px;
	float: left;
	margin-top:50px;
	margin-left: 1%;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 0px;	
	}
input[name="nombre"]{
	width: auto;
	margin-bottom: 15px;
	margin-top: 30px;
	height: 30px;
	}
input[name="empresa"]{
	width: auto;
	margin-bottom: 5px;
	margin-top: 10px;
	height: 30px;
	}
input[name="email"]{
	width: auto;
	margin-bottom: 10px;
	margin-top: 5px;
	height: 30px;
	}
#recaptcha{
	margin-left:70px;
	}

textarea{
	width: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	}

@media (max-width:480px){
	form{
		width:95%;
	}
}		
	
	
	
	
}


@media only screen and (max-width:1024px){
	
#contenedor{
	width: 100%;
	margon: 0 auto;
	margin-top: 0;
	
	}	
	
.flotante {
	display: scroll;
	position: fixed;
	bottom: 10px;
	right: 20px;
	text-shadow: 0.1em 0.1em 0.2em black;
	z-index: 999;
}
.flotante1 {
	display: scroll;
	position: fixed;
	bottom: 0px;
	animation-name:bch1;
	z-index: 99;
	animation: bch1 5s;
  animation-fill-mode: forwards;
}

@keyframes bch1{
	from {left:-300px;}
  to {left: 10px;}
	}
	
.flotante1 img{
	height: 95%;
	width: 95%;	
	}


#cabecera{
	background-image: linear-gradient(to bottom, rgba(0,51,102,0.5), rgba(0,51,102,0));
	height: auto;
	width: 100%;
	float: left;
	}
#logo{
	float: left;
	margin-top: 2%;
	margin-right: 40%;
	margin-bottom: 2%;
	margin-left: 40%;
	width: auto;
	}
#logo img{
	height: auto;
	width: 99%;	
	}
#logoc{
	float: left;
	margin-top: 0px;
	margin-left: 30%;
	margin-bottom: 2%;
	margin-right: 30%;
	width: auto;
	}
#logoc img{
	height: auto;
	width: 99%;	
	}
#menu1{
	margin-top: 45px;
	margin-right: 5px;
	margin-left: 5px;
	width: 99%;
	}
#introduccion{
	margin-top: 50px;
	margin-bottom: 50px;
	padding-top: 20px;
	padding-right: 10%;
	padding-bottom: 20px;
	padding-left: 25%;	
	}
.intro{
	
	padding-top: 50px;
	padding-right: 30px;
	padding-bottom: 50px;
	padding-left: 30px;
	background-color: rgba(255,255,255,0.1);
	}

#text-intro{
	text-align: justify;
	margin-top: 15px;
	margin-bottom: 20px;	
	}
#videos-cadvrish{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-videos-cad.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	}
.video-vrish{
	margin: 15px;
	height: auto;
	width: 45%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 30px;
	
	}

.video-vrish1 {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 450px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.video-vrish1 iframe,
.video-vrish1 object,
.video-vrish1 embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}	
	
.video-vrish2{
	margin: 15px;
	height: auto;
	width: 45%;
	float: right;
	background-color: rgba(102,102,102,0.5);
	padding: 30px;
	
	}		
	

/* --- Pie pagina ---*/
footer{
	height: 50px;
	width: auto;
	border-bottom-width: 0px;
	margin-top: 200px;
	}
#piepagina{
	height: 50px;
	width:100%;
	background-color: #003366;
	margin-top: 0px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FC0;
	}
.dere{
	float: left;
	width: 450px;
	margin-top: 20px;
	margin-left: 450px;	
	}
.dere1{
	float: left;
	width: 450px;
	margin-top: 10px;
	margin-left: 300px;	
	}
.contador{
	float: right;
	width: 120px;
	height: auto;
	margin-top: 60px;
	margin-right: 70px;
	}
	
/*--- inst ---*/
#cabecera1{
	
	position: fixed;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
#menu2{
	margin-top: 10px;
	margin-right: 0%;
	margin-left: 0%;
	margin-botton: 10px;
	width: 99.5%;
	}
#portada{
	margin-top: 60px;	
	
	}
#slogan{
	margin-top: 80px;
	margin-left: 50px;
	z-index: 60;
	position: absolute;
	background-color: rgba(0,32,64,0.5);
	border-radius: 2em;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 8px;
	padding-left: 20px;
	}
#slogan img{
	height: auto;
	width: 95%;	
	
	}
#ft-prin{
	float: left;	
	}
#ft-prin img{
	height: auto;
	width: 100%;	
	}

#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-cp1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;	
	}

.quienes{
	height: auto;
	width: 45%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 30px;
	margin-top: 30px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}
	#tit{
	margin-top: 20px;
	margin-bottom: 40px;	
	}
#text-q{
	text-align: justify;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;	
	}
.video{
	margin: 15px;
	height: auto;
	width: 45%;
	float: right;
	background-color: rgba(102,102,102,0.5);
	padding: 30px;
	
	}

.video-cad {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 450px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.video-cad iframe,
.video-cad object,
.video-cad embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}

#cuerpo2{
	background-color: #666;
	padding-top: 60px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 30px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-cp2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #003399;
	}
.ft-ms{
	float: left;
	width: 45%;	
	}
.ft-ms img{
	height: auto;
	width: 100%;	
	}
.text-ms{
	float: right;
	width: 35%;
	padding: 15px;
	margin-top: 0px;
	margin-right: 50px;
	margin-bottom: 50px;
	margin-left: 50px;
	
	}
#tit-ms{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
#ms1{
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 50px;
	margin-left: 5px;
	text-align: justify;
	}
#cuerpo3{
	background-color: #666;
	padding-top: 60px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 10px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFF;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-vs.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #036;
	}
.text-vs{
	float: left;
	width: 45%;
	padding: 10px;
	margin-top: 70px;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 15px;
	}
#tit-vs{
	margin-top: 10px;
	margin-bottom: 50px;	
	}
#vs1{
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	text-align: justify;
	}
.ft-vis1{
	float: right;
	width: 45%;
	margin-right: 0px;
	margin-top: 50px;
	}
.ft-vis1 img{
	width:99%;
	height:auto;
	}
#cuerpo4{
	padding-top: 100px;
	padding-right: 20px;
	padding-bottom: 100px;
	padding-left: 20px;	
	}
.logito{
	padding: 10px;
	float: left;
	width: 30%;
	margin-left: 100px;
	}
.logito img{
	width: 95%;
	height: auto;	
		}
.ubicacion{
	padding: 0px;
	float: left;
	width: 30%;
	margin-left: 150px;
	margin-top: 0px;
	}
#tit-dir{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-dir{
	margin-top: 20px;
	margin-bottom: 20px;	
	}
.sociales{
	padding: 10px;
	float: left;
	width: 40%;
	margin-left: 100px;
	margin-top: 50px;
	}
#tit-soc{
	margin-top: 20px;
	margin-bottom: 10px;	
	}

#text-soc{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;

	margin-left: 70px;
	float: left;
	}
#text-soc1{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;
	margin-left: 10px;
	float: left;
	}
#text-soc2{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;
	margin-left: 10px;
	float: left;
	}
/*--- autoridades ---*/

#cuerpo-aut1{
	background-image: linear-gradient(to right, #fff , #fff, #0191DA);
			
	}
.f-autf{
	float: left;
	width: 45%;
	margin-left: 20px;
	margin-right:5px;
	margin-top:150px;
	}
.f-autf img{
	width:98%;
	height:auto;
	}
.text-autf{
	float: right;
	width: 40%;
	padding: auto;
	margin-left:5px;
	margin-right: 50px;
	}
#nomb-autf{
	margin-top: 50px;
	margin-bottom: 20px;
	}
#datos-autf{
	margin-top: 30px;
	margin-bottom: 20px;
	}
#datos-autf1{
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: left;
	padding-right: 30px;
	padding-left: 30px;
	}
#cuerpo-aut2{
	background-image: linear-gradient(to left, #fff , #fff, #0191DA);
				
	}
.f-autm{
	float: right;
	width: 45%;
	margin-right: 20px;
	margin-top: 350px;
}
.f-autm img{
	width:98%;
	height:auto;
	
	}
.text-autm{
	float: left;
	width: 40%;
	padding: auto;
	margin-left: 50px;
	}
#nomb-autm{
	margin-top: 50px;
	margin-bottom: 20px;
	}
#datos-autm{
	margin-top: 30px;
	margin-bottom: 20px;
	}
#datos-autm1{
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: left;
	padding-right: 30px;
	padding-left: 30px;
	}			
/*--- modalidades ---*/

#cuerpo-modalidades-sp{
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-modalidades2.jpg);
	background-repeat: repeat;
	background-position: center center;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #036;
	margin-top: 60px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #036;
	}

.modalidades-v{
	height: auto;
	width: 80%;
	height: auto;
	float: left;
	padding: 35px;
	margin-top: 50px;
	margin-right: 5%;
	margin-bottom: 15px;
	margin-left: 10%;
	background-image: url(../imagenes/fd-msp.png);
	background-repeat: repeat;
	background-position: center center;
	}
#ft-sp{
	margin-top: 2px;
	margin-bottom: 2px;	
	}
#ft-sp img{
	width:auto;
	height:auto;
	
	}
#tit-sp{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-sp{
	text-align: justify;
	margin-top: 20px;
	}
.modalidades-v1{
	height: auto;
	width: 80%;
	float: right;
	background-color: rgba(0,35,140,0.3);
	padding: 30px;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 5%;
	background-image: url(../imagenes/fd-mdv.png);
	background-repeat: repeat;
	background-position: center center;
	}
#ft-dv{
	margin-top: 2px;
	margin-bottom: 2px;	
	}
#ft-dv img{
	width:auto;
	height:auto;
	
	}
#tit-dv{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-dv{
	text-align: justify;
	margin-top: 20px;
	}	

#cuerpo-modalidades{
	margin-top: 100px;
	margin-right: 20px;
	margin-bottom: 100px;
	margin-left: 20px;
	background-color: #fff;
	}
.tit-modal{
	margin-top: 25px;
	margin-bottom: 25px;	
	}
	


#cuerpo-modalidades1{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-horarios.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}
#tit-horarios{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
.horarios{
	height: auto;
	width: 80%;
	float: left;
	background-color: rgba(0,35,140,0.3);
	padding: 30px;
	margin-top: 30px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 10%;
	}
#dias{
	margin-top: 20px;
	margin-bottom: 20px;	
	}
	
.horarios1{
	height: auto;
	width: 80%;
	float: left;
	background-color: rgba(0,35,140,0.3);
	padding: 30px;
	margin-top: 30px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 10%;
	}
	
/*--- requisitos ---*/
.rotacion1{
	margin-top: 80px;	
	}

#cuerpo-requisitos1{
	margin-top: 100px;
	margin-bottom: 100px;
	background-color: #fff;
	}
.requisito-a{
	padding: 30px;
	float: left;
	width: 40%;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 2%;	
	}
.tit-req1{
	text-align: left;
	padding-left: 60px;
	}
#req{
	background-color: #036;
	text-align: left;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 40px;
	width: 90%;
	border-top-left-radius: 3em;
	border-bottom-right-radius: 3em;
	margin-top: 20px;
	margin-bottom: 10px;
	transition:all .5s ease-in-out;
	}
#req:hover {filter: saturate(280%);}
	
.requisito-b{
	padding: 30px;
	float: right;
	width: 40%;
	margin-top: 20px;
	margin-right: 2%;
	margin-bottom: 20px;
	margin-left: 10px;	
	}
.tit-req2{
	text-align: left;
	padding-left: 60px;
	}
#req0{
	background-color: #036;
	text-align: left;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 40px;
	width: 90%;
	border-top-left-radius: 3em;
	border-bottom-right-radius: 3em;
	margin-top: 20px;
	margin-bottom: 10px;
	transition:all .5s ease-in-out;
	}
#req0:hover {filter: saturate(280%);}

#cuerpo-requisitos2{
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-costos.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}
.tit-costos{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
.costos1{
	height: auto;
	width: 60%;
	float: left;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: 30px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 20%;
	}
#uno{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 5px;
	}
#uno img{
	width:95%;
	height:auto;
	}
#paso0{
	margin-top: 30px;
	margin-left: 10px;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1{
	margin-top: -140px;
	margin-left: 200px;
	float: left;
	width: 250px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:5px;
	}
#paso2{
	margin-top: -80px;
	margin-left: 200px;
	float: left;
	width: 250px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3{
	margin-top: -30px;
	margin-left: 200px;
	float: left;
	width: 250px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4{
	margin-top: 30px;
	margin-left: 10%;
	margin-right:10%;
	float: left;
	width: 80%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}
	
.costos2{
	height: auto;
	width: 60%;
	float: right;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: 10px;
	margin-right: 20%;
	margin-bottom: 15px;
	
	}
#dos{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 5px;
	}
#dos img{
	width:95%;
	height:auto;
	}	
	
#paso02{
	margin-top: 30px;
	margin-left: 80px;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1-2{
	margin-top: 40px;
	margin-left: 0px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso2-2{
	margin-top: 20px;
	margin-left: 0px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3-2{
	margin-top: 20px;
	margin-left: 210px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4-2{
	margin-top: 30px;
	margin-left: 10%;
	margin-right: 10%;
	float: left;
	width: 80%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}
	
	
.costos3{
	height: auto;
	width: 60%;
	float: left;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: 10px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 20%;
	}
#tres{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 5px;
	}
#tres img{
	width:95%;
	height:auto;
	}
#paso03{
	margin-top: 30px;
	margin-left: 90px;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1-3{
	margin-top: 40px;
	margin-left: 15px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso2-3{
	margin-top: 20px;
	margin-left: 15px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3-3{
	margin-top: 20px;
	margin-left: 15px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4-3{
	margin-top: 30px;
	margin-left: 10%;
	margin-right: 10%;
	float: left;
	width: 80%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}	
/*--- contactenos ---*/
#portada-ubc{
	background-color: #036;
	margin-top: 80px;
	}	
#ft-ubc-cad{
	float: left;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FC0;
	}
#ft-ubc-cad img{
	height: auto;
	width: 100%;	
	}

#cuerpo-ubc1{
	background-color: #fff;
	padding-top: 50px;
	}
.tit-ubc1{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
/*--mapa--*/
.mapa{
	float: left;
	margin-left: 0px;
	margin-bottom:50px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 10px;
	
	
	}
/*--codigo-mapa-google--*/

1mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}

#cuerpo-cont{
	background-color: #fff;
	padding-top: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-form.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	}
	
.tit-cont{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
	
#tex-form{
	float: left;
	margin-left: 250px;
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 5px;
	margin-bottom: 10px;
	margin-top: 0px;	
	}
.t-opinion{
	
	}
#formulario{
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 30%;	
	}
form{
	width: 450px;
	float: left;
	margin-top:50px;
	margin-left: 1%;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 0px;	
	}
input[name="nombre"]{
	width: auto;
	margin-bottom: 15px;
	margin-top: 30px;
	height: 30px;
	}
input[name="empresa"]{
	width: auto;
	margin-bottom: 5px;
	margin-top: 10px;
	height: 30px;
	}
input[name="email"]{
	width: auto;
	margin-bottom: 10px;
	margin-top: 5px;
	height: 30px;
	}
#recaptcha{
	margin-left:70px;
	}

textarea{
	width: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	}

@media (max-width:480px){
	form{
		width:95%;
	}
}		
		
		
	
	
	
	
	
	
}


@media only screen and (max-width:768px){
	
#contenedor{
	width: 100%;
	margon: 0 auto;
	margin-top: 0;
	
	}	
	
.flotante {
	display: scroll;
	position: fixed;
	bottom: 10px;
	right: 20px;
	text-shadow: 0.1em 0.1em 0.2em black;
	z-index: 999;
}
.flotante1 {
	display: scroll;
	position: fixed;
	bottom: 0px;
	animation-name:bch1;
	z-index: 99;
	animation: bch1 5s;
  animation-fill-mode: forwards;
}

@keyframes bch1{
	from {left:-300px;}
  to {left: 10px;}
	}
	
.flotante1 img{
	height: 95%;
	width: 95%;	
	}


#cabecera{
	background-image: linear-gradient(to bottom, rgba(0,51,102,0.5), rgba(0,51,102,0));
	height: auto;
	width: 100%;
	float: left;
	}
#logo{
	float: left;
	margin-top: 2%;
	margin-right: 40%;
	margin-bottom: 2%;
	margin-left: 35%;
	width: auto;
	}
#logo img{
	height: auto;
	width: 99%;	
	}
#logoc{
	float: left;
	margin-top: 0px;
	margin-left: 20%;
	margin-bottom: 2%;
	margin-right: 0%;
	width: auto;
	}
#logoc img{
	height: auto;
	width: 99%;	
	}
#menu1{
	margin-top: 45px;
	margin-right: 5px;
	margin-left: 5px;
	width: 99%;
	}
#introduccion{
	margin-top: 50px;
	margin-bottom: 50px;
	padding-top: 20px;
	padding-right: 10%;
	padding-bottom: 20px;
	padding-left: 25%;	
	}
.intro{
	
	padding-top: 50px;
	padding-right: 30px;
	padding-bottom: 50px;
	padding-left: 30px;
	background-color: rgba(255,255,255,0.1);
	}

#text-intro{
	text-align: justify;
	margin-top: 15px;
	margin-bottom: 20px;	
	}
#videos-cadvrish{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-videos-cad.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	}
.video-vrish{
	margin: 15px;
	height: auto;
	width: 90%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 15px;
	margin-top: 15px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 5%;	
	}

.video-vrish1 {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 450px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.video-vrish1 iframe,
.video-vrish1 object,
.video-vrish1 embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}	
	
.video-vrish2{
	height: auto;
	width: 90%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 15px;
	margin-top: 15px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 5%;	
	}			
	
/* --- Pie pagina ---*/
footer{
	height: 50px;
	width: auto;
	border-bottom-width: 0px;
	margin-top: 200px;
	}
#piepagina{
	height: 60px;
	width:100%;
	background-color: #003366;
	margin-top: 0px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FC0;
	}
.dere{
	float: left;
	width: 450px;
	margin-top: 20px;
	margin-left: 150px;	
	}
.dere1{
	float: left;
	width: 300px;
	margin-top: 10px;
	margin-left: 200px;
	padding-right: 10px;
	padding-left: 10px;
	background-color: rgba(255,255,255,0.5);
	}
.contador{
	float: right;
	width: 120px;
	height: auto;
	margin-top: 60px;
	margin-right: 70px;
	}	
	
/*--- inst ---*/
#cabecera1{
	
	position: fixed;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
#menu2{
	margin-top: 10px;
	margin-right: 0%;
	margin-left: 0%;
	margin-botton: 10px;
	width: 99.5%;
	}
#portada{
	margin-top: 150px;	
	
	}
#slogan{
	margin-top: -50px;
	margin-left:20%;
	z-index: 60;
	position: absolute;
	background-color: rgba(0,32,64,0.5);
	border-radius: 2em;
	padding-top: 8px;
	padding-right: 3px;
	padding-bottom: 8px;
	padding-left: 3px;
	}
#slogan img{
	height: auto;
	width: 80%;	
	
	}
#ft-prin{
	float: left;	
	}
#ft-prin img{
	height: auto;
	width: 100%;	
	}

#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-cp1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;	
	}

.quienes{
	height: auto;
	width: 80%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 30px;
	margin-top: 30px;
	margin-right: 2%;
	margin-bottom: 15px;
	margin-left: 10%;
}
	#tit{
	margin-top: 20px;
	margin-bottom: 40px;	
	}
#text-q{
	text-align: justify;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;	
	}
.video{
	height: auto;
	width: 80%;
	float: right;
	background-color: rgba(102,102,102,0.5);
	padding: 30px;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 2%;	
	}

.video-cad {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 450px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.video-cad iframe,
.video-cad object,
.video-cad embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}

#cuerpo2{
	background-color: #666;
	padding-top: 60px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 30px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-cp2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #003399;
	}
.ft-ms{
	float: left;
	width: 80%;
	margin-top: 50px;
	margin-right: 2%;
	margin-left: 10%;
	}
.ft-ms img{
	height: auto;
	width: 100%;	
	}
.text-ms{
	float: left;
	width: 80%;
	padding: 15px;
	margin-top: 0px;
	margin-right: 2%;
	margin-bottom: 50px;
	margin-left: 10%;
	
	}
#tit-ms{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
#ms1{
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 50px;
	margin-left: 5px;
	text-align: justify;
	}
#cuerpo3{
	background-color: #666;
	padding-top: 60px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 10px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFF;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-vs.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #036;
	}
.text-vs{
	float: left;
	width: 80%;
	padding: 10px;
	margin-top: 70px;
	margin-right: 2%;
	margin-bottom: 0px;
	margin-left: 10%;
	}
#tit-vs{
	margin-top: 10px;
	margin-bottom: 50px;	
	}
#vs1{
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	text-align: justify;
	}
.ft-vis1{
	float: left;
	width: 80%;
	margin-left: 10%;
	margin-right: 2%;
	margin-top: 10px;
	}
.ft-vis1 img{
	width:99%;
	height:auto;
	}
#cuerpo4{
	padding-top: 100px;
	padding-right: 20px;
	padding-bottom: 100px;
	padding-left: 20px;	
	}
.logito{
	padding: 10px;
	float: left;
	width: 30%;
	margin-left: 100px;
	}
.logito img{
	width: 80%;
	height: auto;	
		}
.ubicacion{
	padding: 0px;
	float: left;
	width: 30%;
	margin-left: 150px;
	margin-top: 0px;
	}
#tit-dir{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-dir{
	margin-top: 20px;
	margin-bottom: 20px;	
	}
.sociales{
	padding: 10px;
	float: left;
	width: 48%;
	margin-left: 30%;
	margin-top: 50px;
	text-align: left;
	}
#tit-soc{
	margin-top: 20px;
	margin-bottom: 10px;	
	}

#text-soc{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;
	margin-left: 10px;
	float: left;
	}
#text-soc1{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;
	margin-left: 10px;
	float: left;
	}
#text-soc2{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;
	margin-left: 10px;
	float: left;
	}
	
/*--- autoridades ---*/

#cuerpo-aut1{
	background-image: linear-gradient(to right, #fff , #fff, #0191DA);
			
	}
.f-autf{
	float: left;
	width: 90%;
	margin-left: 5%;
	margin-right:5%;
	margin-top:10px;
	}
.f-autf img{
	width:98%;
	height:auto;
	}
.text-autf{
	float: right;
	width: 90%;
	padding: auto;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 20px;
	}
#nomb-autf{
	margin-top: 50px;
	margin-bottom: 20px;
	}
#datos-autf{
	margin-top: 30px;
	margin-bottom: 20px;
	}
#datos-autf1{
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: left;
	padding-right: 30px;
	padding-left: 30px;
	}
#cuerpo-aut2{
	background-image: linear-gradient(to left, #fff , #fff, #0191DA);
				
	}
.f-autm{
	float: left;
	width: 90%;
	margin-right: 5%;
	margin-left:5%;
	margin-top: 10px;
}
.f-autm img{
	width:98%;
	height:auto;
	
	}
.text-autm{
	float: left;
	width: 90%;
	padding: auto;
	margin-left: 5%;
	margin-right:5%;
	
	}
#nomb-autm{
	margin-top: 50px;
	margin-bottom: 20px;
	}
#datos-autm{
	margin-top: 30px;
	margin-bottom: 20px;
	}
#datos-autm1{
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: left;
	padding-right: 30px;
	padding-left: 30px;
	}					

/*--- modalidades ---*/

#cuerpo-modalidades-sp{
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-modalidades2.jpg);
	background-repeat: repeat;
	background-position: center center;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #036;
	margin-top: 60px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #036;
	}

.modalidades-v{
	height: auto;
	width: 80%;
	height: auto;
	float: left;
	padding: 35px;
	margin-top: 50px;
	margin-right: 5%;
	margin-bottom: 15px;
	margin-left: 10%;
	background-image: url(../imagenes/fd-msp.png);
	background-repeat: repeat;
	background-position: center center;
	}
#ft-sp{
	margin-top: 2px;
	margin-bottom: 2px;	
	}
#ft-sp img{
	width:auto;
	height:auto;
	
	}
#tit-sp{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-sp{
	text-align: justify;
	margin-top: 20px;
	}
.modalidades-v1{
	height: auto;
	width: 80%;
	float: right;
	background-color: rgba(0,35,140,0.3);
	padding: 30px;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 5%;
	background-image: url(../imagenes/fd-mdv.png);
	background-repeat: repeat;
	background-position: center center;
	}
#ft-dv{
	margin-top: 2px;
	margin-bottom: 2px;	
	}
#ft-dv img{
	width:auto;
	height:auto;
	
	}
#tit-dv{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-dv{
	text-align: justify;
	margin-top: 20px;
	}	

#cuerpo-modalidades{
	margin-top: 100px;
	margin-right: 20px;
	margin-bottom: 100px;
	margin-left: 20px;
	background-color: #fff;
	}
.tit-modal{
	margin-top: 25px;
	margin-bottom: 25px;	
	}
	


#cuerpo-modalidades1{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-horarios.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}
#tit-horarios{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
.horarios{
	height: auto;
	width: 80%;
	float: left;
	background-color: rgba(0,35,140,0.3);
	padding: 30px;
	margin-top: 30px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 10%;
	}
#dias{
	margin-top: 20px;
	margin-bottom: 20px;	
	}
	
.horarios1{
	height: auto;
	width: 80%;
	float: right;
	background-color: rgba(0,35,140,0.3);
	padding: 30px;
	margin-top: 0px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 10%;
	}	
/*--- requisitos ---*/
.rotacion1{
	margin-top: 120px;	
	}

#cuerpo-requisitos1{
	margin-top: 100px;
	margin-bottom: 100px;
	background-color: #fff;
	}
.requisito-a{
	padding: 30px;
	float: left;
	width: 80%;
	margin-top: 20px;
	margin-right: 15%;
	margin-bottom: 20px;
	margin-left:15%;	
	}
.tit-req1{
	text-align: left;
	padding-left: 60px;
	}
#req{
	background-color: #036;
	text-align: left;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 40px;
	width: 90%;
	border-top-left-radius: 3em;
	border-bottom-right-radius: 3em;
	margin-top: 20px;
	margin-bottom: 10px;
	transition:all .5s ease-in-out;
	}
#req:hover {filter: saturate(280%);}
	
.requisito-b{
	padding: 30px;
	float: right;
	width: 80%;
	margin-top: 20px;
	margin-right: 5%;
	margin-bottom: 20px;
	margin-left: 10%;	
	}
.tit-req2{
	text-align: left;
	padding-left: 60px;
	}
#req0{
	background-color: #036;
	text-align: left;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 40px;
	width: 90%;
	border-top-left-radius: 3em;
	border-bottom-right-radius: 3em;
	margin-top: 20px;
	margin-bottom: 10px;
	transition:all .5s ease-in-out;
	}
#req0:hover {filter: saturate(280%);}

#cuerpo-requisitos2{
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-costos.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}
.tit-costos{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
.costos1{
	height: auto;
	width: 80%;
	float: left;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: 30px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 10%;
	}
#uno{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 5px;
	}
#uno img{
	width:95%;
	height:auto;
	}
#paso0{
	margin-top: 30px;
	margin-left: 10px;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1{
	margin-top: -140px;
	margin-left: 200px;
	float: left;
	width: 250px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:5px;
	}
#paso2{
	margin-top: -80px;
	margin-left: 200px;
	float: left;
	width: 250px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3{
	margin-top: -30px;
	margin-left: 200px;
	float: left;
	width: 250px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4{
	margin-top: 30px;
	margin-left: 10%;
	margin-right:10%;
	float: left;
	width: 80%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}
	
.costos2{
	height: auto;
	width: 80%;
	float: right;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: 10px;
	margin-right: 10%;
	margin-bottom: 15px;
	
	}
#dos{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 5px;
	}
#dos img{
	width:95%;
	height:auto;
	}	
	
#paso02{
	margin-top: 30px;
	margin-left: 80px;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1-2{
	margin-top: 40px;
	margin-left: 0px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso2-2{
	margin-top: 20px;
	margin-left: 0px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3-2{
	margin-top: 20px;
	margin-left: 210px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4-2{
	margin-top: 30px;
	margin-left: 10%;
	margin-right: 10%;
	float: left;
	width: 80%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}
	
	
.costos3{
	height: auto;
	width: 80%;
	float: left;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: 10px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 10%;
	}
#tres{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 5px;
	}
#tres img{
	width:95%;
	height:auto;
	}
#paso03{
	margin-top: 30px;
	margin-left: 90px;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1-3{
	margin-top: 40px;
	margin-left: 15px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso2-3{
	margin-top: 20px;
	margin-left: 15px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3-3{
	margin-top: 20px;
	margin-left: 15px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4-3{
	margin-top: 30px;
	margin-left: 10%;
	margin-right: 10%;
	float: left;
	width: 80%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}	

/*--- contactenos ---*/
#portada-ubc{
	background-color: #036;
	margin-top: 120px;
	}	
#ft-ubc-cad{
	float: left;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FC0;
	}
#ft-ubc-cad img{
	height: auto;
	width: 100%;	
	}

#cuerpo-ubc1{
	background-color: #fff;
	padding-top: 50px;
	}
.tit-ubc1{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
/*--mapa--*/
.mapa{
	float: left;
	margin-left: 0px;
	margin-bottom:50px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 10px;
	
	
	}
/*--codigo-mapa-google--*/

1mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}

#cuerpo-cont{
	background-color: #fff;
	padding-top: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-form.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	}
	
.tit-cont{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
	
#tex-form{
	float: left;
	margin-left: 250px;
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 5px;
	margin-bottom: 10px;
	margin-top: 0px;	
	}
.t-opinion{
	
	}
#formulario{
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 20%;	
	}
form{
	width: 450px;
	float: left;
	margin-top:50px;
	margin-left: 1%;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 0px;	
	}
input[name="nombre"]{
	width: auto;
	margin-bottom: 15px;
	margin-top: 30px;
	height: 30px;
	}
input[name="empresa"]{
	width: auto;
	margin-bottom: 5px;
	margin-top: 10px;
	height: 30px;
	}
input[name="email"]{
	width: auto;
	margin-bottom: 10px;
	margin-top: 5px;
	height: 30px;
	}
#recaptcha{
	margin-left:70px;
	}

textarea{
	width: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	}

@media (max-width:480px){
	form{
		width:95%;
	}
}		
	

	
	
	
	
}


@media only screen and (max-width:640px){
	
#contenedor{
	width: 100%;
	margon: 0 auto;
	margin-top: 0;
	
	}	
	
.flotante {
	display: scroll;
	position: fixed;
	bottom: 60px;
	right: 20px;
	text-shadow: 0.1em 0.1em 0.2em black;
	z-index: 999;
}
.flotante1 {
	display: scroll;
	position: fixed;
	bottom: 0px;
	animation-name: bch1;
	z-index: 99;
	animation: bch1 5s;
	animation-fill-mode: forwards;
	visibility: hidden;
}

@keyframes bch1{
	from {left:-300px;}
  to {left: 10px;}
	}
	
.flotante1 img{
	height: 95%;
	width: 95%;	
	}


#cabecera{
	background-image: linear-gradient(to bottom, rgba(0,51,102,0.5), rgba(0,51,102,0));
	height: auto;
	width: 100%;
	float: left;
	}
#logo{
	float: left;
	margin-top: 2%;
	margin-right: 40%;
	margin-bottom: 2%;
	margin-left: 35%;
	width: auto;
	}
#logoc{
	float: left;
	margin-top: 0px;
	margin-left: 20%;
	margin-bottom: 2%;
	margin-right: 0%;
	width: auto;
	}
#menu1{
	margin-top: 45px;
	margin-right: 5px;
	margin-left: 5px;
	width: 99%;
	}
#introduccion{
	margin-top: 50px;
	margin-bottom: 50px;
	padding-top: 20px;
	padding-right: 2%;
	padding-bottom: 20px;
	padding-left: 2%;	
	}
.intro{
	
	padding-top: 50px;
	padding-right: 30px;
	padding-bottom: 50px;
	padding-left: 30px;
	background-color: rgba(255,255,255,0.1);
	}

#text-intro{
	text-align: justify;
	margin-top: 15px;
	margin-bottom: 20px;	
	}
#videos-cadvrish{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-videos-cad.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	}
.video-vrish{
	margin: 15px;
	height: auto;
	width: 90%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 15px;
	margin-top: 15px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 5%;	
	}

.video-vrish1 {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 450px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.video-vrish1 iframe,
.video-vrish1 object,
.video-vrish1 embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}	
	
.video-vrish2{
	height: auto;
	width: 90%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 15px;
	margin-top: 15px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 5%;	
	}			
	
/* --- Pie pagina ---*/
footer{
	height: 50px;
	width: auto;
	border-bottom-width: 0px;
	margin-top: 200px;
	}
#piepagina{
	height: 60px;
	width:100%;
	background-color: #003366;
	margin-top: 0px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FC0;
	}
.dere{
	float: left;
	width: 350px;
	margin-top: 20px;
	margin-left: 50px;	
	}
.dere1{
	float: left;
	width: 250px;
	margin-top: 10px;
	margin-left: 200px;	
	padding-right: 10px;
	padding-left: 10px;
	background-color: rgba(255,255,255,0.5);
	}
.contador{
	float: right;
	width: 120px;
	height: auto;
	margin-top: 60px;
	margin-right: 70px;
	}
/*--- inst ---*/
#cabecera1{
	
	position: fixed;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
#menu2{
	margin-top: 10px;
	margin-right: 0%;
	margin-left: 0%;
	margin-botton: 10px;
	width: 99.5%;
	}
#portada{
	margin-top: 200px;	
	
	}
#slogan{
	margin-top: -80px;
	margin-left:20%;
	z-index: 60;
	position: absolute;
	background-color: rgba(0,32,64,0.5);
	border-radius: 2em;
	padding-top: 8px;
	padding-right: 3px;
	padding-bottom: 8px;
	padding-left: 3px;
	}
#slogan img{
	height: auto;
	width: 80%;	
	
	}
#ft-prin{
	float: left;	
	}
#ft-prin img{
	height: auto;
	width: 100%;	
	}

#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-cp1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;	
	}

.quienes{
	height: auto;
	width: 80%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 30px;
	margin-top: 30px;
	margin-right: 2%;
	margin-bottom: 15px;
	margin-left: 10%;
}
	#tit{
	margin-top: 20px;
	margin-bottom: 40px;	
	}
#text-q{
	text-align: justify;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;	
	}
.video{
	height: auto;
	width: 80%;
	float: right;
	background-color: rgba(102,102,102,0.5);
	padding: 30px;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 2%;	
	}

.video-cad {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 450px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.video-cad iframe,
.video-cad object,
.video-cad embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}

#cuerpo2{
	background-color: #666;
	padding-top: 60px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 30px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-cp2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #003399;
	}
.ft-ms{
	float: left;
	width: 80%;
	margin-top: 50px;
	margin-right: 2%;
	margin-left: 10%;
	}
.ft-ms img{
	height: auto;
	width: 100%;	
	}
.text-ms{
	float: left;
	width: 80%;
	padding: 15px;
	margin-top: 0px;
	margin-right: 2%;
	margin-bottom: 50px;
	margin-left: 10%;
	
	}
#tit-ms{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
#ms1{
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 50px;
	margin-left: 5px;
	text-align: justify;
	}
#cuerpo3{
	background-color: #666;
	padding-top: 60px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 10px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFF;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-vs.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #036;
	}
.text-vs{
	float: left;
	width: 80%;
	padding: 10px;
	margin-top: 70px;
	margin-right: 2%;
	margin-bottom: 0px;
	margin-left: 10%;
	}
#tit-vs{
	margin-top: 10px;
	margin-bottom: 50px;	
	}
#vs1{
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	text-align: justify;
	}
.ft-vis1{
	float: left;
	width: 80%;
	margin-left: 10%;
	margin-right: 2%;
	margin-top: 10px;
	}
.ft-vis1 img{
	width:99%;
	height:auto;
	}
#cuerpo4{
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 100px;
	padding-left: 20px;	
	}
.logito{
	padding: 10px;
	float: left;
	width: 30%;
	margin-left: 35%;
	}
.logito img{
	width: 90%;
	height: auto;	
		}
.ubicacion{
	padding: 0px;
	float: left;
	width: 80%;
	margin-left: 10%;
	margin-top: 0px;
	}
#tit-dir{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-dir{
	margin-top: 20px;
	margin-bottom: 20px;	
	}
.sociales{
	padding: 10px;
	float: left;
	width: 60%;
	margin-left: 30%;
	margin-top: 50px;
	text-align: left;
	}
#tit-soc{
	margin-top: 20px;
	margin-bottom: 10px;	
	}

#text-soc{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;
	margin-left: 10px;
	float: left;
	}
#text-soc1{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;
	margin-left: 10px;
	float: left;
	}
#text-soc2{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;
	margin-left: 10px;
	float: left;
	}			
	
/*--- autoridades ---*/

#cuerpo-aut1{
	background-image: linear-gradient(to right, #fff , #fff, #0191DA);
			
	}
.f-autf{
	float: left;
	width: 90%;
	margin-left: 5%;
	margin-right:5%;
	margin-top:10px;
	}
.f-autf img{
	width:98%;
	height:auto;
	}
.text-autf{
	float: right;
	width: 90%;
	padding: auto;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 20px;
	}
#nomb-autf{
	margin-top: 50px;
	margin-bottom: 20px;
	}
#datos-autf{
	margin-top: 30px;
	margin-bottom: 20px;
	}
#datos-autf1{
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: left;
	padding-right: 30px;
	padding-left: 30px;
	}
#cuerpo-aut2{
	background-image: linear-gradient(to left, #fff , #fff, #0191DA);
				
	}
.f-autm{
	float: left;
	width: 90%;
	margin-right: 5%;
	margin-left:5%;
	margin-top: 10px;
}
.f-autm img{
	width:98%;
	height:auto;
	
	}
.text-autm{
	float: left;
	width: 90%;
	padding: auto;
	margin-left: 5%;
	margin-right:5%;
	
	}
#nomb-autm{
	margin-top: 50px;
	margin-bottom: 20px;
	}
#datos-autm{
	margin-top: 30px;
	margin-bottom: 20px;
	}
#datos-autm1{
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: left;
	padding-right: 30px;
	padding-left: 30px;
	}
	
/*--- modalidades ---*/

#cuerpo-modalidades-sp{
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-modalidades2.jpg);
	background-repeat: repeat;
	background-position: center center;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #036;
	margin-top: 60px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #036;
	}

.modalidades-v{
	height: auto;
	width: 80%;
	height: auto;
	float: left;
	padding: 35px;
	margin-top: 50px;
	margin-right: 5%;
	margin-bottom: 15px;
	margin-left: 10%;
	background-image: url(../imagenes/fd-msp.png);
	background-repeat: repeat;
	background-position: center center;
	}
#ft-sp{
	margin-top: 2px;
	margin-bottom: 2px;	
	}
#ft-sp img{
	width:auto;
	height:auto;
	
	}
#tit-sp{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-sp{
	text-align: justify;
	margin-top: 20px;
	}
.modalidades-v1{
	height: auto;
	width: 80%;
	float: right;
	background-color: rgba(0,35,140,0.3);
	padding: 30px;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 5%;
	background-image: url(../imagenes/fd-mdv.png);
	background-repeat: repeat;
	background-position: center center;
	}
#ft-dv{
	margin-top: 2px;
	margin-bottom: 2px;	
	}
#ft-dv img{
	width:auto;
	height:auto;
	
	}
#tit-dv{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-dv{
	text-align: justify;
	margin-top: 20px;
	}	

#cuerpo-modalidades{
	margin-top: 100px;
	margin-right: 20px;
	margin-bottom: 100px;
	margin-left: 20px;
	background-color: #fff;
	}
.tit-modal{
	margin-top: 25px;
	margin-bottom: 25px;	
	}
	


#cuerpo-modalidades1{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-horarios.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}
#tit-horarios{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
.horarios{
	height: auto;
	width: 80%;
	float: left;
	background-color: rgba(0,35,140,0.3);
	padding: 30px;
	margin-top: 30px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 10%;
	}
#dias{
	margin-top: 20px;
	margin-bottom: 20px;	
	}
	
.horarios1{
	height: auto;
	width: 80%;
	float: right;
	background-color: rgba(0,35,140,0.3);
	padding: 30px;
	margin-top: 0px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 10%;
	}	
/*--- requisitos ---*/
.rotacion1{
	margin-top: 120px;	
	}

#cuerpo-requisitos1{
	margin-top: 100px;
	margin-bottom: 100px;
	background-color: #fff;
	}
.requisito-a{
	padding: 30px;
	float: left;
	width: 80%;
	margin-top: 20px;
	margin-right: 15%;
	margin-bottom: 20px;
	margin-left:15%;	
	}
.tit-req1{
	text-align: left;
	padding-left: 60px;
	}
#req{
	background-color: #036;
	text-align: left;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 40px;
	width: 90%;
	border-top-left-radius: 3em;
	border-bottom-right-radius: 3em;
	margin-top: 20px;
	margin-bottom: 10px;
	transition:all .5s ease-in-out;
	}
#req:hover {filter: saturate(280%);}
	
.requisito-b{
	padding: 30px;
	float: right;
	width: 80%;
	margin-top: 20px;
	margin-right: 5%;
	margin-bottom: 20px;
	margin-left: 10%;	
	}
.tit-req2{
	text-align: left;
	padding-left: 60px;
	}
#req0{
	background-color: #036;
	text-align: left;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 40px;
	width: 90%;
	border-top-left-radius: 3em;
	border-bottom-right-radius: 3em;
	margin-top: 20px;
	margin-bottom: 10px;
	transition:all .5s ease-in-out;
	}
#req0:hover {filter: saturate(280%);}

#cuerpo-requisitos2{
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-costos.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}
.tit-costos{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
.costos1{
	height: auto;
	width: 80%;
	float: left;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: 30px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 10%;
	}
#uno{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 25%;
	}
#uno img{
	width:95%;
	height:auto;
	}
#paso0{
	margin-top: 30px;
	margin-left: 25%;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1{
	margin-top: 30px;
	margin-left: 100px;
	float: left;
	width: 250px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:5px;
	}
#paso2{
	margin-top: 30px;
	margin-left: 100px;
	float: left;
	width: 250px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3{
	margin-top: 30px;
	margin-left: 100px;
	float: left;
	width: 250px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4{
	margin-top: 30px;
	margin-left: 10%;
	margin-right:10%;
	float: left;
	width: 80%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}
	
.costos2{
	height: auto;
	width: 80%;
	float: right;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: 10px;
	margin-right: 10%;
	margin-bottom: 15px;
	
	}
#dos{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 25%;
	}
#dos img{
	width:95%;
	height:auto;
	}	
	
#paso02{
	margin-top: 30px;
	margin-left: 25%;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1-2{
	margin-top: 30px;
	margin-left: 100px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso2-2{
	margin-top: 30px;
	margin-left: 100px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3-2{
	margin-top: 30px;
	margin-left: 110px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4-2{
	margin-top: 30px;
	margin-left: 10%;
	margin-right: 10%;
	float: left;
	width: 80%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}
	
	
.costos3{
	height: auto;
	width: 80%;
	float: left;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: 10px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 10%;
	}
#tres{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 25%;
	}
#tres img{
	width:95%;
	height:auto;
	}
#paso03{
	margin-top: 30px;
	margin-left: 25%;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1-3{
	margin-top: 30px;
	margin-left: 100px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso2-3{
	margin-top: 30px;
	margin-left: 100px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3-3{
	margin-top: 30px;
	margin-left: 100px;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4-3{
	margin-top: 30px;
	margin-left: 10%;
	margin-right: 10%;
	float: left;
	width: 80%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}					
/*--- contactenos ---*/
#portada-ubc{
	background-color: #036;
	margin-top: 150px;
	}	
#ft-ubc-cad{
	float: left;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FC0;
	}
#ft-ubc-cad img{
	height: auto;
	width: 100%;	
	}

#cuerpo-ubc1{
	background-color: #fff;
	padding-top: 50px;
	}
.tit-ubc1{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
/*--mapa--*/
.mapa{
	float: left;
	margin-left: 0px;
	margin-bottom:50px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 10px;
	
	
	}
/*--codigo-mapa-google--*/

1mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}

#cuerpo-cont{
	background-color: #fff;
	padding-top: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-form.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	}
	
.tit-cont{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
	
#tex-form{
	float: left;
	margin-left: 250px;
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 5px;
	margin-bottom: 10px;
	margin-top: 0px;	
	}
.t-opinion{
	
	}
#formulario{
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 20%;	
	}
form{
	width: 350px;
	float: left;
	margin-top:50px;
	margin-left: 1%;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 0px;	
	}
input[name="nombre"]{
	width: auto;
	margin-bottom: 15px;
	margin-top: 30px;
	height: 30px;
	}
input[name="empresa"]{
	width: auto;
	margin-bottom: 5px;
	margin-top: 10px;
	height: 30px;
	}
input[name="email"]{
	width: auto;
	margin-bottom: 10px;
	margin-top: 5px;
	height: 30px;
	}
#recaptcha{
	margin-left:20px;
	}

textarea{
	width: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	}

@media (max-width:480px){
	form{
		width:95%;
	}
}			
	
	
	
}


@media only screen and (max-width:535px){
	
#contenedor{
	width: 100%;
	margon: 0 auto;
	margin-top: 0;
	
	}	
	
.flotante {
	display: scroll;
	position: fixed;
	bottom: 60px;
	right: 20px;
	text-shadow: 0.1em 0.1em 0.2em black;
	z-index: 999;
}
.flotante1 {
	display: scroll;
	position: fixed;
	bottom: 0px;
	animation-name: bch1;
	z-index: 99;
	animation: bch1 5s;
	animation-fill-mode: forwards;
	visibility: hidden;
}

@keyframes bch1{
	from {left:-300px;}
  to {left: 10px;}
	}
	
.flotante1 img{
	height: 95%;
	width: 95%;	
	}


#cabecera{
	background-image: linear-gradient(to bottom, rgba(0,51,102,0.5), rgba(0,51,102,0));
	height: auto;
	width: 100%;
	float: left;
	}
#logo{
	float: left;
	margin-top: 8%;
	margin-right: 25%;
	margin-bottom: 2%;
	margin-left: 25%;
	width: auto;
	}
#logo img{
	height: auto;
	width: 100%;	
	}
#logoc{
	float: left;
	margin-top: 0px;
	margin-left: 10%;
	margin-bottom: 2%;
	margin-right: 0%;
	width: auto;
	}
#logoc img{
	height: auto;
	width: 100%;	
	}
#menu1{
	margin-top: 45px;
	margin-right: 5px;
	margin-left: 5px;
	width: 99%;
	}
#introduccion{
	margin-top: 50px;
	margin-bottom: 50px;
	padding-top: 20px;
	padding-right: 2%;
	padding-bottom: 20px;
	padding-left: 2%;	
	}
.intro{
	
	padding-top: 50px;
	padding-right: 30px;
	padding-bottom: 50px;
	padding-left: 30px;
	background-color: rgba(255,255,255,0.1);
	}

#text-intro{
	text-align: justify;
	margin-top: 15px;
	margin-bottom: 20px;	
	}
#videos-cadvrish{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-videos-cad.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	}
.video-vrish{
	margin: 15px;
	height: auto;
	width: 90%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 15px;
	margin-top: 15px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 5%;	
	}

.video-vrish1 {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 450px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.video-vrish1 iframe,
.video-vrish1 object,
.video-vrish1 embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}	
	
.video-vrish2{
	height: auto;
	width: 90%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 15px;
	margin-top: 15px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 5%;	
	}			
	
/* --- Pie pagina ---*/
footer{
	height: 50px;
	width: auto;
	border-bottom-width: 0px;
	margin-top: 200px;
	}
#piepagina{
	height: 60px;
	width:100%;
	background-color: #003366;
	margin-top: 0px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FC0;
	}
.dere{
	float: left;
	width: 350px;
	margin-top: 20px;
	margin-left: 50px;	
	}
.dere1{
	float: left;
	width: 250px;
	margin-top: 10px;
	margin-left: 150px;	
	padding-right: 10px;
	padding-left: 10px;
	background-color: rgba(255,255,255,0.5);
	}
.contador{
	float: right;
	width: 120px;
	height: auto;
	margin-top: 60px;
	margin-right: 70px;
	}
	
/*--- inst ---*/
#cabecera1{
	
	position: fixed;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	}
#menu2{
	margin-top: 10px;
	margin-right: 0%;
	margin-left: 0%;
	margin-botton: 10px;
	width: 99.5%;
	}
#portada{
	margin-top: 200px;	
	
	}
#slogan{
	margin-top: -80px;
	margin-left:10%;
	z-index: 60;
	position: absolute;
	background-color: rgba(0,32,64,0.5);
	border-radius: 2em;
	padding-top: 8px;
	padding-right: 3px;
	padding-bottom: 8px;
	padding-left: 3px;
	}
#slogan img{
	height: auto;
	width: 80%;	
	
	}
#ft-prin{
	float: left;	
	}
#ft-prin img{
	height: auto;
	width: 100%;	
	}

#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-cp1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;	
	}

.quienes{
	height: auto;
	width: 80%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 30px;
	margin-top: 30px;
	margin-right: 2%;
	margin-bottom: 15px;
	margin-left: 10%;
}
	#tit{
	margin-top: 20px;
	margin-bottom: 40px;	
	}
#text-q{
	text-align: justify;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;	
	}
.video{
	height: auto;
	width: 80%;
	float: right;
	background-color: rgba(102,102,102,0.5);
	padding: 30px;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 2%;	
	}

.video-cad {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 450px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.video-cad iframe,
.video-cad object,
.video-cad embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}

#cuerpo2{
	background-color: #666;
	padding-top: 60px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 30px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-cp2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #003399;
	}
.ft-ms{
	float: left;
	width: 80%;
	margin-top: 50px;
	margin-right: 2%;
	margin-left: 10%;
	}
.ft-ms img{
	height: auto;
	width: 100%;	
	}
.text-ms{
	float: left;
	width: 80%;
	padding: 15px;
	margin-top: 0px;
	margin-right: 2%;
	margin-bottom: 50px;
	margin-left: 10%;
	
	}
#tit-ms{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
#ms1{
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 50px;
	margin-left: 5px;
	text-align: justify;
	}
#cuerpo3{
	background-color: #666;
	padding-top: 60px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 10px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFF;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-vs.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #036;
	}
.text-vs{
	float: left;
	width: 80%;
	padding: 10px;
	margin-top: 70px;
	margin-right: 2%;
	margin-bottom: 0px;
	margin-left: 10%;
	}
#tit-vs{
	margin-top: 10px;
	margin-bottom: 50px;	
	}
#vs1{
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	text-align: justify;
	}
.ft-vis1{
	float: left;
	width: 80%;
	margin-left: 10%;
	margin-right: 2%;
	margin-top: 10px;
	}
.ft-vis1 img{
	width:99%;
	height:auto;
	}
#cuerpo4{
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 100px;
	padding-left: 20px;	
	}
.logito{
	padding: 10px;
	float: left;
	width: 30%;
	margin-left: 35%;
	}
.logito img{
	width: 90%;
	height: auto;	
		}
.ubicacion{
	padding: 0px;
	float: left;

	width: 80%;
	margin-left: 10%;
	margin-top: 0px;
	}
#tit-dir{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-dir{
	margin-top: 20px;
	margin-bottom: 20px;	
	}
.sociales{
	padding: 10px;
	float: left;
	width: 60%;
	margin-left: 25%;
	margin-top: 50px;
	text-align: left;
	}
#tit-soc{
	margin-top: 20px;
	margin-bottom: 10px;	
	}

#text-soc{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;
	margin-left: 10px;
	float: left;
	}
#text-soc1{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;
	margin-left: 10px;
	float: left;
	}
#text-soc2{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;
	margin-left: 10px;
	float: left;
	}				
/*--- autoridades ---*/

#cuerpo-aut1{
	background-image: linear-gradient(to right, #fff , #fff, #0191DA);
			
	}
.f-autf{
	float: left;
	width: 90%;
	margin-left: 5%;
	margin-right:5%;
	margin-top:10px;
	}
.f-autf img{
	width:98%;
	height:auto;
	}
.text-autf{
	float: right;
	width: 90%;
	padding: auto;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 20px;
	}
#nomb-autf{
	margin-top: 50px;
	margin-bottom: 20px;
	}
#datos-autf{
	margin-top: 30px;
	margin-bottom: 20px;
	}
#datos-autf1{
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: left;
	padding-right: 30px;
	padding-left: 30px;
	}
#cuerpo-aut2{
	background-image: linear-gradient(to left, #fff , #fff, #0191DA);
				
	}
.f-autm{
	float: left;
	width: 90%;
	margin-right: 5%;
	margin-left:5%;
	margin-top: 10px;
}
.f-autm img{
	width:98%;
	height:auto;
	
	}
.text-autm{
	float: left;
	width: 90%;
	padding: auto;
	margin-left: 5%;
	margin-right:5%;
	
	}
#nomb-autm{
	margin-top: 50px;
	margin-bottom: 20px;
	}
#datos-autm{
	margin-top: 30px;
	margin-bottom: 20px;
	}
#datos-autm1{
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: left;
	padding-right: 30px;
	padding-left: 30px;
	}	
/*--- modalidades ---*/

#cuerpo-modalidades-sp{
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-modalidades2.jpg);
	background-repeat: repeat;
	background-position: center center;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #036;
	margin-top: 60px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #036;
	}

.modalidades-v{
	height: auto;
	width: 80%;
	height: auto;
	float: left;
	padding: 35px;
	margin-top: 50px;
	margin-right: 5%;
	margin-bottom: 15px;
	margin-left: 10%;
	background-image: url(../imagenes/fd-msp.png);
	background-repeat: repeat;
	background-position: center center;
	}
#ft-sp{
	margin-top: 2px;
	margin-bottom: 2px;	
	}
#ft-sp img{
	width:auto;
	height:auto;
	
	}
#tit-sp{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-sp{
	text-align: justify;
	margin-top: 20px;
	}
.modalidades-v1{
	height: auto;
	width: 80%;
	float: right;
	background-color: rgba(0,35,140,0.3);
	padding: 30px;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 5%;
	background-image: url(../imagenes/fd-mdv.png);
	background-repeat: repeat;
	background-position: center center;
	}
#ft-dv{
	margin-top: 2px;
	margin-bottom: 2px;	
	}
#ft-dv img{
	width:auto;
	height:auto;
	
	}
#tit-dv{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-dv{
	text-align: justify;
	margin-top: 20px;
	}	

#cuerpo-modalidades{
	margin-top: 100px;
	margin-right: 20px;
	margin-bottom: 100px;
	margin-left: 20px;
	background-color: #fff;
	}
.tit-modal{
	margin-top: 25px;
	margin-bottom: 25px;	
	}
	


#cuerpo-modalidades1{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-horarios.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}
#tit-horarios{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
.horarios{
	height: auto;
	width: 80%;
	float: left;
	background-color: rgba(0,35,140,0.3);
	padding: 30px;
	margin-top: 30px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 10%;
	}
#dias{
	margin-top: 20px;
	margin-bottom: 20px;	
	}
	
.horarios1{
	height: auto;
	width: 80%;
	float: right;
	background-color: rgba(0,35,140,0.3);
	padding: 30px;
	margin-top: 0px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 10%;
	}	
/*--- requisitos ---*/
.rotacion1{
	margin-top: 150px;	
	}

#cuerpo-requisitos1{
	margin-top: 100px;
	margin-bottom: 100px;
	background-color: #fff;
	}
.requisito-a{
	padding: 30px;
	float: left;
	width: 90%;
	margin-top: 20px;
	margin-right: 10%;
	margin-bottom: 20px;
	margin-left:10%;	
	}
.tit-req1{
	text-align: left;
	padding-left: 60px;
	}
#req{
	background-color: #036;
	text-align: left;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 40px;
	width: 90%;
	border-top-left-radius: 3em;
	border-bottom-right-radius: 3em;
	margin-top: 20px;
	margin-bottom: 10px;
	transition:all .5s ease-in-out;
	}
#req:hover {filter: saturate(280%);}
	
.requisito-b{
	padding: 30px;
	float: left;
	width: 90%;
	margin-top: 20px;
	margin-right: 5%;
	margin-bottom: 20px;
	margin-left: 10%;	
	}
.tit-req2{
	text-align: left;
	padding-left: 60px;
	}
#req0{
	background-color: #036;
	text-align: left;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 40px;
	width: 90%;
	border-top-left-radius: 3em;
	border-bottom-right-radius: 3em;
	margin-top: 20px;
	margin-bottom: 10px;
	transition:all .5s ease-in-out;
	}
#req0:hover {filter: saturate(280%);}

#cuerpo-requisitos2{
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-costos.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}
.tit-costos{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
.costos1{
	height: auto;
	width: 80%;
	float: left;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: 30px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 10%;
	}
#uno{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 25%;
	}
#uno img{
	width:95%;
	height:auto;
	}
#paso0{
	margin-top: 30px;
	margin-left: 25%;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1{
	margin-top: 30px;
	margin-left: 15%;
	float: left;
	width: 250px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:5px;
	}
#paso2{
	margin-top: 30px;
	margin-left: 15%;
	float: left;
	width: 250px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3{
	margin-top: 30px;
	margin-left: 15%;
	float: left;
	width: 250px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4{
	margin-top: 30px;
	margin-left: 5%;
	margin-right:5%;
	float: left;
	width: 95%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}
	
.costos2{
	height: auto;
	width: 80%;
	float: right;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: 10px;
	margin-right: 10%;
	margin-bottom: 15px;
	
	}
#dos{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 25%;
	}
#dos img{
	width:95%;
	height:auto;
	}	
	
#paso02{
	margin-top: 30px;
	margin-left: 25%;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1-2{
	margin-top: 30px;
	margin-left: 10%;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso2-2{
	margin-top: 30px;
	margin-left: 10%;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3-2{
	margin-top: 30px;
	margin-left: 10%;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4-2{
	margin-top: 30px;
	margin-left: 5%;
	margin-right: 5%;
	float: left;
	width: 90%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}
	
	
.costos3{
	height: auto;
	width: 80%;
	float: left;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: 10px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 10%;
	}
#tres{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 25%;
	}
#tres img{
	width:95%;
	height:auto;
	}
#paso03{
	margin-top: 30px;
	margin-left: 25%;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1-3{
	margin-top: 30px;
	margin-left: 15%;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso2-3{
	margin-top: 30px;
	margin-left: 15%;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3-3{
	margin-top: 30px;
	margin-left: 15%;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4-3{
	margin-top: 30px;
	margin-left: 5%;
	margin-right: 5%;
	float: left;
	width: 90%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}					
/*--- contactenos ---*/
#portada-ubc{
	background-color: #036;
	margin-top: 150px;
	}	
#ft-ubc-cad{
	float: left;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FC0;
	}
#ft-ubc-cad img{
	height: auto;
	width: 100%;	
	}

#cuerpo-ubc1{
	background-color: #fff;
	padding-top: 50px;
	}
.tit-ubc1{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
/*--mapa--*/
.mapa{
	float: left;
	margin-left: 0px;
	margin-bottom:50px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 10px;
	
	
	}
/*--codigo-mapa-google--*/

1mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}

#cuerpo-cont{
	background-color: #fff;
	padding-top: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-form.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	}
	
.tit-cont{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
	
#tex-form{
	float: left;
	margin-left: 250px;
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 5px;
	margin-bottom: 10px;
	margin-top: 0px;	
	}
.t-opinion{
	
	}
#formulario{
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 20%;	
	}
form{
	width: 300px;
	float: left;
	margin-top:50px;
	margin-left: 1%;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 0px;	
	}
input[name="nombre"]{
	width: auto;
	margin-bottom: 15px;
	margin-top: 30px;
	height: 30px;
	}
input[name="empresa"]{
	width: auto;
	margin-bottom: 5px;
	margin-top: 10px;
	height: 30px;
	}
input[name="email"]{
	width: auto;
	margin-bottom: 10px;
	margin-top: 5px;
	height: 30px;
	}
#recaptcha{
	margin-left:0px;
	}

textarea{
	width: 300px;
	margin-bottom: 10px;
	margin-top: 10px;
	}

@media (max-width:480px){
	form{
		width:95%;
	}
}					
	
	
	
				
	
	
	
}


@media only screen and (max-width:480px){
	
#contenedor{
	width: 100%;
	margon: 0 auto;
	margin-top: 0;
	
	}	
	
.flotante {
	display: scroll;
	position: fixed;
	bottom: 60px;
	right: 20px;
	text-shadow: 0.1em 0.1em 0.2em black;
	z-index: 999;
}
.flotante1 {
	display: scroll;
	position: fixed;
	bottom: 0px;
	animation-name: bch1;
	z-index: 99;
	animation: bch1 5s;
	animation-fill-mode: forwards;
	visibility: hidden;
}

@keyframes bch1{
	from {left:-300px;}
  to {left: 10px;}
	}
	
.flotante1 img{
	height: 95%;
	width: 95%;	
	}


#cabecera{
	background-image: linear-gradient(to bottom, rgba(0,51,102,0.5), rgba(0,51,102,0));
	height: auto;
	width: 100%;
	float: left;
	}
#logo{
	float: left;
	margin-top: 8%;
	margin-right: 25%;
	margin-bottom: 2%;
	margin-left: 25%;
	width: auto;
	}
#logo img{
	height: auto;
	width: 100%;	
	}
#logoc{
	float: left;
	margin-top: 0px;
	margin-left: 10%;
	margin-bottom: 2%;
	margin-right: 0%;
	width: auto;
	}
#logoc img{
	height: auto;
	width: 100%;	
	}
#menu1{
	margin-top: 45px;
	margin-right: 5px;
	margin-left: 5px;
	width: 99%;
	}
#introduccion{
	margin-top: 50px;
	margin-bottom: 50px;
	padding-top: 20px;
	padding-right: 2%;
	padding-bottom: 20px;
	padding-left: 2%;	
	}
.intro{
	
	padding-top: 50px;
	padding-right: 30px;
	padding-bottom: 50px;
	padding-left: 30px;
	background-color: rgba(255,255,255,0.1);
	}

#text-intro{
	text-align: justify;
	margin-top: 15px;
	margin-bottom: 20px;	
	}
#videos-cadvrish{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-videos-cad.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	}
.video-vrish{
	margin: 15px;
	height: auto;
	width: 90%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 15px;
	margin-top: 15px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 5%;	
	}

.video-vrish1 {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 450px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.video-vrish1 iframe,
.video-vrish1 object,
.video-vrish1 embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}	
	
.video-vrish2{
	height: auto;
	width: 90%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 15px;
	margin-top: 15px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 5%;	
	}	
	
/* --- Pie pagina ---*/
footer{
	height: 50px;
	width: auto;
	border-bottom-width: 0px;
	margin-top: 200px;
	}
#piepagina{
	height: 60px;
	width:100%;
	background-color: #003366;
	margin-top: 0px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FC0;
	}
.dere{
	float: left;
	width: 350px;
	margin-top: 20px;
	margin-left: 50px;	
	}
.dere1{
	float: left;
	width: 250px;
	margin-top: 10px;
	margin-left: 100px;
	padding-right: 10px;
	padding-left: 10px;
	background-color: rgba(255,255,255,0.5);	
	}
.contador{
	float: right;
	width: 120px;
	height: auto;
	margin-top: 60px;
	margin-right: 70px;
	}
	
/*--- inst ---*/
#cabecera1{
	position: fixed;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	height: auto;
	padding-bottom: 10px;
	}
#menu2{
	margin-top: 10px;
	margin-right: 0%;
	margin-left: 0%;
	margin-botton: 10px;
	width: 99.5%;
	}
#portada{
	margin-top: 200px;	
	
	}
#slogan{
	margin-top: -100px;
	margin-left:10%;
	z-index: 60;
	position: absolute;
	background-color: rgba(0,32,64,0.5);
	border-radius: 2em;
	padding-top: 8px;
	padding-right: 3px;
	padding-bottom: 8px;
	padding-left: 3px;
	}
#slogan img{
	height: auto;
	width: 80%;	
	
	}
#ft-prin{
	float: left;	
	}
#ft-prin img{
	height: auto;
	width: 100%;	
	}

#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-cp1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;	
	}

.quienes{
	height: auto;
	width: 100%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 15px;
	margin-top: 30px;
	margin-right: 1%;
	margin-bottom: 15px;
	margin-left: 1%;
}
	#tit{
	margin-top: 20px;
	margin-bottom: 40px;	
	}
#text-q{
	text-align: justify;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;	
	}
.video{
	height: auto;
	width: 100%;
	float: right;
	background-color: rgba(102,102,102,0.5);
	padding: 15px;
	margin-top: 50px;
	margin-right: 1%;
	margin-bottom: 15px;
	margin-left: 1%;	
	}

.video-cad {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 450px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.video-cad iframe,
.video-cad object,
.video-cad embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}

#cuerpo2{
	background-color: #666;
	padding-top: 60px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 30px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-cp2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #003399;
	}
.ft-ms{
	float: left;
	width: 80%;
	margin-top: 50px;
	margin-right: 2%;
	margin-left: 10%;
	}
.ft-ms img{
	height: auto;
	width: 100%;	
	}
.text-ms{
	float: left;
	width: 100%;
	padding: 15px;
	margin-top: 0px;
	margin-right: 2%;
	margin-bottom: 50px;
	margin-left: 0%;
	
	}
#tit-ms{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
#ms1{
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 50px;
	margin-left: 5px;
	text-align: justify;
	}
#cuerpo3{
	background-color: #666;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 10px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFF;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-vs.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #036;
	}
.text-vs{
	float: left;
	width: 100%;
	padding: 10px;
	margin-top: 70px;
	margin-right: 2%;
	margin-bottom: 0px;
	margin-left: 2%;
	}
#tit-vs{
	margin-top: 10px;
	margin-bottom: 50px;	
	}
#vs1{
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	text-align: justify;
	}
.ft-vis1{
	float: left;
	width: 90%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 10px;
	}
.ft-vis1 img{
	width:100%;
	height:auto;
	}
#cuerpo4{
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 100px;
	padding-left: 20px;	
	}
.logito{
	padding: 10px;
	float: left;
	width: 30%;
	margin-left: 35%;
	}
.logito img{
	width: 90%;
	height: auto;	
		}
.ubicacion{
	padding: 0px;
	float: left;


	width: 80%;
	margin-left: 10%;
	margin-top: 0px;
	}
#tit-dir{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-dir{
	margin-top: 20px;
	margin-bottom: 20px;	
	}
.sociales{
	padding: 10px;
	float: left;
	width: 60%;
	margin-left: 20%;
	margin-top: 50px;
	text-align: left;
	}
#tit-soc{
	margin-top: 20px;
	margin-bottom: 10px;	
	}

#text-soc{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;
	margin-left: 10px;
	float: left;
	}
#text-soc1{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;
	margin-left: 10px;
	float: left;
	}
#text-soc2{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;
	margin-left: 10px;
	float: left;
	}					
	
/*--- autoridades ---*/

#cuerpo-aut1{
	background-image: linear-gradient(to right, #fff , #fff, #0191DA);
			
	}
.f-autf{
	float: left;
	width: 90%;
	margin-left: 5%;
	margin-right:5%;
	margin-top:10px;
	}
.f-autf img{
	width:98%;
	height:auto;
	}
.text-autf{
	float: right;
	width: 90%;
	padding: auto;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 20px;
	}
#nomb-autf{
	margin-top: 50px;
	margin-bottom: 20px;
	}
#datos-autf{
	margin-top: 30px;
	margin-bottom: 20px;
	}
#datos-autf1{
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: left;
	padding-right: 30px;
	padding-left: 30px;
	}
#cuerpo-aut2{
	background-image: linear-gradient(to left, #fff , #fff, #0191DA);
				
	}
.f-autm{
	float: left;
	width: 90%;
	margin-right: 5%;
	margin-left:5%;
	margin-top: 10px;
}
.f-autm img{
	width:98%;
	height:auto;
	
	}
.text-autm{
	float: left;
	width: 90%;
	padding: auto;
	margin-left: 5%;
	margin-right:5%;
	
	}
#nomb-autm{
	margin-top: 50px;
	margin-bottom: 20px;
	}
#datos-autm{
	margin-top: 30px;
	margin-bottom: 20px;
	}
#datos-autm1{
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: left;
	padding-right: 30px;
	padding-left: 30px;
	}
	
/*--- modalidades ---*/

#cuerpo-modalidades-sp{
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-modalidades2.jpg);
	background-repeat: repeat;
	background-position: center center;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #036;
	margin-top: 60px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #036;
	}

.modalidades-v{
	height: auto;
	width: 80%;
	height: auto;
	float: left;
	padding: 35px;
	margin-top: 50px;
	margin-right: 5%;
	margin-bottom: 15px;
	margin-left: 10%;
	background-image: url(../imagenes/fd-msp.png);
	background-repeat: repeat;
	background-position: center center;
	}
#ft-sp{
	margin-top: 2px;
	margin-bottom: 2px;	
	}
#ft-sp img{
	width:auto;
	height:auto;
	
	}
#tit-sp{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-sp{
	text-align: justify;
	margin-top: 20px;
	}
.modalidades-v1{
	height: auto;
	width: 80%;
	float: right;
	background-color: rgba(0,35,140,0.3);
	padding: 30px;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 5%;
	background-image: url(../imagenes/fd-mdv.png);
	background-repeat: repeat;
	background-position: center center;
	}
#ft-dv{
	margin-top: 2px;
	margin-bottom: 2px;	
	}
#ft-dv img{
	width:auto;
	height:auto;
	
	}
#tit-dv{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-dv{
	text-align: justify;
	margin-top: 20px;
	}	

#cuerpo-modalidades{
	margin-top: 100px;
	margin-right: 20px;
	margin-bottom: 100px;
	margin-left: 20px;
	background-color: #fff;
	}
.tit-modal{
	margin-top: 25px;
	margin-bottom: 25px;	
	}
	


#cuerpo-modalidades1{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-horarios.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}
#tit-horarios{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
.horarios{
	height: auto;
	width: 80%;
	float: left;
	background-color: rgba(0,35,140,0.3);
	padding: 30px;
	margin-top: 30px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 10%;
	}
#dias{
	margin-top: 20px;
	margin-bottom: 20px;	
	}
	
.horarios1{
	height: auto;
	width: 80%;
	float: right;
	background-color: rgba(0,35,140,0.3);
	padding: 30px;
	margin-top: 0px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 10%;
	}	
	
/*--- requisitos ---*/
.rotacion1{
	margin-top: 200px;	
	}

#cuerpo-requisitos1{
	margin-top: 100px;
	margin-bottom: 100px;
	background-color: #fff;
	}
.requisito-a{
	padding: 30px;
	float: left;
	width: 95%;
	margin-top: 20px;
	margin-right: 10%;
	margin-bottom: 20px;
	margin-left:5%;	
	}
.tit-req1{
	text-align: left;
	padding-left: 60px;
	}
#req{
	background-color: #036;
	text-align: left;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 40px;
	width: 90%;
	border-top-left-radius: 3em;
	border-bottom-right-radius: 3em;
	margin-top: 20px;
	margin-bottom: 10px;
	transition:all .5s ease-in-out;
	}
#req:hover {filter: saturate(280%);}
	
.requisito-b{
	padding: 30px;
	float: left;
	width: 95%;
	margin-top: 20px;
	margin-right: 5%;
	margin-bottom: 20px;
	margin-left: 5%;	
	}
.tit-req2{
	text-align: left;
	padding-left: 60px;
	}
#req0{
	background-color: #036;
	text-align: left;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 40px;
	width: 90%;
	border-top-left-radius: 3em;
	border-bottom-right-radius: 3em;
	margin-top: 20px;
	margin-bottom: 10px;
	transition:all .5s ease-in-out;
	}
#req0:hover {filter: saturate(280%);}

#cuerpo-requisitos2{
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-costos.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}
.tit-costos{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
.costos1{
	height: auto;
	width: 80%;
	float: left;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: 30px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 10%;
	}
#uno{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 25%;
	}
#uno img{
	width:95%;
	height:auto;
	}
#paso0{
	margin-top: 30px;
	margin-left: 25%;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1{
	margin-top: 30px;
	margin-left: 15%;
	float: left;
	width: 250px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:5px;
	}
#paso2{
	margin-top: 30px;
	margin-left: 15%;
	float: left;
	width: 250px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3{
	margin-top: 30px;
	margin-left: 15%;
	float: left;
	width: 250px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4{
	margin-top: 30px;
	margin-left: 5%;
	margin-right:5%;
	float: left;
	width: 95%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}
	
.costos2{
	height: auto;
	width: 80%;
	float: right;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: 10px;
	margin-right: 10%;
	margin-bottom: 15px;
	
	}
#dos{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 25%;
	}
#dos img{
	width:95%;
	height:auto;
	}	
	
#paso02{
	margin-top: 30px;
	margin-left: 25%;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1-2{
	margin-top: 30px;
	margin-left: 10%;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso2-2{
	margin-top: 30px;
	margin-left: 10%;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3-2{
	margin-top: 30px;
	margin-left: 10%;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4-2{
	margin-top: 30px;
	margin-left: 5%;
	margin-right: 5%;
	float: left;
	width: 90%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}
	
	
.costos3{
	height: auto;
	width: 80%;
	float: left;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: 10px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 10%;
	}
#tres{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 25%;
	}
#tres img{
	width:95%;
	height:auto;
	}
#paso03{
	margin-top: 30px;
	margin-left: 20%;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1-3{
	margin-top: 30px;
	margin-left: 5%;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso2-3{
	margin-top: 30px;
	margin-left: 5%;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3-3{
	margin-top: 30px;
	margin-left: 5%;
	float: left;
	width: 300px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4-3{
	margin-top: 30px;
	margin-left: 5%;
	margin-right: 5%;
	float: left;
	width: 90%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}					
/*--- contactenos ---*/
#portada-ubc{
	background-color: #036;
	margin-top: 200px;
	}	
#ft-ubc-cad{
	float: left;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FC0;
	}
#ft-ubc-cad img{
	height: auto;
	width: 100%;	
	}

#cuerpo-ubc1{
	background-color: #fff;
	padding-top: 50px;
	}
.tit-ubc1{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
/*--mapa--*/
.mapa{
	float: left;
	margin-left: 0px;
	margin-bottom:50px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 10px;
	
	
	}
/*--codigo-mapa-google--*/

1mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}

#cuerpo-cont{
	background-color: #fff;
	padding-top: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-form.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	}
	
.tit-cont{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
	
#tex-form{
	float: left;
	margin-left: 250px;
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 5px;
	margin-bottom: 10px;
	margin-top: 0px;	
	}
.t-opinion{
	
	}
#formulario{
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 10%;	
	}
form{
	width: 300px;
	float: left;
	margin-top:50px;
	margin-left: 1%;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 0px;	
	}
input[name="nombre"]{
	width: auto;
	margin-bottom: 15px;
	margin-top: 30px;
	height: 30px;
	}
input[name="empresa"]{
	width: auto;
	margin-bottom: 5px;
	margin-top: 10px;
	height: 30px;
	}
input[name="email"]{
	width: auto;
	margin-bottom: 10px;
	margin-top: 5px;
	height: 30px;
	}
#recaptcha{
	margin-left: 30px;
	height: auto;
	width: 300px;
	}

textarea{
	width: 300px;
	margin-bottom: 10px;
	margin-top: 10px;
	}

@media (max-width:480px){
	form{
		width:95%;
	}
}							
				
	
	
	
	
}


@media only screen and (max-width:414px){
	
#contenedor{
	width: 100%;
	margon: 0 auto;
	margin-top: 0;
	
	}	
	
.flotante {
	display: scroll;
	position: fixed;
	bottom: 60px;
	right: 20px;
	text-shadow: 0.1em 0.1em 0.2em black;
	z-index: 999;
}
.flotante1 {
	display: scroll;
	position: fixed;
	bottom: 0px;
	animation-name: bch1;
	z-index: 99;
	animation: bch1 5s;
	animation-fill-mode: forwards;
	visibility: hidden;
}

@keyframes bch1{
	from {left:-300px;}
  to {left: 10px;}
	}
	
.flotante1 img{
	height: 95%;
	width: 95%;	
	}


#cabecera{
	background-image: linear-gradient(to bottom, rgba(0,51,102,0.5), rgba(0,51,102,0));
	height: auto;
	width: 100%;
	float: left;
	}
#logo{
	float: left;
	margin-top: 10%;
	margin-right: 25%;
	margin-bottom: 2%;
	margin-left: 25%;
	width: auto;
	}
#logo img{
	height: auto;
	width: 99%;	
	}
#logoc{
	float: left;
	margin-top: 0px;
	margin-left: 0%;
	margin-bottom: 5%;
	margin-right: 0%;
	width: auto;
	}
#logoc img{
	height: auto;
	width: 99%;	
	}
#menu1{
	margin-top: 45px;
	margin-right: 5px;
	margin-left: 5px;
	width: 99%;
	}
#introduccion{
	margin-top: 50px;
	margin-bottom: 50px;
	padding-top: 20px;
	padding-right: 2%;
	padding-bottom: 20px;
	padding-left: 2%;	
	}
.intro{
	
	padding-top: 50px;
	padding-right: 30px;
	padding-bottom: 50px;
	padding-left: 30px;
	background-color: rgba(255,255,255,0.1);
	}

#text-intro{
	text-align: justify;
	margin-top: 15px;
	margin-bottom: 20px;	
	}
#videos-cadvrish{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-videos-cad.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	}
.video-vrish{
	margin: 15px;
	height: auto;
	width: 90%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 15px;
	margin-top: 15px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 5%;	
	}

.video-vrish1 {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 350px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.video-vrish1 iframe,
.video-vrish1 object,
.video-vrish1 embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}	
	
.video-vrish2{
	height: auto;
	width: 90%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 15px;
	margin-top: 15px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 5%;	
	}	
	
/* --- Pie pagina ---*/
footer{
	height: 50px;
	width: auto;
	border-bottom-width: 0px;
	margin-top: 200px;
	}
#piepagina{
	height: 70px;
	width:100%;
	background-color: #003366;
	margin-top: 0px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FC0;
	}
.dere{
	float: left;
	width: 350px;
	margin-top: 20px;
	margin-left: 50px;	
	}
.dere1{
	float: left;
	width: 200px;
	margin-top: 10px;
	margin-left: 80px;
	padding-right: 10px;
	padding-left: 10px;
	background-color: rgba(255,255,255,0.5);	
	}
.contador{
	float: right;
	width: 120px;
	height: auto;
	margin-top: 60px;
	margin-right: 70px;
	}
	
/*--- inst ---*/
#cabecera1{
	position: fixed;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	height: auto;
	padding-bottom: 10px;
	}
#menu2{
	margin-top: 10px;
	margin-right: 0%;
	margin-left: 0%;
	margin-botton: 10px;
	width: 99.5%;
	}
#portada{
	margin-top: 200px;	
	
	}
#slogan{
	margin-top: -100px;
	margin-left: 10%;
	z-index: 60;
	position: absolute;
	background-color: rgba(0,32,64,0.5);
	border-radius: 2em;
	padding-top: 8px;
	padding-right: 3px;
	padding-bottom: 8px;
	padding-left: 3px;
	height: auto;
	width: 80%;
	}
#slogan img{
	height: auto;
	width: 80%;	
	
	}
#ft-prin{
	float: left;	
	}
#ft-prin img{
	height: auto;
	width: 100%;	
	}

#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-cp1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;	
	}

.quienes{
	height: auto;
	width: 100%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 15px;
	margin-top: 30px;
	margin-right: 1%;
	margin-bottom: 15px;
	margin-left: 1%;
}
	#tit{
	margin-top: 20px;
	margin-bottom: 40px;	
	}
#text-q{
	text-align: justify;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;	
	}
.video{
	height: auto;
	width: 100%;
	float: right;
	background-color: rgba(102,102,102,0.5);
	padding: 15px;
	margin-top: 50px;
	margin-right: 1%;
	margin-bottom: 15px;
	margin-left: 1%;	
	}

.video-cad {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 450px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.video-cad iframe,
.video-cad object,
.video-cad embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}

#cuerpo2{
	background-color: #666;
	padding-top: 60px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 30px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-cp2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #003399;
	}
.ft-ms{
	float: left;
	width: 80%;
	margin-top: 50px;
	margin-right: 2%;
	margin-left: 10%;
	}
.ft-ms img{
	height: auto;
	width: 100%;	
	}
.text-ms{
	float: left;
	width: 100%;
	padding: 15px;
	margin-top: 0px;
	margin-right: 2%;
	margin-bottom: 50px;
	margin-left: 0%;
	
	}
#tit-ms{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
#ms1{
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 50px;
	margin-left: 5px;
	text-align: justify;
	}
#cuerpo3{
	background-color: #666;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 10px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFF;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-vs.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #036;
	}
.text-vs{
	float: left;
	width: 100%;
	padding: 10px;
	margin-top: 70px;
	margin-right: 2%;
	margin-bottom: 0px;
	margin-left: 2%;
	}
#tit-vs{
	margin-top: 10px;
	margin-bottom: 50px;	
	}
#vs1{
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	text-align: justify;
	}
.ft-vis1{
	float: left;
	width: 90%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 10px;
	}
.ft-vis1 img{
	width:100%;
	height:auto;
	}
#cuerpo4{
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 100px;
	padding-left: 20px;	
	}
.logito{
	padding: 10px;
	float: left;
	width: 30%;
	margin-left: 35%;
	}
.logito img{
	width: 90%;
	height: auto;	
		}
.ubicacion{
	padding: 0px;
	float: left;


	width: 80%;
	margin-left: 10%;
	margin-top: 0px;
	}
#tit-dir{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-dir{
	margin-top: 20px;
	margin-bottom: 20px;	
	}
.sociales{
	padding: 10px;
	float: left;
	width: 70%;
	margin-left: 15%;
	margin-top: 50px;
	text-align: left;
	}
#tit-soc{
	margin-top: 20px;
	margin-bottom: 10px;	
	}

#text-soc{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;
	margin-left: 10px;
	float: left;
	}
#text-soc1{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;
	margin-left: 10px;
	float: left;
	}
#text-soc2{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;
	margin-left: 10px;
	float: left;
	}					
/*--- autoridades ---*/

#cuerpo-aut1{
	background-image: linear-gradient(to right, #fff , #fff, #0191DA);
			
	}
.f-autf{
	float: left;
	width: 90%;
	margin-left: 5%;
	margin-right:5%;
	margin-top:10px;
	}
.f-autf img{
	width:98%;
	height:auto;
	}
.text-autf{
	float: right;
	width: 90%;
	padding: auto;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 20px;
	}
#nomb-autf{
	margin-top: 50px;
	margin-bottom: 20px;
	}
#datos-autf{
	margin-top: 30px;
	margin-bottom: 20px;
	}
#datos-autf1{
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: left;
	padding-right: 30px;
	padding-left: 30px;
	}
#cuerpo-aut2{
	background-image: linear-gradient(to left, #fff , #fff, #0191DA);
				
	}
.f-autm{
	float: left;
	width: 90%;
	margin-right: 5%;
	margin-left:5%;
	margin-top: 10px;
}
.f-autm img{
	width:98%;
	height:auto;
	
	}
.text-autm{
	float: left;
	width: 90%;
	padding: auto;
	margin-left: 5%;
	margin-right:5%;
	
	}
#nomb-autm{
	margin-top: 50px;
	margin-bottom: 20px;
	}
#datos-autm{
	margin-top: 30px;
	margin-bottom: 20px;
	}
#datos-autm1{
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: left;
	padding-right: 30px;
	padding-left: 30px;
	}
/*--- modalidades ---*/

#cuerpo-modalidades-sp{
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-modalidades2.jpg);
	background-repeat: repeat;
	background-position: center center;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #036;
	margin-top: 60px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #036;
	}

.modalidades-v{
	height: auto;
	width: 80%;
	height: auto;
	float: left;
	padding: 35px;
	margin-top: 50px;
	margin-right: 5%;
	margin-bottom: 15px;
	margin-left: 10%;
	background-image: url(../imagenes/fd-msp.png);
	background-repeat: repeat;
	background-position: center center;
	}
#ft-sp{
	margin-top: 2px;
	margin-bottom: 2px;	
	}
#ft-sp img{
	width:auto;
	height:auto;
	
	}
#tit-sp{
	margin-top: 20px;
	margin-bottom: 10px;
	
	}
#text-sp{
	text-align: justify;
	margin-top: 20px;
	}
.modalidades-v1{
	height: auto;
	width: 80%;
	float: right;
	background-color: rgba(0,35,140,0.3);
	padding: 30px;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 5%;
	background-image: url(../imagenes/fd-mdv.png);
	background-repeat: repeat;
	background-position: center center;
	}
#ft-dv{
	margin-top: 2px;
	margin-bottom: 2px;	
	}
#ft-dv img{
	width:auto;
	height:auto;
	
	}
#tit-dv{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-dv{
	text-align: justify;
	margin-top: 20px;
	}	

#cuerpo-modalidades{
	margin-top: 100px;
	margin-right: 20px;
	margin-bottom: 100px;
	margin-left: 20px;
	background-color: #fff;
	}
.tit-modal{
	margin-top: 25px;
	margin-bottom: 25px;	
	}
	


#cuerpo-modalidades1{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-horarios.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}
#tit-horarios{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
.horarios{
	height: auto;
	width: 80%;
	float: left;
	background-color: rgba(0,35,140,0.3);
	padding: 30px;
	margin-top: 30px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 10%;
	}
#dias{
	margin-top: 20px;
	margin-bottom: 20px;	
	}
	
.horarios1{
	height: auto;
	width: 80%;
	float: right;
	background-color: rgba(0,35,140,0.3);
	padding: 30px;
	margin-top: 0px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 10%;
	}	

/*--- requisitos ---*/
.rotacion1{
	margin-top: 200px;	
	}

#cuerpo-requisitos1{
	margin-top: 100px;
	margin-bottom: 100px;
	background-color: #fff;
	}
.requisito-a{
	padding: 30px;
	float: left;
	width: 95%;
	margin-top: 20px;
	margin-right: 10%;
	margin-bottom: 20px;
	margin-left:5%;	
	}
.tit-req1{
	text-align: left;
	padding-left: 60px;
	}
#req{
	background-color: #036;
	text-align: left;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 40px;
	width: 90%;
	border-top-left-radius: 3em;
	border-bottom-right-radius: 3em;
	margin-top: 20px;
	margin-bottom: 10px;
	transition:all .5s ease-in-out;
	}
#req:hover {filter: saturate(280%);}
	
.requisito-b{
	padding: 30px;
	float: left;
	width: 95%;
	margin-top: 20px;
	margin-right: 5%;
	margin-bottom: 20px;
	margin-left: 5%;	
	}
.tit-req2{
	text-align: left;
	padding-left: 60px;
	}
#req0{
	background-color: #036;
	text-align: left;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 40px;
	width: 90%;
	border-top-left-radius: 3em;
	border-bottom-right-radius: 3em;
	margin-top: 20px;
	margin-bottom: 10px;
	transition:all .5s ease-in-out;
	}
#req0:hover {filter: saturate(280%);}

#cuerpo-requisitos2{
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-costos.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}
.tit-costos{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
.costos1{
	height: auto;
	width: 80%;
	float: left;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: 30px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 10%;
	}
#uno{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 25%;
	}
#uno img{
	width:95%;
	height:auto;
	}
#paso0{
	margin-top: 30px;
	margin-left: 20%;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1{
	margin-top: 30px;
	margin-left: 10%;
	float: left;
	width: 250px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:5px;
	}
#paso2{
	margin-top: 30px;
	margin-left: 10%;
	float: left;
	width: 250px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3{
	margin-top: 30px;
	margin-left: 10%;
	float: left;
	width: 250px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4{
	margin-top: 30px;
	margin-left: 5%;
	margin-right:5%;
	float: left;
	width: 95%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}
	
.costos2{
	height: auto;
	width: 80%;
	float: right;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: 10px;
	margin-right: 10%;
	margin-bottom: 15px;
	
	}
#dos{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 25%;
	}
#dos img{
	width:95%;
	height:auto;
	}	
	
#paso02{
	margin-top: 30px;
	margin-left: 20%;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1-2{
	margin-top: 30px;
	margin-left: 10%;
	float: left;
	width: 250px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso2-2{
	margin-top: 30px;
	margin-left: 10%;
	float: left;
	width: 250px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3-2{
	margin-top: 30px;
	margin-left: 10%;
	float: left;
	width: 250px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4-2{
	margin-top: 30px;
	margin-left: 5%;
	margin-right: 5%;
	float: left;
	width: 90%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}
	
	
.costos3{
	height: auto;
	width: 80%;
	float: left;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: 10px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 10%;
	}
#tres{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 25%;
	}
#tres img{
	width:95%;
	height:auto;
	}
#paso03{
	margin-top: 30px;
	margin-left: 20%;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1-3{
	margin-top: 30px;
	margin-left: 10%;
	float: left;
	width: 250px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso2-3{
	margin-top: 30px;
	margin-left: 10%;
	float: left;
	width: 250px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3-3{
	margin-top: 30px;
	margin-left: 10%;
	float: left;
	width: 250px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4-3{
	margin-top: 30px;
	margin-left: 5%;
	margin-right: 5%;
	float: left;
	width: 90%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}					
/*--- contactenos ---*/
#portada-ubc{
	background-color: #036;
	margin-top: 200px;
	}	
#ft-ubc-cad{
	float: left;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FC0;
	}
#ft-ubc-cad img{
	height: auto;
	width: 100%;	
	}

#cuerpo-ubc1{
	background-color: #fff;
	padding-top: 50px;
	}
.tit-ubc1{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
/*--mapa--*/
.mapa{
	float: left;
	margin-left: 0px;
	margin-bottom:50px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 10px;
	
	
	}
/*--codigo-mapa-google--*/

1mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}

#cuerpo-cont{
	background-color: #fff;
	padding-top: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-form.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	}
	
.tit-cont{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
	
#tex-form{
	float: left;
	margin-left: 250px;
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 5px;
	margin-bottom: 10px;
	margin-top: 0px;	
	}
.t-opinion{
	
	}
#formulario{
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 5%;	
	}
form{
	width: 280px;
	float: left;
	margin-top:50px;
	margin-left: 1%;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 0px;	
	}
input[name="nombre"]{
	width: auto;
	margin-bottom: 15px;
	margin-top: 30px;
	height: 30px;
	}
input[name="empresa"]{
	width: auto;
	margin-bottom: 5px;
	margin-top: 10px;
	height: 30px;
	}
input[name="email"]{
	width: auto;
	margin-bottom: 10px;
	margin-top: 5px;
	height: 30px;
	}
#recaptcha{
	margin-left: 15px;
	height: auto;
	width: 300px;
	}

textarea{
	width: 300px;
	margin-bottom: 10px;
	margin-top: 10px;
	}

@media (max-width:480px){
	form{
		width:95%;
	}
}							
					

	
	
	
}


@media only screen and (max-width:375px){
	
#contenedor{
	width: 100%;
	margon: 0 auto;
	margin-top: 0;
	
	}	
	
.flotante {
	display: scroll;
	position: fixed;
	bottom: 60px;
	right: 20px;
	text-shadow: 0.1em 0.1em 0.2em black;
	z-index: 999;
}
.flotante1 {
	display: scroll;
	position: fixed;
	bottom: 0px;
	animation-name: bch1;
	z-index: 99;
	animation: bch1 5s;
	animation-fill-mode: forwards;
	visibility: hidden;
}

@keyframes bch1{
	from {left:-300px;}
  to {left: 10px;}
	}
	
.flotante1 img{
	height: 95%;
	width: 95%;	
	}


#cabecera{
	background-image: linear-gradient(to bottom, rgba(0,51,102,0.5), rgba(0,51,102,0));
	height: auto;
	width: 100%;
	float: left;
	}
#logo{
	float: left;
	margin-top: 8%;
	margin-right: 25%;
	margin-bottom: 2%;
	margin-left: 25%;
	width: auto;
	}
#logo img{
	height: auto;
	width: 90%;	
	}
#logoc{
	float: left;
	margin-top: 0px;
	margin-left: 0%;
	margin-bottom: 2%;
	margin-right: 0%;
	width: auto;
	}
#logoc img{
	height: auto;
	width: 90%;	
	}
#menu1{
	margin-top: 45px;
	margin-right: 0px;
	margin-left: 0px;
	width: 100%;
	}
#introduccion{
	margin-top: 50px;
	margin-bottom: 50px;
	padding-top: 20px;
	padding-right: 2%;
	padding-bottom: 20px;
	padding-left: 2%;	
	}
.intro{
	
	padding-top: 50px;
	padding-right: 30px;
	padding-bottom: 50px;
	padding-left: 30px;
	background-color: rgba(255,255,255,0.1);
	}

#text-intro{
	text-align: justify;
	margin-top: 15px;
	margin-bottom: 20px;	
	}
#videos-cadvrish{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-videos-cad.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	}
.video-vrish{
	margin: 15px;
	height: auto;
	width: 90%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 15px;
	margin-top: 15px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 5%;	
	}

.video-vrish1 {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 300px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.video-vrish1 iframe,
.video-vrish1 object,
.video-vrish1 embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}	
	
.video-vrish2{
	height: auto;
	width: 90%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 15px;
	margin-top: 15px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 5%;	
	}	
	
/* --- Pie pagina ---*/
footer{
	height: 70px;
	width: auto;
	border-bottom-width: 0px;
	margin-top: 200px;
	}
#piepagina{
	height: 60px;
	width:100%;
	background-color: #003366;
	margin-top: 0px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FC0;
	}
.dere{
	float: left;
	width: 200px;
	margin-top: 10px;
	margin-left: 25px;
	text-align: left;
	}
.dere1{
	float: left;
	width: 300px;
	margin-top: 10px;
	margin-left: 25px;
	padding-right: 10px;
	padding-left: 10px;
	background-color: rgba(255,255,255,0.5);	
	}
.contador{
	float: right;
	width: 120px;
	height: auto;
	margin-top: 60px;
	margin-right: 70px;
	}

/*--- inst ---*/
#cabecera1{
	position: fixed;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	height: auto;
	padding-bottom: 10px;
	}
#menu2{
	margin-top: 10px;
	margin-right: 0%;
	margin-left: 0%;
	margin-botton: 10px;
	width: 99.5%;
	}
#portada{
	margin-top: 200px;	
	
	}
#slogan{
	margin-top: -100px;
	margin-left: 10%;
	z-index: 60;
	position: absolute;
	background-color: rgba(0,32,64,0.5);
	border-radius: 2em;
	padding-top: 8px;
	padding-right: 3px;
	padding-bottom: 8px;
	padding-left: 3px;
	height: auto;
	width: 80%;
	}
#slogan img{
	height: auto;
	width: 80%;	
	
	}
#ft-prin{
	float: left;	
	}
#ft-prin img{
	height: auto;
	width: 100%;	
	}

#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-cp1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;	
	}

.quienes{
	height: auto;
	width: 100%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 15px;
	margin-top: 30px;
	margin-right: 1%;
	margin-bottom: 15px;
	margin-left: 1%;
}
	#tit{
	margin-top: 20px;
	margin-bottom: 40px;	
	}
#text-q{
	text-align: justify;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;	
	}
.video{
	height: auto;
	width: 100%;
	float: right;
	background-color: rgba(102,102,102,0.5);
	padding: 15px;
	margin-top: 50px;
	margin-right: 1%;
	margin-bottom: 15px;
	margin-left: 1%;	
	}

.video-cad {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 450px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.video-cad iframe,
.video-cad object,
.video-cad embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}

#cuerpo2{
	background-color: #666;
	padding-top: 60px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 30px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-cp2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #003399;
	}
.ft-ms{
	float: left;
	width: 80%;
	margin-top: 50px;
	margin-right: 2%;
	margin-left: 10%;
	}
.ft-ms img{
	height: auto;
	width: 100%;	
	}
.text-ms{
	float: left;
	width: 100%;
	padding: 15px;
	margin-top: 0px;
	margin-right: 2%;
	margin-bottom: 50px;
	margin-left: 0%;
	
	}
#tit-ms{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
#ms1{
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 50px;
	margin-left: 5px;
	text-align: justify;
	}
#cuerpo3{
	background-color: #666;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 10px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFF;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-vs.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #036;
	}
.text-vs{
	float: left;
	width: 100%;
	padding: 10px;
	margin-top: 70px;
	margin-right: 2%;
	margin-bottom: 0px;
	margin-left: 2%;
	}
#tit-vs{
	margin-top: 10px;
	margin-bottom: 50px;	
	}
#vs1{
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	text-align: justify;
	}
.ft-vis1{
	float: left;
	width: 90%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 10px;
	}
.ft-vis1 img{
	width:100%;
	height:auto;
	}
#cuerpo4{
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 100px;
	padding-left: 20px;	
	}
.logito{
	padding: 10px;
	float: left;
	width: 30%;
	margin-left: 35%;
	}
.logito img{
	width: 90%;
	height: auto;	
		}
.ubicacion{
	padding: 0px;
	float: left;


	width: 80%;
	margin-left: 10%;
	margin-top: 0px;
	}
#tit-dir{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-dir{
	margin-top: 20px;
	margin-bottom: 20px;	
	}
.sociales{
	padding: 10px;
	float: left;
	width: 70%;
	margin-left: 15%;
	margin-top: 50px;
	text-align: left;
	}
#tit-soc{
	margin-top: 20px;
	margin-bottom: 10px;	
	}

#text-soc{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;
	margin-left: 10px;
	float: left;
	}
#text-soc1{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;
	margin-left: 10px;
	float: left;
	}
#text-soc2{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;
	margin-left: 10px;
	float: left;
	}					

/*--- autoridades ---*/

#cuerpo-aut1{
	background-image: linear-gradient(to right, #fff , #fff, #0191DA);
			
	}
.f-autf{
	float: left;
	width: 90%;
	margin-left: 5%;
	margin-right:5%;
	margin-top:10px;
	}
.f-autf img{
	width:98%;
	height:auto;
	}
.text-autf{
	float: right;
	width: 90%;
	padding: auto;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 20px;
	}
#nomb-autf{
	margin-top: 50px;
	margin-bottom: 20px;
	}
#datos-autf{
	margin-top: 30px;
	margin-bottom: 20px;
	}
#datos-autf1{
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: left;
	padding-right: 30px;
	padding-left: 30px;
	}
#cuerpo-aut2{
	background-image: linear-gradient(to left, #fff , #fff, #0191DA);
				
	}
.f-autm{
	float: left;
	width: 90%;
	margin-right: 5%;
	margin-left:5%;
	margin-top: 10px;
}
.f-autm img{
	width:98%;
	height:auto;
	
	}
.text-autm{
	float: left;
	width: 90%;
	padding: auto;
	margin-left: 5%;
	margin-right:5%;
	
	}
#nomb-autm{
	margin-top: 50px;
	margin-bottom: 20px;
	}
#datos-autm{
	margin-top: 30px;
	margin-bottom: 20px;
	}
#datos-autm1{
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: left;
	padding-right: 30px;
	padding-left: 30px;
	}

/*--- modalidades ---*/

#cuerpo-modalidades-sp{
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-modalidades2.jpg);
	background-repeat: repeat;
	background-position: center center;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #036;
	margin-top: 60px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #036;
	}

.modalidades-v{
	height: auto;
	width: 80%;
	height: auto;
	float: left;
	padding: 35px;
	margin-top: 50px;
	margin-right: 5%;
	margin-bottom: 15px;
	margin-left: 10%;
	background-image: url(../imagenes/fd-msp.png);
	background-repeat: repeat;
	background-position: center center;
	}
#ft-sp{
	margin-top: 2px;
	margin-bottom: 2px;	
	}
#ft-sp img{
	width:auto;
	height:auto;
	
	}
#tit-sp{
	margin-top: 20px;
	margin-bottom: 10px;
	
	}
#text-sp{
	text-align: justify;
	margin-top: 20px;
	}
.modalidades-v1{
	height: auto;
	width: 80%;
	float: right;
	background-color: rgba(0,35,140,0.3);
	padding: 30px;
	margin-top: 50px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 5%;
	background-image: url(../imagenes/fd-mdv.png);
	background-repeat: repeat;
	background-position: center center;
	}
#ft-dv{
	margin-top: 2px;
	margin-bottom: 2px;	
	}
#ft-dv img{
	width:auto;
	height:auto;
	
	}
#tit-dv{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-dv{
	text-align: justify;
	margin-top: 20px;
	}	

#cuerpo-modalidades{
	margin-top: 100px;
	margin-right: 20px;
	margin-bottom: 100px;
	margin-left: 20px;
	background-color: #fff;
	}
.tit-modal{
	margin-top: 25px;
	margin-bottom: 25px;	
	}
	


#cuerpo-modalidades1{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-horarios.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}
#tit-horarios{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
.horarios{
	height: auto;
	width: 80%;
	float: left;
	background-color: rgba(0,35,140,0.3);
	padding: 10px;
	margin-top: 30px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 10%;
	}
#dias{
	margin-top: 20px;
	margin-bottom: 20px;	
	}
	
.horarios1{
	height: auto;
	width: 80%;
	float: right;
	background-color: rgba(0,35,140,0.3);
	padding: 10px;
	margin-top: 0px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 10%;
	}	

/*--- requisitos ---*/
.rotacion1{
	margin-top: 200px;	
	}

#cuerpo-requisitos1{
	margin-top: 100px;
	margin-bottom: 100px;
	background-color: #fff;
	}
.requisito-a{
	padding: 30px;
	float: left;
	width: 95%;
	margin-top: 20px;
	margin-right: 10%;
	margin-bottom: 20px;
	margin-left:5%;	
	}
.tit-req1{
	text-align: left;
	padding-left: 60px;
	}
#req{
	background-color: #036;
	text-align: left;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 40px;
	width: 90%;
	border-top-left-radius: 3em;
	border-bottom-right-radius: 3em;
	margin-top: 20px;
	margin-bottom: 10px;
	transition:all .5s ease-in-out;
	}
#req:hover {filter: saturate(280%);}
	
.requisito-b{
	padding: 30px;
	float: left;
	width: 95%;
	margin-top: 20px;
	margin-right: 5%;
	margin-bottom: 20px;
	margin-left: 5%;	
	}
.tit-req2{
	text-align: left;
	padding-left: 60px;
	}
#req0{
	background-color: #036;
	text-align: left;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 40px;
	width: 90%;
	border-top-left-radius: 3em;
	border-bottom-right-radius: 3em;
	margin-top: 20px;
	margin-bottom: 10px;
	transition:all .5s ease-in-out;
	}
#req0:hover {filter: saturate(280%);}

#cuerpo-requisitos2{
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-costos.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}
.tit-costos{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
.costos1{
	height: auto;
	width: 80%;
	float: left;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: 30px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 10%;
	}
#uno{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 15%;
	}
#uno img{
	width:95%;
	height:auto;
	}
#paso0{
	margin-top: 30px;
	margin-left: 10%;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1{
	margin-top: 30px;
	margin-left: 5%;
	float: left;
	width: 225px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:5px;
	}
#paso2{
	margin-top: 30px;
	margin-left: 5%;
	float: left;
	width: 225px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3{
	margin-top: 30px;
	margin-left: 5%;
	float: left;
	width: 225px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4{
	margin-top: 30px;
	margin-left: 1%;
	margin-right:1%;
	float: left;
	width: 95%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}
	
.costos2{
	height: auto;
	width: 80%;
	float: right;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: 10px;
	margin-right: 10%;
	margin-bottom: 15px;
	
	}
#dos{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 15%;
	}
#dos img{
	width:95%;
	height:auto;
	}	
	
#paso02{
	margin-top: 30px;
	margin-left: 10%;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1-2{
	margin-top: 30px;
	margin-left: 5%;
	float: left;
	width: 225px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso2-2{
	margin-top: 30px;
	margin-left: 5%;
	float: left;
	width: 225px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3-2{
	margin-top: 30px;
	margin-left: 5%;
	float: left;
	width: 225px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4-2{
	margin-top: 30px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	width: 90%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}
	
	
.costos3{
	height: auto;
	width: 80%;
	float: left;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: 10px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 10%;
	}
#tres{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 15%;
	}
#tres img{
	width:95%;
	height:auto;
	}
#paso03{
	margin-top: 30px;
	margin-left: 10%;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1-3{
	margin-top: 30px;
	margin-left: 5%;
	float: left;
	width: 225px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso2-3{
	margin-top: 30px;
	margin-left: 5%;
	float: left;
	width: 225px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3-3{
	margin-top: 30px;
	margin-left: 5%;
	float: left;
	width: 225px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4-3{
	margin-top: 30px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	width: 90%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}		

/*--- contactenos ---*/
#portada-ubc{
	background-color: #036;
	margin-top: 200px;
	}	
#ft-ubc-cad{
	float: left;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FC0;
	}
#ft-ubc-cad img{
	height: auto;
	width: 100%;	
	}

#cuerpo-ubc1{
	background-color: #fff;
	padding-top: 50px;
	}
.tit-ubc1{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
/*--mapa--*/
.mapa{
	float: left;
	margin-left: 0px;
	margin-bottom:50px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 10px;
	
	
	}
/*--codigo-mapa-google--*/

1mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}

#cuerpo-cont{
	background-color: #fff;
	padding-top: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-form.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	}
	
.tit-cont{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
	
#tex-form{
	float: left;
	margin-left: 250px;
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 5px;
	margin-bottom: 10px;
	margin-top: 0px;	
	}
.t-opinion{
	
	}
#formulario{
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 5%;	
	}
form{
	width: 280px;
	float: left;
	margin-top:50px;
	margin-left: 1%;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 0px;	
	}
input[name="nombre"]{
	width: auto;
	margin-bottom: 15px;
	margin-top: 30px;
	height: 30px;
	}
input[name="empresa"]{
	width: auto;
	margin-bottom: 5px;
	margin-top: 10px;
	height: 30px;
	}
input[name="email"]{
	width: auto;
	margin-bottom: 10px;
	margin-top: 5px;
	height: 30px;
	}
#recaptcha{
	margin-left: 5px;
	height: auto;
	width: 300px;
	}

textarea{
	width: 300px;
	margin-bottom: 10px;
	margin-top: 10px;
	}

@media (max-width:480px){
	form{
		width:95%;
	}
}			



	
}


@media only screen and (max-width:360px){
	
#contenedor{
	width: 100%;
	margon: 0 auto;
	margin-top: 0;
	
	}	
	
.flotante {
	display: scroll;
	position: fixed;
	bottom: 60px;
	right: 20px;
	text-shadow: 0.1em 0.1em 0.2em black;
	z-index: 999;
}
.flotante1 {
	display: scroll;
	position: fixed;
	bottom: 0px;
	animation-name: bch1;
	z-index: 99;
	animation: bch1 5s;
	animation-fill-mode: forwards;
	visibility: hidden;
}

@keyframes bch1{
	from {left:-300px;}
  to {left: 10px;}
	}
	
.flotante1 img{
	height: 95%;
	width: 95%;	
	}


#cabecera{
	background-image: linear-gradient(to bottom, rgba(0,51,102,0.5), rgba(0,51,102,0));
	height: auto;
	width: 100%;
	float: left;
	}
#logo{
	float: left;
	margin-top: 8%;
	margin-right: 25%;
	margin-bottom: 2%;
	margin-left: 25%;
	width: auto;
	}
#logo img{
	height: auto;
	width: 90%;	
	}
#logoc{
	float: left;
	margin-top: 0px;
	margin-left: 0%;
	margin-bottom: 2%;
	margin-right: 0%;
	width: auto;
	}
#logoc img{
	height: auto;
	width: 90%;	
	}
#menu1{
	margin-top: 45px;
	margin-right: 0px;
	margin-left: 0px;
	width: 100%;
	}
#introduccion{
	margin-top: 50px;
	margin-bottom: 50px;
	padding-top: 20px;
	padding-right: 2%;
	padding-bottom: 20px;
	padding-left: 2%;	
	}
.intro{
	
	padding-top: 50px;
	padding-right: 30px;
	padding-bottom: 50px;
	padding-left: 30px;
	background-color: rgba(255,255,255,0.1);
	}

#text-intro{
	text-align: justify;
	margin-top: 15px;
	margin-bottom: 20px;	
	}
#videos-cadvrish{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-videos-cad.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 100px;
	padding-right: 10px;
	padding-bottom: 100px;
	padding-left: 10px;
	}
.video-vrish{
	margin: 15px;
	height: auto;
	width: 90%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 15px;
	margin-top: 15px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 5%;	
	}

.video-vrish1 {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 300px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.video-vrish1 iframe,
.video-vrish1 object,
.video-vrish1 embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}	
	
.video-vrish2{
	height: auto;
	width: 90%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 15px;
	margin-top: 15px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 5%;	
	}		
	
/* --- Pie pagina ---*/
footer{
	height: 70px;
	width: auto;
	border-bottom-width: 0px;
	margin-top: 200px;
	}
#piepagina{
	height: 60px;
	width:100%;
	background-color: #003366;
	margin-top: 0px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FC0;
	}
.dere{
	float: left;
	width: 200px;
	margin-top: 10px;
	margin-left: 25px;
	text-align: left;
	}
.dere1{
	float: left;
	width: 300px;
	margin-top: 10px;
	margin-left: 20px;
	padding-right: 10px;
	padding-left: 10px;
	background-color: rgba(255,255,255,0.5);	
	}
.contador{
	float: right;
	width: 120px;
	height: auto;
	margin-top: 60px;
	margin-right: 70px;
	}		
	
/*--- inst ---*/
#cabecera1{
	position: fixed;
	z-index: 100;
	width: 100%;
	box-shadow: #333 2px 2px 10px;
	top: 0px;
	height: auto;
	padding-bottom: 10px;
	}
#menu2{
	margin-top: 10px;
	margin-right: 0%;
	margin-left: 0%;
	margin-botton: 10px;
	width: 99.5%;
	}
#portada{
	margin-top: 200px;	
	
	}
#slogan{
	margin-top: -100px;
	margin-left: 10%;
	z-index: 60;
	position: absolute;
	background-color: rgba(0,32,64,0.5);
	border-radius: 2em;
	padding-top: 8px;
	padding-right: 3px;
	padding-bottom: 8px;
	padding-left: 3px;
	height: auto;
	width: 80%;
	}
#slogan img{
	height: auto;
	width: 80%;	
	
	}
#ft-prin{
	float: left;	
	}
#ft-prin img{
	height: auto;
	width: 100%;	
	}

#cuerpo1{
	background-attachment: fixed;
	background-image: url(../imagenes/fd-cp1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;	
	}

.quienes{
	height: auto;
	width: 100%;
	float: left;
	background-color: rgba(102,102,102,0.5);
	padding: 15px;
	margin-top: 30px;
	margin-right: 1%;
	margin-bottom: 15px;
	margin-left: 1%;
}
	#tit{
	margin-top: 20px;
	margin-bottom: 40px;	
	}
#text-q{
	text-align: justify;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;	
	}
.video{
	height: auto;
	width: 100%;
	float: right;
	background-color: rgba(102,102,102,0.5);
	padding: 15px;
	margin-top: 50px;
	margin-right: 1%;
	margin-bottom: 15px;
	margin-left: 1%;	
	}

.video-cad {
	position: relative;
	padding-bottom: 10.25%; /* 16/9 ratio */
	padding-top: 0px; /* IE6 workaround*/
	width:100%;
	height: 450px;
	overflow: hidden;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.video-cad iframe,
.video-cad object,
.video-cad embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	right: 0px;
	
}

#cuerpo2{
	background-color: #666;
	padding-top: 60px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 30px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-cp2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #003399;
	}
.ft-ms{
	float: left;
	width: 80%;
	margin-top: 50px;
	margin-right: 2%;
	margin-left: 10%;
	}
.ft-ms img{
	height: auto;
	width: 100%;	
	}
.text-ms{
	float: left;
	width: 100%;
	padding: 15px;
	margin-top: 0px;
	margin-right: 2%;
	margin-bottom: 50px;
	margin-left: 0%;
	
	}
#tit-ms{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
#ms1{
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 50px;
	margin-left: 5px;
	text-align: justify;
	}
#cuerpo3{
	background-color: #666;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 10px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFF;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-vs.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #036;
	}
.text-vs{
	float: left;
	width: 100%;
	padding: 10px;
	margin-top: 70px;
	margin-right: 2%;
	margin-bottom: 0px;
	margin-left: 2%;
	}
#tit-vs{
	margin-top: 10px;
	margin-bottom: 50px;	
	}
#vs1{
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	text-align: justify;
	}
.ft-vis1{
	float: left;
	width: 90%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 10px;
	}
.ft-vis1 img{
	width:100%;
	height:auto;
	}
#cuerpo4{
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 100px;
	padding-left: 20px;	
	}
.logito{
	padding: 10px;
	float: left;
	width: 30%;
	margin-left: 35%;
	}
.logito img{
	width: 90%;
	height: auto;	
		}
.ubicacion{
	padding: 0px;
	float: left;


	width: 80%;
	margin-left: 10%;
	margin-top: 0px;
	}
#tit-dir{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-dir{
	margin-top: 20px;
	margin-bottom: 20px;	
	}
.sociales{
	padding: 10px;
	float: left;
	width: 80%;
	margin-left: 15%;
	margin-top: 50px;
	text-align: left;
	}
#tit-soc{
	margin-top: 20px;
	margin-bottom: 10px;	
	}

#text-soc{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;
	margin-left: 10px;
	float: left;
	}
#text-soc1{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;
	margin-left: 10px;
	float: left;
	}
#text-soc2{
	margin-top: 20px;
	margin-bottom: 20px;
	width: 55px;
	margin-right: 5px;
	margin-left: 10px;
	float: left;
	}
	
/*--- autoridades ---*/

#cuerpo-aut1{
	background-image: linear-gradient(to right, #fff , #fff, #0191DA);
			
	}
.f-autf{
	float: left;
	width: 90%;
	margin-left: 5%;
	margin-right:5%;
	margin-top:10px;
	}
.f-autf img{
	width:98%;
	height:auto;
	}
.text-autf{
	float: right;
	width: 90%;
	padding: auto;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 20px;
	}
#nomb-autf{
	margin-top: 50px;
	margin-bottom: 20px;
	}
#datos-autf{
	margin-top: 30px;
	margin-bottom: 20px;
	}
#datos-autf1{
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: left;
	padding-right: 30px;
	padding-left: 30px;
	}
#cuerpo-aut2{
	background-image: linear-gradient(to left, #fff , #fff, #0191DA);
				
	}
.f-autm{
	float: left;
	width: 90%;
	margin-right: 5%;
	margin-left:5%;
	margin-top: 10px;
}
.f-autm img{
	width:98%;
	height:auto;
	
	}
.text-autm{
	float: left;
	width: 90%;
	padding: auto;
	margin-left: 5%;
	margin-right:5%;
	
	}
#nomb-autm{
	margin-top: 50px;
	margin-bottom: 20px;
	}
#datos-autm{
	margin-top: 30px;
	margin-bottom: 20px;
	}
#datos-autm1{
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: left;
	padding-right: 30px;
	padding-left: 30px;
	}						
	
/*--- modalidades ---*/

#cuerpo-modalidades-sp{
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-modalidades2.jpg);
	background-repeat: repeat;
	background-position: center center;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #036;
	margin-top: 60px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #036;
	}

.modalidades-v{
	height: auto;
	width: 90%;
	height: auto;
	float: left;
	padding: 35px;
	margin-top: 50px;
	margin-right: 5%;
	margin-bottom: 15px;
	margin-left: 5%;
	background-image: url(../imagenes/fd-msp.png);
	background-repeat: repeat;
	background-position: center center;
	}
#ft-sp{
	margin-top: 2px;
	margin-bottom: 2px;	
	}
#ft-sp img{
	width:auto;
	height:auto;
	
	}
#tit-sp{
	margin-top: 20px;
	margin-bottom: 10px;
	
	}
#text-sp{
	text-align: justify;
	margin-top: 20px;
	}
.modalidades-v1{
	height: auto;
	width: 90%;
	float: right;
	background-color: rgba(0,35,140,0.3);
	padding: 30px;
	margin-top: 50px;
	margin-right: 5%;
	margin-bottom: 15px;
	margin-left: 1%;
	background-image: url(../imagenes/fd-mdv.png);
	background-repeat: repeat;
	background-position: center center;
	}
#ft-dv{
	margin-top: 2px;
	margin-bottom: 2px;	
	}
#ft-dv img{
	width:auto;
	height:auto;
	
	}
#tit-dv{
	margin-top: 20px;
	margin-bottom: 10px;	
	}
#text-dv{
	text-align: justify;
	margin-top: 20px;
	}	

#cuerpo-modalidades{
	margin-top: 100px;
	margin-right: 20px;
	margin-bottom: 100px;
	margin-left: 20px;
	background-color: #fff;
	}
.tit-modal{
	margin-top: 25px;
	margin-bottom: 25px;	
	}
	


#cuerpo-modalidades1{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-horarios.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}
#tit-horarios{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
.horarios{
	height: auto;
	width: 80%;
	float: left;
	background-color: rgba(0,35,140,0.3);
	padding: 10px;
	margin-top: 30px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 10%;
	}
#dias{
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	}
	
.horarios1{
	height: auto;
	width: 80%;
	float: right;
	background-color: rgba(0,35,140,0.3);
	padding: 10px;
	margin-top: 0px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 10%;
	}	
	
/*--- requisitos ---*/
.rotacion1{
	margin-top: 200px;	
	}

#cuerpo-requisitos1{
	margin-top: 100px;
	margin-bottom: 100px;
	background-color: #fff;
	}
.requisito-a{
	padding: 30px;
	float: left;
	width: 95%;
	margin-top: 20px;
	margin-right: 10%;
	margin-bottom: 20px;
	margin-left:5%;	
	}
.tit-req1{
	text-align: left;
	padding-left: 60px;
	}
#req{
	background-color: #036;
	text-align: left;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 40px;
	width: 90%;
	border-top-left-radius: 3em;
	border-bottom-right-radius: 3em;
	margin-top: 20px;
	margin-bottom: 10px;
	transition:all .5s ease-in-out;
	}
#req:hover {filter: saturate(280%);}
	
.requisito-b{
	padding: 30px;
	float: left;
	width: 95%;
	margin-top: 20px;
	margin-right: 5%;
	margin-bottom: 20px;
	margin-left: 5%;	
	}
.tit-req2{
	text-align: left;
	padding-left: 60px;
	}
#req0{
	background-color: #036;
	text-align: left;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 40px;
	width: 90%;
	border-top-left-radius: 3em;
	border-bottom-right-radius: 3em;
	margin-top: 20px;
	margin-bottom: 10px;
	transition:all .5s ease-in-out;
	}
#req0:hover {filter: saturate(280%);}

#cuerpo-requisitos2{
	padding-top: 50px;
	padding-bottom: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-costos.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	}
.tit-costos{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
.costos1{
	height: auto;
	width: 80%;
	float: left;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: 30px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 10%;
	}
#uno{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 15%;
	}
#uno img{
	width:95%;
	height:auto;
	}
#paso0{
	margin-top: 30px;
	margin-left: 10%;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1{
	margin-top: 30px;
	margin-left: 5%;
	float: left;
	width: 225px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:5px;
	}
#paso2{
	margin-top: 30px;
	margin-left: 5%;
	float: left;
	width: 225px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3{
	margin-top: 30px;
	margin-left: 5%;
	float: left;
	width: 225px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4{
	margin-top: 30px;
	margin-left: 1%;
	margin-right:1%;
	float: left;
	width: 95%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}
	
.costos2{
	height: auto;
	width: 80%;
	float: right;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: 10px;
	margin-right: 10%;
	margin-bottom: 15px;
	
	}
#dos{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 15%;
	}
#dos img{
	width:95%;
	height:auto;
	}	
	
#paso02{
	margin-top: 30px;
	margin-left: 10%;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1-2{
	margin-top: 30px;
	margin-left: 5%;
	float: left;
	width: 225px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso2-2{
	margin-top: 30px;
	margin-left: 5%;
	float: left;
	width: 225px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3-2{
	margin-top: 30px;
	margin-left: 5%;
	float: left;
	width: 225px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4-2{
	margin-top: 30px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	width: 90%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}
	
	
.costos3{
	height: auto;
	width: 80%;
	float: left;
	background-color: rgba(255,255,255,0.2);
	padding: 15px;
	margin-top: 10px;
	margin-right: 10%;
	margin-bottom: 15px;
	margin-left: 10%;
	}
#tres{
	float: left;
	width: 207px;
	margin-top: 5px;
	margin-left: 15%;
	}
#tres img{
	width:95%;
	height:auto;
	}
#paso03{
	margin-top: 30px;
	margin-left: 10%;
	float: left;
	width: 200px;
	text-align: center;
	border-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso1-3{
	margin-top: 30px;
	margin-left: 5%;
	float: left;
	width: 225px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso2-3{
	margin-top: 30px;
	margin-left: 5%;
	float: left;
	width: 225px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso3-3{
	margin-top: 30px;
	margin-left: 5%;
	float: left;
	width: 225px;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	}
#paso4-3{
	margin-top: 30px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	width: 90%;
	text-align: center;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
	background-color: #002040;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	border-radius: 2em;
	}		
/*--- contactenos ---*/
#portada-ubc{
	background-color: #036;
	margin-top: 200px;
	}	
#ft-ubc-cad{
	float: left;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FC0;
	}
#ft-ubc-cad img{
	height: auto;
	width: 100%;	
	}

#cuerpo-ubc1{
	background-color: #fff;
	padding-top: 50px;
	}
.tit-ubc1{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
/*--mapa--*/
.mapa{
	float: left;
	margin-left: 0px;
	margin-bottom:50px;
	width: 100%;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 10px;
	
	
	}
/*--codigo-mapa-google--*/

1mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 550px !important;
	height: 350px !important;
}

#cuerpo-cont{
	background-color: #fff;
	padding-top: 50px;
	background-attachment: fixed;
	background-image: url(../imagenes/fd-form.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	}
	
.tit-cont{
	margin-top: 50px;
	margin-bottom: 50px;	
	}
	
#tex-form{
	float: left;
	margin-left: 250px;
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 5px;
	margin-bottom: 10px;
	margin-top: 0px;	
	}
.t-opinion{
	
	}
#formulario{
	margin-top: 50px;
	margin-bottom: 50px;
	margin-left: 1%;	
	}
form{
	width: 280px;
	float: left;
	margin-top:50px;
	margin-left: 1%;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;	
	}
input[name="nombre"]{
	width: auto;
	margin-bottom: 15px;
	margin-top: 30px;
	height: 30px;
	}
input[name="empresa"]{
	width: auto;
	margin-bottom: 5px;
	margin-top: 10px;
	height: 30px;
	}
input[name="email"]{
	width: auto;
	margin-bottom: 10px;
	margin-top: 5px;
	height: 30px;
	}
#recaptcha{
	margin-left: 5px;
	height: auto;
	width: 300px;
	}

textarea{
	width: 300px;
	margin-bottom: 10px;
	margin-top: 10px;
	}

@media (max-width:480px){
	form{
		width:95%;
	}
}			
	
	
	
	
	
}