@charset "utf-8";
/* CSS Document */



@media only screen and (max-width:1024px){
	*{
		box-sizing:border-box;	
	}
	
	#CB_All{
		display:none;
	}
	/*Header*/
	.b_category{
		margin-top:45px!important;
		margin-right:0!important;
		margin-left:0!important;
	}
	.b_header{
		margin-top:5px!important;
		margin-left:0!important;
	}
	#header{
	  background:none !important;
	  width:100%;
	}
	#header .grid_4{
		width:70%;		
	}
	#header .logo {
		background-position: center center;
		width: 100%;
		background-size:contain;
	}
	.grid_3{
		width:30%;
		float:left;	
	}
	.grid_7, .grid_5, .grid_8, .grid_9{
		width:70%;
		float:left;	
	}
	.grid_9 .grid_8{
		width:100%;
		float:left;	
	}
	.grid_9 .grid_8 iframe{
		width:100%;	
	}
	.grid_5{
		padding-left:50px;	
	}
	.arrow{
		display:none;	
	}
	#header {
		background: url("../img/header_bg.png") no-repeat scroll left top #fff;
	}
	#header .nav .m_search_form{
		width:auto;	
	}
	
	.m_search_form {
		float: left;
		margin-bottom: 5px;
		margin-right: 0px;
		margin-top: 10px;
		overflow: hidden;
		width: 100%;
	}
	/*Menú responsive*/
	#menu_responsive{
		display: block;
		background: url(../img/menu.gif) no-repeat center center;
		width:100%;
		height:80px;
		background-size:40px 40px;
		position:static;
		left:40%;
		top:0;
		text-indent:-9999px;
		margin:0;
	}
	#menu_responsive_cerrar{
		display: block;
		background: url(../img/cerrar_azul.png) no-repeat center center;
		width:100%;
		height:64px;
		background-size:auto 50%;
		text-indent:-9999px;
		float:left;
	}
	.hide {
		display: none;
	}
	/*Colocamos el buscador */
	#header .nav{
		min-height:80px;
	}
	#header .nav .m_search_form{
		margin:10px 15px 10px;
		padding-top:0;
		float:left;	
	}
	.m_search_form input {
		overflow:hidden;
	}
	/*Slider*/
		
	.m_carousel {
		min-height: 250px;
		width: 100%!important;
		/*margin-left:5%;
		margin-right:5%;*/
		overflow:hidden;
		/*display:none;*/
	}
	.m_carousel .viewport{
		width:100%!important;
	}
	.carousel-wrap{
		width:100%;
		float:left;		
	}
	.m_carousel .viewport ul li .info{
		height:250px;	
	}
	.btn{
		height:auto;	
	}
	.m_carousel .center-wrap{
		margin-top:0;	
	}
	/*Productos Repsol Gasóleos*/
	.m_head.home, #grupo_productos, .wrapper .row, .wrapper, #footer, .legals, .contact{
		width:100%;
		float:left;
	}
	.m_mosaic {
		margin-left:0;
		width: 100%;
	}
	.m_mosaic li {
		margin-left:0;
		width: 50%;
		float:left,
	}
	.row{
		width:100%;
		margin-top:30px!important;	
	}
	.m_mosaic li{
		text-align:center;	
	}
	#pedidos_online, #newsletter{
		width:50%;
		float:left;
		margin:0;
	}
	#links{
		width:100%;
		margin-left:0;	
	}
	.legals, .contact{
		margin-top:15px;
		text-align:center;	
	}
	.boletin_caja{
		width:70%;
		float:left;
		margin: 10px 0;
	}
	#newsletter .b_send{
		width:40%;
		float:left;
		margin: 10px 0;
		height:auto;
	}
	#pedidos_online .b_send{
		width:40%;
		min-width:125px;
		float:right;
		margin: 10px 0;
		text-align:center;
		height:auto;
	}
	#column{
		background-color:#E9E7D8;
	}
	.contact p strong{
		margin-right:15px;	
	}
	#links li{
		width:50%;
		float:left;	
	}
	.caja_buscador{
		width:200px!important;
		padding:10px 30px 4px 10px !important;	
	}
	
	.buscador_form {
		float: right;
		margin-right: 2.5%;
		position: relative;
		width: 95%;
		z-index: 20;
	}
	.links, .logos{
		width:50%;
		float:left;	
	}
	/*Formulario de contacto*/
	/*Específico de caramanzana: login*/
	#items{
		padding:5px 10px;
		border-bottom:0px solid #000;	
	}
	.desplegar_login
	/*Específico de caramanzana: galería de imágenes*/
	#galleria {
		float: left;
		width: 100%;
	}
	.m_stack_nav ul {
		line-height: 1.8em;
	}
	/*Específico de caramanzana: galería de imágenes*/	
	.btn2 {
		height: auto;
		margin: 0 5% 0 0;
		width: auto;
	}
	.grid_familia {
		float: left;
		margin: 0;
		width: 50%;
		padding:15px;
	}
	.bloque_familia{
		width:100%;
		float:left;	
	}
	/*Usuario conectado*/
	
	#divUsuarioConectado, #cont_usuario, #cont_usuario span, #bloque_cesta, #lateral{
		width:100%!important;
		float:left!important;
		text-align:left;	
	}
	/*#lateral{
		margin-top:10px!important;	
	}*/
	
	#pasos_cesta{
		display:none;	
	}
}
@media only screen and (max-width:980px){
	#header .nav{
		background:#ff7b00 !important;	
	}
	
		
}
@media only screen and (max-width:980px){
	#header .nav{
		background:#ff7b00 !important;	
	}
	
		
}
@media only screen and (max-width:750px){
	body{
		font-size:18px;	
	}
	h1{
		padding-left:15px;
		margin-bottom:10px;	
	}
	#header, #content, #footer, #row, #header .logo{
		width:100%;
		float:left;	
	}
/*Estilos para cabecera*/	
	.column, .cont_multiidioma{
		padding:0 20px;	
	}
	#header #row .cont_multiidioma{
		width:40% !important;
		margin:0 30%;
		text-align:center;	
	}
	.banderaSP, .banderaEU{
		width:30% !important;
		height:50px !important;
		margin:0 10%;
		background-size:90% auto !important;	
	}
	.row{
		border-bottom:1px solid rgba(0,0,0,1);
		margin-top:0px !important;	
	}
	.cont-barra-menu {
		display:block;
		float: left;
		width: 100%;
	}
	#header .nav{
		background:#fff !important;	
	}
	#header #nav ul{
		margin-top:0;	
	}
	.row.int_content .column{
		display:block;	
	}
	.grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .disclamer, .cont_multiidioma{
		width:100%!important;
		float:left;	
	}
	.cont_multiidioma{
		text-align:center;
		position:static;
		float:left;
		padding-top:10px;
		padding-bottom:10px;	
	}
	.links.column.grid_7 {
		padding: 0 !important;
	}
	#header .logo{
		width:100%;
		background-position: center center;
		margin:10px 0px;
	}
	#header .b_category{
		margin:0;
		text-align:center;	
	}
	#header #row .grid_4 p{
		margin-right:0;
		margin-top:20px;
	}
	#header #row .grid_5 p{
		margin:20px 0 20px;
		text-align:center;
	}
	/*Estilos para el menú*/
	
	#header .nav, #header .nav ul, #header .nav ul li{
		width:100%;
		float:left;	
	}
	#header .nav ul li a{
		text-align:center;	
	}
	#header .nav{
		margin-top:0;	
	}
	
	#menu_responsive, #menu_responsive_cerrar{
		display:block!important;	
	}
	/*Colocamos el buscador */
	#header .nav{
		height:70px;	
	}
	#header .nav .m_search_form{
		width:100%;
		float:left;
		margin:10px 0;	
	}
	#header .nav .m_search_form #formBuscador{
		margin:0px 5% 0px;
		padding-top:0;
		float:left;
		width:90%!important;	
	}
	.m_search_form input {
		width: 100% !important;
		position:relative;
		overflow:hidden;
	}
	#formBuscador fieldset #button{
		width:10%!important;
		position:absolute;
		top:0;
		right:5px;	
	}
	/*Ocultamos el slider*/
	.m_carousel{
		display:none;	
	}
	/*Bloque de productos*/
	#grupo_productos h1{
		text-align:center;	
	}
	.wrapper .row, .m_mosaic{
		width:100%;	
	}
	.m_mosaic{
		padding:0 5px;
		margin-left:0;
	}
	.m_mosaic li{
		padding:0;
		width:100%;
		float:left;
		margin-bottom:30px;
	}
	.m_mosaic li a{
		width:100%;
		float:left;	
	}
	.m_mosaic li a img{
		width:100%;
		height:auto;	
	}
	#grupo_productos .m_mosaic li a strong{
		width:100%;
		float:left;
		padding-top:15px;
		padding-bottom:20px;
		text-align:center;	
	}
	/*Pedidos online*/
	#pedidos_online, #newsletter, #links{
		width:100%;
		margin:0;	
	}
	#column{
		padding:0;	
	}
	.int_content{
		padding-bottom:0;	
	}
	.m_box.pedidos_online {
		background-position: -40px 115px;
	}
	.b_send, .enviar, .enviarAltaUsuarioWeb{
		padding:10px 30px;
		height:auto;
		width:100%;
		text-align:center;	
	}
	#pedidos_online .b_send, #newsletter .b_send{
		width:100%;
	}
	/*Newsletter*/
	.boletin_caja{
		width:100%;
		padding:10px;
	}
	#footer .grid_5{
		text-align:center;
		margin-bottom: 15px;	
	}
	#footer .grid_7 .column{
		width:50%;
		float:left;
		margin-top:15px;
		text-align:center;
		padding:0 !important;
	}
	/*Links*/
	#links ul li, #footer .links ul li{
		padding:10px 30px;
		font-size:18px;
		text-align:left;
	}
	/*Footer*/
	#footer .logos img{
		margin-right:0;
		margin-bottom:20px;	
	}
	#footer .disclamer{
		margin-right:0;
		margin-left:0;
		width:100%;
		float:left;
		font-size:18px;	
	}
	#footer .disclamer .grid_6{
		text-align:center;
		margin-bottom:10px;	
	}
	#menu_footer > li {
		float: left;
		text-align: left;
		width: 100%;
	}
	.disclamer .a_right strong{
		width:100%;
		float:left;
		margin-bottom:15px;	
	}
	#fb, #tw, #ln, #fo, #go{
		width:20%;
		min-height:40px;
		float:left;
		margin:0;
		background-position:center center;	
	}
	#footer .disclamer .grid_6 a:last-child{
		width:100%;
		float:left;	
	}
	.grid_4, .grid_5{
		width:70%;
		float:left;	
	}
	#links li {
		float: left;
		width: 100%;
	}
	#menu_footer span, .shortsup_avisolegal > a, .shortsup_politica > a, .shortsup_accesibilidad > a, .column .title{
		font-size:18px !important;	
	}
		/*Sobre nosotros --> Repsol*/
	#seccion_2{
		text-align:center;	
	}
	#seccion_2 h1{
		text-align:left;
		padding-left:0;	
	}
	#seccion_2 img{
		width:100%;
		height:auto;
		margin:25px 0!important;	
	}
	/*Pagina nuestros servicios*/
	.grid_8{
		padding-bottom:20px;
		padding-top:20px;	
	}
	.grid_3{
		margin-bottom:20px;	
	}
	.grid_9{
		padding:0;	
	}
	.m_product_excerpt .media{
		width:100%;
		float:left;
		min-width:0!important;
		margin:0;
	}
	.m_product_excerpt .media img{
		width:100%;
		height:auto;
		float:left;
		margin-bottom:20px;	
	}
	.grid_9{
		width:100%;
		float:left;
		text-align:left;
		padding:20px;	
	}
	#resumen_noticia_1, #resumen_noticia_2, #resumen_noticia_3, #resumen_noticia_4, #resumen_noticia_5, #resumen_noticia_6, #resumen_noticia_6{
		padding:15px;	
	}
	.m_txt{
		width:100%;
		float:left;	
	}
	.m_txt p, #resumen_1{
		width:100%;
		text-align:left!important;	
	}
	.btn{
		width:100%;
		float:left;
		padding:10px;
		height:auto;
		 	
	}
	#seccion #seccion_1 #seccion_2{
		text-align:left;	
	}
	/*Página de contacto*/
	.m_map{
		padding:10px;	
	}
	.m_map, .m_map iframe, .m_product p, .m_head, .m_head_ref{
		width:100%!important;
		float:left;
	}
	.m_head, .m_head_ref{
		padding-right:0;	
	}
	.m_product p, .m_txt strong, .m_head, .m_head_ref{
		text-align:left;	
	}
	.m_map small a{
		display: none;	
	}
	/*.m_txt strong{
		width:100%;
		float:left;
		margin-top:20px;
		margin-bottom:20px;	
	}*/
	.grid_8 p a{
		padding-left:15px;	
	}
	/*.m_product.grid_8 a{
		padding-left:15px;	
	}*/
	/*Pedidos online gasóleos*/
	
	#formulario2, #formulario2 fieldset, #formulario2 legend, .m_form textarea, .m_form label, .caja_peq, #grupo_form4, #grupo_form5, #grupo_form7, #grupo_form4, #grupo_form5, #grupo_form6, #grupo_form7, #grupo_form8{
		width:100%!important;
		float:left!important;	
	}
	.caja_gr input, .caja_peq input, #grupo_form4 input, #grupo_form5 input, #grupo_form6 input, #grupo_form7 input, #grupo_form8 input, #grupo_form10 input, #grupo_form11 input, .m_form textarea, .campoTextoCaptcha, #captcha, #Enviar{
		width:100%!important;
		padding:15px 10px!important;	
	}
	.m_form textarea {
		font-family: Arial,Verdana,sans-serif;
		font-size: 13px !important;
	}
	.recargar_captcha{
		margin-left:10px;	
	}
	#divs_formulario .labelLey{
		width:87%!important;
		float:left!important;
		margin-bottom:15px;
		text-align:left;	
	}
	/*Tabla de productos*/
	#productos_pedido label{
		width:80%!important;
		float:left!important;
		text-align:left;
		margin-left:10px;	
	}
	#divs_formulario{}
	#Enviar{
		margin-bottom:15px;	
	}
	/*Página de productos*/
	.m_image_gallery, #m_image_gallery .preview img{
		width:100%!important;
		float:left;
		margin:0;	
	}
	.m_product .m_txt{
		padding:15px;	
	}
	
	#m_txt li {
		padding-left: 15px;
		text-align: left;
	}
	
	.m_product .m_txt {
		padding: 15px;
		text-align:left;
	}
	.m_txt img{
		width:70%;
		height:auto;
		margin-left:15%!important;
		margin-right:15%!important;
		float:left;	
	}
	/*Actualidad*/
	.boton_anterior{
		width:90%;
		margin:15px 5%;
		float:left;
		padding:10px;
		font-size:16px;	
	}
	#seccion_1 #seccion_2 strong{
		text-align:center;	
	}
	#seccion_2 strong{
		text-align:left !important;
		width:auto;
		float:none;
		
	}
	#seccion_2 p{
		width:100%;
		float:left;	
	}
	#header #row .b_category{
		margin-top:0px!important;	
	}
	#resumen_1{
		margin:0;	
	}
	/*Específico de caramanzana: login*/
	#items .login{
		width:100%;
		display:none;	
	}
	.login_enviar{
		min-height:20px;	
	}
	.login fieldset{
		width:75%;
		float:left;	
	}
	.login span{
		margin-left:0;
		float:left;
		width:auto;
		text-align:left;
		padding-right:10px;	
	}
	.login input{
		float:left;
		margin:10px;	
	}
	#f_entrar {
		float: left;
		margin:20px 0;
		width: 25% !important;
	}
	#usuarioLogin, #passwordLogin{
		width:90%;
		margin: 5px 0;	
	}
	/*Específico de caramanzana: recuperacion de contraseña*/
	#formRecuperarClave fieldset, .enviarAltaUsuarioWeb{
		width:90%;
		margin:10px 5%;
	}
	/*Específico de caramanzana: registro de usuario*/
	#captcha_div, #contenedor_politica_privacidad{
		width:90%;
		margin:0 5%;	
	}
	
	.avisoRegistroTienda {
		font-size: 18px;
		padding: 15px;
	}
	#int_content form.login{
		width:100%;
		margin:0;
		padding:10px;	
	}
	#int_content .login legend, #int_content .login label{
		display:none!important;
	}
	#int_content .login input{
		width:100%;
		float:left;
		padding:5px;	
	}
	#f_entrar{
		height:auto!important;	
	}
	/*Específico de caramanzana: listado de galerías*/
	
	/*#int_content{
		padding:20px;	
	}*/
	.m_head_ref{
		width:100%;
		float:left;
		margin-bottom:15px;
		text-align:left;	
	}
	#cont_resumen_galeria20, #cont_resumen_galeria19, #cont_resumen_galeria13, #cont_resumen_galeria14, #cont_txt_13{
		width:90%;
		float:left;
		margin:10px 5%;	
	}
	#galleria {
		float: left;
		width: 100%;
	}
	.galeria {
		float: left;
		height: auto;
		padding-bottom: 0 !important;
		padding-top: 0 !important;
		width: 620px;
	}
	.galleria-image > img {
		float: left;
		height: auto !important;
		width: 100% !important;
	}
	.galleria-info{
		width:90%!important;	
	}
	#cont_txt_13{
		margin:0!important;
		width:100%!important;	
	}
	#cont_txt_13 p{
		width:100%!important;
		margin:0!important;	
	}
	/*Específico de caramanzana:tienda*/
	.bloque_familia, .grid_famiia_img{
		width:100%;
		float:left;	
	}
	.grid_famiia_img{
		height:auto;
		overflow:visible;	
	}
	.grid_familia {
		float: left;
		margin: 10px 0 35px;
		width: 100%;
		height:auto;
		font-size:18px;
	}
	.m_txt{
		font-size:18px;	
	}
	.btn2 {
		height: auto;
		margin:0 5% 10px;
		width: 90%;
	}
	/*Específico de Caramanzana: Tabla de proceso de compra*/
	/*.tabla_cesta{
		width:100%;	
	}
	.tabla_cesta, td, th{
		border:solid 2px #000;	
	}
	table, tbody, tr, th, td{
		display:block;	
	}*/
	.tabla_cesta strong {
		text-align: center;
		margin-top:0!important;
		margin-bottom:0!important;
	}
	#pasos_cesta, #pasos_cesta span{
		width:100%;
		float:left;	
	}
	.cantidadProducto, .incrementaOn, .decrementaOn, .decrementaOff, .borrarOff{
		width:100%;
		float:left;
		margin:0;
		min-height:40px;	
	}
	.tabla_cesta td:first-child{
		padding:0!important;	
	}
	.total td:first-child{
		padding:0 10px 0 0!important;	
	}
	.tabla_cesta {
		font-size: 0.6em;
	}
			
	/*Específico de caramanzana: Barra de usuario logado*/
	#divUsuarioConectado, #cont_usuario, #cont_usuario span, #bloque_cesta, #lateral{
		text-align:center!important;	
	}
	#cont_usuario span{
		text-align:center!important;
		line-height:1.8em;
		margin-bottom:10px;	
	}
	#lateral a{
		width:80%;
		margin:0 10% 10px;	
	}
	#lateral a span{
		margin:0;
		padding:5px 0 5px;
		width:100%;
		text-align:center;	
	}
	#lateral strong, #lateral span{
		width:100%;
		float:left;	
	}
	#lateral span{
		margin:5px auto 5px;	
	}
	#items{
		position:static;
		float:left;	
	}
	/*Formulario de dirección de entrega*/
	.pedido, .pedido fieldset, .pedido input{
		width:100%!important;	
	}
	.pedido textarea{
		margin:0;
		width:100%!important;
		float:left;	
	}
	/*Específico Caramanzana: Tabla paso previo al pago*/
	.pagarPedido{
		width:100%;
		float:left;	
	}
	.linea .ficha_precio {
		width: 100%;
		margin-left:0;
	}
	.item .body {
		width:90%;
		margin:15px 5%;
	}
}
@media only screen and (max-width:480px){
	.m_form label {
		text-align: left;
    }
	#productos_pedido input{
		margin-right:0;	
	}
}