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

body {
	margin: 0px;
	background-color:#000000;
}
#container {
	height: 480px;
	width: 320px;
	background-color: #000000;
}
#headerint {
	width: 320px;
	height: 36px;
}
#categoria {
	height: 48px;
	width: 267px;
	float: left;
}
#volver {
	float: left;
	height: 48px;
	width: 51px;
}
.todoeltipojos {
	height: 55px;
	width: 90%;	
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 12px;
	margin-left:auto;
	margin-right:auto;
}
.todoeltipojos:hover {
	height: 55px;
	width: 90%;	
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 12px;
	margin-left:auto;
	margin-right:auto;
	background-color:#F8C631;
}
.todoeltiplabios {
	height: 55px;
	width: 90%;	
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 12px;
	margin-left:auto;
	margin-right:auto;
}
.todoeltiplabios:hover {
	height: 55px;
	width: 90%;	
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 12px;
	margin-left:auto;
	margin-right:auto;
	background-color:#F83196;
}
.todoeltipunas{
	height: 55px;
	width: 90%;	
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 12px;
	margin-left:auto;
	margin-right:auto;
}
.todoeltipunas:hover {
	height: 55px;
	width: 90%;	
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 12px;
	margin-left:auto;
	margin-right:auto;
	background-color:#F76301;
}
.todoeltiprostro{
	height: 55px;
	width: 90%;	
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 12px;
	margin-left:auto;
	margin-right:auto;
}
.todoeltiprostro:hover {
	height: 55px;
	width: 90%;	
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 12px;
	margin-left:auto;
	margin-right:auto;
	background-color:#01D6D4;
}
.todoeltipotros{
	height: 55px;
	width: 90%;	
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 12px;
	margin-left:auto;
	margin-right:auto;
}
.todoeltipotros:hover {
	height: 55px;
	width: 90%;	
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 12px;
	margin-left:auto;
	margin-right:auto;
	background-color:#9563F8;
}

.fototip {
	float: left;
	height: 37px;
	width: 38px;
	text-align: center;
	background-color: #FFF;
	padding-top: 1px;
}
.mensaje {
	width: 80%;
	float: left;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #c1c1c1;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	text-decoration:none;	
}
.nick {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
}
#detalletip {
	margin-left:auto;
	margin-right:auto;
	/*float: left;*/
	background-image: url(images/fondo_detalle.jpg);
	height: 360px;
	width: 250px;
	/*position: absolute;*/
	padding-right: 35px;
	padding-left: 35px;
	padding-top: 25px;
	padding-bottom: 25px;
}
#eltipdetalle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #1e1e1e;
	font-weight: bold;
	float: left;
	text-align: justify;
}
.mitip {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #868686;
}
.nickdetalle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #2eb0e6;
}
#fotodetalle {
	background-image: url(images/marco_foto.jpg);
	float: left;
	height: 120px;
	width: 124px;
	text-align: center;
	margin-top: 10px;
	padding-top: 3px;
	padding-right: 1px;
}
.losbotones {
	float: right;
	width: 100px;
	margin-top: 10px;
	text-align: right;
}


#header {
	float: left;
	height: 86px;
	width: 320px;
}
#content {
	float: left;
	height: 307px;
	width: 320px;
	text-align: center;
}
#menu {
	height: 87px;
	width: 320px;
	margin-left: auto;
    margin-right: auto;
}
.menuojos {
	float: left;
	height: 87px;
	width: 64px;
	background-image:url(images/menu-ojos.jpg);
	background-position:top;
}
.menulabios {
	height: 87px;
	width: 64px;
	float: left;
	background-image:url(images/menu-labios.jpg);
	background-position:top;
}
.menuunas {
	float: left;
	height: 87px;
	width: 64px;
	background-image:url(images/menu-unas.jpg);
	background-position:top;
}
.menurostro {
	height: 87px;
	width: 64px;
	float: left;
	background-image:url(images/menu-rostro.jpg);
	background-position:top;
}
.menuotros {
	float: left;
	height: 87px;
	width: 64px;
	background-image:url(images/menu-otros.jpg);
	background-position:top;
}
#fotoportada {
	overflow: visible;
}
