body{
	background-image: url(../img/fondobody.png);

		background-attachment: fixed;
		background-position: top;
		background-size: cover;
	
}


/* ====================================
			 ICONBAR 
==================================== */

.icon-bar {
	z-index: 3000;
  position: fixed;
  top: 40%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 12px;
}

@media (max-width:992px){

	.icon-bar {
		z-index: 3000;
	  position: fixed;
	  top: 35%;
	  -webkit-transform: translateY(-50%);
	  -ms-transform: translateY(-50%);
	  transform: translateY(-50%);
	  right: 7px;
	}

}


.icon-bar a i{
	padding-right: 2px;
	padding-left: 2px;
}
.icon-bar a {
	margin-bottom: 0;
	border-radius: 50%;
  display: block;
  text-align: center;
  padding: 3px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

.icon-bar a:hover {
  /*background-color: #000;*/
  /*transform: scale(1.05, 1.05);*/

}


/* ======================
           MENU
========================*/

#menu ul li:hover a{
border-bottom: 3px solid #e6c619;
transition: .5s all;
}           

#menu ul li a{
	border-bottom: 3px solid transparent;
transition: .5s all;
}  

#top #imglogo{
	width: 102px;
	height: 120px;
	padding: 0;
	margin:0;
	position: absolute;
	top:-16px;
	left: -40px;

}

@media (max-width:600px){
	#top #imglogo{
		width: 80px;
		height: 96px;
		padding: 0;
		margin:0;
		position: absolute;
		top:-16px;
		left: -5px;

	}

}



/* ======================
           PORTADA
========================*/

#portada{
	padding-top: 75px;
	background-image: url(../img/portadaopt.png);
	min-height: 600px;
		/*background-attachment: fixed;*/
		background-position: top;
		background-size: cover;
		
}

@media (max-width:600px){


	#portada h1, #portada p{
		text-align: center !important;
	}

	#portada{
		background-image: url(../img/portadasm.png);
		min-height: 500px;
			/*background-attachment: fixed;*/
			background-position: right;
			background-size: cover;
			
	}

}


@media (min-width:1600px){


	#portada{
		background-image: url(../img/portadaopt.png);
		min-height: 700px;
			/*background-attachment: fixed;*/
			background-position: top;
			background-size: cover;
			
	}


}


/* ======================
          QUIENES SOMOS
========================*/
section.simple-cta {
  background-image: url(../img/cta-bg.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
/*min-height: 500px;*/
  /*padding: 180px 0px 180px 0px;*/
}




section.simple-cta h6 {
  font-size: 17px;
  color: #fff;
}

section.simple-cta h4 {
  font-size: 62px;
  font-weight: 900;
  color: #fff;
  line-height: 74px;
  /*margin-top: 20px;*/
}

section.simple-cta h5 {
  font-size: 30px !important;
    font-weight: 900;
  color: #fff;
  line-height: 74px;
  /*margin-top: 20px;*/
}

section.simple-cta p {
  color: #fff;

}

#quienesomos p{
	text-align: justify;
}


/* ======================
    MISIÓN Y VISION
========================*/

#misionvision{
background: #fceabb; /* Old browsers */
background: -moz-linear-gradient(top, #fceabb 0%, #f8b500 0%, #f9b811 100%, #fbdf93 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fceabb 0%,#f8b500 0%,#f9b811 100%,#fbdf93 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fceabb 0%,#f8b500 0%,#f9b811 100%,#fbdf93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#misionvision .unsec{
	padding-top: 60px;
	padding-bottom: 60px;
	padding-left: 20px;
	padding-right: 20px;

}


#misionvision .unsec h5, #misionvision .unsec p{
	color: white;
}

@media (max-width:900px){


#misionvision .unsec{
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 0px;
	padding-right: 0px;

}


}


/* ======================
    NIVELES EDUCATIVOS Y VISION
========================*/



#niveleseducativos .contenedor:hover .imagen {
	-webkit-transform:scale(1.3);transform:scale(1.3);
	transition: .5s all;
}

#niveleseducativos .contenedor .imagen {
border-radius:5px ;
	transition: .5s all;
}


#niveleseducativos .contenedor {
	overflow:hidden;
	transition: .5s all;
}


#niveleseducativos .footercard{
	background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(left, #1e5799 0%, #207cca 99%, #7db9e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #1e5799 0%,#207cca 99%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #1e5799 0%,#207cca 99%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	padding-top: 10px;
	padding-bottom: 7px;
}

#niveleseducativos .footercard h5{
	color: white;
	text-align: center;
}
#niveleseducativos .footercard p{
	padding: 8px;
	color: white;
	text-align: justify;
}

/* ======================
SERVICIOS
========================*/


#services{
	background-image: url(../img/fondovalores.png);

		background-attachment: fixed;
		background-position: center;
		background-size: cover;
	
}


@media (max-width:1300px){


	#services{
		background-image: url(../img/fondovaloressm.png);

			background-attachment: fixed;
			background-position: center;
			background-size: cover;
		
	}


}


@media (max-width:670px){


	#services{
		background-image: url(../img/fondovaloressmsm.png);

			background-attachment: fixed;
			background-position: center;
			background-size: cover;
		
	}


}


#services .cardservice{
	border-radius: 10px;

-webkit-box-shadow: 0px 0px 14px -2px rgba(231,166,26,1)!important;
-moz-box-shadow: 0px 0px 14px -2px rgba(231,166,26,1);
box-shadow: 0px 0px 14px -2px rgba(231,166,26,1)!important;

}


/* ======================
valores
========================*/

#valores{
	background-image: url(../img/fondovalores.png);

		background-attachment: fixed;
		background-position: center;
		background-size: cover;
	
}

@media (max-width:1300px){



	#valores{
		background-image: url(../img/fondovaloressm.png);

			background-attachment: fixed;
			background-position: center;
			background-size: cover;
		
	}

}

@media (max-width:670px){


	#valores{
		background-image: url(../img/fondovaloressmsm.png);

			background-attachment: fixed;
			background-position: center;
			background-size: cover;
		
	}


}



#valores p{
	text-align: justify;
}

/* ====================================
	CONTACTO
==================================== */
/*#contacto{
		background-image: url(../img/fondobody.png);

		background-attachment: fixed;
		background-position: top;
		background-size: cover;
}*/


#contacto{
		/*background-image: url(../img/fondocontacto.png);

		background-attachment: fixed;
		background-position: top;
		background-size: cover;*/
}




/* ====================================
	UBICACION Y FOOTER
==================================== */
#ubicacion{
	position: relative;
background: linear-gradient(90deg, rgba(45,35,119,1) 35%, rgba(29,14,70,1) 60%);
		padding-top: 30px;
		padding-bottom: 100px;
}
#ubicacion .list-group-horizontal img{
	width: 30px;
}

#ubicacion .direcciontelefono{

}
#ubicacion .direcciontelefono h3{
color: white;
}
#ubicacion .direcciontelefono p{
color: white;
}
#ubicacion .direcciontelefono ul{
		background:transparent;
}
#ubicacion .direcciontelefono ul li{
		background:transparent;
		border:none;
		padding:5px;
}
#ubicacion img.cubobottom{
	bottom: -40px;
	position: absolute;
	right: 0;
	z-index: 1500;
}

@media (max-width:880px){
	#ubicacion img.cubobottom{
		width: 170px;
		height: 150px;
		bottom: -40px;
		position: absolute;
		right: 0;
		z-index: 1500;
	}
}

@media (max-width:726px){
	#ubicacion img.cubobottom{
		width: 140px;
		height: 120px;
		bottom: -40px;
		position: absolute;
		right: 0;
		z-index: 1500;
	}
}

@media (max-width:670px){
	#ubicacion img.cubobottom{
		width: 110px;
		height: 80px;
		bottom: -40px;
		position: absolute;
		right: 0;
		z-index: 1500;
	}
}

@media (max-width:435px){
	#ubicacion img.cubobottom{
		width: 80px;
		height: 60px;
		bottom: -20px;
		position: absolute;
		right: 0;
		z-index: 1500;
	}
}

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
#piedepagina{
	/*background: linear-gradient(90deg, rgba(31,71,147,1) 35%, rgba(39,100,174,1) 60%);*/
	background: linear-gradient(90deg, rgba(45,35,119,1) 35%, rgba(29,14,70,1) 60%);
	height: 40px;
}


#piedepagina h6{
	color: white;
		font-family: Helvetica;
	font-size: 14px;
}
@media (max-width:620px){
	#piedepagina h6{

		font-size: 10px;
	}
}

@media (max-width:435px){
#piedepagina{

	height: 20px;
}
}


@media (max-width:385px){
	#piedepagina h6{

		font-size: 8px;
	}
}



/*
#portada{
	position: ;
}

#tiluloosbre p{
	position: absolute;
}

*/


#tiluloosbre{
/*	min-height: 60px;
	background-image: url(../img/marcoleyenda.png);
		background-position: center;
		background-size: contain;
*/
/*	border-top: 4px solid gold;
	border-bottom: 4px solid gold;*/



  border-width: 4px;
  border-style: solid;
  border-image: 
    linear-gradient(
      to bottom, 
      darkblue, 
      rgba(0, 0, 0, 0)
    ) 1 100%;

}


#tiluloosbre h3{
text-align: center;
color: #ccac00;
}
body{

}
.modal{
	background-color: rgba(255,255,255,.8);
	border: none;
	/*filter: blur(4px);*/
}


.modal .modal-content{

	border: none;
	/*filter: blur(4px);*/
}

.modal-header{
	border: none;

}
.modal-title {
color: darkblue;
	text-align: center !important;
}

.modal-footer{
	border: none;
}

.modal-body h4{
	text-align: justify;
}

.carunnivel{
	cursor: pointer;
}