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

@import url(sinhtml.css);

body { font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.layout{text-align:left; position:relative; width:950px; margin:5px auto; padding-bottom:1px;}

	#up {width:950px; float:left;}	
		#up #logo{width:270px; height:90px; float:left; }
		#up #logo a{ display:block; width:270px; height:90px; background:url(../img/isshare.jpg) no-repeat left top; overflow:hidden; text-indent:-999px;}
	
	#midup {width:950px; float:left; height:30px; background:url(../img/menu.jpg) no-repeat; margin-top:5px;}
		#midup ul{width:930px; margin-left:10px; height:30px;}
			#midup ul li{ float:left;}
				#midup ul li a{ float:left; padding:8px 15px 3px 15px; height:19px; color:#FFF; font-weight:bold;}
				#midup ul li a:hover{ background:url(../img/menusel.jpg) repeat-x;}

	#mid {width:950px; float:left; margin-top:10px;}
		#mid #upload {width:610px; float:left; border:1px solid #ccc;  padding:9px 9px 15px 9px;}
			#mid #upload p{ width:610px; float:left;}
			#mid #upload p.tit{ font-size:15px; font-weight:bold; color:#333;}
			#mid #upload p.dec{ font-size:13px; color:#666;}
			
			#mid #upload #utilherramientas{ width:600px; float:left; margin-top:9px; padding-left:10px;}
				#mid #upload #utilherramientas h2 a{ width:600px; float:left; font-size:16px; color:#06F;}
				#mid #upload #utilherramientas p{ width:600px; float:left;font-size:13px; color:#444; margin:3px 0px 2px 0px; text-align:justify;}
			
			#mid #upload #condicionesuso{ width:610px; float:left; margin-top:9px;}
				
				#mid #upload #condicionesuso h2{ width:610px; float:left;font-size:13px; color:#06f; margin:3px 0px 2px 0px;}
				#mid #upload #condicionesuso p{ width:610px; float:left;font-size:11px; color:#444; margin:3px 0px 2px 0px; text-align:justify;}
				#mid #upload #condicionesuso p a{ color:#333;}
				#mid #upload #condicionesuso p a:hover{ color:#06F;}
				#mid #upload #condicionesuso ul{ width:580px; padding-left:30px; margin-top:8px; margin-bottom:5px; font-size:11px;}
					#mid #upload #condicionesuso ul li{ width:560px; float:left; margin:3px 0px 2px 0px; color:#666; text-align:justify;}
				
		
			#mid #upload #frmupload{ width:410px; float:left; margin-left:100px; margin-top:15px; }
				#mid #upload #frmupload .fila{ width:410px; float:left; margin-bottom:5px;}
					#mid #upload #frmupload .fila .condi{ width:410px; float:left; margin-bottom:5px; font-size:11px; color:#999; text-align:justify;}
					#mid #upload #frmupload .fila .condi a{ color:#999; font-weight:bold;}
					#mid #upload #frmupload .fila .condi a:hover{ color:#333;}
					#mid #upload #frmupload .fila label{font-size:13px; color:#333; font-weight:bold;}
					#mid #upload #frmupload .fila .txtin { float:left; border:1px solid #666; font-size:12px; padding: 2px 2px 2px 2px;font-family:Arial, Helvetica, sans-serif;}
					#mid #upload #frmupload .fila .btnpublicar { width:202px; height:30px; float:left; background:url(../img/publicar.jpg) no-repeat; border:none; margin-top:5px;}
					#mid #upload #frmupload .fila .btndenunciar { width:202px; height:30px; float:left; background:url(../img/enviardenuncia.jpg) no-repeat; border:none; margin-top:5px;}
					#mid #upload #frmupload .fila .btnenviar { width:202px; height:30px; float:left; background:url(../img/btnenviardatos.jpg) no-repeat; border:none; margin-top:5px;}
					
				#mid #upload #frmupload .optavanzadas{width:410px; float:left; margin-bottom:5px;}
				#mid #upload #frmupload .optavanzadas a{ font-size:11px; color:#666;}
				
		#mid #infoupload {width:610px; float:left; border:1px solid #ccc;  padding:9px 9px 15px 9px;}
			#mid #infoupload #uperr{ width:610px; float:left;}
				#mid #infoupload #uperr h2{ width:610px; float:left; font-size:18px; color:#F00; font-weight:bold; margin-bottom:10px;}
				#mid #infoupload #uperr p{ width:610px; float:left; padding-top:5px; color:#666;}
			#mid #infoupload #upok{ width:610px; float:left;}
				#mid #infoupload #upok h2{ width:610px; float:left; font-size:18px; color:#060; font-weight:bold; margin-bottom:10px;}
				#mid #infoupload #upok p{ width:610px; float:left; padding-top:5px; color:#666;}
			
		#mid #ficha {width:610px; float:left;}
			#mid #ficha #datos{width:600px; float:left; padding:5px 5px 5px 5px;}
				#mid #ficha #datos #datosimg{ width:150px; float:left; padding:4px 4px 4px 4px; border:1px solid #eee;}
				#mid #ficha #datos #datosimgg{ width:600px; float:left; padding:14px 0px 5px 0px; text-align:center; }
				#mid #ficha #datos .ads{ width:468px; float:left; padding-left:66px; }
				
				#mid #ficha #datos #datosinfo{ width:420px; float:left; margin-left:20px;}
					#mid #ficha #datos #datosinfo .datostit{ width:420px; float:left; font-size:14px; font-weight:bold; color:#06f;}
					#mid #ficha #datos #datosinfo p{ width:420px; float:left; font-size:11px;color:#666; margin-top:3px;}
		
		#mid #ficha #menuherramientas{ width:600px; float:left; margin-top:10px;}
		#mid #ficha #herramientasficha{ width:600px; float:left; margin-top:3px;}
			#mid #ficha #herramientasficha #loading{width:600px; float:left; background-color:#fff; height:40px; margin-top:3px; font-size:13px; font-weight: bold; color:#999;}
			#mid #ficha #herramientasficha #lasherramientas{ width:600px; float:left;  margin-top:3px;}
			
			#mid #ficha #herramientasficha #lasherramientas .row{ width:600px; float:left; font-size:13px; font-weight:bold; color:#444; margin-top:8px;}
			#mid #ficha #herramientasficha #lasherramientas .row1{ width:600px; float:left; margin-top:3px;}
			#mid #ficha #herramientasficha #lasherramientas .row1 .copycode{ border:1px solid #ccc; padding:2px 2px 2px 2px; width:600px;}
			#mid #ficha #herramientasficha #lasherramientas #bookmaks { width:600px; float:left; margin-top:5px;}
			#mid #ficha #herramientasficha #lasherramientas #bookmaks .compartir{ width:600px; float:left; font-size:13px; font-weight:bold; color:#333;} 
			#mid #ficha #herramientasficha #lasherramientas #bookmaks ul{width:600px; float:left; margin-top:5px;}
			#mid #ficha #herramientasficha #lasherramientas #bookmaks ul li{ float:left;}
			#mid #ficha #herramientasficha #lasherramientas #bookmaks ul li a{ float:left; margin-right:11px; margin-bottom:11px;}
			
			#mid #ficha #herramientasficha #lasherramientas .textonormal{ width:500px; float:left; text-align:justify; color:#666; font-size:12px; margin-left:50px;}
			#mid #ficha #herramientasficha #lasherramientas .btndenunciar{ width:600px; float:left; text-align:center; margin-top:18px; margin-bottom:5px;}
			
			
		#mid #dircategorias {width:610px; float:left; border:1px solid #ccc;  padding:9px 9px 15px 9px;}
			#mid #dircategorias p{ width:610px; float:left;}
			#mid #dircategorias p.tit{ font-size:15px; font-weight:bold; color:#333;}
			#mid #dircategorias p.dec{ font-size:13px; color:#666;}
			#mid #dircategorias #categoriasimg{ width:600px; float:left; margin-top:10px;}
			#mid #dircategorias #categoriasimg ul.cat{width:190px; float:left;  padding:2px 5px 2px 5px; margin-bottom:5px;}
			#mid #dircategorias #categoriasimg ul.cat li{float:left; }
				#mid #dircategorias #categoriasimg ul.cat li a{float:left; font-size:15px; color:#06F; width:200px; }
			#mid #dircategorias #categoriasimg ul.cat li.nimagenes{float:left; font-size:9px; color:#666; }
			
			#mid #dircategorias #directorioimg{ width:600px; float:left; margin-top:10px;}
			#mid #dircategorias #directorioimg .sinimagenes{ width:600px; float:left; padding-top:100px; padding-bottom:100px; font-size:18px;  text-align:center; color:#F00;}
				#mid #dircategorias #directorioimg ul.foto{ width:160px; float:left; margin:0px 20px 10px 20px;}
				#mid #dircategorias #directorioimg ul.foto li{float:left;}
				#mid #dircategorias #directorioimg ul.foto li.fotoimg a{float:left; padding:4px 4px 4px 4px; border:1px solid #eee;}
				#mid #dircategorias #directorioimg ul.foto li.fotoimg a:hover{border-color:#06f;}
				#mid #dircategorias #directorioimg ul.foto li.visto{ width:160px; float:left; color:#999; font-size:10px; margin-top:3px; text-align:right;}
				
			#mid #tools {width:610px; float:left; border:1px solid #ccc;  padding:9px 9px 15px 9px;}
			#mid #tools p{ width:610px; float:left;}
			#mid #tools p.tit{ font-size:15px; font-weight:bold; color:#333;}
			#mid #tools p.dec{ font-size:13px; color:#666;}
			#mid #tools .pagerank {width:600px; float:left; margin-top:15px;}
				#mid #tools .pagerank .titulo{ width:600px; float:left; font-size:14px; font-weight:bold; color:#666; margin-bottom:5px;}
				#mid #tools .pagerank .txtbox{ width:600px; float:left; margin-bottom:5px;}
				#mid #tools .pagerank .txtbox .intxt { width:400px; float:left; border:1px solid #ccc; padding:2px 2px 2px 2px; font-size:12px; color:#333;}
				#mid #tools .pagerank .note{ width:600px; float:left; font-size:11px; color:#999; margin-bottom:5px;}
					#mid #tools .pagerank ul.pr{ width:600px; float:left;}
						#mid #tools .pagerank ul.pr li{ width:140px; float:left; padding:3px 0px 3px 0px; margin-left:8px; height:25px;}
				
			
			
		
					
		
			
			
			
		#mid #partner {width:300px; float:left; border:1px solid #ccc; margin-left:10px; padding:4px 4px 4px 4px;}
		#mid #partner .ads1 {width:300px; height:250px; float:left; margin-bottom:10px;}

	#downup {width:930px; float:left; border:1px solid #ccc;  margin-top:10px; padding:9px 9px 9px 9px;}
		#downup .infocol1{ width:450px; float:left; padding-right:5px; border-right:1px dotted #ccc;}
				.infotitle{ width:440px; float:left; font-size:14px; font-weight:bold; color:#666; padding-bottom:3px; border-bottom:1px dotted #ccc;}
				.infoext { width:440px; float:left; margin-top:5px;}
					.infoext .image{ width:150px; float:left;}
					.infoext .details{ width:270px; float:left; margin-left:20px;}
						.infoext .details .details1{ width:270px; float:left; height:100px;}
						.infoext .details .details1 p.detailstitle{ font-size:15px; font-weight:bold; color:#06f; padding-top:5px;}
						.infoext .details .details1 p.detailsdesc{ font-size:12px; color:#666; padding-top:5px;}
						
						.infoext .details .detailslink{ width:270px; float:left; height:20px;}
							.infoext .details .detailslink a{ font-weight:bold; color:#06F; font-size:13px;}
							.infoext .details .detailslink a:hover{ font-weight:bold; color:#F60; font-size:13px;}
	
/* FORMATO DEL PAGINADOR DE LA WEB */
.paginador{ width:610px; float:left; text-align:center; margin-bottom:10px; padding-bottom:10px;}
	.paginador .sel{ padding:5px 5px 5px 5px; border:1px solid #06f; margin-left:5px; color:#fff; background-color:#069; font-weight:bold; font-size:14px;}
	.paginador a{ padding:5px 5px 5px 5px; border:1px solid #ccc; margin-left:5px; color:#333;font-size:14px;}
	
	#down {width:950px; float:left; margin-top:15px; padding-bottom:10px;}
		#down #menusdown {width:950px; float:left;}
			#down #menusdown p{width:950px; float:left; text-align:center;color:#666;}
				#down #menusdown p a{ color:#666; padding:0px 7px 0px 7px;}
				#down #menusdown p a:hover{ color:#333;}
		#down #copy {width:950px; float:left; margin-top:10px;}
			#down #copy p{width:950px; float:left; text-align:center;color:#666;}
				#down #copy p a{ color:#666;}
				#down #copy p a:hover{ color:#333;}