.btn-space{
    white-space: normal !important;
}

.btn-azul{
	color:#0071bc;
	background-color:#fff;
	cursor:pointer;
	padding: 1rem;
	font-weight: 700;

	}

.SearchAccordion{
  max-width: 780px;
}

/* Accordion definitions */

.accordionList{
  padding: .4rem;  
}
.myaccordion {
  height: 4rem;
  width: 100%;
  background: #0071bc;
  color: #ffffff;
  cursor: pointer;
  border: none;
  text-align: left;
  outline: none;
  font-size: 1.2rem;
  line-height: 1.3rem;
  transition: 0.4s;
  margin-bottom: .2rem;
  font-weight: 700;
}

.myaccordion2 {
  height: 4rem;
  width: 100%;
  background: #8bc34a;
  color: #ffffff;
  cursor: pointer;
  border: none;
  text-align: left;
  outline: none;
  font-size: 1.2rem;
  line-height: 1.3rem;
  transition: 0.4s;
  margin-bottom: .2rem;
  font-weight: 700;
}

.panel {
  max-width: 100%;
  display: none;
  background: #d3d9db;
  overflow: hidden;
  border: solid #D3D9DB 1px;
}
.panel >p{
  padding: .8rem;
}
.myopen{
z-index: 1;
float: right;  
}
button.active > span > img {
 -moz-transform: rotate(90deg);
 -webkit-transform: rotate(90deg);
 transform: rotate(90deg);
}

/* Search field definitions */

#myBtnContainer{
  width: 100%;
  padding: .4rem;
  margin-bottom: 1rem;
}
.flt-title{
  color: #1F407A;
  font-family: Arial;
}
#mybtn {
  height: 2rem;
  width: auto;
  padding: 0px .8rem 0px .8rem;
  display: inline;
  outline: none;
  font-weight: normal;
  font-size: .8rem;
  color: #6a7277;
  border: solid #D3D9DB 1px;
  cursor: pointer;
  margin-right: .3rem;
  margin-bottom: .3rem;
  background-color: #EAECEE;
}
#mybtn:hover {
  background-color: #ddd;
}
#mybtn.bactive {
  background-color: #666;
  color: white;
}
.filterDiv{
  display:none;
}
.show {
  display: block;
}


.categoria_noticias {    padding: 3px;
    background-color: #03A9F4;
    width: 200px;
    text-align: center;
    margin-bottom: 4px;
    color: #fff;}

.categoria_somos {    
    padding: 5px;
    
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#03a9f4+1,ffffff+77&1+0,0+100 */
background: -moz-linear-gradient(left, rgba(3,169,244,1) 0%, rgba(3,169,244,0.99) 1%, rgba(255,255,255,0.23) 77%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(3,169,244,1) 0%,rgba(3,169,244,0.99) 1%,rgba(255,255,255,0.23) 77%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(3,169,244,1) 0%,rgba(3,169,244,0.99) 1%,rgba(255,255,255,0.23) 77%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03a9f4', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */




    color: #fff;
font-size:1.5em;


-webkit-border-top-right-radius: 15px;
-moz-border-radius-topright: 15px;
border-top-right-radius: 15px;
}


@charset "utf-8";
/* CSS Document */
h4 { font-weight:500;}

.boton_naranja{
	color:#FFF;
	background-color:#8bc34a;
	cursor:pointer;
	}

.titulo_video{
	color:#FFF;
	background-color:#8bc34a;
	padding:10px 0px 1px 15px;
	margin-bottom:3px;
	}

.btn-dark{
	color:#FFF;
	background-color:#000;
	cursor:pointer;
	
	}

.local_item{
	text-decoration:none;
	color:#333;
}


.local_item:hover{
	text-decoration:none;
	color:#009de0;}


.categorias {
	color:#fff;
	vertical-align:middle;
	background-color:#8bc34a;
	padding:10px 0px 1px 15px;

	}
	
.Filtro_categorias a{
	color:#6e6e6e;
	border-bottom:solid 1px #f1f1f1;
	}

.Filtro_categorias a:hover{
	text-decoration:none;
	color:#009de0;
	}

.Filtro_categorias .active{
	color:#a1bf37;
	font-size:24px;
	font-weight:500;
	
	}

.header_nosotros{
	background-image:url(../images/banner-1.jpg)!important;
	height:99px;
	background-size:cover;


	}
	
.header_promociones{
	background-image: url(../images/banner-promociones.jpg);
	height:99px;
	background-size:cover;


	}
	
.header_sorteos{
	background-image: url(../images/banner-sorteos.jpg);
	height:99px;
	background-size:cover;


	}
	
.header_videos{
	background-image: url(../images/banner-videos.jpg);
	height:99px;
	background-size:cover;


	}

.header_contacto{
	background-image: url(../images/banner-3.jpg);
	height:99px;
	background-size:cover;


	}
	
.header_locales{
	background-image:url(../images/banner-1.jpg);
	height:99px;
	background-size:cover;


	}	

.separar {
	margin-top:5%;
	margin-bottom:5%;}	

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

.margintop {
	margin-top: 120px;}

.logo {
	position:absolute;
	top:5px;
	width:449px; 
	height:130px;
	background-image:url(../images/aguas_del_norte_logo.png);}


.mainNav{
	min-height:90px;
	background-color:#FFF;
	border-bottom:solid 20px #0071bc;
	font-weight:700;
	}

#mainNav2 a{
	color:#0071bc;
	padding:30px 15px 30px 15px;
	}

#mainNav2 a:hover{
	color:#fff;
	background-color:#0071bc;
	padding:30px 15px 30px 15px;
	}	



.iconos_home {
	text-align:center;
	color:#FFF;
	text-transform:uppercase;
	font-weight:700;
	
	}

.iconos_home a {
	text-decoration:none;
	color:#FFF;
}

.iconos_home a:hover {
	text-decoration:none;
	color:#FFF;
}

.iconos_home:hover {
	cursor:pointer;
	
	
background-color:#004d77

	
	}
.contenedor_iconos_home {
    background-color: /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#253460+0,225d9a+100 */ background: #253460;
    background: -moz-linear-gradient(top, #00375b 0%, #0091e2 100%);
    background: -webkit-linear-gradient(top, #00375b%,#0091e2 100%);
    background: linear-gradient(to bottom, #00375b 0%,#0091e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00375b', endColorstr='#0091e2',GradientType=0 );}	

.footer {
	background-color:#8bc34a;
	color:#FFF;
	padding:20px;}
	
.footer a:hover{
	color:#FFF;
	text-decoration:none;}
	
#mainNav2 {
	
	}

.titulo_noticias_home{
	text-align: center;
	margin-bottom: 50px;
}

.margen_noticias_home{
	margin-top: 50px;
	margin-bottom: 50px;
}
	
@media only screen and (max-width: 750px) {
    .logo {
	margin-top: 0px;
	width:80px; 
	height:77px;
	background-image:url(../images/logo-icon.png);}
	
	#mainNav{
	background-color:#FFF;
	height: 80px;
	border-bottom:solid 20px #f59002;
	font-weight:700;
	}

#mainNav2 {
	    margin-top: 82px !important;
	
	}

#mainNav2 a{
	color:#0071bc;
	padding:5px 0px 0px 5px;
	}

#mainNav2 a:hover{
	color:#fff;
	background-color:#0071bc;
	padding:0px 0px 0px 0px;
	}	
	


    }
    
#WAButton{z-index:3 !importan;}