/* Estilo de etiquetas */

body{

	background: #FFF url(imagenes/fondo_general.jpg) repeat-x scroll;

	color: #000;

	font-family: Arial;

	font-size: 12px;

}

img{

	border:0px;

}



ul {

	list-style: none;

	margin: 0px;

	padding: 0px;

}



/* 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 */



/* Estilo de los formularios */

.campoform{

	display:block;

	border: 1px solid #E6E6E6;

	font-family: Arial;

}



.botonform{

	display:block;

	background-color: #000;

	font-family: Arial;

	border: 2px solid #000000;

	color: #FFF;

}

/* Fin de los estilos de los formularios */



/*Estilo de la cabecera */



#cabezera{

	margin: 0 auto;

	width: 939px;

	height: 124px;

	background-color: #FFF;

	padding: 10px;

}



#cabezera #titulo{

	width: 804px;

	text-align: center;

	background-image: url(imagenes/markesina.jpg);

	float: right;

	height: 84px;

	display: inline;

	margin: 0px 10px;

	margin-top: 10px;

	padding-top: 20px;

	vertical-align: middle;

}



#cabezera #titulo h1{

	font-size: 24px;

	color: #FFF;

}



#cabezera #logo {

	width: 115px;

	float: left;

	display: inline;

	background-color: #fff;

	height: 125px;

}



/* Fin del estilo de la cabecera */



/* Estilo del cuerpo general */

#cuerpo{

	margin: 0 auto;

	width: 949px;

	padding: 5px;

	_padding: 4px; /* Hack para IE */

	background-color: #FFF;

}

/* Fin del estilo del cuerpo */



/* Estilo del cuerpo, las letarales y la central */

#lateral1{

	padding-bottom: 147px;

	background-color: rgb(144,29,120);

	background-image: url(imagenes/izq.jpg);

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-position: right bottom;

	padding-left: 3px;

	width: 156px;

	float: left;

	margin: 0px 4px;

	color: #fff;

}



#lateral2{

	width: 156px;

	margin: 0px 2px;

	padding-bottom: 135px;

	background: #007DC0 url(imagenes/der.jpg) no-repeat scroll right bottom;

	padding-left: 3px;

	float: right;

	color: #fff;

}



#fotoactual, #mkfriends_makefriends, #elarchivo, #ver_perfil{ /* Tiene multiples por que se llama diferente en cada seccion. */

	width: 615px;

	float: left;

}



#fotoactual a, #mkfriends_makefriends a, #elarchivo a, #ver_perfil a{

	color: #000;

	font-weight: bold;

}

#fotoactual a:hover, #mkfriends_makefriends a:hover, #elarchivo a:hover, #ver_perfil a:hover{

	color: #000;

	text-decoration: none;

}



#lateral1 #empieza {

	display: block;

	margin-left: 10px;

}



#lateral1 a, #lateral2 a{

	color: #FFF;

}

#lateral1 a:hover, #lateral2 a:hover{

	text-decoration: none;

}



/* 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;

	height: 28px;

	background-image: url(imagenes/usuarios.jpg);

	background-repeat: no-repeat;

	background-position: center;

}



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;

	height: 28px;

	background-image: url(imagenes/makefriends.jpg);

	background-repeat: no-repeat;

	background-position: center;

}



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;

	background-image: url(imagenes/acerca.jpg);

	height: 27px;

	background-position: center;

	background-repeat: no-repeat;

}



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 */

	width: 150px;

	height: 33px;

	background-image: url(imagenes/enlaces.jpg);

	background-position: center;

	background-repeat: no-repeat;

}

li#enlaces ul li{

	margin-bottom: 2px;

	text-align: center;

}

/*Terminamos el de los enlaces



/*Empezamos con el archivo */

li#archivo p.titulo{ /*titulo*/

	text-align: center;

	width: 150px;

	background-image: url(imagenes/archivo.jpg);

	height: 28px;

	background-position: center;

	background-repeat: no-repeat;

	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: hidden;

}



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: rgb(144,29,120);

	margin: 0px auto;

	padding: 3px 2px;

	color: #fff;

	height: 125px;

}



ul#ultimasfotos li{

	float: left;

	text-align: center;

	height: 110px;

	width: 115px;

}



ul#ultimasfotos li.pagsig, ul#ultimasfotos li.pagant{

	width: 300px;

	display: inline;

	height: 15px;

}



ul#ultimasfotos li.pagsig{

	text-align: right;

}

ul#ultimasfotos li.pagant{

	text-align: left;

}

ul#ultimasfotos li img{

	display: block;

	margin: 0 auto;

}



#fotomostrar{

	margin: 5px auto;

	width: 500px;

	text-align: center;

}

p#votacion a{

	background-color: #fff;

	background-attachment:scroll;

	background-position: center;

	background-repeat:no-repeat;

	margin-top: 10px;

	margin-left: 14px;

	padding: 20px 20px;;

	font-size: 0em;

}



p#votacion a span{

	visibility: hidden;

}





#voto_1{

	background-image: url(imagenes/numeros/1.jpg);

}

#voto_2{

	background-image: url(imagenes/numeros/2.jpg);

}

#voto_3{

	background-image: url(imagenes/numeros/3.jpg);

}

#voto_4{

	background-image: url(imagenes/numeros/4.jpg);

}

#voto_5{

	background-image: url(imagenes/numeros/5.jpg);

}

#voto_6{

	background-image: url(imagenes/numeros/6.jpg);

}

#voto_7{

	background-image: url(imagenes/numeros/7.jpg);

}

#voto_8{

	background-image: url(imagenes/numeros/8.jpg);

}

#voto_9{

	background-image: url(imagenes/numeros/9.jpg);

}

#voto_10{

	background-image: url(imagenes/numeros/10.jpg);

}



span#voto_gracias{

	display: block;

	background-image: url(imagenes/gracias1.jpg);

	background-repeat: no-repeat;

	background-position: center center;

	width: 400px;

	height: 50px;

	margin: 0 auto;

}



span#voto_gracias span{

	visibility: hidden;

}



#comentaform{

	margin: 10px auto;

	border-top-width: medium;

	border-top-style: solid;

	border-top-color: rgb(0,125,192);

	width: 570px;

	padding: 10px;

	clear: both;

}



#comentaform h3{

	color: rgb(0,125,192);

}

#comentaform span{

	color: rgb(144,29,120);

}

#error_comentario{

	margin: 0 auto;

	width: 300px;

	padding: 30px;

	text-align: center;

	border: #000 solid 2px;

}



#librocomentarios {

	margin: 10px auto;

	border-top: #999999 solid medium;

	border-bottom: #999999 solid medium;

	width: 570px;

	padding: 10px;

}



#librocomentarios h3{

	color: #999999;

}



ul#comentarios li, .vercomentario{

	width: 555px;

	border-left: 5px solid rgb(144,29,120);

	border-top: 1px solid rgb(144,29,120);

	border-bottom: 1px solid rgb(144,29,120);

	border-right: 1px solid rgb(144,29,120);

	padding: 2px 5px;

	margin-top: 10px;

	color: #000;

} 



ul#comentarios li u.comentario,.vercomentario .u_comentario{

	color: #007DC0;

	display: block;

	font-weight: bold;

}



/* FIn de la seccion de la foto */



/*Para desproteger la foto */

#despro_pic{

	color:#000;

	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;

	color: #007DC0;

}



#pie_menu p a:hover{

	margin: 0 20px;

	color: #007DC0;

	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;

}



#flotante {

	position: absolute;

	background-color: #fff;

	padding: 10px;

	width: 250px;

	height: 270px;

}

.btop{
    background-color:#fff;
    margin: 0 auto;
    padding: 5px 0px;
    text-align: center;
    width: 959px;
}