@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: futura;
	src: url(futura_light.ttf) format('truetype');
	font-weight: normal;
}

@font-face {
	font-family: futura_med;
	src: url(futura_med.ttf) format('truetype');
	font-weight: normal;
}

@font-face {
	font-family: bebas;
	src: url(BebasNeue.otf) format('opentype');
	font-weight: normal;
}

body {
	font-family: futura;
	font-style: normal;
	font-size: 12pt;
	color: #000000;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	text-align:center;
}


iframe {
	width:80%;
	height:480px;
}

div.debug, div.debug2, div.debug3, div.debug4{
	border-style:none;
	border-width:thin;
}

div.debug{
	/* */
	border-color:red;
	
}


div.debug2{
	/* */
	border-color:green;
	
}

div.debug3{
	/* */
	border-color:blue;

}

div.debug4{
	/* */
	border-color:orange;

}


div.alignDiv1{
	top:35%; 
}


img.logo{
	width:5em;
	height:auto;
	margin-bottom:0;
	margin-top:1em;
}

img.logoAlea{
	width:30%;
	min-width:200px;
	height:auto;
	margin:auto;
}

img.logoZ2{
	width:30%;
	min-width:30px;
	height:auto;
	margin-top:1em;
	margin-bottom:0;
}


input[type=text], input[type=tel], input[type=email], textarea {
	font-family: futura;
	font-style: normal;
	font-size: 1em;
	color:rgba(44,44,44,1.00);
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	text-align:left;
}

input[type=submit]{
	color:#FFFFFF;
	background-color:rgba(44,44,44,1.00);
	border-radius:3px;
	border-style:none;

	width:160px;
	height:48px;
}





div.titulo, p.titulo{
	text-transform:uppercase;
	font-family: bebas;
	font-size: 3em;
	margin-top:0.5em;
	margin-bottom:0.25em;
	color: #FFFFFF;
}

div.subtitulo, p.subtitulo{
	text-transform:uppercase;
	font-size: 1.2em;
	color:#D3D3D3;
	margin-top:0.5em;
	margin-bottom:0.5em;
	color: #FFFFFF;
}

p.titulo2, div.titulo2{
	font-size: 1.5em;
	margin-top:0em;
	margin-bottom:1em;
}

div.inline, p.inline{
	font-size: 1em;
	word-break:break-strict;
}

p.footer{
	color:#999;
	font-size: 0.8em;
}

div.textos_menu, p.textos_menu{
	font-family: futura_med;
	word-spacing: 1em;
	word-break:keep-all;
	position:static; 
	float:left; 
	padding-left:10px; 
	padding-right:10px;
	display:inline-block;
	height:1em;
	margin-top:1em;
}

td,th {
	font-family: futura;
	font-style: normal;
	font-size: 1em;
	color: #000000;
}


td.seccion{
	text-align: center;
	vertical-align:middle;
}


div.seccion{
	background-size:cover;
	background-position: center center;
	color: #ffffff;
	align-content:center;
}

div.seccionDiv{
	align-content:center;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
	background-size:cover;
	background-position: center center;
}


div.seccionZ2{
	background-image:url(ARCH/IMG/pap9-9.jpg);
	background-size:cover;
	background-position: center center;
	color: #ffffff;
	align-content:center;
}

div.seccionMapa{
	background-image:url(ARCH/IMG/zw2.jpg);
	background-size:cover;
	background-position: center center;
	color: #ffffff;
	align-content:center;
}

div.seccionEjec{
	background-image:url(MOBEL/IMG/bkg_ejec.jpg);
	background-size:cover;
	background-position: center center;
	color: #ffffff;
	align-content:center;
}

div.seccionOper{
	background-image:url(MOBEL/IMG/bkg_oper.jpg);
	background-size:cover;
	background-position: center center;
	color: #ffffff;
	align-content:center;
}

div.seccionCoc{
	background-image:url(MOBEL/IMG_COC/bkg_coc.jpg);
	background-size:cover;
	background-position: center center;
	color: #ffffff;
	align-content:center;
}

div.seccionResid{
	background-image:url(MOBEL/IMG/bkg_resid.jpg);
	background-size:cover;
	background-position: center center;
	color: #ffffff;
	align-content:center;
}

div.seccionSil{
	background-image:url(MOBEL/IMG/bkg_sil.jpg);
	background-size:cover;
	background-position: center center;
	color: #ffffff;
	align-content:center;
}

div.seccionSof{
	background-image:url(MOBEL/IMG/bkg_sof.jpg);
	background-size:cover;
	background-position: center center;
	color: #ffffff;
	align-content:center;
}

div.seccionPiso{
	background-image:url(MOBEL/IMG/bkg_piso.jpg);
	background-size:cover;
	background-position: center center;
	color: #ffffff;
	align-content:center;
}

div.seccionLum{
	background-image:url(MOBEL/IMG/bkg_lum.jpg);
	background-size:cover;
	background-position: center center;
	color: #ffffff;
	align-content:center;
}

div.seccionPers{
	background-image:url(MOBEL/IMG/bkg_pers.jpg);
	background-size:cover;
	background-position: 50% 10%;
	color: #ffffff;
	align-content:center;
}

div.seccionArc{
	background-image:url(MOBEL/IMG/bkg_arc.jpg);
	background-size:cover;
	background-position: center center;
	color: #ffffff;
	align-content:center;
}





div.cien{
	text-align: center;
	border: 3px solid green;
	width:100%;
	align-content:center;
}

div.seccionTexto{
	margin:auto;
	text-align: center;
	width:960px;
}

div.supermenu{
	position:fixed;
	background-color:#FFFFFF;
    top: 0px;
    left: 0px;
	color: #000000;
	width:100%;
	height:6em;

}


body {
	background-color: #FFF;
}

img{
	border:0;
	border-radius:3px;
}

img.ajustaMenu9{
	width:320px;
	height:180px;
	object-fit: cover;
	border:0;
}

img.ajustaMenu2{
	width:480px;
	height:270px;
	object-fit: cover;
	border:0;
}

img.unacol{
	width:100%;
	height:auto;
	object-fit: cover;
	border:0px;
}


img.doscols{
	width:480px;
	height:270px;
	object-fit: cover;
	border:0px;
}

img.trescols{
	width:320px;
	height:180px;
	object-fit: cover;
	border:0px;
}


table.menu9{
	width:1024px;
	margin-left:auto; 
    margin-right:auto;
	align-content:center;
	text-align:center;
	padding:0px;
	border-spacing:0px;
}


a:link {
	text-decoration:none;
	color: #000000;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration:none;
	color: #D3D3D3;
}
a:active {
	text-decoration:none;
	color: #D3D3D3;
}

footer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 120px;
    width: 100%;
}

a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}



.rowz{
	display: table;
    margin-left: auto;
    margin-right: auto;
	width:1024px;
	background-color: #A3A3A3;
}

.rowx{
	width:100%;
    margin-left: auto;
    margin-right: auto;
	margin-top:20px;
}

.rowx2{
	width:100%;
    margin-left: auto;
    margin-right: auto;
	height:6em;
}

.rowx3{
	max-width:1024px;
	width:80%;
    margin-left: auto;
    margin-right: auto;

}


div.forceWhite, p.forceWhite{
	color:#FFFFFF;
}


.col-100{
	display:inline-block;
    padding: 0px;
	width: 280px;
}

.doscols{
	display:inline-block;
    padding: 0px;
	width: 480px;
	margin:auto;
}

.unacol{
	display:inline-block;
    padding: 0px;
	width: 960px;
}

.menus_comida{
	display:inline-block;
    padding: 0px;
	width: 960px;
	border-style:none;
	border-radius:3px;
}

.trescols{
	display:inline-block;
    padding: 0px;
	width: 320px;
}

.doscolsForm{
	display:inline-block;
    padding: 0px;
	width: 480px;
}

.unacolForm{
	display:inline-block;
    padding: 0px;
	width: 960px;
}


.menu ul {
    list-style-type: none;
    padding: 0px;
}

.menu li {
	box-sizing:border-box;
    padding: 8px;
    color: #ffffff;
	border-style:dotted;
	border-width:thin;
	border-radius:3px;
	background-color:none;
}

.menu li:hover {
	color:#000000;
	box-sizing:border-box;
	padding: 8px;
	border-style:none;
    background-color:white;
	border-radius:3px;
	}

.menuXcols ul {
    list-style-type: none;
    padding: 0px;
	border-style:none;

	border-radius:3px;
}

.menuXcols li {
    padding: 0px;
    color: #000000;
	border-style:none;

	border-radius:3px;
	background-color:none;
}

.menuXcols li:hover {
	color:#000000;
	box-sizing:border-box;
	padding: 0px;
	border-style:none;
    background-color:white;
	border-radius:3px;
}

.formXcols ul {
    list-style-type: none;
    padding: 0px;

}

.formXcols li {
	text-align:left;
    padding: 0px;
    color: #000000;
	/* to debug visually 
	border-style:dotted;
	border-color:blue;
	border-width:thin;
	*/
	background-color:none;
}

.formXcols li:hover {
	color:#000000;
	box-sizing:border-box;
	padding: 0px;
	border-style:none;
    background-color:white;
}

.darkglow{
	text-shadow: 0px 0px 4px #000;
	}




@media only screen and (max-width: 1024px) and (orientation: portrait), (max-width: 800px) and (orientation: landscape) {
    /* For mobile phones: 
    [class*="col-"] {
        width: 260px;
		text-align:center;
    }
	*/

	.rowx2{
		height:9em;
	}

	div.supermenu{
	
		height:8em;
	
	}


	img.logo{
		width:7em;
		height:auto;
		margin-bottom:0;
	}

	div.seccionTexto{
		width:640px;
		max-width:640px;
		word-break:break-strict;
		word-wrap:break-word;
	}
	
	div.alignDiv1{
		top:15%; 
	}
	
	.col-100 {
		width: 280px;
	}
	
	.unacol{
		width: 640px;
	}


	.menus_comida{
		width: 640px;
	}
	
	.doscols{
        width: 320px;
	}
	
	img.doscols{
		width:320px;
		height:180px;
	}
	
	.trescols{
		width: 213px;
	}
	
	img.trescols{
		width:213px;
		height:120px;
	}
	
	.doscolsForm{
		width: 320px;
	}
	
	.unacolForm{
		width: 320px;
	}
	


	div.textos_menu, p.textos_menu{
		font-size: 1.5em;
	}

	
	div.titulo, p.titulo{
		font-size: 4em;
	}
		
	div.subtitulo, p.subtitulo{
		font-size: 2em;
	}

	p.titulo2, div.titulo2{
		font-size: 1.5em;
	}

	div.inline, p.inline{
		font-size: 1.2em;
	}
}

@media only screen and (max-width: 1024px) and (orientation: landscape) {
		.unacolForm{
		width: 480px;
	}

iframe {
	width:80%;
	height:600px;
}


}

@media only screen and (max-width: 1024px) and (orientation: portrait) {
	.doscolsForm{
		width: 480px;
	}
iframe {
	width:80%;
	height:600px;
}


}

@media only screen and (max-width: 800px) and (orientation: portrait) {

iframe {
	width:80%;
	height:480px;
}


}




