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

@font-face {
    font-family: 'Gotham Book';
	src: url(../fonts/Gotham-Book.otf);
}

body{
	height:auto;
	margin:0;
	padding:0;
	background-color:#FFF;
	font-family:'Gotham Book' !important;
	background-image:url(../images/bg.jpg) !important;
	background-position:top center;
	background-repeat:no-repeat !important;
	background-size: cover !important;
	background-attachment:fixed !important;
	overflow-y: scroll !important;
	
}

.filtros{
	background-color: #009688 !important;
    width: 26%;
	float:right;
	border-radius: 0 5px 5px 0 !important;
}

.btn-fil{
    padding: 9px !important;
    background-color: #E00045 !important;
    border-radius: 5px 0 0 5px !important;
}

option{
    color:#fff;
    }
	
.disa{
	color:#009688;
}

.body2{
	background-color:#FFF;
	background-image:url(../images/bg2.jpg) !important;
	background-position:top center;
	background-repeat:no-repeat !important;
	background-size: cover !important;
	background-attachment:fixed !important;
}
	

.datos{
	margin-top:20px;
}

.dirigido{
	display:inline-block;
}

.logo{
	margin-bottom:40px;
	margin-left:-20px;
}

ol li{
	text-align:justify;
}

.datos p{
	font-size:20px;
	font-weight:bold;
	line-height:14px;
	text-align:right;
}

.bg{
	width:100%;
}

.h3{
	text-align:right !important;
}

span{
	color:#ff3b30 !important;
	font-weight: bold;
}

li{
	list-style:none !important;
}

.servicios{
	font-weight:bold;
	font-size:18px;
}

.formu{
	margin-top:60px;
	margin-left: 640px;
}

h2{
	color:#FFF !important;
}

option:hover{
	background:#000 !important;
}

.condiciones p{
	color: #333;
	text-align: justify;
}

.condiciones-fom{
	color:#FFF;
	font-size:11px;
}

.recuerda{
	color: #333 !important;
	font-weight:bold;
}

.img-titulo{
	margin-top: -5px;
    margin-right: 10px;
}

button{
	background-color: #CCC !important;
    padding: 5px 15px !important;
	border-radius: 4px !important;
    float: right;
	font-size:12px;
	font-family:'Gotham Book' !important;
}

.mensaje{
	height:100px !important;
}

input, select{ 
	background-color:#ff3b30 !important;
	color:#fff !important;
	border:0px !important;
	font-family:'Gotham Book' !important;
}

select{
	border-radius:4px !important;
}

placeholer{
	color:#fff !important;
}

.cont{
	margin-top:30px;
}


.red{
	color: #F00;
}

::-webkit-input-placeholder {
   color: #fff !important;
   font-family:'Gotham Book' !important;
}

:-moz-placeholder { /* Firefox 18- */
   color: #fff !important; 
   font-family:'Gotham Book' !important; 
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #fff !important; 
   font-family:'Gotham Book' !important; 
}

:-ms-input-placeholder {  
   color: #fff !important; 
   font-family:'Gotham Book' !important; 
}

.envi{
	color: #fff;
	background-color: #ff3b30 !important;
	font-size: 12px;
}

.community{
	display:none;
}


#capainicio{
	position:relative;
}

#capaexpansion{
	position:relative;
	display:none;

}

#capaexpansion2{
	position:relative;
	display:none;

}

#capaexpansion3{
	position:relative;
	display:none;

}

#capaexpansion4{
	position:relative;
	display:none;

}

#capaexpansion5{
	position:relative;
	display:none;

}

#capafinal{
	position:relative;

}

.admin{
	//**width:95%;*/
	margin-left:auto;
	margin-right:auto;
	font-size:10px;
}

.admin td{
	font-size:12px;
	font-family:'Gotham Book' !important;
}

.admin img{
	width:22px;
}

.admin h6{
	font-weight:bold;
	font-family:'Gotham Book' !important;
}

.x{
	font-weight: bold;
    text-shadow: 0px 0px 3px #ccc ;
    color: darkgreen;
}

.n-adm{
	text-transform:capitalize;
}

.down{
	width:32px !important;
}
table {
    border: solid 0px #ddd !important;
    border-radius: 10px;
}

.d_nom{
	text-transform:capitalize;
	font-size:18px;
	color:#000;
	text-align:left;
	font-weight:bold;
}

.detalles{
	margin-top:50px !important;
	margin-bottom:20px !important;
	background-color:#fff;
	padding:20px;
	border-radius:10px;
}

.volver2:hover{
	opacity:0.8;
}

.volver2{
    background: white;
    padding: 5px;
    border-radius: 5px;
}


.d_ca{
	font-size:14px;
	line-height:18px;
	color:#000;
	text-align:justify;
	margin-top:20px;
}

.cab_contacto{
	color:#FFF;
}

.button{
	margin-top:100px !important;
}

.button a{
	color:#FFF;
}
.button a:hover{
	color:#FFF;
}

.espacio-s{
	margin-top:50px;
}

.title{
	color:#fff !important;
	background:none !important;
	text-align:center !important;
}

.horarios{
	text-align:right;
	font-size:14px;
	font-weight:bold;
	margin:10px 0 25px 0;
	background-color: #00BCD4;
	padding:10px;
	box-sizing:border-box;
	border-radius:10px;
	color:#FFF;
	animation-name: titulos;
	animation-duration: 2s;
	margin-top:50px !important;
}
.horarios2{
	text-align:right;
	font-size:14px;
	font-weight:bold;
	margin:10px 0 25px 0;
	background-color: #009688;
	padding:10px;
	box-sizing:border-box;
	border-radius:10px;
	color:#FFF;
	animation-name: titulos;
	animation-duration: 2s;
	margin-top:50px !important;
}

.horarios3{
	text-align:right;
	font-size:14px;
	font-weight:bold;
	margin:0px 0 25px 0;
	background-color: #3a5d57;
	padding:10px;
	box-sizing:border-box;
	border-radius:10px;
	color:#FFF;
	animation-name: titulos;
    animation-duration: 2s;
	margin-top:50px !important;
	
}

.horarios4{
	text-align:right;
	font-size:14px;
	font-weight:bold;
	margin:0px 0 25px 0;
	background-color: #E00045;
	padding:10px;
	box-sizing:border-box;
	border-radius:10px;
	color:#FFF;
	animation-name: titulos;
    animation-duration: 2s;
	margin-top:50px !important;
	
}

.cerrar{
	color:#FFF !important;
	font-size:12px;
}

.izquierda{
	float:left;
	padding-top:20px;
	padding-left:10px;
	box-sizing:border-box;
}
.izquierda:hover{
	opacity:0.7;
}

.log{
	margin-top:40px;
	text-align:center;
}
.nav-tabs > li > a{
	color: black;
}

.volver{
	position:fixed;
	left:0px;
	top:50%;
	background-color:#E00045;
	padding:10px;
	border-radius:0 10px 10px 0;
}

.volver3{
	position:fixed;
	left:0px;
	top:58%;
	background-color:#E00045 !important;
	padding:10px !important;
	border-radius:0 10px 10px 0 !important;
}

.volver4{
	position:fixed;
	left:0px;
	top:64%;
	background-color:#E00045 !important;
	padding:10px !important;
	border-radius:0 10px 10px 0 !important;
}

.volver3 img{
	width:32px !important;
}

.volver4 img{
	width:32px !important;
}

.pag li{
	display:inline-block;
	text-align:center;
	padding-left:10px;
	cursor:pointer;
}

.pg{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	border-radius:10px;
	text-align:center;
}

#pagination{
	margin-left: 0px !important;
}

#pagination a{
	margin: 0 5px 0 5px;
	
}

@keyframes titulos {
    from {margin-top: -50px;}
    to {margin-top:50px;}

.h4{
	color:#fff !important;
}