@charset "utf-8";
/* CSS Document */

body{
	font-family: "Trebuchet MS", Arial;
	font-size: 14px;
	background: #FFF url(imagenes/degradobase.jpg) top left repeat-x scroll;
}

img {
	border: 0px;
}

a{
	color: #000;
}

a:hover{
	text-decoration: none;
}

#fotopub{
	display: block;
	float: right;
}

label {
	color: #BF5F9B;
	font-weight: bold;
}

textarea {
	display: block;
}

#cuerpo {
	background-color: #fff;
	width: 946px;
	margin: 0 auto;
	padding: 10px;
	border: #000 solid 2px;
}

#cabecera {
	height: 107px;
}

p#logo {
	width: 101px;
	height: 107px;
	float: left;
	margin-right: 15px;
}

p#menuarriba, p#menuabajo {
	width: 830px;
	float: right;
	margin: 0px;
}

p#menuarriba {
	background-color: #DEDEDC;
	padding-bottom: 15px;
}

p#menuabajo {
	padding-top: 15px;
}

p#menuarriba span {
	display: block;
	font-size: 26px;
	font-weight: bold;
}

.a,.r{
	font-weight: bold;
	font-size: 20px;
	margin: 0px 20px;
}

.a:hover, .r:hover {
	text-decoration: none;
}

.a {
	color: #1673B0;
}

.r{
	color: #B0558E;
}

.subt {
	display: block;
	font-size: 9px;
}

#contenido {
	clear: both;
}

#pie {
	text-align: center;
	clear: both;
}

/* Del otro skin */
.oculto {
	display: none;
	visibility: hidden;
}

.visible {
	display: inherit;
	visibility: visible;
}

img.muestra {
	width: 50px;
	height: 20px;
	border: #000 solid 2px;
	padding: 0px;
	margin: 0px;
}

.nada, #tablacolores a span, .titulos_imagenes_invisible {
	visibility: hidden;
	display: none;
}

.normal, .titulos_imagenes_visible {
	visibility: visible;
	display: block;
}

#elestilo p, #elestilo h3{
	margin: 2px;
}

#archivo_izquierda{
	width: 250px;
	margin-left: 20px;
	float: left;
}

#archivo_derecha{
	padding: 0px 5px;
	width: 666px;
	float: right;
}

#archivo_derecha #archivo_fotos div{
	float: left;
	width: 200px;
	height: 200px;
	font-size: 10px;
}

#archivo_derecha #archivo_fotos div img{
	display: block;
	margin: 0 auto;
}

#archivo_derecha #archivo_fotos div span img{
	display: inline;
}

#archivo_derecha #archivo_fotos div span{
	display: block;
	width: 200px;
	text-align: center;
	padding: 0px;
}

#makefriendsorden {
	width: 560px;
	margin: 0 auto;
}

#makefriendsorden div{
	width: 120px;
	float: left;
	margin: 5px 10px;
	height: 180px;
}

#makefriendsorden div img{
	display: block;
	margin: 0 auto;
}

#makefriendsorden div span{
	text-align: center;
	display: block;
}

.paginas, .cleador{
	clear: both;
	text-align: center;
}

#mailrec{
	width: 380px;
	float: left;
	background-color: #B2E1FF;
	list-style: none;
	margin: 0px;
	padding: 5px 10px;
	border: #1673B0 solid 2px;
}

#mailrec li a{
	display:block;
	float: right;
}

#recomendar_menu{
	width: 450px;
	float: right;	
}

#recomendar_menu ul{
	width: 40px;
	padding: 0px;
	margin: 0px;
	list-style: none;
	float: left;
}

#recomendar_menu ul li{
	width: 40px;
	padding: 0px;
	margin: 0px;
}


#recomendar_menu ul li a{
	height: 30px;
	width: 0px;
	display: block;
	border-top: #1673B0 solid 2px;
	border-left: #1673B0 solid 2px;
	border-bottom: #1673B0 solid 2px;
	padding-top: 7px;
	padding-right: 3px;
	padding-left: 35px;
	padding-bottom: 2px;
	background-color: #B2E1FF;
	background-repeat: no-repeat;
	background-position: 5px center;
	text-decoration: none;
	color: #4B4B4B;
	font-weight: bold;
	margin: 0px;
}

#recomendar_menu ul li a.wlh{
	background-image: url(imagenes/wlh.jpg);
}

#recomendar_menu ul li a.gmail{
	background-image: url(imagenes/gmail.jpg);
}

#recomendar_menu ul li a.ymail{
	background-image: url(imagenes/yahoo.jpg);
}

#recomendar_menu ul li a.aolmail{
	background-image: url(imagenes/aol.jpg);
}

#recomendar_menu ul li a.info{
	background-image: url(imagenes/info.jpg);
}

#recomendar_menu ul li a:hover{
	color: #000;
}

#recomendarform{
	width: 390px;
	float: left;
	padding: 5px;
	border: #1673B0 solid 2px;
	background-color: #B2E1FF;
}
#recomendarform img{
	display: block;
	float: left;
}

#correos{
	width: 900px;
	margin: 0 auto;
}

#correos div{
	float: left;
	height: 25px;
}

#correos div.checkbox, #correos div.makeflogger, #correos div.checkbox_a, #correos div.makeflogger_a, #correos div.checkbox_g, #correos div.makeflogger_g{
	width: 150px;
}

#correos div.correo, #correos div.correo_a, #correos div.correo_g{
	width: 600px;
}

#correos div.checkbox_a, #correos div.makeflogger_a, #correos div.correo_a{
	background-color: #76C5F0;
}

#correos div.checkbox_g, #correos div.makeflogger_g, #correos div.correo_g{
	background-color: #F2F2F2;
}

#enviarrecomendacion div{
	float: left; 
	width: 450px;
}

#enviarrecomendacion div span{
	display: block;
}
#makeflog_no_activado {
	background: #ff3737 url(imagenes/peligro.gif) 10px center no-repeat scroll;
	color: #FFF;
	width: 600px;
	clear: both;
	margin: 0 auto;
	border: #000 solid 3px;
	padding: 5px 80px;
}

#procesadatos{
	border: #000 solid 5px;
	width: 450px;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 70px;
	background: #FFF url(imagenes/loading.gif) 20px center no-repeat scroll;
	font-weight: bold;
	clear: both;
	font-size: 16px;
}

#msjs_makemail {
	margin: 0 auto;
	width: 600px;
	list-style: none;
}

#msjs_makemail li{
	padding: 1px 20px;
	margin: 5px 0px;
	background-position: right bottom;
	background-repeat: no-repeat;
	background-attachment: scroll;
	height: 100%;
}
#msjs_makemail li.noleido{
	background-color: #92e7ff;
	border: solid 2px #00a1ce;
	background-image: url(imagenes/sobre_nuevo.jpg);
}

#msjs_makemail li.leido {
	background-color: #e4e4e4;
	border: solid 2px #a4a4a4;
	background-image: url(imagenes/sobre_leido.jpg);
}

#msjs_makemail li.enviado {
	background-color: #fffb8a;
	border: solid 2px #d7cf00;
	background-image: url(imagenes/sobre_enviado.jpg);
}

div#leer_msj {
	width: 700px;
	margin: 0 auto;
	padding: 1px 10px;
	border: 3px solid #d58d00;
	background: #ffc960 url(imagenes/sobre_leyendo.jpg) bottom right no-repeat scroll;
}

div.cleador{
	clear: both;
}

#estilo_opciones{
	width: 900px;
	margin: 0 auto;
	padding: 0px;
	list-style:none;
}

#estilo_opciones li {
	width: 275px;
	margin:3px 6px;
	padding: 2px 5px;
	height: 210px;
	background-color: #f1f1f1;
	float: left;
	border: #000 solid 1px;
}