@charset "utf-8";
/* CSS Document */
html,body{	margin:0px;}
body { 	margin:auto;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:11px;
		 }
		 a {
		 text-decoration:none;
		 }
a img { border:0px;
	}

	#web { 	width:990px; 
			margin:auto;  }
		#cabecera a {
                        color:#fff;
}
		#cabecera { 	width:174px;  
						margin:0 22px 0 0; 
						float:left; }
						
				#logo { 	width:100%; 
							height:106px;

							margin:0 0 18px 0; }
							
				.listas { 	width:100%; 
							height:161px;
							margin:0 0 18px 0; }
				.listas ul { 	list-style:none;
								padding:0;
								margin:-1px; }
								
				.listas li {	
								height:25px;
								margin-bottom:10px;
								}
							
				.datos { 	width:174px; 
						height:95px;
						margin:20px 0 0 0;
							 }
				.datos .centrar {
                                        line-height:8px;
					padding:18px 0 0 20px;
                                        *margin-top:-17px;
						}
				.datos input {
						width:110px;
						background-color:#ccc;
						border:0px;
						color:#FFF;
						}


				.datos .fondo {

						width:27px;
						height:27px;
						float:left;
						margin: 5px 5px 0 0;
					}
					.datos .centrar2 {
					margin:22px 0 0 20px;
					padding-top:22px;
                                        *padding-top:1px;

						}
				.contenidobarra {
                                        margin:20px 0 0 20px;
					color:#FFFFFF;
				.contenidobarra ul {
                                        list-style:none;
                                        margin-left:10px;
                                                 }
					}

	        #cuerpo a { color:#4295b7; }
		#cuerpo { 		width:477px; 
						margin:0 0 -33px 0;
						float:left;  
						padding: 31px 16px 33px 16px }
						
			.webcss { 		width:218px; 
							height:140px; 
							background-color:#FFF; 
							float:left; 
							margin: 0 10px 33px 10px}
					.webcss .imagen {
								width:208px;
								height:130px; 
								margin:5px 5px 0 5px;
						}
					.webcss .post {
								width:208px;
								height:20px; 
								margin:2px 5px 0 5px;
								
						}
					.webcss .titulo {
								float:left;
						}
					.webcss .votos {
								float:right;
								color:#FF0000;
						}
							
		#barra { 	width:262px; 
					margin:0 0 0 22px;
					float:left; 
					padding: 31px 0 0 0 }
					
			.esponsori { 	width:125px; 
							height:125px;
							margin: 0 12px 12px 0;
							background-color:#FFF;
							float: left}

			.esponsord { 	width:125px; 
							height:125px;
							margin: 0 0 16px 0;
							background-color:#FFF;
							float: left }
							
			.publicidad {	width:266px;
							height:274px;
							background-color:#FFF;
							float:left  }
			
		#pie { 		width:990px; 
					height:33px;
					clear:both;
					}
				#creditos{
					padding:10px 0px 0px 20px;
					height:23px;
					width:155px;
					
					}
.formesp {
padding-top:5px;
width:300px;
}
input {
width:200px;
}
textarea {
width:450px;
}

			h3{ margin: 10px 10px 0 10px; color:#FFF; font:11pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }
			
			.boxgrid{ 
				width: 208px; 
				height: 130px; 

				float:left; 
				background:#161613; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .9; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
 			}
 				.captionfull .boxcaption {
 					top: 130;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 70;
 					left: 0;
 				}

.sitiodelmes {
position:relative;
border-top:-130px;
}

a.urlmini {
font-size:12px;
}
#cuerpo .webcss a.enlaceclaro {
color:#FFFFFF;
font-size:13px;
letter-spacing:-.3px;
}
#cuerpo .webcss {
color:#FFFFFF;
font-size:11px;
letter-spacing:-.3px;
}

.redesociales { 
margin-top:16px;
width:266px;
height:55px;
		background-color:#FFF;
		float:left  }
.oculto {
visibility:hidden;
}