@charset "utf-8";

/* CSS Document */

html, body {
	background-color: #FFF;
	font-family: Verdana;
	color: #000;
	font-size: 0.8em;
    font-weight: bold;
    height: 100%;
    width: 100%;
    margin: 0;
    
    /* Set the height to match that of the viewport. */
    height: 100vh;

    /* Set the width to match that of the viewport. */
    width: 100vw;
    
}

a {
	color: #000;
	text-decoration: none;
	letter-spacing: 3px;
	font-weight: bold;
	/* text-shadow: 1px 1px 1px #000000; */
}

table { margin: auto; }
td { margin: 0px auto 0px 0px; }
ul { margin: 0px; padding: 0px; }
li {
	margin: 0px;  padding: 0px;
	list-style-type: none;
	line-height: 1.5em;
	display: none;
}

#principal {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: auto;
    background: url(data/fotos/01.jpg) no-repeat center center fixed;
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    
    /*
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;*/
}

#header {
    width: 100%;
    min-height:135px;
    text-align: center;
    padding-top: 20px;
    background: rgba(255, 255, 255, 0.3);
}

	#header a {
		font-size: 1.4em;
		color: #000;
		text-decoration: none;
		letter-spacing: 4px;
		font-weight:bold;
	}
	
	#header a:hover {
		border-bottom: 2px solid #000;
	}

#menu {
	/*background-image:url(data/sombra.png);*/
	width: 100%;
	height: 25px;
	
	
}

.logo { margin-left: auto;
    margin-right: auto }

#content {

}

.white {
    width: 100%;
    position:absolute;
    bottom: 0px;
    /*background-image:url(data/sombra.png);*/
    background: rgba(255, 255, 255, 0.3);
}

#showroom {
	height: 110px;
	padding-top: 5px;
	display:none;
    
}

#firmas {
	height: 340px;
	padding-top: 10px;
	padding-bottom: 5px;
	display: none;
}

#contacto {
	height: 110px;
	padding-top: 15px;
	/* text-shadow: 1px 1px 1px #000000; */
	display:none;

}

#sombra {
	height: 110px;
	margin-top: 330px;
	background-image:url(data/sombra.png);
	padding-top: 15px;
	display:none;
}


.linea { border: 0px solid #000; }

.show {
	display: none;
}

a.show:hover { border-bottom: 3px solid #000; bottom: 3px; }


.mini {width: 100%;}

#firmas a {
	color: #000;
	text-decoration: none;
	letter-spacing: 3px;
	font-weight: bold;
	/* text-shadow: 1px 1px 1px #000000; */
	}

	#firmas a:hover {
	margin-left: 2px;
	}



#contacto a {
	font-weight: normal;
	font-size: 1.2em;
}

.titulo {
	color: #000;
	text-decoration: none;
	letter-spacing: 3px;
	font-weight: bold;
	font-size: 1.2em;
	/* text-shadow: 1px 1px 1px #000000; */
}