@font-face{ src:url(../fonts/Roboto-Bold.ttf);font-family: Roboto-Bold; }
@font-face{ src:url(../fonts/OpenSans-Regular.ttf); font-family:OpenSans-Regular;  }


html,body{
 
	 height: 100%;
	 
}

#header{
	position: fixed;
	z-index: 999;
	background: #fff;
	width: 100%;
	/* margin-top: -122px!important; */
}
p{
	text-align: justify;
}
.coop-top-header{
	height: 40px;
	width: inherit;
	overflow: hidden;
	border-bottom: 1px solid #d2d2d2;
}

.social-network{
	list-style: none;
	height: 40px;
	float: right;
	padding-left: 40px;
	line-height: 2.8;
}

.carousel-inner .item h2,.carousel-inner .item p{
	display: none;
}

.social-network li{
	display: inline-block;
	height: 40px;
	width: 41px;
	text-align: center;
	border-left: 1px solid #d2d2d2;
}

.social-network li:nth-child(5){
	border-right: 2px solid #d2d2d2;
	width: 45px;
}

.social-network li a{
	display: inline-block;
	height: inherit;
	width: 45px;
	color:#4caf50;
}

.social-network > li > a > i{
   font-size: 2em;
   margin-top:6px;
}

.social-network li:hover{
	 color:#fff;
}

/* Navegacion */

.navigator{
	float: right;
	
}

a > i{
	margin-right: 5px;
}
.nav-mobi li a{
   font-family: Roboto-Bold;
   color:#fff;
   cursor: pointer;
   text-transform: uppercase;
} 

.nav-mobile li a{
   font-family: Roboto-Bold;
   color:#fff;
   display: block;
   width: 100%;
   height: inherit;
   cursor: pointer;
   text-transform: uppercase;
   background-color:#4caf50!important; 

}
.nav-mobile .dropdown-menu li{
	display: block;
}

.nav-mobile li a:hover{
 		background: transparent;
}

.img-mobi{
    height: 82px;
    width: 82px;
    float: left;
}

.nombre-empresa{
	float: left;
	color:white;
	font-family:OpenSans-Regular;
	/* border:1px solid black; */
	margin-top: 25px; 
}

.menu-mobile{
	background-color:#4caf50; 
}


.dropdown-menu{
	background-color:#4caf50; 
}

.dropdown-menu li a:hover{
	background-color: white!important;
	color:#000;
}

/* inicio del Slide */

.item img{
	width: 100%;
}


#carousel-mobi-generic{
	margin-top: 122px;
	height: 548px;
}

#carousel-mobi-generic img{
	width: 100%;
    height: 548px;
}

.carousel-caption h2,.carousel-caption p{
	color:#000;
	background-color:white;
	opacity: 0.6;
	height: auto;
	padding: 10px;
	font-weight: bold;
} 

 


/* Inicio del main */
main{
	background-color: #fbfaf8;
}
.coop-actividades .columna-1 h2{
	margin-top: 30px;
	color:#4caf50;
	font-family:OpenSans-Regular;
	font-weight: bold; 
}

.coop-actividades .columna-1 p{
	line-height: 2em; 
	font-family: Roboto;
	font-size: 1.4em;
}

.coop-actividades .columna-1 ul li {
	list-style: none;
}

.coop-actividades .columna-1 ul li i {
	margin-right: 10px;
	width: 15px;
	height: 15px;
	font-size: 0.9em;
	color:#4caf50;
}

.coop-actividades .columna-1 li{
	line-height: 2em; 
	font-family: Roboto;
	font-size: 1.4em;
	text-align: justify;
}

.coop-actividades .columna-1 table th{
	background-color:#4caf50; 
	color:white;
} 



.coop-actividades .columna-2 h4{
	margin-top: 30px;
	color:white;
	font-family:OpenSans-Regular;
	font-weight: bold; 
	background-color:#4caf50; 
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
}
.coop-actividades .columna-2 h4 > i{
	margin-right:10px; 
}

.coop-actividades .columna-2 .panel{
	height: 300px;
}
.coop-actividades .columna-2 .panel .panel-body{
	height: 250px;
}

.coop-actividades .columna-2 .ver{
	width: 120px;
	height: 35px;
	margin:0 auto;
	border:1px solid #ccc;
	text-align: center;
	border-radius: 10px;
	position: relative;
	margin-top:-78px!important;
}
.coop-actividades .columna-2 .ver > a{
	display: block;
    background-color:#4caf50;	
    color: white;
    text-decoration: none; 
}

.coop-actividades .columna-2 p{
	
	line-height: 2em;
	font-family: Roboto;
	font-size: 1.2em;
	height: 156px;
	overflow: hidden;
 
}

.panel-heading h5{
   font-family: Roboto;
   font-size: 1.5em;
   font-style: italic;
}

/* SERVICIOS */
.coop-tituloservicios{
	margin-top: 20px;
}
.coop-tituloservicios h3{
    text-align: center;
    color:#4caf50;
	font-family:OpenSans-Regular;
	font-weight: bold;
}
.coop-servicios .columna-1{
	height: 450px;
	overflow: auto;
}


.coop-servicios .columna-1 .list-group{
	font-family: Roboto;
	font-size: 1.2em;
}

.coop-servicios .columna-1 .list-group .active{
	background-color: #5cb85c;
	border:#ccc;
}

.coop-servicios .columna-1 h3{
	color:white;
	font-family:OpenSans-Regular;
	font-weight: bold; 
	background-color:#4caf50; 
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
}

.coop-servicios .columna-1 .list-group-item-text{
	height: 60px;
	overflow: hidden;
}

.coop-servicios .columna-1 .list-group-item > h4{
	font-weight: bold!important;
	font-size: 1.2em;
	font-style: italic;
}


.coop-servicios .columna-1 h3 > i{
	margin-right:5px; 
}
.coop-servicios .columna-2 h3{
	color:white;
	font-family:OpenSans-Regular;
	font-weight: bold; 
	background-color:#4caf50; 
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
}

.coop-servicios .columna-2 h3 > i{
	margin-right:5px; 
}
.coop-servicios .columna-2 p{
	font-family: Roboto;
	font-size: 1.4em;
	line-height: 2em; 
}

/* Noticias */
.coop-noticias img.media-object{
	width: 200px!important;
	height: 150px!important;
}	

.coop-titulonoticias h3{
    text-align: center;
    color:#4caf50;
	font-family:OpenSans-Regular;
	font-weight: bold;
}
.coop-noticias .columna-1{
	height: auto;
}

.coop-noticias .columna-1 h4,.coop-noticias .columna-1 p,.coop-noticias .columna-1 img{
      cursor: pointer;
	
}

.coop-noticias .columna-1 h4:hover,.coop-noticias .columna-1 p:hover,.coop-noticias .columna-1 img:hover{
      cursor: pointer;
      color: #4caf50;
	
}

#actividades{
	/* margin-top: 200px!important; */
}

#actividades .modal-body h3{
	margin-top: -15px;
}

#actividades .modal-body{
	width: 600px;
	text-align: justify;
	line-height: 2.5em;
	
}

#noticias{
	/* width: 1000px; */
	/* margin-left:calc(100%-800px); */
}

#noticias .modal-content{
	/* margin-top: 200px!important; */
	width: px!important;
}
#noticias .modal-body{
	/* width: nt; */
	text-align: justify;
	line-height: 2.5em;
	
}
#noticias .modal-body > h3{
	margin-top: -10px;
}
#noticias .modal-body > img{
	width: 200px;
	height: 200px;
	float: left;
	margin-left:10px; 
	margin-right:10px;
	margin-top: 15px; 
	/* text-align: justify;
	line-height: 2.5em; */
	
}



.coop-noticias p{
	font-family: Roboto;
	font-size: 1.4em;
	line-height: 1.5em;
	height: 120px;
	overflow: hidden; 
	
}
.coop-noticias .columna-1{
	margin-top: 20px;
}

.coop-noticias .media-heading{
	font-weight: bold;
	font-size: 1.5em;
}

.footer{
 	margin-top: 20px; 
	padding-bottom: 20px;
	width: 100%;
	background: #212121;
	overflow: hidden;
	/* height: 150px; */

	/* background-image: url(../img/finanzas.jpg);
	background-size: 100% 100%;
	opacity: 0.3; */
}

.social-footer{
	list-style: none;
	padding-left: 0;
	text-align: center;
}
.social-footer h4{
	color:#fff;
	font-family: Roboto-Bold;
	margin-top:20px;
}

.social-footer li {
	display: inline-block;
	height:40px;
	width: 40px;
	border-radius: 5px;
	background: #4caf50;
	overflow: hidden;
	
	line-height: 40px;
}
.social-footer li a{
	display: block;
	height: 40px;
	font-size: 20px;
	width: inherit;
	color:white;
	text-align: center;
	margin-left: 3px;
	display: inline-block;
}
.social-footer li a:hover{
	background: #333;
	height:40px;
	width: 40px;
	border-radius: 4px;
	line-height: 40px;
	margin-left: 0px;
}

.mapa h4{
	margin-top:20px;
	color:#fff;
	font-family: Roboto-Bold;
	text-transform: uppercase;
}

.mapa ul li{
	list-style: none;
	color:#fff;
	font-family: Roboto-Bold;
	text-transform: uppercase;
}

.mapa ul,.mapa h4{
	text-align: left;
}

.mapa ul li a{
	color:#fff;
	font-size: 1.2em;
	text-align: left;
}


.contact h2{
	color:#fff;
	font-family: Roboto-Bold;
	text-transform: uppercase;
}

.copyright{
	height: 40px;
	width: 100%;
	line-height: 2;
}

.copyright p{
	text-align: center;
	color:#4caf50;

}
.nav-footer{
	 list-style: none;
	 margin-top: 100px;

}

.nav-footer li{

	display: inline-block;
}
.nav-footer li a{
	color:#fff;
	font-family: Roboto-Bold;
}
.nav-footer li a:hover{
	background: transparent;
}

.contact p,.contact p a,.contact h2{
    text-align: left;
	font-size: 1.2em!important;
	color:#fff;
	font-size: 1.2em!important;
}
.contact p i{
    margin-right: 5px;
}

.otraspaginas{
	margin-top:125px;
}



@media (min-width: 320px) {

.mobile-menu{
  display: block;
  width: 40px;
  float: right;
  margin-top: 22px;
  margin-bottom: 18px;
 }

.navigator{
  display: block;
  
}

.social-network{
  padding-left: 0;
}

.nav-mobile {
  display: block;
  position: absolute;
  top: 140px;
  left: -1000px;
  width: 100%;
  margin-top: 100px;
  background: #4caf50;
}
.nav-mobile li{
  display: inline;
 }

#carousel-mobi-generic {
   margin-top: 122px;
}
#carousel-mobi-generic img{
	width: 100%;
    height: 300px;
}
#carousel-mobi-generic{
	margin-top: 122px;
	height: 300px;
}
.contact p,.contact p a,.contact h2{
    text-align: left;
	font-size: 1.2em!important;
	color:#fff;
	font-size: 1.2em!important;
}
.mapa ul,.mapa h4{
	text-align: center;
}
 
}

@media (min-width: 420px) {

.mobile-menu{
	display: block;
	width: 40px;
	float: right;
	margin-top: 22px;
	margin-bottom: 18px;
}

.navigator{
	display: block;
	
}
.btn-black{
    margin-right: 0px;
}

.social-network{
   padding-left: 0;
}
.nav-mobile {
   display: block;
   position: absolute;
   top:140px;
   left: -1000px;
   width: 100%;
   background: #4caf50;
  margin-top: 100px;
}
.nav-mobile li{
   display: inline;
 }

 #carousel-mobi-generic {
    	margin-top: 122px;
 }
 #carousel-mobi-generic img{
	width: 100%;
    height: 300px;
}
#carousel-mobi-generic{
	margin-top: 122px;
	height: 300px;
}

.contact p,.contact p a,.contact h2{
    text-align: center;
	font-size: 1.2em!important;
	color:#fff;
	font-size: 1.2em!important;
}
.mapa ul,.mapa h4{
	text-align: center;
}
	 
 }
@media (min-width: 668px) {

.mobile-menu{
	display: block;
	width: 40px;
	float: right;
	margin-top: 22px;
	margin-bottom: 18px;
}
.navigator{
	display: block;
	
}

.social-network{
   padding-left: 0;
}

.nav-mobile {
	display: block;
	position: absolute;
	top:140px;
	left: -1000px;
	width: 100%;
	background: #4caf50;
	 margin-top: 100px;
}
.nav-mobile li{
 	display: inline;
 }

#carousel-mobi-generic {
    margin-top: 122px;
}
#carousel-mobi-generic img{
	width: 100%;
    height: 300px;
}
#carousel-mobi-generic{
	margin-top: 122px;
	height: 300px;
} 

.contact p,.contact p a,.contact h2{
    text-align: center;
	font-size: 1.2em!important;
	color:#fff;
	font-size: 1.2em!important;
}
.mapa ul,.mapa h4{
	text-align: center;
}
 }


 @media (min-width: 768px) {

.mobile-menu{
	display: block;
	width: 40px;
	float: right;
	margin-top: 22px;
	margin-bottom: 18px;
}

.navigator{
	display: block;
	/*  */
}

.social-network{
	padding-left: 0;
}

.nav-mobile {
	display: block;
	position: absolute;
	top:140px;
	left: -1000px;
	width: 100%;
	background:#4caf50;
	margin-top: 100px;

}

.nav-mobile li{
    display: inline;
 }

#carousel-mobi-generic {
    margin-top: 122px;
}
#carousel-mobi-generic img{
	width: 100%;
    height: 300px;
}
#carousel-mobi-generic{
	margin-top: 122px;
	height: 300px;
}
.contact p,.contact p a,.contact h2{
    text-align: center;
	font-size: 1.2em!important;
	color:#fff;
	font-size: 1.2em!important;
}
.mapa ul,.mapa h4{
	text-align: center;
}
 }

 @media (min-width:992px) { 

#carousel-mobi-generic {
   margin-top: 122px;
}
	 
.mobile-menu{
	display: none;
}

.navigator{
	display: block;	
}

.social-network{
	padding-left: 0px;
}
 	
.nav-mobile li{
 	display: inline-block;
}
	
.nav-mobile {
	display: block;
	position: unset;
	margin-bottom: 18px; 
	background: #4caf50;
	margin-top: 22px;
}
#carousel-mobi-generic img{
	width: 100%;
    height: 300px;
}
#carousel-mobi-generic{
	margin-top: 122px;
	height: 300px;
}
.contact p,.contact p a,.contact h2{
    text-align: right;
	font-size: 1.2em!important;
	color:#fff;
	font-size: 1.2em!important;
}
.mapa ul,.mapa h4{
	text-align: center;
}

.nav-mobile li a{
	font-size: .7em!important;
}


 }

@media (min-width: 1024px ){ 

 	.mobile-menu{
	 	display: block;
	 }	
    
 	.navigator{
 		display: block; 		
 	}
 	
	.social-network{
		padding-left: 0px;
	}

 	.nav-mobile li{
 		display: inline-block;
 	}
 	.btn-default{
 		display: none;
 	}

 	#carousel-mobi-generic {
    margin-top: 122px;
    }
	#carousel-mobi-generic img{
	width: 100%;
    height: 548px;
   }
   #carousel-mobi-generic{
	margin-top: 122px;
	height: 548px;
   }

.contact p,.contact p a,.contact h2{
    text-align: left;
	font-size: 1.2em!important;
	color:#fff;
	font-size: 1.2em!important;
}
.mapa ul,.mapa h4{
	text-align: left;
}

.nav-mobile li a{
	font-size: .8em!important;
}




}