/* ----------------------------------------------- [ * ] */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
ul li{list-style-type:none;}

/* -------------------------------- [ HTML ] */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background-color:#ffffff;
}

h2{
	margin-bottom:5px;
	font-size:1.2em;
}
h3{
	margin-bottom:4px;
}
a{
	color:#ff9c00;
    text-decoration:none;
}
a:hover{
    color:#dd7c00;
    text-decoration:none;
}
a:visited{
	color:#999999;
}

/* -------------------------------- [ Layout ] */

.document {
	color:#666666;
	margin: 0 auto;
	width: 936px;
}
.centered {
	margin: 0 auto;
	display: block;
}
.mainContent{
	font-size:1.2em;
}
.rightBox{
	float:right;
	width:300px; 
}

/* --------------------------------- [ General classes ] */
.clear{
	clear:both;
}
.nowrap{
    white-space:nowrap;
}
a.tButton,
a.tButton:visited{
	background-color:#FF9900;
	border:1px solid #FF9900;
	border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;
	color:#FFFFFF;
	display:block;
	font-size:11px;
	margin:0 auto;
	padding:0.5em 0.5em 0.4em;
	text-align:center;
	text-transform:uppercase;
	width:40px;
}
a.tButton:focus,
a.tButton:focus *{
	color:#FFFFFF !important;
}
a.tButton:hover{
    background-color:#FFFFFF;
    color:#FF9900 !important;
}
a#showMore{
	background:url("../_images/search-radius.png") no-repeat scroll left -94px transparent;
	border:0 none;
	display:block;
	height:25px;
	margin:0 auto;
	padding:0;
	text-indent:-9999px;
	width:60px;
}
a#showMore:hover,
a#showMore:focus{
	background-position:left -120px;
}
a#showMore.br{
	background-position:left -42px;
}
a#showMore.br:hover,
a#showMore.br:focus{
	background-position: left -68px;
}

/* ------------------------------------------ [ Header ] */
.header{
    position:relative;
}

.header img{
	/*Emulando el margen del header de terra, reemplazar por el original*/
    margin-bottom: 3em;
}
h1.logo{
	background:url("../_images/logo.png") no-repeat left top transparent;
	float:left;
	margin:0 10px 0 1px;
	text-indent:-9999px;
	width:100px;
}
.topic-header h1.logo{
	background:url("../_images/logo_topic.png") no-repeat left top transparent;
	margin-right:-3px;
}
h1.logo a{
    display:block;
    height:37px;
    text-indent:-9999px;
}
h2.tagline{
	float:left;
	margin-top:0;
	padding:0;
}
h2.tagline .tl-separator{
	background:url("../_images/slice1.png") no-repeat scroll left -15px transparent;
	display:block;
	float:left;
	height:21px;
	margin-right:15px;
	width:9px;
}
h2.tagline .tl-replaced{
	background:url("../_images/klavika/slogan-pt.png") no-repeat scroll left 5px transparent;
	display:block;
	float:left;
	height:21px;
	text-indent:-9999px;
	width:220px;
}
h2.tagline .tl-replaced.tl-es{
	background:url("../_images/klavika/slogan-es.png") no-repeat scroll left 5px transparent;
}
.menu{
	float:right;
	list-style-type:none;
	font-size:1.2em;
	margin:-31px 0;
}
.menu li{
	float:left;
}
.menu li a{
	color:#ffffff;
	display:block;
	font-size:1.1em;
	font-weight:bold;
	margin:-4px 5px;
    padding:5px;
	text-decoration:none;
	text-shadow:0 -1px 1px #0077DD;
}
.menu li a.selected{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#2EACEA;
	padding:5px;
}
.menu li a.selected:hover{
    border-bottom:none;
    background-color:#0E9CDA;
}
.menu li a span{
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    background-color:#0077DD;
	display:inline-block;
	font-size:80%;
	line-height:1.2em;
	padding:1px 4px;
}
.menu li a:hover{
    border-bottom:1px solid #ffffff;
    text-shadow:0 0 1px #0077DD;
}
#trr-ctn-content{
	padding:2px 0 0;
}
.ad-button{
	float:right;
	margin-top:-3px;
}
.topic-pager{
	float: right;
	font-size: 11px;
	margin-top: 3px;
}
.topic-pager ul{float: left;}
.topic-pager li{
	float:left;
	line-height: 100%;
	margin-right:3px;
}
.topic-pager li a{
	color: #47423A;
	display: block;
	float: left;
	padding: 3px 5px;
}
.topic-pager li a.selected{
	cursor:default;
	background-color:#FF9900;
	color:#FFF;
	-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
}
.topic-pager li a.selected:focus, .topic-pager li a.selected:active,
.topic-pager li a.selected:hover{color:#FFF !important;}
.topic-pager .bar-separator{
	background:url("../_images/separator.png") no-repeat top left;
	float: right;
	height: 14px;
	line-height: 100%;
	margin: 2px 20px 2px 12px;
	width: 2px;
}
/* ------------------------------------------ [ Footer ] */
.footer{
	font-size:1.1em;
	margin-bottom:30px;
}
.footer a{
    padding-right:10px;
}
#mod-footer{
	margin-top:8px;
}
.ctn-tgm-bottom-holder{
	margin-top:44px;
}

/* ---- let's get steppies --- */
.rdo-replace, .chk-replace {
	background:url("../_images/img-controls.png") no-repeat scroll -30px -120px transparent;
}
.chk-replace {
	background-position:-30px -150px;
}
.rdo-checked {
	background-position:-60px -120px;
}
.rdo-disabled {
	background-position:0 -120px;
	cursor:default;
}
.rdo-checked-disabled {
	background-position:-90px -120px;
	cursor:default;
}
.chk-checked {
	background-position:-60px -150px;
}
.chk-disabled {
	background-position:0 -150px;
	cursor:default;
}
.chk-checked-disabled {
	background-position:-90px -150px;
	cursor:default;
}


/* --------------------------------- [ Topic Page ] */
.topic-header{
    margin-top:-3px;
}
span.barra{
	color:#FF9C00;
	display:block;
	float:left;
	font-size:2.5em;
	font-weight:bold;
	margin-top:5px;
}
h1.topic-title{
    color:#ff9c00;
    float:left;
    font-size:2.5em;
    margin:5px 0 0.3em 1px;
}
h1.topic-title .categories{
	font-size:0.55em;
	vertical-align:middle;
}
.selectedCat{
	color:#444444;
	float:left;
	font-size:11px;
	font-weight:bold;
	margin-left:5px;
	margin-top:3px;
	padding:3px 0;
	position:relative;
}
.selectedCat a.catName{
	display:block;
	float:left;
	margin-top:-3px;
	padding:3px 0;
}
.selectedCat a span.wrapcat{
	color:#444444;
    display:block;
    float:left;
    padding-left:7px;
}
.selectedCat.desplegado a span.wrapcat{
    color:#FFFFFF !important;
}
.selectedCat span.dropdown{
	background:url("../_images/arrow-select-cat.png") no-repeat scroll 3px 5px transparent;
	display:block;
	float:left;
	height:10px;
	width:13px;
	padding-right:7px;
}
.selectedCat a:hover span{
    cursor:pointer;
}
.selectedCat a.catName:hover,
.selectedCat a.catName:hover span,
.selectedCat.desplegado a.catName{
    background-color:#FE9900;
    color:#ffffff !important;
}
.selectedCat a:hover span.dropdown,
.selectedCat.desplegado span.dropdown{
    background-position:3px -10px;
}
.switchCat{
	background-color:white;
	border:2px solid #FF9900;
	font-size:11px;
	left:0;
	padding:8px 10px;
	position:absolute;
	top:18px;
	min-width:110px;
	width:100%;
	z-index:9999;
}
.switchCat li{
    padding:2px 0;
}
.switchCat li a{
    color: #555555 !important;
    display:block;
}
.switchCat li a:hover{
    color: #FF9900 !important;
}
.switchCat li.selected a{
    color:#999999 !important;
}
.switchCat li.selected a:hover{
    color:#999999 !important;
}
h2.subtitleUrl{
    color:#BEB7AF;
	font-size:1.2em;
	font-weight:normal;
	margin:-8px 0 10px 100px;
}
.selectSources{
	background-color:#EBEAE6;
	float:left;
	margin-top:0.7em;
	margin-bottom:1.9em;
	width:100%;
}
.selectSources li{
	color:#777777;
	display:block;
	float:left;
	font-weight:bold;
	border-right:1px solid #ffffff;
	padding:7px 10px 7px 5px;
}
.selectSources li.selected{
    background-color:#ff9c00;
    color:#ffffff;
}
.mod-socialize{
    float:right;
    margin-top:-20px;
}
.mod-socialize a{
	background:url("../_images/enviar-amigos.gif") no-repeat scroll right 0 transparent;
	display:block;
	height:15px;
	padding-left:20px;
	text-indent:-9999px;
	width:100px;
}
.mod-socialize.es a{
    background-position:right -15px;
}
#ctn-contentSharer{
	margin-left:-160px;
}
/* --- itemList = lista de articulos en pagina de topic --- */
#noItemsNotice{
	color:#CCCCCC;
	display:block;
	font-size:14pt;
	font-weight:bold;
	padding:1em 0;
	text-align:center;
	width:100%;
}
.itemList li{
	border-bottom:1px dotted #BEB7AF;
	margin-bottom:15px;
	margin-right:6px;
	padding-bottom:14px;
}
.itemList li.mediaItem{
	float:left;
	min-height:80px;
	width:100%;
}
.itemList.summary li{
    margin-bottom:0.5em;
    padding-bottom:0.5em;
}
.itemSource{
	display:block;
	float:left;
	font-size:0.75em;
	padding:0 8px 0 0;
	text-transform:uppercase;
}
    .itemSource.twitter{
        background:url("../_images/sources.png") no-repeat scroll 2px -16px transparent;
        padding:0 8px 0 5px;
    }
    .itemSource.facebook{
        background:url("../_images/sources.png") no-repeat scroll 2px -32px transparent;
        padding:2px 8px 0 20px;
    }
.itemHeader{margin-bottom:11px;}
.itemHeader.socialUser span.itemSource{
    float:none;
}
.itemList.summary h2{
    margin-bottom:0.2em;
}
.itemList.summary .itemAge{
    float:right;
	margin-left:0.5em;
	margin-top:0.3em;
}
.itemSource a{
    margin-right:4px;
    color:#E27401;
}
.itemSource a img {
	width: 24px;
	height: 24px;
	border: 0;
}
.itemList p{
    line-height:1.24em;
}
.itemRelated{
	margin-top:0.8em;
    font-size:11px;
    font-weight:bold;
}
.itemRelated a:hover{
	text-decoration: underline;
}
.itemPie{
    margin:0.7em 0 0;
}
.itemAge{
	color:#999999;
	display:block;
	font-size:10px;
	font-style:normal;
	margin-top:0.25em;
}
.itemPie a.solo-terra{
    float:right;
    font-weight:bold;
    color:#999999;
	font-size: 10px;
}
.item_terra img{
    float:left;
	margin-right:8px;
}
.item_terra .itemHeader,
.item_terra .itemBody,
.item_terra .item,
.item_terra .itemPie{
    margin-left:43px;
}
.item_terra .itemHeader a.title:visited,
.item_terra .itemBody > a:visited{
	color:#FF9900;
}
.item_terra .falseLink,
.wikipedia .falseLink{
	background: transparent url(../_images/item_terra_arrow.png) no-repeat scroll 0 0;
	color: #FE9900;
	display: inline-block;
	height: 6px;
	text-indent: -9999px;
	vertical-align:middle;
	width: 6px;
}
.wikipedia .falseLink{
	margin-left:3px;
}
/*--- pisando estilos para los items externos ---*/
.external h2.itemHeader{
    font-size:12px;
	color:#7f7871;
}
.external .itemBody{
	color:#7f7871;
}
.itemList li.external .itemSource{
    background-image:none;
    color:#7f7871;
	font-size:11px;
    padding-left:0;
    padding-left:0;
    padding-top:0;
}
.itemList li.external a,
.itemList li.external a.title,
.itemList li.external .itemSource a,
.itemList li.external strong, 
.itemList li.tweet a,
.itemList li.tweet a.title,
.itemList li.tweet .itemSource a,
.itemList li.tweet strong{
    color:#7f7871;
}
.external .item{
    display:none;
}
.external .falseLink{
    background:url("../_images/external-link.gif") no-repeat scroll left bottom transparent;
    color:#FF9900;
    display:inline-block;
    height:11px;
    text-indent:-9999px;
    width:10px;
}
.itemBody a:hover,
.itemList a.title:hover{
    color:#FF9900;
	text-decoration:underline;
}
.external .itemSource a:hover,
.external .itemBody a:hover, .external .itemBody a:hover *, .type_TWEET_TYPE .itemBody a:hover,
.external a.title:hover, .type_TWEET_TYPE .itemList a.title:hover,
.external a.title:hover *, .type_TWEET_TYPE .itemList a.title:hover *{
    color:#47423a !important;
	text-decoration:underline;
}
.tweet .itemBody{
	display:block;
	padding-left:20px;
}
.tweet .itemAuthor{
    color:#FF9C00;
	font-size:11px !important;
    font-weight:bold;
}
.tweet .itemSource{
    margin-top:2px;
}
.tweet .itemAge{
    margin-left:25px;
}

/*--- paginador ---*/
.loadMore{
    text-align:center;
}
.loadMore a{
    background:url("../_images/dropdown.png") no-repeat scroll right -38px transparent;
	font-size:1.2em;
	font-weight:bold;
	padding-right:15px;
}
.loadMore a:visited{
    color:#FF9C00;
}

/*------------------- mini actions and views switchers ------ */
span.separador{
    background:url("../_images/slice1.png") no-repeat scroll center -18px transparent;
	display:block;
	float:left;
	margin-right:0.5em;
}
.topic-header .separador{
	height:20px;
}
/*------- at the right ---*/
.share-rss{
    margin-top:1.3em;
}
.share-rss,
.relatedView{
    float:right;
}
.share-rss a.rss-feed,
.relatedView a{
    background:url("../_images/slice1.png") no-repeat scroll left -107px transparent;
    display:block;
    float:left;
    height:16px;
    text-indent:-9999px;
    width:16px;
}
.share-rss a.send-friends{
    background:url("../_images/slice1.png") no-repeat left -39px transparent;
    display:block;
	float:left;
	font-size:x-small;
	font-weight:bold;
	margin-right:0.8em;
	padding-left:20px;
	text-transform:uppercase;
}
.share-rss a.rss-feed{
    background-position:left top;
}
.relatedView a.radialView{
    margin-right:0.5em;
}
.relatedView a.vertView{
    background-position:left -52px;
}
/*-------------------------------------- mini Box */
.rightBox h3{
    color: #BEB7AF;
	font-size: 18px;
    font-weight:normal;
    margin-top:0;
    margin-bottom:0.8em;
}
.trends h3{
	margin-bottom:10px;
}
#trendsChart{
	margin-left:-5px;
}
.rightBox h3 .keyword{
    color:#de6a08;
    font-size:1.2em;
    font-weight:bold;
}
.miniBox{
    border-bottom:1px dotted #beb7af;
    margin-bottom:22px;
	padding-bottom:22px;
}
.wiki-title{
	background:transparent url(../_images/wiki-logo.png) no-repeat scroll left top;
	display:block;
	float:left;
	text-indent:-9999px;
	width:76px;
}
.wikiImage0{
    float:left;
    max-width:82px;
    max-height:82px;
    margin:0 12px 12px 0;
}
.wikilink{
	color:#FF9C00;
	font-size:11px;
	font-weight:bold;
}
.wikipedia .anc{
    margin-top:5px;
}
.wikipedia #resumen{
	color:#47423a;
	font-size:11px;
	margin-bottom:8px;
}

/*-------------------------------------- box Related & lista */

ul.vertical{
    margin-top:13px;
}
ul.vertical li a{
	background-color:#de6a08;
	color:#FFFFFF;
	line-height:1.2em;
	padding:0 3px;
}
ul.vertical li a:hover{
    color:#FFFFFF !important;
}
ul.vertical li{
    margin-bottom:0.2em;
}
/*.trending {*/
/*    height:191px;  tama�o fijado para que no haya problemas con el posicionamiento din�mico de las Ads de Terra */
/*}*/

.statsList{
    color:#CCCCCC;
	font-weight:bold;
	line-height:1.35em;
	margin-top:1.2em;
}
.statsList strong{
	color:#9ABF0F;
}
.listas ul.vertical li{
    margin-bottom:0.8em;
}
.listas ul.vertical li a{
    padding:0.4em 0.5em 0.25em;
}
.callie{
	background:transparent url(../_images/trend-popup-call.png) no-repeat top left;
	bottom:-10px;
	height:10px;
	left:8px;
	position:absolute;
	text-indent:-9999px;
	width:10px;
}
/*-------------------------------------- box Sonora */
.mini-title{
    color:#999999;
	font-size:x-small;
	font-weight:normal;
	text-transform:uppercase;
}
a.button{
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background-color:#FF9C00;
	color:#FFFFFF;
	display:inline-block;
	font-size:x-small;
	font-weight:bold;
	margin:0.5em 0;
	padding:0.5em 0.7em;
	text-transform:uppercase;
}
a.sonoraLink{
    display:block;
	font-size:0.9em;
	font-weight:bold;
	margin:0.3em 0 0.3em 9em;
}
.album-sonora{
    float:left;
    margin-right:0.5em;
}
.album-desc{
    padding-left:1px;
}
.title-author strong{
    display:block;
    font-size:1.2em;
}
.title-author,
.favs{
	background:url("../_images/slice1.png") no-repeat scroll left -145px transparent;
	float:left;
	font-size:0.95em;
	margin:0.5em 0;
	padding-left:20px;
	width:180px;
}
.favs{
    background-position:left -127px;
    color:#9ABF0F;
    font-weight:bold;
}

/*---- legales ----*/
.legal{
	background:url(../_images/info-legal.png) no-repeat top left;
	color:#47423A;
	font-size:11px;
	padding-left: 22px;
	padding-top: 3px;
}

/*-------------------------------------- error 404 */
.error404{
    padding:20px 35px;
}
.error404 .empty{
    padding:30px 0;
}
.error404 .findUser label{
    color:#999999;
    font-size:0.9em;
    margin:10px 0 0;
}

/*--------------------- Image - border inside ------ */
.imgThumb,
.media li{
	float:left;
	margin:0.2em 0.5em 0.5em 0;
}
.media li{
    margin-right:0.7em;
}
.media li a{
    position:relative;
}
.imgThumb a span{
	display:block;
	height:75px;
	width:75px;
}
.imgThumb a img,
.imgThumb a,
.imgThumb:hover a,
.imgThumb:hover a img,
.imgThumb a:hover span{
	margin: -4px;
	cursor:pointer;
}
.withThumb{
    padding-left:8.1em;
}

/*--------------------- Filters | Home ------*/
form.filter{
    background-color:#F5F1F0;
	height:24px;
	line-height:2em;
	margin-bottom:1px;
	padding:15px 12px;
}
.filter-title{
	background:url("../_images/klavika/filtrar.png") no-repeat left 6px transparent;
	display:block;
	float:left;
	height:18px;
	text-indent:-9999px;
	width:75px;
}
.rdo-replace, .chk-replace{
	margin-top:5px;
}
form.filter label{
    color:#47423A;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	margin-right:0.8em;
	line-height:1.9em;
}
form.filter .checked{
    color:#FE9900;
}
.searchBox{
    float:right;
    margin-top:3px;
    position:relative;
}
.inputSearch{
	border:1px solid #beb7af;
	color:#BBBBBB;
	float:left;
	height:15px;
	margin-right:-1px;
	padding:0 4px;
}
.inputSearch:active,
.inputSearch:focus{
    border:1px solid #FF9900;
    color: black;
    font-style: normal;
}
.submitSearch{
    background:url("../_images/search-radius.png") no-repeat scroll 0 0 transparent;
	border:medium none;
	color:#FFFFFF;
	float:left;
	height:17px;
	text-indent:-9999px;
	width:50px;
}
.submitSearch:hover,
.submitSearch:active{
	color:#FF9900;
    background-color:#FFFFFF;
	background-position:0 -20px;
    cursor:pointer;
}

/* ---- Filters | Topic ---- */
form.filter-topic{
    background-color:transparent;
    padding:15px 0;
}
.filter-topic .inputSearch{
    width:241px;
}
form.filter-topic .suggest{
    width:251px;
}

/*--------------------- Tag Cloud | Home -----*/
.tagCloud{
	position:relative;
	width:935px;
}
.tagCloud>div{
    background:url("../_images/tagcloud_bg.jpg") no-repeat scroll 0 0 #EDE9E6;
    height:442px; /* 454px (imagen) -12px (padding-top) */
    overflow:hidden;
    padding-top:12px;
}
/* NOT NEEDED
.tagCloud ul{
	float:left;
	margin:0.7em 0 0;
	width:99800px;
}
.tagCloud li{
	float:left;
	padding:0.6em 0.7em 0.6em 0.1em;
}
.tagCloud li a{
    color:#444444;
	font-weight:bold;
	margin:0.3em 0.5em 0.3em 0;
	text-transform:lowercase;
	white-space:nowrap;
	word-spacing:-0.1em;
}
.tagCloud li a:hover{
    color:#FF9C00 ;
}
.tagCloud .size1{margin:1.2em 0 0}
.tagCloud .size2{margin:0.8em 0 0}
.tagCloud .size3{margin:0.4em 0 0}
.tagCloud .size4{margin:0.2em 0 0}

.tagCloud .size1 a{
    font-size:2.5em;
    line-height:0.4em;
}
.tagCloud .size2 a{
    font-size:2.1em;
    line-height:0.6em;
}
.tagCloud .size3 a{
    font-size:1.6em;
    line-height:0.9em;
}
.tagCloud .size4 a{
    font-size:1.2em;
    line-height:1em;
}*/
/* ---- Nueva TagCloud ---- */
.tagCloud ul{
    text-align:center;
}
.tagCloud li{
    -moz-box-shadow:3px 3px 5px #111111;-webkit-box-shadow:3px 3px 5px #111111;box-shadow:3px 3px 5px #111111;
    color:#FFFFFF;
    cursor:pointer;
    background-color:#BEB7AF;
    display:inline-block;
    margin:19px 28px;
}
.cloud-container li.reducido{margin:19px 10px;}
.cloud-container li.tag-first{margin-left:0;}
.cloud-container li.tag-last{margin-right:0;}
.tagCloud a{
    color:#ffffff;
    display:block;
	font-weight: bold;
    padding:15px;
}
.cloud-container .reducido a{padding:15px 10px;}
.tagCloud a:hover{color:#ffffff !important;}
.tagCloud .clave{margin: 18px 23px;padding: 17px;}
.cloud-container .reducido .clave{padding:20px 10px;margin:15px 8px}
.tagCloud .clave1{background-color:#9B0103;font-size:40px}
.tagCloud .clave2{background-color:#2CA907;font-size:34px}
.tagCloud .clave3{background-color:#00999F;font-size:30px}
.tagCloud .clave4{background-color:#F7C204;font-size:24px;}
.tagCloud .clave5{background-color:#2B2FD0;font-size:24px}
.tagCloud .clave6{background-color:#991680;font-size:20px}
.tagCloud .clave7{background-color:#ED145B;font-size:20px;}
.tagCloud .relacionado{background-color:#BEB7AF; font-size:12px;}
.tagCloud .relacionado:hover{background-color:#FF9900;}
li.relacionado.clave1{background-color:#9B0103;}
li.relacionado.clave2{background-color:#2CA907;}
li.relacionado.clave3{background-color:#00999F;}
li.relacionado.clave4{background-color:#F7C204;}
li.relacionado.clave5{background-color:#2B2FD0;}
li.relacionado.clave6{background-color:#991680;}
li.relacionado.clave7{background-color:#ED145B;}
.tagCloud .shift-up{position:relative;top:-12px;}
.tagCloud .shift-down{position:relative;top:12px;}
/*.non-selected{opacity:0.1;}*/
.on-radar{visibility:hidden}

/* ------ RADAR ----- */
.radar-overlay,
ul.radar{
    display:none;
}
.tagCloud .radar-overlay{
	background:url("../_images/tagcloud_bg_alpha.png");
	height:100%;
	position:absolute;
	width:100%;
	z-index:1;
}
.radar-rotante{
    background:url("../_images/radar_bg.png") no-repeat scroll center center transparent;
    position:absolute;
    width:403px;
    height:403px;
    left:265px;
    top:36px;
    z-index:2;
}
.radar-spinner{
	display:none;
	height:242px;
	padding-top:200px;
	position:absolute;
	text-align:center;
	width:100%;
}
.radar-spinner img{
    margin-top:180px;
}
ul.radar{
	height:454px;
	margin:0 auto;
	position:relative;
	width:935px;
	z-index:3;
}
.radar li{
	position:absolute;
	z-index:4;
}
.radar li.perif{
	-moz-box-shadow:none;-webkit-box-shadow: none;box-shadow: none;
	background-color:transparent;
	padding:0;
	position:absolute;
	z-index:4;
}
.radar .perif .clave1,.radar .perif .clave2,.radar .perif .clave3,
.radar .perif .clave4,.radar .perif .clave5,.radar .perif .clave6,
.radar .perif .clave7{
    font-size:1em;
}
.radar .perif a.clave1:hover,.radar .perif a.clave2:hover,.radar .perif a.clave3:hover,
.radar .perif a.clave4:hover,.radar .perif a.clave5:hover,.radar .perif a.clave6:hover,
.radar .perif a.clave7:hover{
    color:#ffffff !important;
    background-color:#FE9900;
}
.radar .clave a:hover{
    background-color:#FE9900;
}
.radar .perif a:hover .topicName{
    color:#ffffff !important;
}
.radar li.clave:hover{
    background-color:#FE9900;
}
.radar li a{
    -moz-box-shadow:3px 3px 5px #111111;-webkit-box-shadow:3px 3px 5px #111111;box-shadow:3px 3px 5px #111111;
	color:white;
	display:block;
	float:right;
	padding:12px 15px;
	width:auto;
}
.radar li.clave{
	margin:185px auto 0;
	position:static;
	padding:0;
}
.radar li.clave a{
    margin:0;
	font-weight:normal;
}

/* --- nodos - default --- */
.nodo{
    background:url("../_images/nodos_diag.png") no-repeat scroll left top transparent;
    display:block;
    position:absolute;
    width:35px;
    height:35px;
}
.clave2 .nodo{background-image:url("../_images/nodos_diag-verde.png")}
.clave3 .nodo{background-image:url("../_images/nodos_diag-turq.png")}
.clave4 .nodo{background-image:url("../_images/nodos_diag-amar.png")}
.clave5 .nodo{background-image:url("../_images/nodos_diag-azul.png")}
.clave6 .nodo{background-image:url("../_images/nodos_diag-viole.png")}
.clave7 .nodo{background-image:url("../_images/nodos_diag-fucsia.png")}

/* --- radar lay1 --- */
.radar.lay1 li.pr{left:250px;top:90px;width:380px;}
    .radar.lay1 .pr div{text-align:center;}
    .radar.lay1 .pr a{display:inline-block;float:none;}
.radar.lay1 li.se{top:20px;left:600px; width:300px;}
    .radar.lay1 .se a{float:left;}
.radar.lay1 .te{left:0;top:0;width:300px;}
.radar.lay1 li.cu{left:0;bottom:60px;width:340px;}
.radar.lay1 li.qu{bottom:0;left:580px}
    .radar.lay1 .qu a{float:left;}

/* radar lay1 - nodos */ 
.lay1 .pr .nodo{
	background:url("../_images/nodos_ver.png") no-repeat center -65px transparent;
	top:25px;
	left:45%;
}
.lay1 .pr .clave2 .nodo{background-image:url("../_images/nodos_ver-verde.png")}
.lay1 .pr .clave3 .nodo{background-image:url("../_images/nodos_ver-turq.png")}
.lay1 .pr .clave4 .nodo{background-image:url("../_images/nodos_ver-amar.png")}
.lay1 .pr .clave5 .nodo{background-image:url("../_images/nodos_ver-azul.png")}
.lay1 .pr .clave6 .nodo{background-image:url("../_images/nodos_ver-viole.png")}
.lay1 .pr .clave7 .nodo{background-image:url("../_images/nodos_ver-fucsia.png")}
.lay1 .pr a:hover .nodo{background-position:center -101px;}

.lay1 .se .nodo{
    background-position:right 0;
    bottom:-26px;
    left:-25px;
}
.lay1 .se a:hover .nodo{background-position:right -32px;}

.lay1 .te .nodo{
    background-position:right -65px;
    bottom:-29px;
    right:-25px;
}
.lay1 .te a:hover .nodo{background-position:right -98px;}

.lay1 .cu .nodo{
	background-position:right -207px;
	top:-26px;
	right:-21px;
}
.lay1 .cu a:hover .nodo{background-position:right -247px;}

.lay1 .qu .nodo{
    background-position:center -130px;
    left:-27px;
    position:absolute;
    top:-28px;
}
.lay1 .qu a:hover .nodo{background-position:center -170px;}

/* --- radar lay2 --- */
.radar.lay2 li.clave{margin:190px auto 0}
.radar.lay2 li.pr{bottom:98px;left:250px;width:380px;}
    .radar.lay2 .pr div{text-align:center;}
    .radar.lay2 .pr a{display:inline-block;float:none;}
.radar.lay2 li.se{top:90px;left:570px;width:300px;}
    .radar.lay2 .se a{float:left;}
.radar.lay2 .te{left:0;top:60px;width:250px;}
.radar.lay2 li.cu{bottom:10px;left:0;width:300px;}
.radar.lay2 li.qu{bottom:2px;left:580px;}
    .radar.lay2 .qu a{float:left;}

/* radar lay2 - nodos */  
.lay2 .pr .nodo{
    background:url("../_images/nodos_ver.png") no-repeat center 8px transparent;
    top:-30px;
    left:45%;
}
.lay2 .pr .clave2 .nodo{background-image:url("../_images/nodos_ver-verde.png")}
.lay2 .pr .clave3 .nodo{background-image:url("../_images/nodos_ver-turq.png")}
.lay2 .pr .clave4 .nodo{background-image:url("../_images/nodos_ver-amar.png")}
.lay2 .pr .clave5 .nodo{background-image:url("../_images/nodos_ver-azul.png")}
.lay2 .pr .clave6 .nodo{background-image:url("../_images/nodos_ver-viole.png")}
.lay2 .pr .clave7 .nodo{background-image:url("../_images/nodos_ver-fucsia.png")}
.lay2 .pr a:hover .nodo{background-position:center -28px;}

.lay2 .se .nodo{
    background-position:right 0;
    bottom:-26px;
    left:-25px;
}
.lay2 .se a:hover .nodo{background-position:right -32px;}

.lay2 .te .nodo{
    background-position:right -65px;
    bottom:-29px;
    right:-25px;
}
.lay2 .te a:hover .nodo{background-position:right -98px;}

.lay2 .cu .nodo{
    background-position:right -207px;
    top:-26px;
    right:-21px;
}
.lay2 .cu a:hover .nodo{background-position:right -247px;}

.lay2 .qu .nodo{
    background-position:center -130px;
    left:-27px;
    position:absolute;
    top:-28px;
}
.lay2 .qu a:hover .nodo{background-position:center -170px;}

/* --- radar lay3 --- */
.radar.lay3 li.pr{left:490px;top:110px;width:380px;}
    .radar.lay3 .pr a{float:left;}
.radar.lay3 .se{left:20px;top:70px;width:300px;}
.radar.lay3 li.te{left:575px;top:0;width:300px;}
    .radar.lay3 .te a{float:left;}
.radar.lay3 li.cu{bottom:90px;left:565px;}
    .radar.lay3 .cu a{float:left;}
.radar.lay3 li.qu{bottom:60px;left:0;width:340px;}
    
/* radar lay3 - nodos */  
.lay3 .pr .nodo{
    background-position:center -1px;
    bottom:-26px;
    left:-25px;
}
.lay3 .pr a:hover .nodo{background-position:center -32px;}

.lay3 .se .nodo{
    background-position:right -65px;
    bottom:-29px;
    right:-25px;
}
.lay3 .se a:hover .nodo{background-position:right -98px;}

.lay3 .te .nodo{
    background-position:right 0;
    bottom:-26px;
    left:-25px;
}
.lay3 .te a:hover .nodo{background-position:right -32px;}

.lay3 .cu .nodo{
    background-position:center -346px;
    left:-27px;
    position:absolute;
    top:-28px;
}
.lay3 .cu a:hover .nodo{background-position:center -378px;}

.lay3 .qu .nodo{
    background-position:right -207px;
    top:-26px;
    right:-21px;
}
.lay3 .qu a:hover .nodo{background-position:right -247px;}

/*-------------------- About | Home ----*/
.about{
	color: #474234;
    font-family: Arial,sans-serif;
    font-size: 11px;
    margin-top: 20px;
}
.about a{
	color: #474234;
	font-weight: bold;
}
.about a:hover{
	color: #FF9900;
}

/*-------------------- Categorias | Home ----*/
.catContainer{
    float:left;
    width:100%;
}
.catSelected{
    color:#999999;
	float:right;
	margin-right:1.2em;
	margin-top:0.5em;
}
.catContainer form{
	-moz-border-radius:0 0 0.8em 0.8em;
	-webkit-border-radius:0 0 0.8em 0.8em;
	border-radius:0 0 0.8em 0.8em;
	background-color:#968F7F;
	color:#FFFFFF;
	margin:0 auto;
	padding:0.7em 0 0 2em;
	position:relative;
	width:74em;
}
.catContainer ul{
    float:left;
	font-size:1.2em;
	margin-right:2em;
	width:18.35em;
}
.catContainer ul li{
	border-bottom:1px solid #867F6F;
	border-top:1px solid #A69F8F;
	font-size:1.2em;
	padding:0.3em 0.1em;
	text-shadow:0 -1px 0 #564F3F;
}
.catContainer ul li.last{
    border-bottom:none;
}
.catContainer ul li.first{
    border-top:none;
}
.catContainer ul input{
	margin-bottom:0.5em;
	margin-right:0.6em;
	vertical-align:middle;
}
.catContainer ul input,
.catContainer label{
    cursor:pointer;
}
.catContainer a.cerrar{
    color:#665F4F;
	cursor:pointer;
	float:right;
	font-weight:bold;
	position:absolute;
	right:10px;
	text-shadow:0 1px 0 #A69F8F;
}
/*-------------------- Suggest ----*/
.suggest{
	left:0;
	position:absolute;
	top:18px;
	width:138px;
	z-index:9999;
}
.suggest ul{
    background-color:#FFFFFF;
    border:1px solid #CCCCCC;
}
.suggest ul li{
    border-bottom:1px dotted #CCCCCC;
	font-size:1em;
	line-height:100%;
	padding:0.4em;
}
.suggest ul li.selected {
    background-color:#EBEAE6;
}
.suggest ul li a{
    display:block;
}
.suggestCat{
    font-size:0.8em;
}
.suggestButton{
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background-color:#FF9900;
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	float:right;
	font-size:0.9em;
	margin-top:-0.8em;
	padding:0.2em 1.4em;
}
.suggestButton:hover{
    background-color:#E57507;
    color:#FFFFFF;
}

/********************/
.loading{
    background:url("../_images/loading.gif") no-repeat scroll left top transparent;
    display:inline-block;
    height:16px;
    margin:0 5px;
    width:16px;
}
/*.newItemsPlaceholder{
    height: 37px;
}*/
#newItemsNotice a{
	background-color:#FFE5B4;
	border:1px solid #FF9900;
	border-width:1px 0;
	display:block;
	margin:0 0 1em;
	padding:7px 10px;
	color:#5A4E3E;
}
#newItemsNotice a:hover{
    background-color:#FF9900;
    color:#5A4E3E !important;
}
#newItemsNotice a:hover *,
#newItemsNotice a:focus,
#newItemsNotice a:focus *{
    color:#5A4E3E !important;
}
#newItemsNotice a strong{
    font-size:1.2em;
}
#noMatchingTopics, #noSelectedCategories, #error{
	color:#cccccc;
	display:block;
	font-size:14pt;
	font-weight:bold;
	padding:1em 0;
	text-align:center;
	width:100%;
}
#error{
	height:150px;
}
#spinner {
	text-align: center;
	padding: 40px;
}