/* CSS Document */
@media only screen and (max-width:959px){
	/*body,
	html{
		width:auto;
		height:auto;
	}
	*/
	#mobile-detector{
		display:inline;
	}
	div.contenidoAncho{
		width:auto;
	}
	
	div.barratop{
		height:1em;
	}
	
	div.topper{
		z-index:200;
		height:10em;
		position:fixed;
	}
	
	body.intro div.topper{
		z-index:-1;
		height:180px;
		position:absolute;
	}
	
	div.header,
	div.header > div{
		height:9em;
		text-align:right;
		padding-top:0;
	}
	
	div.header{
		width:100%;
		position:fixed;
		top:1em;
		z-index:201;
	}
	
	

	
	div.header > div > a[href="index.php"]{
		left:1em;
		top:0;
		display:inline-block;
		width:auto;
		height:9em;
		text-align:left;
	}
	div.header > div > a[href="index.php"] > img{
		height:60%;
		width:auto;
		position:relative;
		top:20%;
	}
	div.header > div > span.tel{
		font-size:1.15em;
		height:auto;
		line-height:1.6em;
		background:none;
		padding-right:0;
		top:1em;
		right:1em;
	}
	div.header > div > span.tel > span{
		display:none;
		visibility:hidden;
	}
	div.header > div > span.tel > a{
		display:inline-block;
		margin-left:1em;
	}
	
	div.header > div > a.mail,
	div.header > div > a.mail2{
		font-size:1.15em;
		line-height:1.6em;
		display:inline-block;
		position:relative;
		right:1em;
		top:2.4em;
	}
	
	div.header > div > a.mail2{
		display:none;
		visibility:hidden;
	}
	
	div.header > div span#fechaTop{
		display:none;
		visibility:hidden;
	}
	
	div.header > div > var#mobile-menu{
		display:inline-block;
		left:auto;
		right:1em;
		bottom:1.3em;
		top:auto;
		font-style:normal;
		visibility:visible;
	}
	
	div.header > div > var#mobile-menu > a,
	div.header > div > var#mobile-menu > a:visited,
	div.header > div > var#mobile-menu > a:active{
		display:inline-block;
		background-color:#06C;
		color:#fff;
		border-radius:0.1em;
		padding:0.25em 1em 0.25em 1em;
		font-size:1.2em;
		text-decoration:none !important;
	}
	
	div.header > div > div{
		top:9em;
		right:-100%;
		width:100%;
		background-color:#fff;
		font-size:1em;
		border-bottom:#FFE400 0.25em solid;
		
		-moz-transition:right 0.5s ease;
		-o-transition:right 0.5s ease;
		-ms-transition:right 0.5s ease;
		-webkit-transition:right 0.5s ease;
		transition:right 0.5s ease;
	}
	div.header > div > div.open{
		right:0;
	}
	div.header > div > div a{
		width:auto !important;
		display:block;
		padding:0;
		line-height:3em;
		font-size:1.15em;
		text-align:center;
		border-right:none !important;
		font-family:Spinnaker,'Helvetica Neue',Helvetica,Arial,sans-serif;
		text-transform:uppercase;
	}
	div.header > div > div a span{
		text-align:center;
		height:3em;
		line-height:3em;
		overflow:auto;
		display:block;
		max-width:none;
		width:auto;
	}
	div.header > div > div a:last-of-type, div.pie div.right a:last-of-type{
		border-bottom:none;
		font-weight:bold;
	}
	
	div.contenido{
		padding-top:11em;
	}
	div.contenido > div.contenidoAncho{
		width:auto;
		min-height:0;
	}
	div.contenido > div.contenidoAncho > div > div{
		width:auto;
		padding:0 1em 0 1em;
	}
	
	h1{
		margin:0;
		font-size:1.8em
	}
	h1 > span{
		display:block;
	}
	
	div.billboard{
		width:auto;
		height:auto;
		left:0;
		position:static;
	}
	div.billboard > span{
		display:none;
		visibility:hidden;
	}
	div.billboard > img{
		width:100%;
		height:auto;
		left:0;
		position:static;
	}
	div.billboard > div{
		display:none;
		visibility:hidden;
	}
	
	
	div.productos > div{
		position:static;
	}
	
	div.productos > div > div{
		display:block;
		width:auto;
		height:auto;
	}
	
	div.productos > div > div > img,
	div.productos > div > div:hover > img,
	div.productos > div > div:focus > img{
		width:60% !important;
		height:auto !important;
		position:static !important;
	}
	
	div.productos > div > div > p{
		position:static;
		width:auto;
		text-transform:uppercase;
	}

	div.productos > div > div > div,
	div.productos > div > div:hover > div,
	div.productos > div > div:focus > div,
	div.productos > div > div.invertido:hover > div,
	div.productos > div > div.invertido:focus > div{
		width:100%;
		left:-200%;
		z-index:800;
	}
	
	div.productos > div > div > div > div{
		width:auto;
	}
	
	div.productos > div > div > img:focus ~ div,
	div.productos > div > div > img:hover ~ div{
		left:0 !important;
		opacity:1;
		background-color:#fff;
		box-shadow:rgba(0,0,0,0.5) 0 0 0.5em 0;
	}
	
	div.productos > div > div.separador{
		display:none;
		visibility:hidden;
	}
	
	div.productos > div > img.derecha{
		float:none;
		position:static !important;
		width:100%;
		height:auto;
		margin:0;
	}
	
	
	div.certificacionescontenido img.cert{
		width:100%;
		height:auto;
	}
	
	
	div.pie div.left,
	div.pie div.right,
	div.pie > div{
		float:none;
		text-align:center;
		padding:1em 1em 0 1em;
		white-space:normal;
	}
	
	div.pie div.right a{
		width:auto !important;
	}
	
	img.mobileadjust{
		width:100%;
		height:auto;
		float:none;
		position:static !important;
		margin:1em 0 1em 0 !important;
	}
	
	
	div.boxholder,
	div.semibox{
		width:auto !important;
		position:static !important;
	}
	
	table.contactTableHolder,
	table.contactTableHolder tbody,
	table.contactTableHolder tr,
	table.contactTableHolder td{
		width:auto !important;
		padding:0;
		display:block;
	}
	
	table.contactTableHolder input[type=text],
	table.contactTableHolder textarea{
		width:90% !important;
	}
	
	
}