@charset "utf-8";
/* CSS Document */

*{margin:0px;padding:0px;text-decoration: none;outline: none;background-repeat: no-repeat;vertical-align: top;}
h1,h2,h3,h4{font-weight: normal;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display: block;}
.corte{clear: both;display: block;}
hr{clear: both;margin: 50px 0;display: block;border:none;border-top: 2px solid #d80f0f;height: 1px;}
hr.negro{border-top:1px dashed black;}
img {border: none;}
ul{list-style-type: none;}
a:hover{text-decoration: underline;}

*{font-family: Tahoma;}
body{background-color: white;}

.back_azul{background-color: #256dd8;}
.back_verde{background-color: #86b501;}
.back_rojo{background-color: #ac0000;}
.rojo{color: #ac0000;}
.azul{color: #256dd8;}
.verde{color: #86b501;}


header,footer{height: 40px;border-bottom:1px solid #081f50;border-top:1px solid #081f50;background-color:#d80f0f;}
header{position: absolute;top: 0px;left: 0px;}


.cont_nav{width: 1100px;margin: auto;}
.cont_nav h1{display: block;width: 354px;font-size: 20px;margin: 0;padding-left: 0;height: 40px;line-height: 40px;color: white;float: left;}
.nav{display: block;float: right;}
.nav li{float: left;height: 40px;line-height: 40px;margin: 0 0 0 20px;cursor: pointer;color: white;font-weight: bold;border-right: 1px solid black;padding: 0 20px 0 0;text-shadow: 2px 2px 10px rgba(150, 150, 150, 1);}
.nav li:first-of-type{border-left: 1px solid black;padding-left: 20px;}
.nav li.sel{color: black;}

.grande{font-size: 22px;}

.cont_nav .nav_boton{width: 30px;height: 30px;background-image: url(images/mobile-nav-button.png);margin: 5px 0 0 5px;display: none;cursor: pointer;}

.nav-fixed{position: fixed;top: 0px;z-index: 5000;background-color: #d80f0fb5;height: 40px;}
.nav-fixed .cont_nav .nav li{height: 40px;line-height: 40px;}

footer{height: 60px;font-size: 17px;}
footer p{text-align: center;height: 60px;color: white;}
footer a{color: white;text-decoration: underline;border-right: 1px solid white;padding-right: 10px;margin-right: 10px;}
footer a:last-of-type{border:none;}
footer p span{border-right: 1px solid white;padding-right: 10px;margin-right: 10px;margin-top: 17px;display: inline-block;}
footer a{display: inline-block;margin-top: 17px;}
footer a#madeo{height: 40px;margin-top: 11px;}

.cuerpo{width: 1100px;margin:auto;}

h1{font-size: 36px;color: #d80f0f;margin-bottom: 22px;}
h2{font-size: 29px;color: #d80f0f;margin-bottom: 22px;}
article p{color: #3D3D3D;font-size: 19px;margin-top: 11px;line-height: 29px;}
article p a{color: #d80f0f;text-decoration: underline;}
article p:first-of-type{font-size: 25px;line-height: 38px;}
.home{margin-top: 60px;padding-bottom: 50px;}
.home .home-text{width: 660px;float: left;padding-top: 30px;}
/*
.home figure{display: block;text-align: center;margin-top: 94px;width: 420px;float: left;}
.home figure img{display: inline-block;border:1px solid #081f50;border-radius: 254px;}
.home figure figcaption{font-size: 13px;font-style: italic;margin-top: 8px;color: #7C7C7C;}
*/

.tarifas table{border: 1px solid #256dd8;margin-bottom: 35px;margin-top: 20px;}
.tarifas table th{text-align: center;font-weight: normal;}
.tarifas table th.titulo{font-size: 23px;text-transform: uppercase;color: white;font-weight: bold;}

.tarifas table td,.tarifas table th{border: 1px solid #256dd8;text-align: center;padding: 5px;vertical-align: middle;font-size: 12px;}
.tarifas table td.cerrado{background-color: #63ABD3;}
.tarifas table td{height: 30px;width: 100px;}


.contacto div{border-radius: 10px;}
.contacto h2{color: #3D3D3D;font-size: 20px;}
#face,#form_contacto{display: block;width: 500px;background-color: white;border:2px solid #d80f0f;float: left;margin: 20px 10px;min-height: 400px;padding: 10px;}
#face .uiHeaderTitle{font-size: 21px;}
#face_coments{display: block;width: 1040px;background-color: white;border:2px solid #d80f0f;margin: 20px 0 0 10px;min-height: 160px;padding: 10px;}
#face_box2{display: none;}

#form_contacto label{display: block;}
#form_contacto input{margin-top: 3px;display: block;width: 98%;padding: 0 1%; height: 25px;border:1px solid #A9ACA9;border-radius: 5px 5px 5px 5px;margin-bottom: 15px;}
#form_contacto textarea{margin-top: 3px;display: block;width: 98%;padding: 0 1%;height: 73px;border:1px solid #A9ACA9;border-radius: 5px 5px 5px 5px;margin-bottom: 15px;}
#form_contacto  .cont_boton{cursor: pointer;width: 120px;height: 35px;line-height: 35px;float: right;}


.recorrido h2{margin-top: 20px;font-size: 26px;}
.recorrido .mapa{margin: 40px 0;}
.recorrido .botones{margin-top: 30px;}

.gracias{margin-bottom: 20px;}
.gracias span{color: #3D3D3D;font-size: 35px;text-align: center;display: block;color: #d80f0f;text-shadow: 4px 4px 7px rgba(150, 150, 150, 1);}


.biselado {
box-shadow: inset 3px 3px 3px rgba(255,255,255,.7), inset -2px -2px 3px rgba(0,0,0,.1), 2px 2px 10px rgba(0,0,0,.1);
width: 90px;  /* Ancho del botón */
border: 1px solid #9b9bff; /* Borde */
background: #7777ff;  /* Fondo */
text-align: center;  /* Alineación del texto */
text-shadow: -1px -1px rgba(0,0,0,.2);  /* Sombra del texto */
border-radius: 5px;  /* Bordes redondos */
color: #3D3D3D;  /* Color del texto */
font-size:15px;
}
.biselado:active /* Al presionarse el botón */ {
text-shadow: 1px 1px rgba(0,0,0,.3);  /* Sombra del texto */
background:#3d3dff;  /* Fondo más oscuro que el original */
box-shadow:inset 4px 4px 4px rgba(0,0,0,.3), inset -3px -3px 3px rgba(255,255,255,.2);
}
.biselado:hover{color: white;font-weight: bold;}

.sombra{-webkit-box-shadow: 0px 3px 13px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 3px 13px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 3px 13px 0px rgba(50, 50, 50, 0.75);}

.sombra{-webkit-box-shadow: 0px 3px 13px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 3px 13px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 3px 13px 0px rgba(50, 50, 50, 0.75);}


.botones {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
	background:-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
	background-color:#3d94f6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #337fed;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #1570cd;
}
.botones:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
	background:-moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0);
	background-color:#1e62d0;
}
.botones:active {
	position:relative;
	top:1px;
}


@media only screen
and (max-width : 1100px) {

	.cont_nav{width: auto;}
	.cont_nav h1{display: none;}
	.cuerpo{width: auto;padding: 0 2%;}
	.home .home-text{width: auto;}
	.home .cont_view{width: 100%;text-align: center;}
	.home .view{display: inline-block;float: none;width: auto;margin: 40px 0;}
	.recorrido .mapa{width: 80%;}

	.contacto{text-align: center;}
	.contacto h1{text-align: left;}
	.contacto h2{text-align: left;}
	.contacto p{text-align: left;}
	.contacto label{text-align: left;}
	#face, #form_contacto{float: none;display: inline-block;}

	#face_coments{width: 500px;display: inline-block;margin-left: 0;}
	#face_box1{display: none;}
	#face_box2{display: block;}

}

@media only screen
and (max-width : 910px) {
	.cont_nav h1{display: none;}


}

@media only screen
and (max-width : 910px) {
	footer{height: auto;width: auto;font-size: 15px;}
	footer p{height: auto;}
	footer p span{margin-top: 22px;}
	footer a{margin-top: 22px;}
	.gracias span{font-size: 24px;}
	.gracias{margin-bottom: 50px;}


}

@media only screen
and (max-width : 800px) {
	.tarifas table th.titulo{font-size: 12px;}
	.tarifas table td,.tarifas table th{font-size: 10px;}
}

@media only screen
and (max-width : 790px) {
	footer{font-size: 17px;}
	footer p span{border:none;padding: 0;margin: 7px 0 0 0;display: block;}
	footer a{border:none;padding: 0;margin: 7px 0 0 0;display: block;}
}

@media only screen
and (max-width : 680px) {
	.tarifas table td,.tarifas table th{font-size: 7px;}
	.tarifas table td.pr{font-size: 10px;}

	.cont_nav .nav{display: block;position: absolute;top: 43px;left: 1px; width: auto;height: auto;float: none;background-color: rgba(84,84,84,0.9);border-radius: 8px;border:2px solid black;display: none;}
	.cont_nav .nav li,
	.cont_nav .nav li:first-of-type{float: none;width: auto;border:none;margin: 0;padding: 0;clear: both;padding: 3px 2%;border-bottom: 1px solid black;text-shadow:none;}
	.cont_nav .nav li:last-of-type{border:none;}
	.cont_nav .nav_boton{display: block;position: absolute;}
	.cont_nav h1{display: block;width: auto;padding-left: 50px;}
}

@media only screen
and (max-width : 580px) {
	#face{display: none;}
	#face_coments{display: none;}
	#form_contacto{display: block;width: auto;float: none;}
}


@media only screen
and (max-width : 510px) {
	.tarifas table{display: none;}
}

@media only screen
and (max-width : 400px) {
	.cont_nav h1{font-size: 15px;}

}


#req-boleto-estudiantil h3{color: #d80f0f;}