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

body{
	margin-top:0;
	background-color:#333;
    /**background-image:url(../images/fondi.jpg);
	background-repeat:repeat-x;**/
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}

.cp-main{
	margin:auto;
	width:950px;
	background-color:#FFF;
	height:auto;
}

.head{
	width:950px;
	height:135px;
	border:#000 1 solid;
	float:left;
	background-image:url(../images/head.jpg);
	background-repeat:no-repeat;
	border-bottom:#000 1px solid;
}

.menu{
	width:950px;
	height:30px;
	background-color:#FFF;
	float:left;
}

.contenido{
	width:950px;
	height:auto;
	background-color:#F9F9F9;
	float:left;
	padding-top:15px;
	padding-bottom:20px;
}


.foot{
	width:947px;
	height:25px;
	float:left;
	background-color:#FFF;
	text-align:center;
	padding-top:3px;
	padding-left:3px;
	padding-top:3px;
}


.cc_data{
	width:930px;
	margin:auto;
}

.cc_bloques{
	float:left;
	width:200px;
	margin:5px;
}



.cc_bloque{
	width:200px;
	height:auto;
	/**border:#000 1px solid;**/
	margin-top:10px;
	margin-bottom:10px;
}

.cc_datas{
	float:left;
	width:500px;
	margin:5px;
}

.cc_data_s{
	width:500px;
	height:auto;
	/**border:#000 1px solid;*/
	margin-top:10px;
	margin-bottom:10px;
	background-image:url(../images/B4.png);
	background-repeat:repeat-y;
	}

.txt{
	display:block;
	margin:7px;
	padding:5px;
	text-align:left;
	
}

.imagendiv{
	display:block;
	text-align:center;
	width:480px;
	margin:auto;
	padding-bottom:10px;
	padding-left:5px;

}

.imagen{
	width:470px;
	height:100px;
	text-align:center;
}

.cc_data_titulo{
	width:500px;
	height:25px;
	background-color:#fff;
	color:#000;
	background-image:url(../images/B3.png);
	background-repeat:no-repeat;
	text-align:left;
	border-bottom:#CCC 1px solid;
	margin-bottom:10px;
}

.cc_data_foot{
	width:500px;
	height:25px;
	background-color:#fff;
	color:#000;
	background-image:url(../images/B5.png);
	background-repeat:no-repeat;
	margin-top:auto;
	border-top:#CCC 1px solid;
}


.TitConf{
	display:block;
	margin-left:10px;
	padding-top:10px;
}

.FootConf{
	display:block;
	margin-left:10px;
	padding-top:5px;
}
/** Estilos del Menu **/



.tab{
width:auto;
padding:5px 20px 0px 20px;
display:block;
background-color:#000;
text-align:center;
float:left;
margin-left:5px;
height:20px;
overflow:hidden;
border-bottom:#000000 1px solid;
border-right:#000000 1px solid;
border-left:#000000 1px solid;
}

#menu #sel{
width:auto;
padding:5px 20px 0px 20px;
display:block;
background-color:#25ABF4;
text-align:center;
float:left;
margin-left:5px;
height:30px;
border-bottom:#000000 1px solid;
border-right:#000000 1px solid;
border-left:#000000 1px solid;
}


#menu a:link{
	color:#FFF;
	}
#menu a:hover{
	color:#FFF;
	}
#menu a:visited{
	color:#FFF;
	}
#menu a:active{
	color:#FFF;
	}
.texto{
	margin:3px;
}


/** Estilos de formularios **/

.modulo{
	width:800px;
	margin:auto;
 }

#modulo textarea{
	width:555px;
	height:200px;
	margin-top:5px;
}

#modulo label{
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin-bottom:15px;
}

#modulo input{
	margin-top:10px;
	width:555px;
}

#modulo select{
	margin-top:10px;
	width:auto;
}

#modulo #extra input{
	width:200px;
}

h3{
	margin:auto;
	text-align:center;
}

#nav{
list-style-type:none;
margin:0;
padding:0;
display:block;
height:auto;
}

#nav li{
	margin-left:2px;
	margin-right:2px;
	padding:7px;
	padding-bottom:4px;
	padding-left:11px;
	background-color:#fff;
	background-image:url(../images/bgbody.png);
	background-repeat:repeat-y;
	color:#000;
}

#nav li #vot{
	height:20px;
	width:30px;
}

ul #titulo{
	color:#000;
	background-image:url(../images/cabeceras.png);
	background-repeat:no-repeat;
	background-position:left;
	text-align:center;
	background-color:#FFF;
}

ul #footera{
	color:#000;
	background-image:url(../images/footeras.png);
	background-repeat:no-repeat;
	background-position:left;
	text-align:center;
	background-color:#FFF;
}


/** TinyBOX **/
h1 {font:24px Georgia,Verdana; margin:0}
h2 {font-size:12px; font-weight:normal; font-style:italic; margin:0 0 20px}
p {margin-top:0}
ul {margin:0; padding-left:20px}

#testdiv {width:600px; margin:0 auto; border:1px solid #ccc; padding:20px 25px; background:#fff}

#tinybox {position:absolute; display:none; padding:10px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background:#fff}

.button {font:14px Georgia,Verdana; margin-bottom:10px; padding:8px 10px 9px; border:1px solid #ccc; background:#eee; cursor:pointer}
.button:hover {border:1px solid #bbb; background:#e3e3e3}



/** Lista de Stylos de Music **/

.registro{
	width:480px;
	height:25px;
	background-color:#F2F2F2;
	text-align:left;
	margin-left:10px;
	margin-bottom:1px;
	float:left;
}

.nombreM{
	width:280px;
	height:25px;
	margin:1px;
	float:left;

}

.voto{
	width:180px;
	height:25px;
	float:left;
}

#res:link{
	color:#000;
}
#res:hover{
	color:#000;
}
#res:visited{
	color:#000;
}
#res:active{
	color:#000;
}


/** videos **/
.imagenV{
	width:auto;
	height:auto;

}

.cuadro{
	width:150px;
	height:80px;
	margin:4px;
	padding:5px;
	display:block;
	margin-bottom:12px;
	background-color:#FFF;
}

.tumb{
	width:80px;
	height:80px;
	margin:4px;
	float:left;
}