@media only screen and (max-width: 1342px){
	
	#boto-contactar{
		margin-left: 0;
	}
	
	.submenu:hover{
		height:550px;
	}
}

@media only screen and (max-width: 1239px){
	.centrar-bloque .info{
		width: auto;
	}
	.centrar-bloque .info span{
		font-size:29px;
	}
	
}

@media only screen and (min-width: 1490px){
	.image-portfolio, .image-madrid, .image-tarragona, .image-girona, .image-lleida, .image-barcelona{
		background-size: 100% auto;
	}
	.image-home{
		background-size: 110% auto;
	}
}

@media only screen and (max-width: 1004px){
	.header .logo{
		width: 200px;
 		margin: 10px auto 0 auto;
		float: none;
	}
	.header .nav{
		float: none;
		margin: 0 auto;
		display: table;
		padding:0;
	}
	.header .nav li{
		margin: 0;
		padding: 7px 10px;
	}
	
	div.submenuprincipal{
		margin: 82px 0 0 0;
	}
	
	#all-info{
		width:300px;
	}
	
	.centrar-bloque .info{
		width:300px;
	}
	
	.footer .four-col{
		width: 47%;
	}
	
	.web-corporativas{
		padding-left:0;
	}
	
	#contacto-footer{
		width:47%;
		padding-left:0%;
	}
	
	#telefono div.tel{
		width:23%;
	}
	div.iconsert{
		margin:0 45% 25px 45%;
	}
	
	.desde-precio{
		float:initial;
	}
	.boto-contactar{
		float:initial;
		margin:20px auto !important;
	}
	.image-home{
		background-position: center 82px;
		
	}
}
@media only screen and (max-width: 930px){
	
	.bloque-izquierda,.bloque-derecha{
		width:90%;
		padding-left: 5%;
		padding-right: 5%;
	}
	
	#imagen-atril-principal{
		margin-left:0px;
	}
	
	.imagen-bajo-left, .imagen-bajo-right{
		position:relative;
	}
	.quitar-padding-bottom-responsive{
		padding-bottom:0;
	}
	.desde-precio{
		float:left;
	}
	.boto-contactar{
		float:left;
		margin:20px !important;
	}
	div.iconsert{
		margin:25px 0;
	}
	
	.quitar-responsive-bottom{
		padding-bottom:0px !important;
	}
	
	.bloque-izquierda .bloque-izquierda, .bloque-izquierda .bloque-derecha{
		padding:0;
		width:100%;
	}
}

@media only screen and (max-width: 760px){
	.header .logo{
		float: left;
		padding-top:0px;
		margin-left: 5%;
		width:175px;
		height:28px;
	}	
	.image-home{
		background: url('../jpg/barcelona-1.jpg') no-repeat;	
	}
	
	.header ul{ 
		margin:0;
	}
	
	.header .nav {
		width: 100%;
		overflow: hidden;
		margin: 0;
		height:0;
		-webkit-transition: height 1s;
    	-moz-transition: height 1s;
    	-o-transition: height 1s;
    	-ms-transition: height 1s;
    	transition: height 1s;
		background: rgb(177, 2, 2);
		padding-left: 8%;
		padding-right: 8%;
		display:block;
	}
	div.header ul li{
		width: 40%;
		float: left;
	}
	li#carrito{
		position: absolute;
		top:5px;
		right: 50px;
		width:auto;
	}
	
	h1.tituloprincipal{
		font-size: 45px;
	}
	
	div.portfolio-izquierda{
		width:94%;
	}
	
	a.portfolio-imagen{
		width:100%;
	}
	
	.tres-col{
		width: 100%;
	}
	
	.imagen-bajo-left, .imagen-bajo-right{
		position:relative;
	}
	
	#modelos .bloque .centrar-bloque{
		padding-bottom:0px;
	}
	
	.centrar-bloque .info{
		margin: 5%;
		width:78%;
		padding:5%;
		height: auto;
	}
	
	#all-info{
		width:auto;
	}
	.bloque-izquierda.bloque-cincuenta img{
		margin-top:0px;
	}
	
	.modulos ul li{
		width: 45%;
	}
	
	.show-menu{
		display: block;
	}
	
	div.submenuprincipal{
		margin: 49px 0 0 0;
	}
	
	#subfooter span{
		float:left;
		text-align:left;
		padding:0;
		width: 100%;
	}
	#subfooter span a{
		margin: 2px 5px;
		width: 100%;
		float: left;
	}
	
	#subfooter span.bloque-derecha a{
		text-align:center;
		padding:5px;
		margin-top:15px;
		background: #5C5C5C;
		border-radius: 5px;
	}
	
	#telefono div.tel{
		width:48%;
	}
	.trabajamos{
		display:none;
	}
	.desde-precio{
		float:initial;
	}
	.boto-contactar{
		float:initial;
		margin:20px auto !important;
	}
	div.iconsert{
		margin:0 45% 25px 45%;
	}
	
	ul#portfolio-slider .slider-text{
		float:right;
		width:80%;
		margin-right:10%;
		margin-left: 10%;
	}
	
	ul#portfolio-slider .slider-imagen{
		float:left;
		width:80%;
		margin-left:10%;
		margin-right: 10%;
	}
	
	ul#portfolio-slider .slider-text a.boto{
		width:92%;
		padding: 0 4%;
	}
	
	#desglose-intro{
		width:100%;
	}
	
	#desglose{
		width:90%;
		padding:5%;
	}
	form#calculadora table{
		width:100%;
	}
	.dialog::after, #produccion-envio .dialog::after{
		border: 0px solid transparent;
	}
	.dialog, #produccion-envio .dialog{
		width: 300px;
		top: 30px;
		right: 0px;
		left:initial;
	}
	form#calculadora tr:hover .dialog{
		visibility: hidden;
	}
	.dialog-active{
		display: table;
		position: absolute;
		z-index: 5;
		width: 300px;
		height: auto;
		visibility: visible;
		line-height: 15px;
		top: 30px;
		left:initial;
		right: 0px;
		padding: 8px;
		text-align: center;
		border-radius: 5px;
		color: #6a863b;
		border: 1px solid #92b750;
		background: #e9f3d2;
	}
}

@media only screen and (max-width: 675px){
	
}

@media only screen and (max-width: 500px){
	.footer .four-col{
		width: 97%;
	}
	
	.block{
		display:none;
	}
	
	.none{
		display:block;
	}
	.dos-col{
		float:none;
		width:98%;
	}
	
	.modulos ul li{
		width: 95%;
		height: auto;
	}
	
	.img-video{
		height:350px;
	}
	
	#tiempo-de-produccion label#titulo{
		float:none;
		display:table;
	}
	
}



@media only screen and (max-width: 800px){
	#cssmenu ul li ul li{
	border:0px
	}
	
	#cssmenu ul li ul li.last{
		border:0px;
	}
	
	#cssmenu ul li ul li.first{
		border:0px;
	}
  #cssmenu {
    width: auto;
  }
  #cssmenu.align-center ul {
    text-align: left;
  }
  #cssmenu.align-right > ul > li {
    float: none;
  }
  #cssmenu ul {
    width: auto;
  }
  #cssmenu .submenuArrow,
  #cssmenu #indicatorContainer {
    display: none;
  }
  #cssmenu > ul {
    height: auto;
    display: block;
  }
  #cssmenu > ul > li {
    float: none;
  }
  #cssmenu li,
  #cssmenu > ul > li {
    display: none;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu ul > li:hover > ul,
  #cssmenu ul ul > li:hover > ul,
  #cssmenu.align-right ul ul,
  #cssmenu.align-right ul ul ul,
  #cssmenu.align-right ul > li:hover > ul,
  #cssmenu.align-right ul ul > li:hover > ul {
    position: relative;
    left: auto;
    top: auto;
    opacity: 1;
    padding-left: 0;
    padding-right: 0;
    right: auto;
  }
  #cssmenu ul .has-sub::after {
    display: none;
  }
  #cssmenu ul li a {
    padding: 12px 20px;
  }
  #cssmenu ul ul li a {
    border: 0;
    background: none;
    width: auto;
    padding: 8px 35px;
  }
  #cssmenu.align-right ul ul li a {
    text-align: left;
  }
  #cssmenu ul ul li:hover > a {
    background: none;
    color: #8c9195;
  }
  #cssmenu ul ul ul a {
    padding: 8px 50px;
  }
  #cssmenu ul ul ul ul a {
    padding: 8px 65px;
  }
  #cssmenu ul ul ul ul ul a {
    padding: 8px 80px;
  }
  #cssmenu ul ul ul ul ul ul a {
    padding: 8px 95px;
  }
  #cssmenu > ul > #menu-button {
    display: block;
    cursor: pointer;
  }
  #cssmenu #menu-button > a {
    padding: 14px 20px;
  }
  #cssmenu ul.open li,
  #cssmenu > ul.open > li {
    display: block;
  }
  #cssmenu > ul.open > li#menu-button > a {
    color: #fff;
    border-bottom: 1px solid rgba(150, 150, 150, 0.1);
  }
  #cssmenu ul ul::after {
    display: none;
  }
  #cssmenu #menu-button::after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #7a8189;
    border-bottom: 2px solid #7a8189;
    right: 20px;
    top: 15px;
  }
  #cssmenu #menu-button::before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #7a8189;
    right: 20px;
    top: 25px;
  }
  #cssmenu ul.open #menu-button::after,
  #cssmenu ul.open #menu-button::before {
    border-color: #fff;
  }
  div.image-home h1, #titulo-image h1{
	  font-size:17px;
  }
}