﻿/* CSS Document */

body{
	margin:0; padding:0; background:url(../images/bg3.gif) repeat-x 0 0 #ffffff;
	color:#FFFFFF;
	}
	
.spacer{
	line-height:0; font-size:0; clear:both;
	}
	
/*------------------------------------------Header Start----------------------------------*/

#container{
	margin:0 auto; 
	width:778px; 
	position:relative;
	background-image:url(../images/fondoContainer.gif);
	background-repeat:repeat-y;
	background-position:left top;
	overflow:auto;
	}

#header{
	width:778px; height:35px; margin:0; padding:0;
	float:left; 	
	}
	
#header ul{
	margin:0; padding:0; list-style:none;
	position:absolute; left:70px; top:2px;
	}
	
#header ul li{
	font:bold 13px/31px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF8F0; text-align:center; background-color:#000000;
	margin-right:30px; 
	float:left;
	}	
#header ul li a{
	font:bold 13px/31px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF8F0; text-align:center; text-decoration:none;
	display:block; text-transform:uppercase; background-color:#000000	
	}	
#header ul li a.home{
	background:url(../images/header_nav_bgVerde.gif) no-repeat 0 0 #000000;
	font:bold 13px/31px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF8F0; text-align:center; text-decoration:none;
	display:block; text-transform:uppercase;	
	}
#header ul li a:hover{
	background:#62E201;
	color:#FFF8F0;
	}


/*------------------------------------------Header End----------------------------------*/

/*-----
-------------------------------------HeaderBottom Start----------------------------------*/
#containerLeft{
	width:511px; float:left; position:relative; color:#000000;
	}

#headerBottom{
	width:511px; height:369px; 
	margin:0; padding:0;  
	background:url(../images/header_bg.gif) 0 0 #FFF8F0; color:#FFFFFF;
	float:left;
	}

	
#headerBottom img{
	position:absolute; left:33px; top:25px;
	}
	
#headerBottom h1{
	position:absolute; 
	left:65px; 
	top:173px;
	background:url(../images/header_text.gif) no-repeat 0 0 #85CA17;
	width:374px; 
	height:71px;
	font:normal 24px/24px Arial, Helvetica, sans-serif;
	color:#000000; text-indent:-3000px;
	}
	
#headerBottom h2 img{
	position:absolute; left:320px; top:272px;
	}


#fondoLogo{
	width:511px; height:217px; 
	margin:28px 0 0 0; padding:0;  
	background:url(../images/fondoLogo2.jpg) 0 0 #FFF8F0; color:#FFFFFF;
	float:left;
	}

#fondoLogo img{
	position:absolute; left:33px; top:25px;
	}
	
#fondoLogo h1{
	position:absolute;
	left:44px;
	top:28px;
	background:url(../images/logoComunactivoFondo.gif) no-repeat 0 0 #ffffff;
	width:346px;
	height:49px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:40px;
	font-weight:normal;
	color:#000000;
	margin:0px;
	padding-left:100px;
	}
	
#fondoLogo h2 img{
	position:absolute;
	left:327px;
	top:149px;
	}

/*------------------------------------------HeaderBottom End----------------------------------*/

/*------------------------------------------Left Start-------------------------------------*/

#left{
	width:460px; 
	padding:10px 26px 28px 24px; 
	margin:0;
	float:left;
	}
#left p{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000000; 
}
#left h2{
	font:normal 25px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	margin:0px;
	}
	
#left h2 span{
	font:normal 25px Verdana, Arial, Helvetica, sans-serif;
	color:#62E201;
	}
#left h3{
	font:normal 20px/38px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	border-bottom:2px solid #000000;
	}
.top{
	font:normal 14px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#34160C; background-color:#FFF8F0; 
	padding:25px 0 0 5px;
	}	
.bottom{
	font:normal 14px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#34160C; background-color:#FFF8F0; 
	padding:22px 0 9px 5px;
	}
#left p strong{
	font-weight:bold;
	}
.bottom a{
	font:normal 14px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#D15401; background-color:#FFF8F0;
	}
.bottom a:hover{
	background-color:#FBE4D6; color:#D15401;
	}
	
#left a.readBtn{
	background:url(../images/read_bg.gif) no-repeat 0 0 #FFF8F0;
	width:89px; height:19px; display:block; float:left;
	font:bold 12px/19px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF; text-align:center; text-decoration:none; 
	margin:0 0 0 9px;
	}
	
	
#left h2 span.year{
	font:bold 30px/32px Arial, Helvetica, sans-serif;
	color:#E25A00; background-color:#FFF8F0;
	}
	

/*------------------------------------------Left End-------------------------------------*/

/*------------------------------------------Right Start-------------------------------------*/

#right{
	width:239px; margin:0; padding:28px 0 0 0;
	float:left;
	background-color:#000000;
	display:inline;
	overflow:hidden;
	}
#right h3{
	color:#62E201;
	padding-left:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
}	
#right h3 a{
	color:#62E201;
	text-decoration:none;
}
#right h3 a:hover{
	color:#ffffff;
}
#right div.search{
	width:236px; float:left;
	}
#right div.searchTop{
	background:url(../images/search_top_curve.gif) no-repeat 0 0 #FFF8F0;
	color:#000000; width:236px; height:4px; display:block;
	line-height:0; font-size:0;
	}
#right div.searchBottom{
	background:url(../images/search_bottom_curve.gif) no-repeat 0 0 #FFF8F0;
	color:#000000; width:236px; height:4px; display:block;
	line-height:0; font-size:0;
	}
	
#right form#searchForm{
	background:url(../images/search_bg.gif) repeat-y 0 0 #FFF8F0;
	color:#000000; padding:5px 22px 0 23px; margin:0;
	width:191px; height:96px;
	}
#right form#searchForm h2{
	font:normal 20px/22px Verdana, Arial, Helvetica, sans-serif;
	color:#34160C; background-color:#F7E4CF; 
	margin:0 0 0 5px; float:left;
	}
#right form#searchForm input{
	background-color:#FFFFFF; border:#D3C4B4 solid 1px;
	font:normal 12px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#000000; width:179px; height:12px;
	padding:5px; float:left;
	}	
	
#right form#searchForm label{
	background:url(../images/email_bg.gif) no-repeat 0 0 #F7E4CF; color:#000000;
	width:151px; height:21px; margin:13px 0 0 0; 
	float:left;
	}	
#right form#searchForm input.go{
	background:url(../images/go_btn_bg.gif) no-repeat 0 0 #F7E4CF;
	width:40px; height:21px; border:none; margin:13px 0 0 0;
	font:bold 13px/21px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF; padding:0 0 6px 0; float:left;
	cursor:pointer;
	}
	
#right div.member{
	margin:0;
	float:left;
	}
#right div.memberTop{
	background:url(../images/member_top_curve.gif) no-repeat 0 0 #FF6600;
	width:239px; height:3px; display:block;
	color:#000000; line-height:0; font-size:0;
	}
#right div.memberBottom{
	background:url(../images/member_bottom_curve.gif) no-repeat 0 0 #FF6600;
	width:239px; height:2px; display:block;
	color:#000000; line-height:0; font-size:0;
	}
#right form#memberForm{
	background-color:#EEFDE3;
	color:#000000;
	width:189px; 
	padding:5px 26px 15px 22px;
	height:195px;
	margin-right:70px;
	float:right;
	display:inline;
	border:1px solid #000000;
	}
#right form#memberForm p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
#right form#memberForm a{
	color:#62E201;
	text-decoration:none;
}
#right form#memberForm a:hover{
	color:#000000;
}
#right form#memberForm h2{
	background:url(../images/member_bgAlien.gif) no-repeat 0 0 #EEFDE3;
	font:normal 20px/33px Verdana, Arial, Helvetica, sans-serif;
	color:#63D30F; padding:0 0 0 39px; margin:0 0 8px 0;
	width:146px; height:33px; float:left;
	margin-bottom:20px;
	}
#right form#memberForm h2 span{
	font:normal 20px/33px Verdana, Arial, Helvetica, sans-serif;
	color:#000000; background-color:#EEFDE3;
	}
#right form#memberForm input{
	background-color:#FFFFFF; border:#D3C4B4 solid 1px;
	font:normal 12px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#000000; width:179px; height:12px;
	padding:5px; float:left;
	}
#right form#memberForm label{
	font:bold 12px/22px Verdana, Arial, Helvetica, sans-serif;
	color:#000000; background-color:#EEFDE3; 
	float:left;
	}
#right form#memberForm input.login{
	background:url(../images/login_bg_verde.gif) no-repeat 0 0 #FFF8F0;
	width:63px; height:19px; padding:0 0 6px 0;
	font:bold 12px/19px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF; border:none; float:right;
	cursor:pointer;
	margin-top:5px;
	}	
#right form#memberForm input.desconectar{
	background:url(../images/desconectar_bg.gif) no-repeat 0 0 #FFF8F0;
	width:92px; height:19px; padding:0 0 6px 0;
	font:bold 12px/19px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF; border:none; float:right;
	cursor:pointer;
	margin-top:5px;
	}	
a.register{
	background:url(../images/register_bgNegro.gif) no-repeat 0 0 #FFF8F0;
	font:bold 14px/21px Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff; 
	margin:11px 0 8px 0; 
	width:191px; 
	height:21px; 
	display:block;
	text-decoration:none;
	text-align:center;
	float:none;
	clear:both;
	}
#right div.contact{
	width:237px; float:left;
	margin:26px 1px 0 1px;
	}
#right div.contactTop{
	background:url(../images/contact_top_curve.gif) no-repeat 0 0 #FFF8F0;
	color:#000000; width:237px; height:3px; display:block;
	line-height:0; font-size:0;
	}
	
#right div.contactBottom{
	background:url(../images/contact_bottom_curve.gif) no-repeat 0 0 #FFF8F0;
	color:#000000; width:237px; height:3px; display:block;
	line-height:0; font-size:0;
	}
	
#right form#contactForm{
	background-color:#34160C;
	color:#000000; padding:12px 25px 33px 21px;
	width:191px;
	}
#right form#contactForm input{	
	background-color:#FFFFFF; border:#000000 solid 1px;
	font:normal 12px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#000000; width:179px; height:12px;
	padding:5px; float:left;
	}
#right form#contactForm h2{
	background:url(../images/contact_bg.gif) no-repeat 0 0 #34160C;
	font:normal 24px/38px Verdana, Arial, Helvetica, sans-serif;
	color:#FF8635; width:141px; height:41px; float:left; 
	padding:0 0 0 50px; margin:0 0 8px 0;	
	}
#right form#contactForm h2 span{
	font:normal 24px/38px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF; background-color:#34160C; 
	}
#right form#contactForm label{
	font:bold 12px/21px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF; background-color:#34160C; 
	float:left;
	}	
#right form#contactForm textarea{
	background-color:#FFFFFF; border:#000000 solid 1px;
	font:normal 12px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#000000; width:187px; height:92px;
	float:left;
	}	
#right div.submitForm{
	background-color:#34160C; color:#FFFFFF; margin:15px 0 0 0;
	}
#right form#contactForm input.submit{
	background:url(../images/submit_bg.gif) no-repeat 0 0 #FFF8F0;
	width:63px; height:19px; padding:0 0 6px 0;
	font:bold 12px/19px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF; border:none; float:right;
	cursor:pointer;
	}
#right form#contactForm input.reset{
	background:url(../images/reset_bg.gif) no-repeat 0 0 #FFF8F0;
	width:63px; height:19px; padding:0 0 6px 0; margin:0 5px 0 0;
	font:bold 12px/19px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF; border:none; float:right;
	cursor:pointer;
	}


/*------------------------------------------Right End-------------------------------------*/

/*------------------------------------------Footer Start-------------------------------------*/

#footerOutside{
	background-color:#000000; color:#FFFFFF;
	}
	
#footer{
	margin:0 auto; padding:32px 18px 32px 0; width:760px; /*height:100px;*/ 
	/*background:url(../images/footer_logo.gif) no-repeat 0 5px #000000; color:#FFFFFF;*/
	}
#footer ul.nav{
	margin:0; padding:0; list-style:none;
	}	
#footer ul.nav li{
	font:normal 13px/15px Arial, Helvetica, sans-serif;
	color:#FFFFFF; background-color:#000000; 
	float:right;
	}
#footer ul.nav li a{
	font:normal 13px/15px Arial, Helvetica, sans-serif;
	color:#FFFFFF; background-color:#000000; 
	text-decoration:none; padding:0 12px;
	}
#footer ul.nav li a:hover{
	background-color:#343434; color:#FFFFFF;
	}
#footer p{
	font:normal 11px/13px Tahoma, Arial, Helvetica, sans-serif;
	color:#FCEAD6; background-color:#000000; 
	padding:12px 12px 12px 0; float:right;
	}
	
#footer ul.navlink{
	margin:0; padding:0; list-style:none;
	}
#footer ul.navlink li.xhtml{
	background:url(../images/xhtml_icon_list.gif) no-repeat 60px 2px #000000;
	font:bold 16px/18px Tahoma, Arial, Helvetica, sans-serif;
	color:#FFFFFF;	padding:0 20px 0 0; float:right;
	margin:0 10px 0 0; width:58px; display:block;
	}
#footer ul.navlink li.xhtml a{
	font:bold 16px/18px Tahoma, Arial, Helvetica, sans-serif;
	background-color:#000000; color:#FFFFFF; text-decoration:none;
	}
#footer ul.navlink li.xhtml a:hover{
	background-color:#5A5858; color:#FFFFFF;
	}

#footer ul.navlink li.css{
	background:url(../images/css_icon_list.gif) no-repeat 35px 2px #000000;
	font:bold 16px/18px Tahoma, Arial, Helvetica, sans-serif;
	color:#FFFFFF; padding:0 10px 0 0; width:50px;
	display:block; float:right;
	}
#footer ul.navlink li.css a{
	font:bold 16px/18px Tahoma, Arial, Helvetica, sans-serif;
	background-color:#000000; color:#FFFFFF; text-decoration:none;
	}
#footer ul.navlink li.css a:hover{
	background-color:#5A5858; color:#FFFFFF;
	}
	
#footer p.design{
	font:bold 9px/11px Tahoma, Arial, Helvetica, sans-serif;
	color:#FCEAD6; background-color:#000000; float:right;
	}
#footer p.design a{
	font:bold 9px/11px Tahoma, Arial, Helvetica, sans-serif;
	color:#FFFFFF; background-color:#000000; text-decoration:none; 
	}
#footer p.design a:hover{
	background-color:#343434; color:#FFFFFF;
	}




/*------------------------------------------Footer End-------------------------------------*/
#categorias{
	margin:0 auto; 
	padding:32px 18px 0 0; 
	width:760px; 
	height:119px;
	background-color:#000000; 
	color:#FFFFFF;
}
#categorias ul{
	margin:10px 0px 0px 0px;
	padding:0px;
}
#categorias ul li{
	display:inline;
	list-style-type: none;
	margin:5px;
	font-size:12px;
}
#categorias ul li a{
	background-color:#000000;
	color:#FFFFFF;
	text-decoration:none;
	padding:1px;
}
#categorias ul li a:hover{
	background-color:#ffffff;
	color:#000000;
}

fieldset { width:450px; margin:0px; padding:0px; border:2px solid #333333; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
legend { margin:0px 0px 0px 1px; padding:10px; background-color:#62E201; border:2px solid #333333; color:#ffffff; font-size:14px; }
dl{ width:400px; margin:0px; padding:20px; }
dt{ width:90px; margin:0px 0px 10px 0px; padding:5px 0px 5px 0px; float:left; }
dd{ width:300px; margin:0px 0px 10px 0px; padding:5px 0px 5px 0px; float:left; }
.login{
	background:url(../images/login_bg_verde.gif) no-repeat 0 0 #FFF8F0;
	width:63px; height:19px; padding:0 0 6px 0;
	font:bold 12px/19px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF; border:none;
	cursor:pointer;
	}
ul.blog{
	margin-right:15px;
}
ul.blog li {
	list-style-type: square;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-bottom:5px;
}
ul.blog li a{
	color:#FFFFFF;	
	text-decoration:none;
}
ul.blog li a:hover{
	color:#63E101;	
}
ul.blog span{
	color:#63E101;
	font-size:10px;
}
.registro a{
	color:#62E201;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
}
.registro a:hover{
	color:#000000;
}

#loMasComunactivo{
	width:185px;
	margin-left:15px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#loMasComunactivo ul{
	margin:0px;
	padding:0px;
}
#loMasComunactivo ul li{
	list-style-type: none;
	height:20px;
	padding:6px 0px 0px 30px;
	background-image:url(../images/radar.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
#loMasComunactivo ul li a{
	color:#000000;
	text-decoration:none;
}
#loMasComunactivo ul li a:hover{
	color:#62E201;
}

#ultimosRegistrosHome{
	width:260px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#ultimosRegistrosHome ul{
	margin:0px;
	padding:0px;
}
#ultimosRegistrosHome ul li.normal{
	list-style-type: none;
	height:25px;
	background-image:url(../images/normal.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding:8px 0px 0px 30px;
}
#ultimosRegistrosHome ul li.raro{
	list-style-type: none;
	height:20px;
	background-image:url(../images/raro.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding:8px 0px 0px 30px;
}
#ultimosRegistrosHome ul li a{
	color:#000000;
	text-decoration:none;
}
#ultimosRegistrosHome ul li a:hover{
	color:#62E201;
}

#listadoElementos{
	width:450px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#listadoElementos ul{
	margin:10px 0px 0px 40px;
	padding:0px;
}
#listadoElementos ul li{
	list-style-type: none;
	height:20px;
	padding:6px 0px 0px 30px;
	background-image:url(../images/radar.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
#listadoElementos ul li a{
	color:#000000;
	text-decoration:none;
}
#listadoElementos ul li a:hover{
	color:#62E201;
}
.paginado {background-color:#f1f2f3; border:0.1em solid #CCCCCC; padding:0.5em; width:40em; margin-top:1.5em; overflow:auto;}
.paginado a{color:#990033;text-decoration:none; }
.pagina {border:0.1em solid #CCC; background-color:#F3F4F5;padding:0.2em 0 ;text-align:center; width:2.6em;float:left; font-weight:bold; margin:0 0.2em 0.2em 0; }
.pagina:hover{color:#FFFFCC;background-color:#FFF;}

.letra14{
	font-size:14px !important;
}