/*
Azul: #27348B
font-family: 'Roboto', sans-serif;
font-family: 'Oswald', sans-serif;
*/

body {
	margin:0;
	padding:0;
}

#bg{
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
}

a.boton { 
	font-family: 'Oswald', sans-serif, Arial;
	font-size:15px;
	color:#000;
	font-weight:300;
	padding:10px 8px 3px 8px;
	margin-left:10px;
	margin-right:10px;
}

a.boton:hover {
	font-family: 'Oswald', sans-serif, Arial;
	font-size:15px;
	color:#999;
	font-weight:300;
	padding:10px 8px 3px 8px;
	margin-left:10px;
	margin-right:10px;	 
}	
	
#menu{
	width:100%;
	min-width:1000px;
	height:33px;
	padding-top:7px;
	position:absolute;
	top:0px;
	left:0px;
	background-color:#FFF;
	text-align:center;
}

#imagen-principal{
	width:100%;
	min-width:1000px;
	height:210px;
	position:absolute;
	top:40px;
	left:0px;
	background-color:#27348B;
}

#contenedor-principal{
	width:100%;
	min-width:1000px;
	height:340px;
	position:absolute;
	top:250px;
	left:0px;
	background-color:#000;
}

#cuadrado1{
	width:320px;
	height:220px;
	position:absolute;
	left:50%;
	margin-left:-500px;
	background-color:#000;
}

#cuadrado2{
	width:320px;
	height:220px;
	position:absolute;
	left:50%;
	margin-left:-160px;
	background-color:#000;
}

#cuadrado3{
	width:320px;
	height:220px;
	position:absolute;
	left:50%;
	margin-left:180px;
	background-color:#000;
}

#contenedor-footer{
	width:100%;
	min-width:1000px;
	height:120px;
	position:absolute;
	top:1700px;
	left:0px;
	background-color:#000;
}

.brillolookbook:hover { 
	opacity:0; 	
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	-ms-transition: 0.7s;
 }