@charset "utf-8";
/* CSS Document */
      html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
      table, caption, tbody, tfoot, thead, tr, th, td {
          margin: 0;
          padding: 0;
          border: 0;
          outline: 0;
          font-weight: inherit;
          font-style: inherit;
          font-size: 100%;
          font-family: inherit;
          vertical-align: baseline;
      }
      :focus {
          outline: 0;
      }
      body {
          line-height: 1;
      }
      ol, ul {
          list-style: none;
      }
      table {
          border-collapse: separate;
          border-spacing: 0;
      }
      caption, th, td {
          text-align: left;
          font-weight: normal;
      }
      blockquote:before, blockquote:after,q:before, q:after {
          content: "";
      }
      blockquote, q {
          quotes: "" "";
      }



body{
background:#464748 url(../img/fdo-body.jpg) repeat-x;
}
#bag2{
background:url(../img/fdo-grande.jpg) repeat-x 0% 162px;
}
#contenedor{
width:980px;
margin:0px auto;
}
#submenutop{
	min-height:28px;
text-align:right;
font-size:10px;
}
#submenutop a{
color:#999;
font-family:Tahoma, Arial, Verdana;
font-weight:bold;
text-decoration:none;
position:relative;
top:-11px;
margin-right:15px;
}
#submenutop a:hover{
color:#FFCC00;
}
#submenutop a img{
position:relative;
top:11px;
margin-right:-15px;/*---revisar---*/
}
#head{
margin-bottom:-8px;
}
#head .loop{
width:220px;
float:left;
margin-top:3px;
}
#head .banner{
float:right;
border:#FFF solid 1px;
margin-top:25px;
/*margin-right:0px;*/
}
#login{
background:url(../img/usuarios.jpg) no-repeat 260px 0%;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
padding-bottom:1px;
color:#FFF;
font-weight:bold;
position:relative;
top:-6px;
*position:static;
*top:0px;
text-align:right;
}
#login .field{
border:#333 solid 1px;
padding:2px;
margin-right:4px;
}
#login .boton{
background:#00CCFF;
border:none;
font-size:12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
padding:2px;
}
#login span{
margin-left:10px;
*margin-left:30px;
font-size:10px;
font-family:Tahoma, Arial, Verdana;
*position:relative;
*top:-3px;
}
#login a{
color:#FFF;
text-decoration:none;
}
#login a:hover{
color:#FFCC00;
}

#lateral1,#lateral2,#lateral3{
float:left;
}
#lateral1{
width:262px;
position:relative;
top:-50px;
}
#lateral1 #menu{
/*background:url(../img/menu.png) no-repeat;*/
background:url(../img/menu.gif) no-repeat;
width:262px;
height:386px;
margin-bottom:0.5em;
}
#lateral1 #menu ul{
font-family:"Trebuchet MS", Arial, Tahoma;
font-size:20px;
margin-left:8px;
padding-top:90px;
}
#lateral1 #menu ul li{
display:block;
width:180px;
padding:5px 10px;
border-bottom:#71451F dashed 1px;
margin-left:10px;
}
#lateral1 #menu ul li a{
color:#71451F;
text-decoration:none;
}
#lateral1 #menu ul li a:hover{
color:#333;
}
#lateral1 form{
text-align:center;
margin-bottom:1em;
}
#lateral1 #encuesta{
width:90%;
}
#lateral1 #encuesta h2{
color:#FFCC00;
font-family:"Arial Black", Arial, Tahoma, Verdana;
font-size:14px;
font-weight:normal;
margin:0.5em 0em 0em 0em;
padding-bottom:8px;
border-bottom:#999 solid 5px;
}
#lateral1 #encuesta form{
background:url(../img/fdo-rallas-form.jpg) no-repeat;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFF;
font-weight:bold;
padding-top:0.5em;
}
#lateral1 #encuesta form .accion{
border-top:#666 dashed 1px;
padding:10px 0px;
margin-top:10px;
}
#lateral1 #encuesta form .accion a{
font-family:Tahoma, Arial, Verdana;
color:#FFF;
font-size:10px;
text-decoration:none;
margin-left:10px;
position:relative;
top:-7px;
}
#lateral1 #encuesta form .accion a:hover{
color:#FFCC00;
}

#lateral2 {
width:498px;
padding-left:5px;
padding-right:5px;

_padding-left:0px;
_padding-right:0px;
}
#lateral2 #proxevent{
color:#FFF;
font-family:Tahoma, Arial, Verdana;
height:302px;
overflow:auto;
margin-top:0.5em;
padding:10px 10px 10px 0px;
}
#lateral2 h1{
color:#FFCC00;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
overflow:hidden;
text-transform:uppercase;
margin:0.5em 0em 0em 0em;
margin-top:1em;
*+margin-bottom:-1em;
_margin-bottom:0em;
}
#lateral2 h1.sociales{
	background:url(../img/ico-sociales.gif) no-repeat 0% 50%;
	padding-left:25px;
}

#lateral2 h1.eventos{
	background:url(../img/ico-calendar.gif) no-repeat 0% 50%;
	padding-left:25px;
	width:200px;
	float:left;
}
#lateral2 h1.cumple{
	background:url(../img/ico-cumple.png) no-repeat 0% 50%;
	padding-left:25px;
	width:200px;
	float:left;
}
#lateral2 h1.comentarios{
	background:url(../img/comment.gif) no-repeat 0% 50%;
	padding-left:25px;
}
#lateral2 h1.encuesta{
	background:url(../img/ico-encuesta.gif) no-repeat 0% 50%;
	padding-left:25px;
	width:200px;
	float:left;
}
#lateral2 h1.usuarios{
	background:url(../img/ico-users.gif) no-repeat 0% 50%;
	padding-left:25px;
}
#lateral2 h1.usuarioin{
	background:url(../img/info.png) no-repeat 0% 50%;
	padding-left:25px;
}
#lateral2 h1.radios{
	background:url(../img/ico-cd.gif) no-repeat 0% 50%;
	padding-left:25px;
}






#lateral2 h2{
color:#FFF;
font-family:"Arial Black", Arial, Tahoma, Verdana;
font-size:14px;
font-weight:normal;
margin:0.5em 0em 0em 0em;
border-bottom:#FFF solid 5px;
}
#lateral2 h3{
color:#00CCFF;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin:0.5em 0em 0.5em 0em;
font-weight:bold;
text-transform:uppercase;
}
#lateral2 .comenBlok{
border-top:#00CCFF dashed 1px;
padding:5px 10px 10px 15px;
}
#lateral2 p{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom:0.5em;
	line-height:1.5em;
	text-align:justify;
}

#lateral2 p a{
color:#CCC;
text-decoration:none;
}
#lateral2 p a:hover{
color:#FFCC00;
}


#lateral2 .comenBlok h3{
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0.5em 0em 0.5em 0em;
font-weight:bold;
text-transform:uppercase;
}
#lateral2 .comenBlok h3 span{
color:#FFCC00;
padding:0px;
margin:0px;
}

#lateral2 form.coment{
border-top:#CCC solid 1px;
margin-bottom:1em;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#lateral2 form.coment span{
*position:relative;
*top:-10px;
margin-right:5px;
}
#lateral2 form.coment h3{
color:#FFCC00;
font-size:12px;
padding:1em 0px;
margin:0px;
}

#lateral2 form.coment input{
	color:#FFF;
}
#lateral2 form.coment textarea{
	padding:2px;
	color:#FFF;
}


#lateral2 form.contacto{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:20px;
}
#lateral2 form.contacto span{
	display:block;
	width:150px;
	margin-bottom:5px;
}
#lateral2 form.contacto input{
	margin-bottom:5px;
}
#lateral2 form .contacto input.campos{
	border:#FFF solid 1px;
	padding:2px;
	width:200px;
	background:#EBEBEB;
}
#lateral2 form.contacto textarea{
	margin-bottom:5px;
	padding:2px;
	width:200px;
	height:100px;
	border:#FFF solid 1px;
	background:#EBEBEB;
}

#lateral2 form#registro{
	width:200px;
	margin:0px auto;
	}
	#lateral2 form#registro span{
		display:block;
		color:#CCC;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		margin:5px 0px;
		font-weight:bold;
	}
	#lateral2 form#registro input.camporeg{
		border:#CCC solid 1px;
		padding:2px;
		width:200px;
	}
	#lateral2 form#registro textarea{
		border:#CCC solid 1px;
		padding:2px;
		height:150px;
		width:200px;
	}



#lateral2 .comenBlok p{
font-family:Tahoma, Arial, Verdana;
font-size:11px;
line-height:1.4em;
color:#FFF;
}
#lateral2 #proxevent div{
font-size:11px;
margin-bottom:0.5em;
border-bottom:#999 dashed 1px;
padding-bottom:0.5em;
}
#lateral2 #proxevent p{
line-height:1.4em;
}
#lateral2 #proxevent p a{
text-decoration:none;
}
#lateral2 #proxevent p strong{
color:#00FFFF;
font-weight:bold;
}
#lateral2 #proxevent span{
color:#999;
font-weight:bold;
}



#sociales{
	}
	#sociales h1{
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		margin:0.5em;
		margin-left:0px;
		padding-left:0px;
	}
	#sociales h1 a{
	text-decoration:none;
	color:#FFCC00;
	}
	#sociales h1 a:hover{
	color:#00FFFF;
	}
	#sociales div{
		width:33%;
		float:left;
		border-bottom:#FFF dashed 1px;
		padding:10px 0px;
		min-height:235px;
		height:235px;
	}
	#sociales div.clear{
		border-bottom:none;
		padding:0px;
		height:1px;
		min-height:1px;
	}
	#sociales div img{
		border:#FFF solid 4px;
	}
	#sociales div a img:hover{
		border:#0CF solid 4px;
	}
	#sociales div span{
		display:block;
		color:#FFF;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:10px;
		padding:3px 0px 3px 20px;
	}
	#sociales div span.fotos{
		background:url(../img/fto-social.gif) no-repeat;
	}
	#sociales div span.coment{
		background:url(../img/comment.gif) no-repeat;
	}

#eventos{
	margin-bottom:-0.5em;
	}
	#eventos div{
		width:46%;
		float:left;
		padding:1%;
		}
	#eventos div:hover{
		background:#000;
	}
	#eventos div img{
		float:left;
		border:#FFF solid 1px;
		margin-right:0.5em;
	}
	#eventos div h3{
		color:#FFF;
		margin:0px;
		font-size:12px;
		text-transform:none;
		}
	#eventos div h3 a{
		color:#FFF;
		text-decoration:none;
		}
	#eventos div h3 a:hover{
		color:#6FF;
		}
	#eventos div p{
		color:#CCC;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:10px;
		text-align:left;
		line-height:normal;
		margin:0px;
		}
	#eventos div p strong{
		font-weight:bold;
		}
	#eventos div p a{
		background:url(../img/chehita.gif) no-repeat 0% 50%;
		color:#FF0;
		font-weight:bold;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:10px;
		text-decoration:none;
		position:relative;
		top:5px;
		padding-left:13px;
		}
	#eventos div p a:hover{
		color:#FFF;
		}
	#lateral2 form.formeventos{
		font-family:Tahoma, Geneva, sans-serif;
		font-size:12px;
		border:none;
		width:210px;
		float:right;
		position:relative;
		left:40px;
		font-weight:normal;
		top:10px;
		color:#FFF;
		}


#encuestas{
	margin-bottom:-0.5em;
	}
	#encuestas div{
		width:44%;
		float:left;
		padding:2%;
		border-bottom:#666 dashed 1px;
		}
	#encuestas div:hover{
		background:#000;
	}
	#encuestas div img{
		float:left;
		border:#FFF solid 1px;
		margin-right:0.5em;
	}
	#encuestas div h3{
		color:#FFF;
		margin:0px;
		font-size:12px;
		text-transform:none;
		}
	#encuestas div h3 a{
		color:#FFF;
		text-decoration:none;
		}
	#encuestas div h3 a:hover{
		color:#6FF;
		}
	#encuestas div p{
		color:#CCC;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:10px;
		text-align:left;
		line-height:normal;
		margin:0px;
		}
	#encuestas div p strong{
		font-weight:bold;
	}
	#encuestas div p a{
		background:url(../img/chehita.gif) no-repeat 0% 50%;
		color:#FF0;
		font-weight:bold;
		font-family:Tahoma, Geneva, sans-serif;
		font-size:10px;
		text-decoration:none;
		position:relative;
		top:5px;
		padding-left:13px;
		}
	#encuestas div p a:hover{
		color:#FFF;
		}
#usarioin{
	}
#usarioin img{
	border:#FFF solid 4px;
	float:left;
	margin-right:0.5em;
	}
#usarioin p{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom:1em;
	line-height:1.7em;
	text-align:left;
	}
	#usarioin p strong{
		color:#0FF;
		}
	
/*	#lateral2 form.formeventos{
		font-family:Tahoma, Geneva, sans-serif;
		font-size:12px;
		border:none;
		width:250px;
		float:right;
		left:25px;
		*left:35px;
		position:relative;
		font-weight:normal;
		top:10px;
		color:#FFF;
		}*/

#lateral2 form.formubuscsuarios{
	*+margin-bottom:-1em;
	_margin-bottom:0em;
	}
#lateral2 form.formubuscsuarios .campo{
	width:110px;
	background:#FFF;
	color:#666;
	margin-right:5px;
	padding:2px;
	border:#CCC solid 1px;
	}




#lateral3{
padding-top:10px;
padding-left:20px;
}
#lateral3 #revista{
width:154px;
margin:1em auto;
background:#FFF;
padding:4px 4px 0px 4px;
}
#lateral3 #revista a{
font-size:10px;
font-family:Tahoma, Arial, Verdana;
color:#666;
font-weight:bold;
position:relative;
top:-10px;
text-decoration:none;
}
#lateral3 #revista a:hover{
color:#990000;
}
#lateral3 #revista img{
margin-bottom:5px;
}

#pie{
background:url(../img/fdopie.jpg) repeat-x;
}
#pie div{
width:960px;
margin:0px auto;
height:30px;
}
#pie #pieloop a{
color:#FFF;
font-family:Tahoma, Arial, Verdana;
font-weight:bold;
text-decoration:none;
position:relative;
top:4px;
margin-left:15px;
font-size:10px;
}
#pie #pieloop a:hover{
color:#FFCC00;
}
#pie #pieloop img{
	position:relative;
	top:-4px;
	}
#pie #cordobanet{
text-align:right;
padding:15px 0px;
}
#pie #cordobanet a{
color:#999;
font-family:Tahoma, Arial, Verdana;
font-weight:bold;
text-decoration:none;
position:relative;
top:-9px;
margin-right:15px;
font-size:10px;
}
#pie #cordobanet a:hover{
color:#FFF;
}
#nav{
	background:url(../img/fdo-nav.jpg);
	padding:5px 0px 10px 0px;
	margin:0.5em 0px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	}
#nav a{
	text-decoration:none;
	font-weight:bold;
	color:#FFF;
	margin:5px;
	}
#nav a:hover{
	text-decoration:none;
	font-weight:bold;
	color:#FC0;
	}
#nav a.num{
	color:#999;
	background:#000;
	text-align:center;
	margin:0px 3px;
	width:16px;
	height:16px;
	display:inline;
	padding:5px 10px;
	}
#nav a:hover.num{
	color:#000;
	background:#00CCFF;
	}
#nav a.actual{
	color:#000;
	background:#00CCFF;
	text-align:center;
	margin:0px 3px;
	width:16px;
	height:16px;
	display:inline;
	padding:5px 10px;
	}
#nav a:hover.actual{
	color:#000;
	background:#00CCFF;
}	
/*--------------------------------------*/
.clear{
clear:both;
}
.banner250x250{
text-align:center;
border:#FFF solid 1px;
width:250px;
height:250px;
overflow:hidden;
margin-bottom:1em;
}
.banner468x60{
border:#FFF solid 1px;
margin:1em auto;
width:468px;
height:60px;
overflow:hidden;
}
.banner942x90{
border:#FFF solid 1px;
margin:1em auto;
width:942px;
height:90px;
overflow:hidden;
}
.campo100porc{
width:100%;
height:200px;
border:#ccc solid 1px;
background:#666;
margin-bottom:0.5em;
}
.campo{
width:100px;
padding:2px;
border:#ccc solid 1px;
background:#666;
margin-bottom:0.5em;
color:#FFFF00;
}
.botoncomun{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
padding:2px;
border:#CCC solid 1px;
background:#24B5E5;
position:relative;
top:-2px;
*top:-7px;
}
.separadorblanco{
	border-bottom:#FFF dashed 1px;
	margin:0.5em 0em;
	overflow:hidden;
	}
	
h3.icobuscar{
	background:url(../img/ico-buscar.png) no-repeat 0% 50%;
	padding-left:20px;
	}

#muestra_encuesta #si_voto{
width:80%;
padding:5px;
}
#muestra_encuesta #si_voto .simple{
background:url(../img/fdo-bars.jpg) repeat-x;
position:relative;
margin-bottom:-8px;
}
#muestra_encuesta #si_voto .simple div{
text-align:left;
margin-top:2px;
}
#muestra_encuesta #si_voto .top span, #muestra_encuesta #si_voto .simple span{
color:#999;
position:relative;
left:102%;
*left:98%;
top:-15px;
}
#muestra_encuesta #si_voto .top div{
height:15px;
}
#muestra_encuesta #si_voto .simple div{
background:url(../img/fdo-bars-simple.jpg) repeat-x;
height:15px;
border-right:#464748 solid 1px;
}


.radioBlok{
background:#343536;
border:#666 dashed 1px;
height:24px;
overflow:hidden;
margin-bottom:0.5em;
}
.radioBlok:hover{
background:url(../img/fdominiradio.jpg);
}
.radioBlok span{
font-family:Tahoma, Arial, Verdana;
font-size:11px;
color:#FFF;
padding-left:15px;
position:relative;
top:-7px;
}
.flotarimgleft{
	float:left;
	margin-right:10px;
	border:#FFF solid 4px;
	}
	
#loginaux span{
	color:#FFF;
	position:relative;
	top:-5px;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:12px;
	}
	
	
	
/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	width: 20px;
	height: 20px;
	padding: 0;
	margin: 5px 3px -23px;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../img/ico-calendar.png) no-repeat;
	position:relative;
	top:-27px;
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
}

#gravatar{
display:block;
visibility:hidden;
width:600px;
height:360px;
position:absolute;
top:50%;
left:50%;
margin-top:-180px;
margin-left:-300px;
}
#gravatar a{
display:block;
width:40px;
color:#FF0;
font-size:12px;
font-weight:bold;
text-decoration:none;
position:relative;
background:#000;
padding:5px 10px;
top:5px;
left:15px;
font-family:Arial, Helvetica, sans-serif;
}
#gravatar a:hover{
background:#FFCC00;
color:#000;
}