@charset "utf-8";
/* CSS Document */
@import url(sinhtml.css);

body{font-family:Tahoma, Geneva, sans-serif; font-size:12px; background-image:url(img/fondo.png); background-repeat:repeat-y; background-position:center;}

#web {width:950px; margin:5px auto;}

#aviso {width:950px; float:left; height:40px; margin-bottom:5px; background:url(img/aviso.png) no-repeat;}

#cabecera {width:950px; float:left; width:950px; height:120px; background:url(img/cabecera.png) no-repeat;}

#cuerpo {width:950px; float:left; margin-top:5px;}

#cuerpo #col1 {width:200px; float:left;}
	#cuerpo #col1 #categorias {width:200px; float:left;}
		#cuerpo #col1 #categorias ul{ float:left;}
		#cuerpo #col1 #categorias ul li{ float:left;}
		#cuerpo #col1 #categorias ul li.titulo{ float:left; width:200px; height:35px; background:url(img/categorias.png) no-repeat;}
		#cuerpo #col1 #categorias ul li a{ float:left; width:180px; padding:5px 5px 5px 15px; color:#333; background-color:#eee; border-bottom:1px solid #ccc; background-image:url(img/p1.png); background-repeat:no-repeat; background-position:0px 6px;}
		#cuerpo #col1 #categorias ul li a:hover{ background-color:#666; color:#fff; border-bottom-color:#999;background-image:url(img/p2.png); }
		
		#cuerpo #col1 #ban200 {width:200px; float:left; text-align:center; margin-top:20px;}
		
#cuerpo #col2 {width:740px; float:left; margin-left:10px;}

#cuerpo #col2 #videos {width:740px; float:left;}
	#cuerpo #col2 p.intro {width:730px; padding:5px 5px 5px 5px; color:#333; font-size:15px; font-weight:bold;}
	#cuerpo #col2 #videos .video{width:740px; float:left; margin-bottom:5px;}
	#cuerpo #col2 #videos .video h2{ width:670px; float:left; height:25px; padding:5px 0px 5px 70px; background:url(img/h2_videos.png) no-repeat; color:#FFF; font-size:16px;}
	#cuerpo #col2 #videos .video .fotos {width:740px; float:left; margin-top:10px;}
	#cuerpo #col2 #videos .video .fotos .foto320 {width:320px; height:240px; float:left;}
	#cuerpo #col2 #videos .video .fotos .subfotos {width:310px; float:left; margin-left:10px;}
	#cuerpo #col2 #videos .video .fotos .subfotos .foto147{width:147px; height:110px; margin-bottom:10px; margin-left:8px; float:left;}
	#cuerpo #col2 #videos .video .informacion {width:740px; float:left; margin-top:10px;}
	#cuerpo #col2 #videos .video .informacion .colum1{ width:300px;  float:left;}
	#cuerpo #col2 #videos .video .informacion .colum1 p{ width:140px; padding:5px 15px 4px 15px; float:left;} 
	#cuerpo #col2 #videos .video .informacion .colum1 .descargar{}
	
	#cuerpo #col2 #videos .video .informacion .colum2{ width:430px; float:left; margin-left:10px;}
	#cuerpo #col2 #videos .video .informacion .colum2 .texto{ width:430px; float:left;}
	#cuerpo #col2 #videos .video .informacion .colum2 .texto p{ font-size:15px; color:#333; margin-bottom:8px;}
	
#cuerpo #col2 #tpv {width:740px; float:left;}
	#cuerpo #col2 #tpv .imagen{ width:160px; float:left; margin-right:15px; margin-left:5px;}
	#cuerpo #col2 #tpv #pago{ width:740px; float:left; margin-top:25px; text-align:center;}
	
#pie {width:950px; float:left; margin-top:20px; margin-bottom:25px;}
#pie .txtpie{width:950px; float:left; text-align:center; color:#333; margin-bottom:15px;}
	#pie .txtpie a{ color:#333;}
	#pie .txtpie a:hover{ color:#000;}
#pie #enlacespie{ width:940px; float:left;color:#333; padding:5px 5px 5px 5px;}
	#pie #enlacespie a{font-size:10px; color:#333;}
	#pie #enlacespie a:hover{font-size:10px; color:#000;}

#pie #enlacest{width:950px; float:left; text-align:center;}
#pie #enlacest table{ margin-left:200px;}

.paginador {width:740px; float:left; margin:10px 0px 10px 0px;}
.paginador .sel{ float:left; padding:5px 6px 5px 6px; border:1px solid #333; background-color:#FC0; color:#000; margin-right:5px;}
.paginador a{ float:left; padding:5px 6px 5px 6px; border:1px solid #ccc; background-color:#eee; color:#333; margin-right:5px;}
.paginador a:hover{color:#FFF; background-color:#666; border:1px solid #333;}