@media all and (max-width: 699px) {
	.prev-hor{
	  display: none;	
	}	
	
	.prev-ver{
	  display: block;	
	}	
	
  body .wrapper {		
		width: 100%;	
		min-width: 300px;
		overflow: hidden;
	}
	nav#principal{
		display:block;
		width:58%;
		float:right;	
		padding: 1px 0 0 0;			
	}
	
	nav#principal ul li {
		padding: 2px 0;
		display: block;
	}

	
	nav#principal ul li a {
		background-color:#FFF;
		border-radius: 4px;	
		padding: 3px 6px;	
		display: block;
		width: 90%;
		text-align: center;	
		opacity:0.8;
	  filter:alpha(opacity=80); /* For IE8 and earlier */	
	}
	
	nav#principal ul li a:hover {		
		border-radius: 4px;
	}
	
	header.wrapper {
	  z-index:3;
	  height: 190px;	
	}
	
	section#oversubheader {	
		position: relative;
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
		height: 190px;
		border-radius: 0;
	}
	
	section#oversubheader article{
		display:block;
		padding: 0;
		margin: 0;
		vertical-align: top;	
		position: relative;
		float: left;
		width:48%;
		padding-left: 5px;
	}
	
	section#oversubheader  article .tit {
		margin-top: 5px;
		margin-bottom: 10px;
	}
	
	section#oversubheader article#p_webcam {
		width:48%;
	}
	section#oversubheader article#p_parte {
		padding-left: 5px;
	}
	
	section#oversubheader article#p_meteo {
		display: none;
	}
	
	section#subheader {
		border:0;
		width: 100%;	
		/*z-index:2;	*/
		position: absolute;
		top:10px;
	}
	
	#subheader .flexslider {
		border: 0;
		border-radius: 0;
	}
	
	.flex-direction-nav {
	  display: none;	
	}
	
	.table-parteport td {   
    padding: 2px 3px;
  }
  
  
	.table-parteport span.pverde, 
	.table-parteport span.pazul, 
	.table-parteport span.proja, 
	.table-parteport span.pnegra {	   
	  padding: 0 1px;
	}
	
	#estacion.portada{
	  margin-top:10px;
	  width: 100%;
	}
	#estacion {
    margin-top: 0px;
    width: 100%;
  }
  
  #estacion nav.flag{
  	background: none;
  	box-shadow: none;
  	height: 120px;
  	margin-bottom: 0;
  }
  
  #estacion nav.flag ul{
  	padding-top: 10px;
  }
  
  #estacion.portada .flag {
  	background: #DC2E95;  	
  	box-shadow: none;
  	display: block;
  	height: auto;
  	padding: 0; 	
  }
  
  #estacion.portada .flag span{
  	font-size: 0.75em;
  	padding: 8px 0;
  	margin: 0 auto;
  	width: 96%;
  	float: none;
  	display: block;
  }
  
  p.flag span::before, nav.flag ul::before,
  p.flag span::after, nav.flag ul::after,
  .flag::before, .flag::after {   
    display: none;
  }    
  
  #estacion.portada nav{
  	margin-top: 10px;
  	margin-bottom: 10px;
  	height: 100px;
  }
  

  
  #estacion.portada #mn_estacion li , #estacion #mn_estacion li {
  	display: block;
  	position: relative;
  	float: left;
  	width:46%;
  	padding: 14px 0;
  	margin: 3px 5px;
  }
  
  #estacion.portada #mn_estacion li img {
  	display: none;
  }
  
  section#contenido{
  	margin: 0 auto;
  	width: 96%;
  	padding: 0;
  	position: relative;
  	display: block;
  }
  
  .portada section#contenido{margin-top:5px;}
  
  section#contenido article {  	
  	width: 100%;
  	padding: 10px 0 0 0;
  }
  /*
  section#contenido article img{  	
  	width: 100%;
  	height: auto;
  }*/
 
  
  div.centrado {
    overflow: hidden;
  }
  
  #cookie-allow {
    line-height: 15px;   
  }
  
  section#col_dcha {
  	clear: both;
  	margin: 0 auto;
  	width: 96%;
  	padding: 10px 0 0 0;
  	position: relative;
  	display: block;
  	float: none;
  }
  
  section#col_dcha .banflash {
    margin: 0 auto;
    width: 250px;
    float: none;
  }
  
  section.galeria {  	
  	padding-bottom: 15px;    
  	padding-top: 10px;	
  }
  
  section.galeria #cab_slider li {
  	width: 30%;
  	padding: 5px 0;
  	font-size: 0.875em;
  }
  
  section.galeria .fnd_azul {
  	margin: 0;
  	padding: 5px 0;
  }
  
  section.galeria .fnd_azul .container {
    clear: both;
  	margin: 0 auto;
  	width: 96%;
  	padding: 0;
  	position: relative;
  	display: block;
  	float: none;
  }
  
  section.galeria .fnd_azul ul {
  	margin: 0;
  	width: 100%;
  	padding: 0;    	
  }
  
  section.galeria .fnd_azul li {
  	margin: 0;
  	width: 45%;
  	padding: 2%; 
  	text-align: center;  
  	
  }
  
  section.galeria .fnd_azul li:last-child {
  	display: none;   
  	
  }
  
  .cols3aside aside.primero, .cols3aside aside{
  	clear: both;
  	margin: 0 auto;
  	padding: 15px 0 0 0;
  	float: none;
  }
  
  .cols3aside aside .facebook {
  	overflow: hidden;
  }
  
  #logopie {
  	display: none;
  }
  
  .foot1, .foot1 .btn, .foot1 input {
  	font-size: 0.875em;
  }
  

  
  .foot1 .left, .foot1 .right, .foot2 ul{
  	clear: both;
  	margin: 0 auto;
  	width: 96%;
  	padding: 0;
  	position: relative;
  	display: block;
  	float: none;
  }
  
  .foot1 .left {
  	padding-top: 10px;
  }
  
  .foot2 ul li {
  	padding: 5px 7px;
  	font-size: 0.75em;
  }
  
  #barra_compartir {
  	width: 98%;
  }
  
  #facebook_like, #google_banner1port, #google_banner1 {
    display: none;	
  }
  
  .pagination {
  	font-size: 0.75em;
  }
  
  .table {
    font-size: 0.75em;
  }
  
  .partetb1{
  	display:none;
  }
  .partetb2{
  	display: inline-table;
  }
  
  .secc_col1 , .secc_col2{
  	margin: 0;
  	width: 100%;
  	padding: 0;
  	position: relative;
  	display: block;
  }
  
  .secc_col1 #webcam_img img{
  	width: 96%;
  	height: auto;
  }
  
  .wchist, .wchist.primero{
  	width: 47%;
  	margin: 0;
  	padding: 0 1%;
  }
  
  section#contenido article.img_list , section#contenido article.img_list.primero{
  	width: 47%;
  	margin: 0;
  	padding: 3% 1%;
  }
  
  div.ampl_cont img.img_ampl {
  	max-width: 40%;
  }
  
  div.ampl_cont.mosaico {
  	width: 47%;
  	margin: 0;
  	padding: 2% 1%;
  }
  
  div.ampl_cont.mosaico img.img_ampl {
  	max-width: 97%;
  }
  
  aside.ban1port {padding-left: 0px;}
  aside.ban1port_goo {padding-right: 0px;}
}

@media all and (max-width: 319px) {
	.prev-hor{
	  display: none;	
	}	
	
	.prev-ver{
	  display: block;	
	}	
	
	nav#principal {
		width: 55%;
	}
	
	section#oversubheader article#p_webcam {
		width:100%;
		padding: 0;
	}
	
	section#oversubheader article#p_parte {
		clear: both;
		width:90%;
		padding: 0 auto;
	}	
		
	section#oversubheader {			
		height: auto;
	}
	
	#col_dcha aside.social span{
	  display:block;
	  width: 100%;
	}
	
	.foot1 aside.social a{
	  margin-left: 5px;
	}
	
	#estacion.portada #mn_estacion li {
		font-size: 0.875em;
	}
	
	footer .foot3 {
		font-size: 0.675em;
	}
}

@media all and (max-width: 860px) and (min-width: 700px) {
	
	.prev-hor{
	  display: block;	
	}	
	
	.prev-ver{
	  display: none;	
	}	
	
	body .wrapper {		
		width: 100%;	
		min-width: 740px;		
	}
	
	footer .wrapper {		
		width: 100%;			
	}
	
	nav#principal{		
		width: 75%;	
		padding-bottom: 6px	;
	}
	
	nav#principal ul li {
		width: 25%;
		float: left;
		padding: 5px 7px 4px 7px;
	}
	
	nav#principal ul li a {
	padding: 4px 6px;
	color:#369;
	text-decoration: none;
	letter-spacing: 2px;
	/*font-weight:500;*/
}
		
	section#oversubheader {	
		width: 550px;
	}	
		
	section#oversubheader  article{		
		width: 166px;		
		padding: 10px 5px;	
	}

  section#oversubheader  article#p_meteo th{
  	font-size: 11px;
  }
	
	section#oversubheader article#p_parte td {
		padding-right: 2px;
		padding-left: 2px;
	}
	
	#estacion {
		width: 740px;
		left: 10px;
	}
	
	section#col_dcha {
		margin-right: 5px;
	}
	
	#estacion p.flag{
		font-size: 13px;
	}
	
	#estacion.portada #mn_estacion {
		margin-top: 10px;
	}
		
	#estacion ul#mn_estacion {
		margin-top: 0;
		padding-top: 3px;
	}
		
	#estacion.portada #mn_estacion li , #estacion #mn_estacion li {
  	display: block;
  	position: relative;
  	float: left;
  	width:31%;
  	padding: 14px 0;
  	margin: 3px 5px;
  }
  
  #estacion.portada .flag {  		
		height: 46px;	
	}
  
  #estacion .flag {  		
		height: 73px;	
	}
	
	.secc_col1 , .secc_col2{
  	margin: 0;
  	width: 100%;
  	padding: 0;
  	position: relative;
  	display: block;
  }
  
	
	p.flag span::before, nav.flag ul::before,
  p.flag span::after, nav.flag ul::after,
  .flag::before, .flag::after {   
    display: none;
  }    
  
 /* #estacion #mn_estacion li {  	
  	margin-top: 10px;
  }*/
  
  #estacion.portada #mn_estacion li img {
  	display: none;
  }
  
  section#contenido {
  	width: 468px;
  	padding-left: 5px;
  	margin-top: 15px;
  }
/*  
  #estacion.portada .cont3cols article.cont3{
  	display: none;
  }*/
  
  
  #estacion.portada aside.social{
  	padding-top: 15px;
  }
  
  #estacion .cont3cols article.cont1,
  #estacion .cont3cols article.cont2,
  #estacion .cont3cols article.cont3{
  	width: 31%;
  }
  
  div.ampl_cont.mosaico {
    width: 28%;
  }
  
  .cont4cols article.img_list {
  	padding: 10px 15px;
  }
  
  #barra_compartir {
  	width: 440px;
  }
  
  #facebook_like {
  	width: 200px;
  }
  
  .table {
    font-size: 0.75em;
  }
  
  .partetb1{
  	display:none;
  }
  .partetb2{
  	display: inline-table;
  }
  
  .foot1 .left{
		clear: both;
		float:left;
		width: 340px;
		padding: 15px 0 0 25px;
	}	
  
  .foot1 .right{
		clear: both;
		float:left;
		width: 340px;
		padding: 0 0 0 25px;
	}	
	
	section.galeria {  	
  	padding-bottom: 15px;    
  	padding-top: 10px;	
  }
  
  section.galeria #cab_slider li {
  	width:30%;
  	padding: 5px 0;
  	font-size: 0.875em;
  }
  
  section.galeria .fnd_azul {
  	margin: 0;
  	padding: 5px 0;
  }
  
  section.galeria .fnd_azul .container {
    clear: both;
  	margin: 0 auto;
  	width: 96%;
  	padding: 0;
  	position: relative;
  	display: block;
  	float: none;
  }
  
  section.galeria .fnd_azul ul {
  	margin: 0;
  	width: 100%;
  	padding: 0;    	
  }
  
  section.galeria .fnd_azul li {
  	margin: 0;
  	width: 20%;
  	padding: 2%; 
  	text-align: center;  
  	
  }
  
  section.galeria .fnd_azul li:last-child {
  	display: none;     	
  }
  
  .cols3aside aside.primero {
  	width: 27%;
  	padding: 0 0 0 5px;
  }
  
  .cols3aside aside.portfb {
  	width: 29%;
  	padding: 0 0 0 5px;
  }
  
  .nav-tabs li a {
  	font-size: 10px;
  	padding: 0;
  }
  
  .nav-tabs-gros li a {
  	padding: 0 5px;
  }
  
  #prev_1 article,
  #prev_2 article,
  #prev_3 article,
  #prev_4 article {
  	width: 30%;
  	padding: 0 6px;
  }
  
  #prev_1 article .tit_list,
  #prev_2 article .tit_list,
  #prev_3 article .tit_list,
  #prev_4 article .tit_list {
  	font-size: 12px;
  }
  
  #prev_1 article .table,
  #prev_2 article .table,
  #prev_3 article .table,
  #prev_4 article .table  {
  	font-size: 13px;
  }
  
  #prev_1 article .table td,
  #prev_2 article .table td,
  #prev_3 article .table td,
  #prev_4 article .table td {
  	padding: 2px 0;
  }
  
  .cont4cols.tab-pane article {
    width: 43%;
    padding: 0 3%;	
  }
    
  aside.ban1port_goo {display:none;}
}

@media all and (max-width: 570px) {

  aside.ban1port_goo {display:none;}
}