<%test=true
if haystr("pc-trabajo",request.servervariables("SERVER_NAME")) then test=true else test=false
function ponbordetest(elcualo)
	response.write "#contenidos_main {border:1px solid "&elcualo&";}"
	'response.write "#contenidos_main {border-top:1px solid "&elcualo&";border-bottom:2px solid "&elcualo&";}"
end function%>

.ocultar400{display:none!important;width:100%!important;height:inherit!important;}
.ocultar800{display:none!important;width:100%!important;height:inherit!important;}

#container {margin:0 auto;border:0px solid red;}
/*
@media only screen and (max-width: 2048px) {
	<%if test then call ponbordetest("purple")%>
}*/
@media only screen and (max-width: 1300px) {
	<%if test then call ponbordetest("red")%>
	.imagenfondo {position:realtive;width:90%;max-width:90%;left:-40px;margin:0;padding:0;}
	.xsf-menu{left:-60px;}
}

@media only screen and (max-width: 1230px) {
	<%if test then call ponbordetest("orange")%>
	.sf-menu{font-size:1.1em;xleft:-110px;position:relative;xwidth:500px;border:0px solid red;}
	#menus_web_verde .sf-menu{font-size:1em;}
	.imagenfondo {position:relative;width:99%;left:-70px;max-width:99%;}
	.fijo{max-width:100%;}
}

@media only screen and (max-width: 991px) {
	<%if test then call ponbordetest("red")%>
	.sf-menu{xleft:-180px;}
	#contenido {width:100%;}
	.galeria_fotos_info div p {margin-right:8px;left:8px;bottom:4px;}
	.figura{

	}
	
	#xderecha
		{
		display:inline-block;
		width:100%;
		border:0px dotted orange;
		}
	.cajaslider{
		width:100%;border:0px solid green;
	}
	.center_column
		{border:0px dotted blue;width:95%;}	
	#xderecha .block {max-width:98%;width:45%;display:inline-block;vertical-align:top;margin-right:7px;margin-left:4px;}	
	/*#menu *{font-size:1.1em}	*/
	#logoslider {max-width:60%;}
	#pie {margin:0;}
	.todo {margin:0;}
	.fijo {
		margin:0;
		width:100%;
	}	
	
#social_bar	{text-align:center;}
#social_bar div {display:inline-block;width:60px;border:0px solid red;}
#social_bar span{font-size:0.88em;}
#social_bar hr {display:none;}	
#publicidad div {display:inline-block;border:0px solid red;max-height:200px;vertical-align:middle;margin-right:10px;}
#publicidad div img {}
#publicidad hr {display:none;}	

#figura_servicios .columna_foto,.columna_foto {max-width:35%;}
#figura_servicios .columna_texto,.columna_texto{max-width:60%;}

#articulo1{width:100%;display:block;padding:10px;}

.articulon{width:100%;display:block;padding-left:0px;top:0px;}
.contenidofondo{margin:0;left:0;}
.imagenfondo {xposition:absolute;width:990px;max-width:990px;left:0;margin:0 0;}
.fondofondo{width:100%;text-align:left;position:absolute;left:0;margin:0 0;padding:0;}
.figurafondo{border:0px solid yellow;margin:0;left:0;}
figure#nosotros{background:#000}
#nosotros .contenidofondo {margin-top:10px;}
}

@media only screen and (max-width: 920px) {
		<%if test then call ponbordetest("yellow")%>
	.columna1,.columna3{width:45%;max-width:98%;}	
	.columna2,.columna4{width:45%;max-width:98%;}	
	
}


@media only screen and (max-width: 820px) {

	.figura{
	width:45%;
	
	}
	.foto390{min-height:10px;}
	.left_column{max-width:99%;border:0px dotted purple;}
	#xderecha .block {max-width:94%;display:block;width:100%;}	
	#xderecha
		{margin:5px;float:none;display:block;border:0px dotted red;max-width:94%;margin-left:10px;}
	.right_column {display:block;float:none;max-width:99%;border:0px solid red;}	
	.xcenter_column
	{
	border:0px dotted yellow;
	width:97%;
	float:left;
	
	}	
	.margen1 {padding:4px;}
	.margen2 {padding:8px;}	
	#menu {display:none}
	#menufin{border:0px solid pink;}
	#caja_menus,#caja_menus2{display:none;position:absolute;top:-200px;}
	#contenido{}
	#menu_mobil,#menu_mobil_verde {display:block;z-index:951;}
	#menus_web{height:100px;}
	#menus_web_verde{}
	#xmenus_web_verde{text-align:center;top:0px;}
	#xcontenido{top:0px;position:relative;}
	#caja_menus{display:block;z-index:950;}
	.xgaleria_fotos .foto {max-width:260px;}
	.galeria_fotos_info div {width:47%;}
	
	.galeria_fotos_info div p {margin-right:10px;left:10px;bottom:5px;}	
	<%if test then call ponbordetest("green")%>
	
	body #cajas_columna ul li, body #cajas_columnaverde ul li{float:none;width:40%;}
	.infoobra{padding-bottom:0px;}
	.separa{padding-top:0px;padding-bottom:0px;margin:0;}
	body figure,body h2,body #cajas_columna{padding:0;margin:0;border:0px solid red;}
	hr {margin-top:3px;margin-bottom:4px;}
	.cita{margin:0px;}
	body #figuraobras{margin-top:0px;}
	.fotoobraderecha .info_foto {max-width:190px;}

	.contenidofondo{width:90%;padding:6px;margin:5px;display:block;}
	.imagenfondo {width:900px;}
	#contacto .contenidofondo{margin:5px;}
	.columna1,.columna3{width:100%;max-width:100%;margin:0 auto;padding:4px;}	
	.columna2,.columna4{width:100%;max-width:100%;margin:0 auto;padding:4px;}		
}
@media only screen and (max-width: 800px) {
	.ocultar1920{display:none!important;}
	.ocultar800{display:block!important;}
}
@media only screen and (max-width: 650px) {
	<%if test then call ponbordetest("yellow")%>
	#logotipogrande{height:38px;}
	#banda{height:50px;}
	.figura{
	width:43%;
	}	
	.center_column
	{border:0px dotted pink;
	}
	#xderecha{margin-left:3px;}
	.flex-control-nav {display:none}
	.flex-caption {font-size:.8em;padding:3px;line-height:1em;}
	iframe {height:300px;}
	.galeria_fotos div {width:47%;}
	.kml {display:block;border:0;text-align:left;}
	.gpx {display:block;margin-left:0;text-align:left;}	
	.mensaje_manten{font-size:12px;}
	.galeria_fotos_info div p {margin-right:8px;left:8px;display:none;}	
	
	.pie_izq{float:none;display:block;}
	footer #contacto_pie{float:none;display:block;border:0px solid red;text-align:left;}
.pie_der{float:none;display:block;}	
.lacaption{font-size:12px;}
#pie .columna{display:block;}
#pie .derecha{display:block;float:none;margin-top:12px;}
body #cajas_columna ul li,body #cajas_columnaverde ul li {width:48%;margin-bottom:8px;height:auto;}
#articulos{min-height:auto;}
#figura_servicios .columna_foto,.columna_foto {display:block;max-width:99%;margin:0 auto;text-align:center;}
#figura_servicios .columna_texto,.columna_texto{display:block;max-width:99%;}
#figura_servicios .columna_texto,.columna_texto h2 {margin-top:12px;}
.foto_cliente {display:block;margin:0 auto;margin-bottom:10px;}
.cliente{display:block;vertical-align:middle;margin:10px;text-align:center;}
.lista_div{padding-top:10px;padding-bottom:10px;}
}

@media only screen and (max-width: 480px) {
	<%if test then call ponbordetest("orange")%>
	.figura{
		
		max-width:100%;width:92%;display:block;float:none;margin:0;
		
		margin-top:6px;margin-bottom:10px;
	}
	iframe {height:230px;}
	.center_column{border:0px dotted green;width:93%;}
	.galeria_fotos div {width:45%;}
	.galeria_fotos_info div {width:99%;}
	.foto_ficha {float:none;display:block;width:100%;}
	#financiada div {margin-right:5px;margin-left:5px;}
	.fotomaps{display:block;float:none;}
	.cajamaps{width:auto;}
	.cajamaps h2 {font-size:1em;}
	.foto_izquierda,.foto_derecha{float:none;display:block;margin:0;margin:0 auto;margin-bottom:22px;margin-top:0px;}
	.galeria_fotos_info div p {margin-right:13px;left:13px;bottom:4px;display:block;}	
	
	.lacaption{display:block;bottom:0;max-width:96%;width:96%;height:55px;top:100%;background:#f0f0f0;padding:4px;}
	#principal{padding-top:30px;}
	#pie .columna a{display:block;border:0;line-height:1.9em;}
	body #cajas_columna ul li,body #cajas_columnaverde ul li {display:block;width:96%;margin:0 auto;margin-bottom:4px;}
	body #cajas_columna ul li{margin-top:10px;border:0px solid red;}
	body #cajas_columna ul li h2 {margin:0;padding:0;height:auto;}
	body #cajas_columna ul li span{margin:0;padding:0;height:auto;margin-bottom:8px;}
	
	body #menus_web_verde .redes_arriba img{max-width:22px;margin-right:4px;margin-top:8px;}	
	.redes_arriba img{max-width:18px;margin-right:0px;}
	#menus_web_verde .redes_arriba img{margin-right:0px;max-width:18px;}	
	#logotipo_peq{max-width:160px;}
	body #logotipogrande{max-width:170px;margin-top:15px;}
#menu_mobil #nav-open,#nav-open2 ,#nav-open3,#nav-open4{padding-left:100px;}
#nav-open3,#nav-open4 {padding-left:90px;}	

.f95 { font-size: 28px;font-weight:normal; }
.slider_caja1{padding:10px;padding-right:18px;padding-left:18px;}
.slider_caja2{padding:8px;padding-right:12px;padding-left:12px;}
.contenedorcajablanca{top:55px;}
#banda{top:0;}
	#logotipogrande{height:32px;}

body #contenedor_mobil1{margin-top:-10px;top:0px;border:0px solid red;}
#menu_mobil{margin-top:0px;top:7px;}
#idiomasarriba{padding-top:0;top:15px;margin-top:0;}
.fotoobraderecha .info_foto {max-width:135px;margin:2px;}
	body figure.figurafondo {overflow:default;display:block;padding:0;margin:0;border:0px solid red;position:relative;}
	.contenidofondo{width:90%;padding:10px;margin:0px;display:block;}
	#contacto .imagenfondo {height:380px;}
	#contacto .contenidofondo{width:90%;}
	#nosotros{min-height:600px;}
	
	.caja_tienda{font-size:18px;}
}

@media only screen and (max-width: 400px) {
	.ocultar800{display:none!important;}
	.ocultar400{display:block!important;}
}
@media only screen and (max-width: 380px) {
	
	body #menus_web_verde .redes_arriba img{max-width:18px;margin-right:4px;margin-top:12px;}	
	<%if test then call ponbordetest("cyan")%>
.f95 { font-size: 24px;font-weight:normal; }
.slider_caja1{padding:8px;padding-right:16px;padding-left:16px;}
.slider_caja2{padding:4px;padding-right:8px;padding-left:8px;}
.contenedorcajablanca{top:45px;}
.fotoobraderecha .info_foto {max-width:98%;display:block;margin:0 auto;margin-bottom:6px;}
#nosotros{min-height:700px;}
}
@media only screen and (max-width: 280px) {
	.figura{
		width:90%;
	}
	iframe {height:230px;}
	.center_column{border:0px dotted navy;width:92%;}	
	.galeria_fotos div{width:99%;}
	
	#xderecha {width:90%;}
	#financiada div {display:block;}
	.mensaje_manten{font-size:10px;}
	.galeria_fotos_info div p {display:none;}	
	<%if test then call ponbordetest("yellow")%>
	
}

