/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {

	/* pagewrap */
	#contenedor_principal {
		width: 95%;
	}

	/* contenido */
	#contenido {
    	padding: 0 0;
    	width: 66%;
	}

	/* barra_lateral */
	#barra_lateral {
		width: 30%;
	}
	#barra_lateral .widget {
		padding: 8% 7%;
		margin-bottom: 10px;
	}

	/* embedded videos */
	.video embed,
	.video object,
	.video iframe {
		width: 100%;
		height: auto;
		min-height: 300px;
	}
	
	.infop {
    /*height: auto;
    padding: 0em;*/
	display:inline-block;
	}
	
	#contenedor_pie{
		width: 95%;
	}
	
	.widgetfooter  {

    width: 24%;
	/*border:1px solid #0C0;*/
	}
	
	.widgetfooter_2  {

    width: 20%;
	/*border:1px solid #0C0;*/
	}
	
	.widgetfooter_contacta  {

    width: 55%;

	/*border:1px solid #0C0;*/
	}

	.contacta .izq {
    width: 48%;
	}
	
	.contacta .der {
    width: 48%;
	}
	
	#buscador_oficinas .buscador_izq{
	float:none;
	width:100%;
}
#buscador_oficinas #navegacion{
	float:none;
	width:100%;
	padding: 2em 0;
	display:block;
	clear:both;
}
}
/************************************************************************************
smaller than 825
*************************************************************************************/
@media screen and (max-width: 825px) {

	#contenido .menu_hor .listado_productos{
		float: left;
		text-align: right;
		width: 35%;
		height: auto;
	}
	#contenido .menu_hor .listado_productos ul {
		margin: 0.5em 0;
		float: none;
		height: auto;
		padding: 0;
		width: auto;
		font-weight: normal;
	}
	#contenido .menu_hor .listado_productos ul li{
		margin:0;
		width:100%;
		border-bottom: 1px dotted #999;
	}
	.menu_hor .listado_productos ul li a {
		color: #79BA01;
		float: none;
		line-height: 1.5em;
		border: none;
		padding: 0.25em 1em 0.25em 0;
		background: none;
		display: block;
	}
	.menu_hor .listado_productos ul li.selec a, .menu_hor .listado_productos ul li.selec a:hover, .caracteristicas_producto .menu_hor .listado_productos ul li.selec a, .caracteristicas_producto .menu_hor .listado_productos ul li.selec a:hover {
		background: #efefef;
		text-shadow: 0 0.1em #fff;
		box-shadow: 0 0 0.5em #ccc inset;
		-webkit-box-shadow: 0 0 0.5em #ccc inset;
		-moz-box-shadow: 0 0 0.5em #ccc inset;
		color: #333;
		line-height: 1.5em;
	}
	#contenido .menu_hor .listado_productos span{
		display:inline;
		float:left;
		height:0.01em;
		width:0.01em;
	}
	#contenido .menu_hor #productos{
		float:left;
		width:64%;
	}
	#contenido .menu_hor .visible, #contenido .menu_hor .detalle_infoproducto{
		border-left: 0.1em solid #DDDDDD;
		-webkit-box-shadow: -0.7em 0em 0.9em -0.5em #ccc;
		-moz-box-shadow: -0.7em 0em 0.9em -0.5em #ccc;
		box-shadow: -0.7em 0em 0.9em -0.5em #ccc;
	}
	.menu_hor .titulo_producto, .caracteristicas_producto .menu_hor .titulo_producto {
		border-bottom: 0.1em dotted #AAAAAA;
		display: block;
		font-size: 1.6em;
		font-weight: 900;
		padding: 0.75% 2%;
	}
	.menu_hor .caracteristicas_producto, .caracteristicas_producto .menu_hor .caracteristicas_producto {
		padding: 3% 2.5%;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		width:100%;
	}

}

/************************************************************************************
smaller than 800
*************************************************************************************/
@media screen and (max-width: 800px) {
#herramientas_cabecera{margin-left:23%}
#logo_ruralvia {top:3.2em}
}
/************************************************************************************
smaller than 750
*************************************************************************************/
@media screen and (max-width: 750px) {
/* pie */
#contenedor_pie {background-image:none; height:auto; padding-bottom:1em;}
.columna_pie {
    padding-left: 3%;
    width: 47%;
    background: url("../../../../img/linea_pie.gif") no-repeat scroll 1.2em 3em transparent;
}

.contacta {
    float: none;
    clear:both;
    padding:1% 0 0 3%;
    width: 97%;
   
}
.infocookie_close, .infocookie_close:visited {
    border-radius: 9.5em;
    margin-left: 1em;
    overflow: hidden;
    padding: 0.3em 0 0.2em 1em;
    text-indent: 50px;
   
    width: 1em;
}







}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {

	/* header */
	body{
	border:none;
	padding-top:10em;
	}
	#cabecera {
	position: fixed;
    top: 0;
    left:0;
    width:100%;
    z-index:999;
    height:8em;
	}
	#cabecera h1 {
    margin-top: 1.4em;
}
#logo_ruralvia {
    top: 4em;
}
	#herramientas_cabecera{
	margin:0;
	width:100%;
	top:0;
	}

	/* search form */
	#searchform {
		position: absolute;
		top: 5px;
		right: 0;
		z-index: 100;
		height: 40px;
	}
	#searchform #s {
		width: 70px;
	}
	#searchform #s:focus {
		width: 150px;
	}

	/* main nav */
	#main-nav {
		position: static;
	}

	/* site logo */
	#logo_entidad {
		margin: 15px 100px 5px 0;
		position: static;

	}

	/* contenido */
	#contenido {
		width: auto;
		float: none;
		margin: 20px 0;
	}

	/* barra_lateral */
	#barra_lateral {
		width: 100%;
		margin: 0;
		float: none;
	}
	#barra_lateral .widget {
		padding: 3% 4%;
		margin: 0 0 10px;
	}
	

	/* embedded videos */
	.video embed,
	.video object,
	.video iframe {
		min-height: 250px;
	}
/* menu desplegable */
 #menu_particulares ul{ display: none; }
#menu_particulares select { display: inline-block; }

}

/************************************************************************************
smaller than 580
*************************************************************************************/
@media screen and (max-width: 580px) {
#pie_pagina {
    height: auto;
    padding-left:3%;
    
}
#pie_pagina span{
display:none;
}
#pie_pagina li{
float:none;
display:block;
margin-bottom:0.5em;
text-align:left;
}
#pie_pagina a{display:block}

#formulario label, #formulario input, #formulario textarea, #formulario select {
    width: 100%;/*para evitar que sobresalgan los campos muy largos*/
}
}


/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}

	/* main nav */
	#main-nav a {
		font-size: 90%;
		padding: 10px 8px;
	}
	
		.widgetfooter  {
    float: left;
    height: 14.3em;
    padding-top: 0.5em;
    width: 50%;
	/*border:1px solid #0C0;*/
	}
	.espacio, .colum_dos #espacio_2, .colum_dos #espacio_4, .colum_dos #espacio_6, .colum_dos #espacio_8, .colum_dos #espacio_2 .celda, .colum_dos #espacio_4 .celda, .colum_dos #espacio_6 .celda, .colum_dos #espacio_8 .celda {float:none;}
.acceso ul li{display:block; float:none; width:100%}
.acceso ul li a{float:none; display:block; position:relative}
/**/
.columna_pie {
    padding-left: 3%;
    width: 97%;
    float:none;
    clear:both
}
.contacta .der,.contacta .izq  {
    width: 98%;
    float:none;
    clear:both;
}
/**/
.contenido_producto, #gama{
float:none;
width:100%
}
.informacion_adicional, .informacion_adicional aside{
float:none;
clear:both;
display:block;
width:100%;
}

.menu_izq .listado_productos, .menu_der .listado_productos, #contenido .menu_hor .listado_productos {
    width: 100%;
        float: none;
    text-align: left;
    clear:both;
}
.menu_izq #productos, .menu_der #productos, #contenido .menu_hor #productos {
    width: 100%;
    float:none;
    clear:both;
    background-image:none;
}
.menu_izq article, #contenido .menu_hor .visible, #contenido .menu_hor .detalle_infoproducto {
    border-left: none;
    box-shadow: 0 0 0 0 #fff;
}
#direccion{width:70%}


.infocookie_close, .infocookie_close:visited {
  
}






}
/************************************************************************************
smaller than 420
*************************************************************************************/
@media screen and (max-width: 420px) {
body{
	padding-top:11em;
	}
#cabecera h1 {margin-top:2.2em;max-width: 50%}
#logo_ruralvia {
    top: 6em;

width:35%;
background-size:100% auto;
}

}

/************************************************************************************
smaller than 300
*************************************************************************************/
@media screen and (max-width: 300px) {
/*#logo_entidad a{
width:55%;
background-size:95% auto;
}*/

.acceso p.acceso_banca .titulo {
    margin-top: 0.2em;
}

#direccion{width:60%}

}