* {
	padding:0;
	margin:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
 
body {
		background:#FFF;
		padding-top:66px;
	}
 
.menu_bar {
	display:none;
}
 
header {
	width: 100%;
	position: fixed;
	font-family: 'exo_2semi_bold_condensed';
	top: 0px;
}
 
header nav {
	background:#004009;
	z-index:1000;
	width:100%;
	margin:0px;
}
 
header nav ul {
	list-style:none;
}
 
header nav ul li {
	display:inline-block;
	position: relative;
}
 
header nav ul li:hover {
	background:#000;
}
 
header nav ul li a {
	color:#fff;
	display:block;
	text-decoration:none;
	padding: 13px;
}

header nav ul li a:hover {
	color:#B4D999;
	display:block;
	text-decoration:none;
	padding: 13px;
}
 
header nav ul li a span {
	margin-right:10px;
}
 
header nav ul li:hover .children {
	display:block;
}
 
header nav ul li .children {
	display: none;
	background:#000;
	position: absolute;
	width: 150%;
	z-index:1000;
}
 
header nav ul li .children li {
	display:block;
	overflow: hidden;
	border-bottom: 1px solid rgba(255,255,255,.5);
}
 
header nav ul li .children li a {
	display: block;
}
 
header nav ul li .children li a span {
	float: right;
	position: relative;
	top:3px;
	margin-right:0;
	margin-left:10px;
}
 
header nav ul li .caret {
	position: relative;
	top:3px;
	margin-left:10px;
	margin-right:0px;
}
 
   .logomb {
      display:block;
      z-index:2000;  
      background-color: #0CA50C; 
   }
   
   .contenedor {
      display: flex;
      display: -webkit-flex;
      flex-wrap:wrap;
      justify-content:space-around;
   }
   
    .textoindex1{
       font-family: Arial, Helvetica, sans-serif;
       font-size: 16px;
       line-height: 140%;
       width:50%;
       max-width:50%;
       background-color:#F5F5F5;
       margin:auto;
       padding:5px;
            }

   .noticia {
   	width: 25%;
      max-width:360px;
      margin: 5px;
      padding: 15px;
      border-radius: 15px;
      -moz-border-radius: 15px;
      -webkit-border-radius: 15px;
      background-color: #e7e7e7;
      box-shadow: 5px 5px 6px #999;
   }
   
   .noticia-ult {
   	width: 25%;
      max-width:360px;
      margin: 5px;
      padding: 15px;
      border-radius: 15px;
      -moz-border-radius: 15px;
      -webkit-border-radius: 15px;
      background-color: #FFBF7E;
      box-shadow: 5px 5px 6px #999;
   }
   
   .col-4 .noticia {
   	width: 97%;
      min-width: 280px;
      display: flex;
      display: -webkit-flex;
      flex-wrap:wrap;
      justify-content:space-around;      
   }
   
      .aviso {
      width: 25%;
      max-width:360px;
      margin: 5px;
      padding: 10px;
      display:none;
   }
   
   .imagen {
      width:100%;
      padding-top:8px;      
      }
   
   .titulo {
      font-family:'exo_2semi_bold_condensed';
      font-size:24px;
      line-height: 100%;
      margin:auto;
      max-width: 94%;
   }

   .tituloindex1 {
      font-family:'exo_2semi_bold_condensed';
      font-size:32px;
      background-color:#F5F5F5;
      line-height: 100%;
      margin:auto;
      max-width: 50%;
      padding:5px;
   }
   
   .bajada {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;   
   }
   
   .fecha {
      background:#151915;
      margin:auto;
      width:50%;
      color:#FFF;
      font-size:16px;
   }
   
   .fotoindex1 {
      margin: auto;
      width:46%;
      max-width: 46%;
   }

   img.fotoindex1 {
      margin: auto;
      width:46%;
      max-width: 46%;
   }
   
   .link {
      color: #333;   
   }
   
   .link:hover {
      color:#000; 
      text-decoration:none;  
   }
   
   
   #centrado {
      margin:auto;   
   }

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../img/pageLoader.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
    display:none;
 }
 
.button {
    background-color: #e7e7e7;
    border: none;
    color: #000;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    width: 98%;
    border-radius: 10px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    box-shadow: 3px 3px 4px #999;
}

.button:hover {
    background-color: #666;
    border: none;
    color: #FFF;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    min-width: 98%;
    border-radius: 10px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    box-shadow: 3px 3px 4px #eee;
}

  
@media screen and (max-width: 1360px) {
   .noticia {
      width:25%;
      max-width: 300px;
      }
   .aviso {
      width:25%;
      max-width: 300px;
      display:none;
      }
   }



@media screen and (max-width: 800px) {
 
	.menu_bar {
		display:block;
		width:100%;
		position: fixed;
		top:0;
		background:#004009;
	}
 
	.menu_bar .bt-menu {
		display: block;
		padding: 13px;
		color: #fff;
		overflow: hidden;
		font-size: 25px;
		font-weight: bold;
		text-decoration: none;
		float: right;
	}
 
	.menu_bar span {
		float: right;
		font-size: 40px;
	}
 
	header nav {
		width: 80%;
		height: calc(100% - 80px);
		position: fixed;
		right:100%;
		margin: 0;
		overflow: scroll;
	}
 
	header nav ul li {
		display: block;
		border-bottom:1px solid rgba(255,255,255,.5);
	}
 
	header nav ul li a {
		display: block;
	}
 
	header nav ul li:hover .children {
		display: none;
	}
 
	header nav ul li .children {
		width: 100%;
		position: relative;
	}
 
	header nav ul li .children li a {
		margin-left:20px;
	}
 
	header nav ul li .caret {
		float: right;
	}

   .noticia {
   	width: 48%;
      max-width:780px;
      }
   .aviso {
   	width: 48%;
      max-width:780px;
      display:none;
      }
}

@media screen and (max-width: 540px) {

   .noticia {
      width:94%;
      }
   .aviso {
      width:94%;
      display:none;
      }
   }
   
   
@media screen and (orientation:portrait) {

    .laterales {
       display:none;
     }
      
     .textoindex1 {
        min-width:94%;     
     }
     
      .fecha {
        width:94%;
     }
     
      .titulo {
        max-width:94%;
     }
     
   .tituloindex1 {
      font-family:'exo_2semi_bold_condensed';
      font-size:32px;
      line-height: 100%;
      margin:auto;
      max-width: 94%;
   }
     
    .fotoindex1 {
      	width: 94%;
         max-width:94%;
         margin:auto;   
   }

      img.fotoindex1 {
      	width: 94%;
         max-width:94%;
         margin:auto;   
   }

     .aviso {
   	  width: 98%;
      margin: 5px;
      padding: 10px;
      display:block;
   }

  .apaisada {
     display:none;
   }
  .alta {
     display:block;
   }

}

@media screen and (orientation:landscape) {

  .apaisada {
     display:block;
   }
  .alta {
     display:none;
   }

}