/*
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
body {
	font-family: 'Open Sans', sans-serif;	
	line-height:1.6em;
	color:#333;
	background-color:#fff;
}
a:hover{text-decoration:none;}
a:link{text-decoration: none;}
.header-logo,.header-peru{background:url('../img/img.png?v1.4') no-repeat;
}


/* start editing from here */
 
 .clear{clear:both;}/* clear float*/
 
/* Estilos cabecera*/
 .header{padding:25px 0 4px 0;}
.header-logo{width:325px;height:91px;}
.header-logo a{display:block;width:324px;height:91px;}
.header-peru{background-position:right -91px;width:66px;height:62px;margin-bottom:5px;margin-left:40px;} 
/*/Final de la cabecera*/
 .header h1 {
    font-size: 2em;    
    font-weight: bold;   
	 color:#191970;
}



/********************************/
/*          Hero Headers        */
/********************************/
.hero {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}
.hero h1 {
    font-size: 4em;    
    font-weight: bold;
    margin: 0;
    padding: 0;
	text-shadow: -2px -2px 1px #191970, 2px 2px 1px #191970, -2px 2px 1px #191970, 2px -2px 1px #191970;
}

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}



/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3 {
  height: 100vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1 {
  
	background-image: url(http://www.lamolina.edu.pe/pruebas1/2017/hidroponia/img/slide1.jpg);
}
.fade-carousel .slides .slide-2 {
 
	background-image: url(http://www.lamolina.edu.pe/pruebas1/2017/hidroponia/img/slide2.jpg);
}
.fade-carousel .slides .slide-3 {
  background-image: url(http://www.lamolina.edu.pe/pruebas1/2017/hidroponia/img/slide3.jpg);
}
/* fin del banner*/






/*content*/
.container{
	
	background:#FFf;
	
}



.titulos{
	padding: 1.2% 0%;
    font-size: 3em;
	font-family: 'Alegreya', serif;
    color: #191970;
	text-transform: uppercase;
	font-weight: 400; 
}

.text{
	display: inline-block;
	margin: 4% 0
}

.txt_para p{
	font-family:'Source Sans Pro',sans-serif;
	line-height:2em;
	font-size:1.2em;
	color: #696969;
	text-align: justify;
}
.txt_para p a{
	font-family:'Source Sans Pro',sans-serif;
	line-height:2em;
	font-size:1.2em;
	color: #696969;
	text-align: justify;
}
.txt_para p a:link, a:hover, a:visited{
	font-family:'Source Sans Pro',sans-serif;
	line-height:2em;
	font-size:1.2em;
	color: #191970;
	text-align: justify;
}
.txt_pie p{
	font-family:'Source Sans Pro',sans-serif;
	line-height:2em;
	font-size:1.2em;
	color: #4169E1;
	text-align: center;
}
.txt_pie p a{
	font-family:'Source Sans Pro',sans-serif;
	line-height:2em;
	font-size:1.2em;
	color: #4169E1;
	text-align: center;
}

.txt_para1 ul{
	font-family:'Source Sans Pro',sans-serif;
	line-height:1.8em;
	font-size:2em;
	color: #696969;
	text-align: justify;
}
.txt_para ul{
	font-family:'Source Sans Pro',sans-serif;
	line-height:1.8em;
	font-size:1.2em;
	color: #696969;
	text-align: justify;
}
.txt_para ol li{
	font-family:'Source Sans Pro',sans-serif;
	line-height:1.8em;
	font-size:1.2em;
	color: #696969;
	text-align: justify;
}
.txt_para ol li a:hover,a:link, a:visited{
	font-family:'Source Sans Pro',sans-serif;
	line-height:1.8em;
	font-size:1.2em;
	color: #191970;
	text-align: justify;
}
 .subtit{
	font-family:'Source Sans Pro',sans-serif;
	line-height:1.5em;
	font-size:1.8em;
	color: #191970;
	font-weight: bold;
}

.table-responsive tr td{
	font-family:'Source Sans Pro',sans-serif;	
	font-size:1.8em;
	color: #32251B;	
}

/********************************/
/*       estilos secciones     */
/********************************/

.section {
		padding: 6em 0 4em 0;
	}

/********************************/
/*       estilos personal     */
/********************************/


.personal-grid img {
border: 2px solid transparent;

-webkit-border-radius: 100%;
-o-border-radius: 100%;
-ms-border-radius: 100%;
-moz-border-radius: 100%;
	border-radius: 100%;
}
.personal-grids {
    margin-top: 50px;
}
.personal-img h3{
    margin: 15px 0 8px 0;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #191972;
}
.personal-img h4 {
    font-size: 16px;
    color: #c2c2c2;
}
.personal-img p {
  display:none;
  color: #c2c2c2;
  font-size: 16px;
  line-height: 1.8em;
  margin-top: 7px;
}

.personal-grid:hover div.personal-img p{
	display:block;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.personal-grid:hover div.personal-img img{
	border:2px solid #191970;
}


/********************************/
/*       estilos publicaciones     */
/********************************/

.box-content.caja_publicaciones {}
.box-content.caja_publicaciones .box-item{background-color: #F9F9F9;margin-bottom: 20px;border: 1px solid #eee;} 
.box-content.caja_publicaciones .box-item .content{padding: 10px 30px 30px;} 
.box-content.caja_publicaciones .box-item .content h3{font-weight: 500;color: #191970;font-size: 22px;margin-bottom: 20px; text-align: center;} 
.box-content.caja_publicaciones .box-item .content h4{font-weight: bold;color: #191970;font-size: 15px;;text-align: center;} 
.box-content.caja_publicaciones .box-item .content p{font-size: 15px;color: #696969;line-height: 25px;margin: 10px auto;text-align:justify;} 
.box-content.caja_publicaciones .box-item .content span{color: #191970;font-size: 12px;}
.box-content.caja_publicaciones .box-item .content span a:link, a:hover,a:visited{color: #191970;font-size: 12px;}
.box-content.caja_publicaciones .box-item .content .font{font-weight: bold;font-size: 15px;color: #696969;}

/***************/
/*fin publicaciones*/
/**************/

/********************************/
/*       estilos formulario     */
/********************************/


legend{
	font-size: 1.8em;
	font-family: 'Open Sans', sans-serif;	
    color: #191970;
	text-transform: uppercase;
	border: 0px solid;}
.well{
	background:#fff;
	border: 0px solid;}
.control-label{
	font-family:'Source Sans Pro',sans-serif;
    color: #191970;
	font-size: 0.95em;
}
.form-control{	
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
border: 1px solid #191970;
border-radius: 4px; 
}

.form-horizontal h2{
	font-family:'Source Sans Pro',sans-serif;
    color: #191970;
	font-size: 1.3em;
}

.btn{color: #fff;

}
.btn:hover{color: #fff;
}
/********************************/
/*       estilos footer     */
/********************************/


.f_bg{
	background:#191970;}
.f_grid{
	display: block;
	float:left;
	margin-right:2.333%;
	width:26.333%;
}
.f_grid p{
	font-size:2em;
	color:#fff;
	margin-top:5%;
}
.f_grid1{
	display: block;
	float:left;
	width:42.333%;
	margin-top:0.4%;
}

.f_address p {
  font-size: 14px;
  color: #fff;
  margin: 0;  
  font-weight: 300;
  margin-bottom: 15px;
}

.f_address i {
  
  margin: 0 14px;
}
.f_address i a{
  color: #fff;
  font-size: 16px;
  margin: 0 14px;
}


.f_address a:hover p{
  color: #fff;
}
.f_logo{
	display: block;
	float:left;
	margin-right: 2.333%;
	width: 26.333%;
}

.f_grid:first-child{
	margin-left: 0;
}
/* footer social icons */
.social{
	margin-top:15px;
}
ul.social-network {
	list-style: none;
	display: inline;
	margin-left:0 !important;
	padding: 0;
	
}
ul.social-network li {
	display:inline;
	margin: 0 5px;	
	 
}

ul.social-network li a.icoyoutube {	
	color:#fff; 
	background-color: #e52d27;	
}

ul.social-network li a.icoFacebook {	
	color:#fff; 
	background-color: #3B5998;	
}
/* footer social icons */

.social-network a.icoFacebook:hover {
	background-color:#3B5998;
}

.social-network a.icoyoutube:hover {
	background-color:#BD3518;
}

 .social-network a.icoFacebook:hover i, 
.social-network a.icoyoutube:hover i {
	color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
	color:#44BCDD;
}

.social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width: 50px;
	height: 50px;
	font-size:20px;
}
.social-circle li i {
	margin:0;
	line-height:50px;
	text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social-circle i {
	color: #fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}


.txt_p{
	float: left;
	width: 60.333%;
}
.parraf_b{
	font-family:'Source Sans Pro',sans-serif;
	line-height:2em;
	letter-spacing: 5px;
	font-size:1.2em;
	color: #696969;
	text-align: justify;
}
.txt_p p {
	line-height: 1.8em;
	font-size: 0.824em;
	color: #32251B;
}

#redhidro .fa .fa-floppy-o{
	font-family:'Source Sans Pro',sans-serif;
	font-size:4em;
	color: #191970;
}
/***** Media Quries *****/

@media only screen and (max-width: 1280px) {
	.wrap{
		width:95%;
	}
	
}
	
@media only screen and (max-width: 1024px) {
	
	.wrap{
		width:95%;
	}

	.f_logo {
		width: 22.333%;
	}
	
	.f_grid {
		width: 30.333%;
	}
	
}

@media screen and (min-width: 980px){
    .hero { width: 980px; }    
}
/*  GO FULL WIDTH AT LESS THAN 800 PIXELS */

@media only screen and (max-width: 800px) {
	.wrap{
		width:95%;
	}
	
	.txt_para,.txt_p{
		float: none;
		width: 100%;
	}

	.cont_inicial {
		float: left;
		width: 58.333%;
		margin-right: 2.333%;
	}
	.eventos {
		float: right;
		width: 38.333%;
	}
	.images_1_of_2 {
		width: 100%;
		padding: 0%;
	}
	.listview_1_of_2 {
		margin-left: 0%;
		margin-bottom: 5%;
		}
	
	.personal-grids {
	  margin-top: 25px;
	}
	.personal-grid {
	  float: left;
	  width: 25%;
	  padding: 0 10px;
	}
	.personal-img img {
	  width: 100%;
	}
	 .personal-img h3 {
	  font-size: 15px;
	}
	.personal-img h4 {
	  font-size: 15px;
	  }
	.personal-img p {
		font-size: 15px;
	 /* line-height: 1.7em;*/
	  }	

}
@media (max-width: 767px) {
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #191970;
}

.navbar-default .navbar-toggle {
    border-color: solid 4px #fff;
}
.navbar-default .navbar-toggle {
       background-color: #191970;
}
.navbar-default .navbar-toggle .icon-bar {
       background-color: #fff;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #fff;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #191970;
}
.navbar-nav .dropdown-menu .fa-sort-desc {
	transform: rotate(-90deg);
	color:#fff;
    }
.open>.dropdown-menu{background-color:#191970;border:1px solid #191970;color:#191970;}
.open>li>.dropdown-toggle{background-color:#191970;border:1px solid #191970;color:#fff;}

.dropdown-menu>li>a {  
    color: #191970;	
}
.dropdown-menu>li>a:hover {
    background-color: rgba(25, 25, 112, 0.3);
    color: #191970;
}

}
/*Estilo al boton responsive*/
@media (min-width: 767px) {
    .navbar-nav .dropdown-menu .fa-sort-desc{transform:rotate(-90deg);color:#fff;}
	.open>.dropdown-menu{background-color:rgba(25,25,112,0.2);border:0px solid #191970;color:#fff;}
	.open>li>.dropdown-toggle{background-color:rgba(25,25,112,0.2);border:0px solid #191970;color:#fff;}
	.navbar-default > .navbar-nav >.open> .dropdown-menu>li>a{color: #fff;background-color:rgba(25, 25, 112, 0.3);}
	.dropdown-menu>li>a{color:#fff;background-color:rgba(25,25,112,0.2);}
	.dropdown-menu>li>a:hover{background-color:rgba(25,25,112,0.2);color:#fff;}
	
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: rgba(25, 25, 112, 0.3);
	}
	.navbar-default .navbar-toggle {
    border-color: solid 4px #191970;
	}
	.navbar-default .navbar-toggle {
		   background-color: rgb(25, 25, 112,0.3);
	}
	.navbar-default .navbar-toggle .icon-bar {
		   background-color: #191970;
	}
}

/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */

@media only screen and (max-width: 640px){
	.wrap{
		width:95%;
	}

	.cont_inicial {
		float: none;
		width: 100%;
		margin-right: 0%;
	}
	.eventos {
		float: none;
		width: 100%;
	}

	.f_logo{
		float: none;
		width: 100%;
		margin-right: 0%;
	}
	.f_grid{
		float: none;
		width: 100%;
		margin-right: 0%;
	}
	.f_grid1{
		margin-top:5%;
		float: none;
		width: 100%
	}
	.social-network li {
		float: none;
		margin-left: 10px;
		display: inline-block;
	}
	.personal-grid {
	  float: left;
	  width: 25%;
	  }
	.personal-img p {
	  font-size: 15px;
	  }
}
	
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.wrap{
		width:95%;
	}
	.logo{
		float: none;
		text-align:center;
	}
	.personal-grid {
	  float: left;
	  width: 50%;
	  padding: 0 6px;
	}
	.personal-grid:nth-child(3),.personal-grid:nth-child(4)  {
	  margin-top: 25px;
	}
}
/*-- //responsive media queries --*/