/*Estilo sofisticado*/
/* Estilo de etiquetas */
body{
	background: #000000 url(amm!!)  scroll;
	font-family: "Tahoma";
	font-size: 12px;
}
img{
	border:0px;
}

ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

a {
	color: #4f443f;
}

a:hover {
    text-decoration: none;
}

/* Fin de estilo de etiquetas*/

/* Algunas clases que se ocupan para el estilo */
.cleador{
	clear: both;
}
.oculto {
	visibility: hidden;
	display: none; 

}
.visible {
	visibility: visible;
	display: block;
}
/* Fin de las clases que se ocupan para el estilo */
/*Empezamos el estilo de los formularios */
.campoform, .botonform{
	display:block;
}

/* Fin del estilo de los formularios */
/*Estilo de la cabecera */

#cabezera{
	margin: 0 auto;
	width: 939px;
	height: 124px;
	background-color: #000000;
	padding: 10px;
}

#cabezera #titulo{
	width: 804px;
	text-align: center;
	float: left;
	height: 84px;
    background-image: url(gothic); 
background-repeat: no-repeat;
background-position: top center;
background-attachment: scroll;
	display: inline;
	margin: 0px 10px;
	margin-top: 10px;
	padding-top: 20px;
	vertical-align: middle;
}

#cabezera #titulo h1{
	font-size: 24px;
	color: #2a02d9;
}

#cabezera #logo {
	width: 115px;
	float: right;
	display: inline;
	height: 125px;
}

/* Fin del estilo de la cabecera */

/* Estilo del cuerpo general */
#cuerpo{
	margin: 0 auto;
	width: 957px;
	padding: 5px;
	_padding: 2px; /* Hack para IE */
}
/* Fin del estilo del cuerpo */

/* Estilo del cuerpo, las letarales y la central */
#lateral1{
	padding-bottom: 40px;
	background-color: #4b14e3 ;
	background-image: url(gothi);
	padding-left: 2px;
	width: 156px;
	float: left;
	margin: 0px 2px;
	color: #20254d;
}

#lateral2{
	width: 156px;
	margin: 0px 2px;
	padding-bottom: 40px;
	background-color: #1e00ff;
    background-image: url(gothi);
	padding-left: 2px;
	margin: 0px 2px;
	float: right;
	color: #000000;
}

#fotoactual, #mkfriends_makefriends, #elarchivo, #ver_perfil{ /* Tiene multiples por que se llama diferente en cada seccion. */
	width: 615px;
	padding: 5px;
	float: left;
    background-color: #0a0a0a;
    color: #084382;
    background-image: url(gothic);
}

#lateral1 #empieza {
	display: block;
	margin-left: 10px;
}

/* Vamos ahora con el estilo de todos los blockes (usuarios,makefriends,acercade,enlaces,archivo)*/
/*Empezamos con el de usuarios. */
li#usuarios p.titulo{ /*Titulo */
	width: 150px;
	text-align: center;
	height: 28px;
	
}

li#usuarios ul li{
	margin-bottom: 2px;
}
/*Terminamos con el de los usuarios
/* Ahora con el de los makefriends */
li#makefriends p.titulo{ /*titulo*/
	width: 150px;
	text-align: center;
	height: 28px;
	
}

li#makefriends ul li{ /*un margen horizontal */
	margin-bottom: 10px;
}

li#makefriends ul li img{ /* para posicionar la imagen */
	display: block;
	margin: 0 auto;
}
li#makefriends ul li a, li#makefriends ul li span{ /* para posicionar la url y la localizacion */
	display: block;
	text-align: center;
}

li#makefriends ul li a.urlmsj{
	display: inline;
}

/*Terminamos con los makefriends */

/*Empezamos el acerca de */
li#acercade p.titulo{ /*titulo */
	width: 150px;
	text-align: center;
	
	height: 27px;
}

li#acercade ul li img.avatar{ /*para el avatar */
	display: block;
	margin: 0 auto;
}

li#acercade ul li{ /*Un margen horizontal*/
	margin-bottom:2px;
}
/*Terminamos el acerca de*/

/*Empezamos el de los enlaces */
li#enlaces p.titulo{.titulo /*titulo */
	width: 150px;
	text-align: center;
	height: 33px;
	
}
li#enlaces ul li{
	margin-bottom: 2px;
	text-align: center;
}
/*Terminamos el de los enlaces

/*Empezamos con el archivo */
li#archivo p.titulo{ /*titulo*/
	width: 150px;
	text-align: center;
	
	height: 28px;
	margin-bottom: 5px;
}

li#archivo ul#meses li.anio_meses, li#archivo ul#albums li.t_albums{
	font-size: 20px;
	font-weight: bold;
}

li#archivo span.ver{
	display: block;
	margin: 6px 0px;
	text-align: center;
}
/* Terminamos con el archivo */

/* Albunos estilos generales */
li#usuarios p span, li#makefriends p span, li#acercade p span, li#enlaces p span, li#archivo p span { /*Los span dentro de los titulos por si no se quiere usar imagen de titulo */
	visibility: visible;
    color: #0c5ccc;
    font-size: 18px;
    text-align: center;
}

li.vermas {
	margin-top: 10px;
	text-align: center;
}
/* Fin de los estilos generales*/

/* Fin del estilo de los blockes */


/*Ahora empezamos los estilos por secciones */
/*Seccion de la foto */
ul#ultimasfotos{
	width: 600px;
	background-color: #050505;
    background-image: url(gothic);
	margin: 0 auto;
	padding: 3px 2px;
	height: 125px;
	color: #050505;
}

ul#ultimasfotos li{
	float: left;
	text-align: center;
	width: 115px;
	height: 110px;
}

ul#ultimasfotos li.pagsig, ul#ultimasfotos li.pagant{
	display: inline;
	height: 15px;
}

ul#ultimasfotos li.pagsig{
	width: 100px;
	text-align: right;
}
ul#ultimasfotos li.pagant{
	width: 500px;
	text-align: left;
}

ul#ultimasfotos li img{
	display: block;
	margin: 0 auto;
}

#fotomostrar{
	margin: 5px auto;
	width: 500px;
	text-align: center;
}
p#votacion{
	;
}
p#votacion a{
	margin-top: 10px;
	padding: 20px 15px;;
	font-size: 40px;
}

span#voto_gracias{
	display: block;
	
	width: 400px;
	height: 50px;
	margin: 0 auto;
}

span#voto_gracias span{
	visibility: visible; 
 display: block;;
}

#comentaform{
	margin: 10px auto;
	border-top-width: medium;
	border-top-style: solid;
	border-top-color: #030100 ;
	width: 570px;
	padding: 10px;
	clear: both;
}

#comentaform h3{
	color: #092f63 ;
}
#comentaform span{
	color: #092f63;
}
#error_comentario{
	margin: 0 auto;
	width: 300px;
	padding: 30px;
	text-align: center;
	border: #030100 solid 2px;
}

#librocomentarios {
	margin: 10px auto;
	border-top: #030100 solid medium;
	border-bottom: #030100 solid medium;
	width: 570px;
	padding: 10px;
}
}

#librocomentarios h3{
	color: #092f63;
}

ul#comentarios li, .vercomentario{
	border-left: 5px solid #030100;
	border-top: 1px solid #030100;
	border-bottom: 1px solid #030100;
	border-right: 1px solid #030100;	
	padding: 2px 5px;
	margin-top: 10px;
	color: #092f63;
    background-image: url(gothic);
} 

ul#comentarios li u.comentario,.vercomentario .u_comentario{
	display: block;
	font-weight: bold;
}

/* FIn de la seccion de la foto */

/*Para desproteger la foto */
#despro_pic{
	width: 350px;
	margin: 0 auto;
}

#despro_pic p{
	text-align: center;
}
/*Fin del desproteger foto */

/*Archivo */
#elarchivo_orden , #mkfriends_makefriends #mkfriends_orden{
	width: 550px;
	margin: 0 auto;
}
#mkfriends_makefriends p, #elarchivo p{
	clear:both;
	text-align: center;
}
#elarchivo_orden div {
	float: left;
	width: 120px;
	height: 200px;
	margin: 3px;
	text-align: center;
}
#elarchivo h2, #mkfriends_makefriends h2 , #ver_perfil h2{
	text-align: center;
}
/*Fin de archivo */
/*Makefriends */
#mkfriends_orden div{
	width: 120px;
	height: 150px;
	float: left;
	text-align: center;
	margin: 7px;
}
#mkfriends_orden div img{
	display: block;
	margin: 0 auto;
}
#mkfriends_orden div span{
	display: block;
	text-align: center;
}
/*Fin de makefriends */
/*Inicio de perfil */
#ver_perfil img{
	display: block;
	float: left;
	margin-right: 10px;
}
ul#perfilgen li span{
	font-weight: bold;
}
/*Fin de perfil */
/*Fin de los estilos de las secciones (archivo, makefriends y perfil) */
/*Terminamos los estilos por secciones. */

/* Y por ultimo.. el pie de pagina */
#pie_menu{
	text-align: center;
	background: url(http://i.makeflog.com/logo_makegris.gif) scroll no-repeat center right;
	height: 100px;
	font-size: 14px;
}

#pie_menu p a{
	margin: 0 20px;
}

#pie_menu p a:hover{
	margin: 0 20px;
	font-weight: bold;
	text-decoration: none;
}
/*Fin del pie de pagina.. y de todo.. xD */
/*Banners para publicidad */
#makeflog_adsfoto{
	width: 234px;
	height: 60px;
	margin: 0 auto;
}#makeflog_ads468x60{
	width: 468px;
	height: 60px;
	margin: 5px auto;
}