@charset "utf-8";
/* CSS Document */

@media screen and (-webkit-min-device-pixel-ratio:0){
.makeup {padding-left:400px;}	
}


body{
	background-color:#000;
	/*background-image:url(../img/florClara.png);
	/*background-repeat:repeat-x;*/
	/*background-repeat:repeat;*/
}

.content{
	width:100%;
	
	
}

.logo{width:100%;
	background-image:url(../img/logo.png);
	background-position:center;
	background-repeat:no-repeat;
	height:280px;
	margin-top:40px;
}

.sitios{
	width:800px;

	
}

.joyas{
	
	height:100px;
	width:400px;
	float:left;
	left:0;

	
}

.makeup{
	width:400px;
	height:100px;
	right:0;
	margin-left:400px;
}
.joyas li{
	width:200px;
	height:137px;
	background-image:url(../img/joyas.png);
	background-repeat:no-repeat;
	list-style:none;
	text-indent:-99999px;
	padding-top:50px;
}

.joyas ul{
	padding-top:20px;
	/*padding-left:120px;*/
}

.makeup ul{
	padding-top:40px;
	padding-left:60px;
	
}

.makeup li{
	width:228px;
	height:137px;
	background-image:url(../img/makeup.png);
	background-repeat:no-repeat;
	list-style:none;
	text-indent:-99999px;
}

.joyas li:hover{
	background-image:url(../img/joyasOver.png);
	background-repeat:no-repeat;
	
}

.makeup li:hover{
	background-image:url(../img/makeupOver.png);
	background-repeat:no-repeat;
}