/* == GENERAL == */

body{
	padding-top:50px;
	background: #fff; 
	overflow-x: hidden;
}
.header-section{
	text-align: center;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;

}
.linea-color{
	width: 100%;
	height: 5px;

	background: #006e2e; /* Old browsers */
	background: -moz-linear-gradient(left,  #006e2e 0%, #006e2e 7%, #006e2e 7%, #fcfc00 42%, #00acfc 62%, #002559 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#006e2e), color-stop(7%,#006e2e), color-stop(7%,#006e2e), color-stop(42%,#fcfc00), color-stop(62%,#00acfc), color-stop(100%,#002559)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #006e2e 0%,#006e2e 7%,#006e2e 7%,#fcfc00 42%,#00acfc 62%,#002559 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #006e2e 0%,#006e2e 7%,#006e2e 7%,#fcfc00 42%,#00acfc 62%,#002559 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #006e2e 0%,#006e2e 7%,#006e2e 7%,#fcfc00 42%,#00acfc 62%,#002559 100%); /* IE10+ */
	background: linear-gradient(to right,  #006e2e 0%,#006e2e 7%,#006e2e 7%,#fcfc00 42%,#00acfc 62%,#002559 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006e2e', endColorstr='#002559',GradientType=1 ); /* IE6-9 */

}
.logos{
	margin-top: 30px;
	margin-bottom: -30px;

}

.logos img{
			max-width: 700px;
}
.wrap{
	padding-top: 50px;
	padding-bottom: 10px;
}


li.dropdown:hover > .dropdown-menu {
    display: block;
}
 
.dropdown-menu > li.kopie > a {
    padding-left:5px;
}
 
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
   top:0;left:100%;
   right: auto;
   margin-top:-6px;margin-left:-1px;
   -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;
 }
  
.dropdown-submenu > a:after {
  border-color: transparent transparent transparent #333;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
  display: block;
  float: right;  
  height: 0;     
  margin-right: -10px;
  margin-top: 5px;
  width: 0;
}
 
.servicios{
	background: rgb(38,56,79);
	width: 100%;
}

.servicios p{
	color: white;
	font-size: 35px;
	font-weight:lighter;
	font-family: 'calibri';
	vertical-align: middle;
	text-align: center;
	margin: 0 auto;
	padding: 0;

}

#foto {
	background: #fff;
	padding-top: 50px;
	padding-bottom: 50px;

}
#foto button{
		text-align: center;
		margin-top: 10px;

}



#quien h1{
	color: rgb(38,56,79);
	font-size: 60px;
	font-weight: bolder;
	font-family: 'verdana';
	vertical-align: right;
	text-align: center;
}

#quien p{
	padding-top: 40px;
	font-size: 24px;
	text-align: center;
}

.brde-izq{
	border-left: : 5px solid rgb(38,56,79);
}



.fuerte{
	font-size: 45px;
	font-weight: bolder;

}

 h1{
 	font-family: 'Roboto Condensed', sans-serif; 
 	font-size: 60px;
 }

h2{
	font-family: 'Roboto Condensed', sans-serif;
}

 /* TITTLE & ENROLL */

.jumbotron{
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
	text-align: center;
	color: white;
 }


.slide1-1{
background: url('../img/sliders/1-1.png');

min-height: 450px; 
	height: 100%;
	width:100%; 
}
.slide1-2{
background: url('../img/sliders/1-2.jpg');
min-height: 450px; 
	height: 100%;
	width:100%; 
}
.slide1-3{
background: url('../img/sliders/1-3.png');
min-height: 450px; 
	height: 100%;
	width:100%; 
}

.slide2-1{
background: url('../img/sliders/2-1.jpg')no-repeat center;
background-size: cover;

min-height: 450px; 
	height: 100%;
	width:100%; 
}
.slide2-2{
background: url('../img/sliders/2-2.jpg') no-repeat center;
background-size: cover;
min-height: 450px; 
	height: 100%;
	width:100%; 
}
.slide3-1{
background: url('../img/sliders/3-1.jpg')no-repeat center;
background-size: cover;

min-height: 450px; 
	height: 100%;
	width:100%; 
}
.slide3-2{
background: url('../img/sliders/3-2.jpg') no-repeat center;
background-size: cover;
min-height: 450px; 
	height: 100%;
	width:100%; 
}

.slide3-3{
background: url('../img/sliders/3-3.jpg')no-repeat center;
background-size: cover;

min-height: 450px; 
	height: 100%;
	width:100%; 
}
.slide3-4{
background: url('../img/sliders/3-4.jpg') no-repeat center;
background-size: cover;
min-height: 450px; 
	height: 100%;
	width:100%; 
}
.slide4-1{
background: url('../img/sliders/vertebrados/1.jpg') no-repeat center;
background-size: cover;
min-height: 450px; 
	height: 100%;
	width:100%; 
}
.slide4-2{
background: url('../img/sliders/vertebrados/2.jpg') no-repeat center;
background-size: cover;
min-height: 450px; 
	height: 100%;
	width:100%; 
}
.slide4-3{
background: url('../img/sliders/vertebrados/3.jpg') no-repeat center;
background-size: cover;
min-height: 450px; 
	height: 100%;
	width:100%; 
}
.slide4-4{
background: url('../img/sliders/vertebrados/4.jpg') no-repeat center;
background-size: cover;
min-height: 450px; 
	height: 100%;
	width:100%; 
}
.slide4-5{
background: url('../img/sliders/vertebrados/5.jpg') no-repeat center;
background-size: cover;
min-height: 450px; 
	height: 100%;
	width:100%; 
}
.slide4-6{
background: url('../img/sliders/vertebrados/6.jpg') no-repeat center;
background-size: cover;
min-height: 450px; 
	height: 100%;
	width:100%; 
}
.slide4-7{
background: url('../img/sliders/vertebrados/7.jpg') no-repeat center;
background-size: cover;
min-height: 450px; 
	height: 100%;
	width:100%; 
}
.slide4-8{
background: url('../img/sliders/vertebrados/8.jpg') no-repeat center;
background-size: cover;
min-height: 450px; 
	height: 100%;
	width:100%; 
}
.slide4-9{
background: url('../img/sliders/vertebrados/9.jpg') no-repeat center;
background-size: cover;
min-height: 450px; 
	height: 100%;
	width:100%; 
}
.slide4-10{
background: url('../img/sliders/vertebrados/10.jpg') no-repeat center;
background-size: cover;
min-height: 450px; 
	height: 100%;
	width:100%; 
}





.carousel-caption{
	width: 25%;
}

.carousel .icon-container,
.carousel-caption button {
	background-color: #09c;
}
.carousel-caption h3 {
background-color: rgba(0, 0, 0, 0.64);
	margin-top: 20px;
	padding: 20px;
		border-radius: 10px;
		width: 100%;

}

   
.carousel-caption h2 {
 background-color: rgba(247, 246, 246, 0.77);
	margin-top: 20px;
	padding: 20px;
		border-radius: 10px;
		color: black;

}
.carousel .icon-container {
	display: inline-block;
	font-size: 25px;
	line-height: 10px;
	padding: 1em;
	text-align: center;
	
	border-radius: 50%;
}
.carousel-caption button {
	border-color: #00bfff;
	margin-top: 1em; 
}

/* Animation delays */
.carousel-caption h3:first-child {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.carousel-caption h3:nth-child(2) {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}

.carousel-caption h2:first-child {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.carousel-caption h2:nth-child(2) {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}
.carousel-caption h2:nth-child(3) {
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
}
.carousel-caption button {
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
}




 /* WHAT WILL YOU LEARN   */

#what-learn{
	text-align: center;
}

/* COURSE TARGET   */

#course-target{

	background-color: #bf3e11;
	color: white;
}

/* COURSE FEATURES*/


#course-features{
	background-color: white;
	text-align: center;
}

#course-features i{
	margin-top: 30px;

} 

/* NOSOTROS  */
#nosotros{
	background-color: rgb(38,56,79) ;
}
 
#nosotros h1{
	color: white;
	font-size: 40px;
}

#nosotros p{

	color: white;
	font-size: 20px;
	padding-top: 20px;

}




/* SERVICIOS */

#serv{
	margin-bottom: 70px;
}

#serv p{

	color: rgb(38,56,79);
	font-size: 20px;
	padding-top: 20px;
	

}
#serv h1{
	font-size: 40px;
}

#serv .panel-default>.panel-heading+.panel-collapse>.panel-body {
	background-color: rgb(38,56,79);
}
#serv .panel-default>.panel-heading+.panel-collapse>.panel-body li{
	color: #fff;
}
#serv .panel-default>.panel-heading+.panel-collapse>.panel-body a{
	color: #fff;
	font-size: 16px;
}

#bolsa{
	margin-bottom: 50px;
}
/* INSTRUCTOR*/

#instructor .left-side{
	text-align: right;
}

.badge.social{
	background-color: #95a5a6;
	font-size: 20px;
	height: 35px;
	width: 35px;
	text-align: center;
	line-height: 35px;
	margin-top: 5px;
	padding: 0;
	-webkit-border-radius:35px;
	-moz-border-radius:35px;
	border-radius: 35px;
	color: white;
}

.badge.social.twitter:hover{
 background-color: #55acee;
}

.badge.social.linkedin:hover{
 background-color: #4875b4;
}

.badge.social.blog:hover{
 background-color: #26c281;
}


/* PROMOCIONAL VIDEO*/

#video{
	margin-top: 10px;
	margin-bottom: 10px;
}
.distintivo{
	margin-top: 170px;
}

/* fOOTER*/

#footer{
	padding: 20px;
	background: #22313f;
	color: white;

}

#footer a{
	color: #f5ab35;
}

#Footer a:hover{
	color: #f9690e;

}


/*_____________CLIENTES________*/

/* CSS used here will be applied after bootstrap.css */

#clientes {
  padding-top: 40px;
  background: #fff;
  margin-bottom: 20px;
}

#clientes ul {
      list-style: none outside none;
        padding-left: 0;
            margin: 0;
    }
#clientes .demo.item{
            margin-bottom: 60px;
        }
#clientes    .content-slider li{
        text-align: center;
        color: #FFF;
    }
#clientes    .content-slider h3 {
        margin: 0;
        padding: 70px 0;
    }

#clientes img{
  height: 100px;
}

/*---------CONTACTO------*/


#contacto{
	padding-top: 20px;
	background-color: rgb(34, 49, 63);
	color: white;
}

#contacto p{
	text-align: left;
	padding-left: 40px;
}

#contacto button{
	background: none;
	border:none;
	margin-bottom: 10px;
}

#map-container{
	width: 100%;
	height: 400px;
}
.inputGroupContainer{
	width: 100%;
}

#equipo{
	background-color: rgb(38,56,79);
	margin-top: 70px;
}
#equipo h1{
	color: #fff;
	font-size: 50px;
	font-weight:normal;
	font-family: 'calibri';
	vertical-align: middle;
	text-align: center;
}

#equipo p{
	padding-top: 40px;
	font-size: 24px;
	text-align: center;
}

#team {
	margin-top: 100px;
	margin-bottom: 200px;

}
#team .row{
	margin-bottom: 50px;
}

#team img{
	border-radius: 20px;
}

 .team-designation{
 	width: 100%;
    background: #fff;
    color: rgb(38,56,79);
    padding: 10px 0 5px 0;
    text-align: center;

}


.team-designation p{
	font-family: 'Roboto', sans-serif;
    color: rgb(38,56,79);
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1.5px;
    line-height: 17px;
    text-transform: uppercase;
    line-height: 20px;
    }

.team-designation a{
	margin-top: 10px;
}

.espacio{
	margin-top: 120px;
}

#hacemos{
	margin-bottom: 100px;
	font-family: 'Roboto', sans-serif;
    color: rgb(38,56,79);
    font-size: 18px;


}
#hacemos li{
	margin-bottom: 15px;
	
    

}

#agua{
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: #fff;
	color: rgb(38,56,79);
	font-family: 'Roboto', sans-serif;
	font-size: 16px;

}

#agua h2{
	margin-bottom: 30px;
}

.enlaces{

	margin-top: 20px;

}

.parrafo{

	max-width: 670px;
}
.tour{
	margin-bottom: 20px;


}

.tour button {
	background-color: #fff;
	border:none;

}

#form_cont{
  margin-top: 100px;
}

#form_cont .container{

	margin-top: 50px;
}

#form_cont textarea{

height: 250px;

}

#success_message{ 
  display: none;

}

#form_cont .input-group-addon{

	background-color: #307abd;
	color: #FFF;
	border-color:  #307abd;

}
#fail_message{
	display: none;
}

.gallery
{
    display: inline-block;
    margin-top: 20px;
}

.borde{
	margin-bottom: 20px;
	border: 3px solid #26384f ; 
}
.cuadro img{
	width: 305px;
	height: 340px;
}

.txt-galeria{
	font-size: 20px;
	padding-top: 10PX;
	padding-bottom: 10PX;
	color: #FFF;
	background-color: #26384f;
}

.modal-backdrop{
	z-index: 0;
	top: 0;
}

.proyectos .panel-default>.panel-heading {
    color: #fff;
    background-color: #26384f;
    border-color: #26384f;
}

#modalFace .modal-content{
	max-width: 500px;
	background:#26384f;
}
#modalTwitt .modal-content{
	max-width: 500px;
	background: #26384f;
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    background: url('../img/pre-loader.jpg') 50% 50% no-repeat #FFF;
}
.navbar-brand{
	padding-top: 5px;
}
.titulo{
	margin-top: 100px;
}

#myModal4{
	width:100%;
	height: auto;
}