/* Elementos Comunes*/

.standardText {
/*	font-family: Arial, Helvetica, sans-serif;*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	}
	

.normalText { font-size: 1em; } /* 12pt*/
.smallText { font-size: 0.95em; } /* 11pt */
.xsmallText { font-size: 0.8em; } /* 10pt */

.xxsmallText { font-size: 0.75em; } /* 9pt */
.largeText { font-size: 1.2em; }  /* 14pt*/
.xlargeText { font-size: 1.4em; } /* 16pt*/
.xxlargeText { font-size: 1.5em; } /*18pt */
.xxxlargeText { font-size: 1.6em; } /*20pt */


.bold { font-weight: bold; }
.italic { font-style: italic }
.alignR { text-align: right; }
.alignL { text-align: left; }
.alignC { text-align: center; }
.alignMid { vertical-align: middle; }
.alignTop { vertical-align: top; }
.alignBot { vertical-align: bottom; }

.clear { clear: both; }
.clearL { clear: left; }
.clearR { clear: right; }


.marB0 { margin-bottom: 0px; }
.marB3 { margin-bottom: 3px; }
.marB5 { margin-bottom: 5px; }
.marB8 { margin-bottom: 8px; }
.marB9 { margin-bottom: 9px; }
.marB10 { margin-bottom: 10px; }
.marB15 { margin-bottom: 15px; }
.marB20 { margin-bottom: 20px; }
.marB25 { margin-bottom: 25px; }
.marB30 { margin-bottom: 30px; }
.marB50 { margin-bottom: 50px; }
.marB80 { margin-bottom: 80px; }

.marL3 { margin-left: 3px; }
.marL5 { margin-left: 5px; }
.marL6 { margin-left: 6px; }
.marL8 { margin-left: 8px; }
.marL10 { margin-left: 10px; }
.marL15 { margin-left: 15px; }
.marL18 { margin-left: 18px; }
.marL20 { margin-left: 20px; }
.marL25 { margin-left: 25px; }
.marL30 { margin-left: 30px; }
.marL40 { margin-left: 40px; }
.marL50 { margin-left: 50px; }
.marL120 { margin-left: 120px; }

.marR6 { margin-right: 6px; }
.marR10 { margin-right: 10px; }
.marR15 { margin-right: 15px; }
.marR20 { margin-right: 20px; }
.marR25 { margin-right: 25px; }
.marR30 { margin-right: 30px; }
.marR40 { margin-right: 40px; }
.marR50 { margin-right: 50px; }
.marR120 { margin-right: 120px; }

.marT0 { margin-top: 0px;}
.marT3 { margin-top: 3px; }
.marT4 { margin-top: 4px; }
.marT5 { margin-top: 5px;}
.marT8 { margin-top: 8px;}
.marT10 { margin-top: 10px;}
.marT15 { margin-top: 15px; }
.marT20 { margin-top: 20px; }
.marT25 { margin-top: 25px; }
.marT30 { margin-top: 30px; }
.marT50 { margin-top: 50px; }


.spacer { clear: both; height: 1px; font-size: 1px; }

.padT3 { padding-top: 3px; }
.padT5 { padding-top: 5px; }
.padT8 { padding-top: 8px; }
.padT10 { padding-top: 10px; }
.padT12 { padding-top: 12px; }
.padT15 { padding-top: 15px; }
.padT20 { padding-top: 20px; }
.padB1 { padding-bottom: 1px; }
.padB3 { padding-bottom: 3px; }
.padB5 { padding-bottom: 5px; }
.padB10 { padding-bottom: 10px; }
.padB15 { padding-bottom: 15px; }
.padB20 { padding-bottom: 20px; }
.padL3 { padding-left: 3px; }
.padL5 { padding-left: 5px; }
.padL8 { padding-left: 8px; }
.padL10 { padding-left: 10px; }
.padL15 { padding-left: 15px; }
.padL20 { padding-left: 20px; }
.padL25  { padding-left: 25px; }
.padL30 { padding-left: 30px; }
.padL50  { padding-left: 50px; }
.padL65 { padding-left: 65px; }
.padR5 { padding-right: 5px; }
.padR10 { padding-right: 10px; }
.padR15 { padding-right: 15px; }
.padR20 { padding-right: 20px; }


.floatL { float: left; }
.floatR { float: right; }


.eLink {
	text-decoration: none;
	border-bottom: 1px dotted #03C;
	}

.borde_green {
	border: 2px solid #668541;
}

/* Bloques */

#hpMainContent {
	float: left;
	width: 555px;
	}
#hpSideContent {
	float: right;
	width: 300px;
	}
/*	
.hpYellowBlock	{ background: #FBF9E8 url(http://www.triviar.com/public/images/pic_yellow_300x500.gif) top left no-repeat; padding: 10px 15px 0px 15px; margin-bottom: 0px; }
.hpYellowBlockBot { background: #FBF9E8 url(http://www.triviar.com/public/images/pic_yellow_300x500.gif) no-repeat scroll 0px -500px; width: 300px; height: 13px; }
.hpPurpleBlock 		{ background: #EBEDF3 url(http://www.triviar.com/public/images/pic_blue_300x400.gif) top left no-repeat; padding: 8px 10px 0px 10px; margin-bottom: 0px; }
.hpPurpleBlockBot { background: #EBEDF3 url(http://www.triviar.com/public/images/pic_blue_300x400.gif) no-repeat scroll 0px -400px; width: 300px; height: 13px; }

.hpGreenBlock 		{ background: #FFFFFF url(http://www.triviar.com/public/images/pic_green_300x400.gif) top left no-repeat; padding: 8px 10px 0px 10px; margin-bottom: 0px; }
.hpGreenBlockBot { background: #FFFFFF url(http://www.triviar.com/public/images/pic_green_300x400.gif) no-repeat scroll 0px -400px; width: 300px; height: 13px; }
*/


.hpWNentry { padding: 3px 0px; }
.hpWNimage { float: left; width: 30px; height: 37px; margin-bottom: 12px; }
.hpWNdesc { margin-left: 36px; margin-bottom: 12px;}

.bottomBorderDotted {
        border-bottom: 1px dotted #999;
        margin-bottom: 5px;
        margin-top: 5px;
}

/* Bloque Purpura */

.hpSideBlock { margin-bottom: 15px; }
.hpBlockHeading { font-size: 16px; font-weight: bold; padding-bottom: 5px; }
.hpBlockHeadingGray { color: #4A4A4A; }

.hpChannelEntry { margin-bottom: 5px; }

.v80hEntry { clear: left; }
.v80hEntry .vstill { float: left; }
.v80hEntry .vimg { width: 80px; height: 60px; border: 1px solid #999; }
.v80hEntry .vinfo { margin-left: 86px; }


.vfacets {
	margin: 3px 0px;
	font-size: 11px;
	line-height: 13px;
	}





/*Login  */
.contentBox {
	padding: 6px; 
	border: 1px solid #CCC;
	}
.headerTitle {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	}

.hpBlockHeadingGray { color: #4A4A4A; }
.hpLoginForgot { padding-top: 10px; }


/* CAJAS DE LA caja ********************************************/

#columna {
	float: right;  
	margin: 0px 0px 0px 0px;
	width: 300px;
}

.blq_verde {
border: 1px solid #9ec957;
background-color:#f5faee;
padding:9px 12px 10px 12px;
}

.blq_naranja {
border: 1px solid #ed8d47;
background-color:#fcf3da;
padding:9px 12px 10px 12px;
margin-bottom:  10px;
margin-top: 10px;
}

.border_verde {
border: 1px solid #9ec957;
/*background-color:#f5faee;
padding:9px 12px 10px 12px;*/
}


.boxwhite {
margin-bottom:5px; 
background-color: white;
padding: 10px;
border : 1px solid #336600;
/*font-family: Arial, Helvetica, Sans-serif;*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
}


/* Account */
/*#leftMiCta { float: left; width: 300px; }
#rightMiCta { float: left; margin-left: 25px; width: 300px; }
*/
.sectionBlock { border-top: 1px dashed #ccc; padding-top: 8px; margin-bottom: 35px; }
.sectionTop { margin-bottom: 35px; }
.indentBlock { padding-top: 5px; margin-left: 30px; line-height: 22px; }
.header { font-size: 17px; font-weight: bold; }




/***************************************************************************/
/* Inicio
/***************************************************************************/

#categoria{ margin: 8px 0;}
.categoria_row { 
    margin-bottom: 5px;
}

.cat_dsc_row {
 height:32px; line-height:32px; 
 padding-left: 3px;
}



#header {
   margin: 15px 0 0 0;
}

#navlinks {
   margin: 15px 0 0 0;
}

#header_opc .user-info {
	height: 22px;
	text-align: right;
}

#header_opc .info-section {
	border-left: 1px solid #aaa;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 6px;
	margin-left: 3px;
}
#header_opc .info-section.first {
	border-left: none;
}

.user-info a:link, .user-info a:visited {
	color:#5F5F5F;
}

.user-info a:hover {
	color:#339b16;
}

.errorDiv {
	border: 3px solid #C00;
	margin: 5px 0;
	
}
.errorDiv ul {
	list-style: none;
	margin: 5px 3px;
	padding: 0;
}
.errorDiv ul li  {
	color: #C00;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
}

.msgDiv {
	border: 3px solid #457F00;
	margin: 5px 0;
	
}
.msgDiv ul {
	list-style: none;
	margin: 5px 3px;
	padding: 0;
}
.msgDiv ul li  {
	color: #457F00;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}

/* Listado de Trivias */


.tabla {
      border-collapse:collapse;
      font-size:9px;
	}
    .col1{background:#B6FE6E}
    .col2{background:#FFFFFF}
    .col3,.col4,.col5,.col6,.col7{background:#E7FFCF }
    .col8{background:#FFFFFF; font-size:11px}
	
.tabla th{
     border:1px solid #3F7F00;
/*     background:#7BBF2C;*/
     text-align:center;
     background:#FFFFDB;
	 color:#000000;
     font-size:18px;
	 font-weight:normal;
 	 padding:2px}



.tabla td{
     border:1px solid #3F7F00;
 	 padding:5px}



.celda-centrada {
     text-align:center;
	 vertical-align:middle;
}

.lista-trivias-nombre {
     font-size: 11px;
     font-weight:bold;
}
 
.lista-trivias-nombre a:link, .user-info a:visited {
	color:#339b16;
}

.lista-trivias-nombre a:hover {
	color:#339b16;
    font-weight:normal;
}


.lista-trivias-descripcion {
 font-size: 10px;
}



#footer { 
	clear: both;
	text-align: center;
	padding: 10px 0 10px 0;
	margin-top: 25px;
	line-height: 1.8em;
}
#footer a { color: #808080; background: #fff; }

/*--- Preguntas y Respuestas ----------------------------------------*/
.pregunta-trivia {font-size: 1.4em; font-weight:bold; line-height: 1.5em; margin-bottom: 0.5em; }
.respuesta-trivia {font-size: 1.2em; font-weight:bold; }

/*--- Links ---------------------------------------------------------*/

#titulo-trivia {font-size: 	1.6em; font-weight:bold;}
#titulo-trivia a:link {text-decoration:none; color: #003399; } /* Link no visitado*/
#titulo-trivia a:visited {text-decoration:none; color:#CF5919} /*Link visitado*/
/*a.titulo-trivia:active {text-decoration:none; color: #003399; background: #993333;background: #990000} Link activo*/
#titulo-trivia a:hover {text-decoration:none; color: #FFFFFF; background: #CF5919; border:#FFFFFF 1px solid;} /*Mause sobre el link*/

#descripcion-trivia {font-size: 1.4em; font-weight:bold; color: #5F5F5F}

/*--- Bloques ---------------------------------------------------------*/
.bloque_440 {	width: 440px;	}
.bloque_280 {	width: 260px;	}
.bloque_260 {	width: 220px;	}

.bloque_h_300 { height:310px;}
.bloque_h_290 { height:290px;}

.bloque_290 {	width: 290px;	}

/* Colores ------------------------------------------------------------*/
.azul {color:#0000CC}
.naranja {color:#FF9900}
.verde {color:#009900}
.rojo {color:#FF3300}
.rojo-trivia {color:#990000}


.medium  { font-size: 1.0em}
.xlarge  { font-size: 1.5em; }


/*--- Comunes -------------------------*/

.medio { font-size: 1.2em; font-weight:bold; line-height: 2.0em; margin-bottom: 1.1em; }

.borde_green {
	border: 2px solid #668541;
}
.borde_d_green {
	border: 2px dotted #668541;
}

.borde_gris {
	border: 1px solid #999999;
}


.pad10 { padding: 10px; }
.mar10 { margin: 10px; }


/*--- Messages -------------------------*/

.error,a.error span,.required,
.validation-advice      { color:#D40707; font-weight:bold; }
.notice                 { color:#ea7601;}
.messages {margin:0;}
.messages ul            { border:0; margin:0}
.messages li {
    min-height:15px;
    margin-bottom:11px;
    padding:4px 4px 2px 32px;
    font-size:.95em;
    font-weight:bold;
    list-style:none;
}
.messages ul li {
    margin:3px 0 3px 8px ;
    border:0 ;
    padding:0 ;
}

.error-msg {
    border:1px solid #CF4933;
    color:#bf250B;
    background:#FFD6CF url(../images/error_msg_icon.gif) no-repeat 15px center ;
}

.success-msg {
    border:1px solid #95a486 ;
    color:#3d6611 ;
    background:#eff5ea url(../images/success_msg_icon.gif) no-repeat 15px center ;
}

.notice-msg {
   border:1px solid #ffd967 ;
   background:#fffbf0 url(../images/note_msg_icon.gif) no-repeat 15px center ;
   color:#3d6611 ;
}

.warning-msg {
    border:1px solid #666e73 ;
    background:#e6e6e6 url(../images/warning_msg_icon.gif) no-repeat 15px center ;
    color:#000000 ;
    }


/*--- Ranking -------------------------------- */
.green {color:#77bb32;}
.rankingTop
{
	margin-top:0px;
	border:solid 1px #eeeeee;
}

.ranking{margin-top:15px; font-size:11px;}
.ranking ul {margin:0; padding:3px 0;}
.ranking li {margin:0 0 3px 0; padding:2px 0; list-style-type:none;}
.ranking li .datos{float:left;}
.ranking li .datos h2{float:left;margin:4px 10px 0 10px;}
.ranking li .datos p{float:left;margin:8px 10px 0 15px;}
.ranking li .datos img{float:left;margin:0 10px 0 5px;border:solid 1px #eeeeee;}
.ranking li .datos a{float:left;margin:9px 10px 0 10px; font-weight:bold;}

.ranking li .puntaje{float:right;margin:9px 8px 0 0;}
.ranking li .puntaje p{float:left;margin:0 0 0 11px; color:#333;}
/*.ranking li .puntaje .star{color:#fff; width:32px; text-align:center; font-size:10px; font-weight:bold; margin:2px 0 0 7px; float:left;}*/
.ranking li .puntaje .star{color:#004E6A; width:32px; text-align:center; font-size:11px; font-weight:bold; margin:2px 0 0 7px; float:left;}

.ranking li {height:40px;padding-top:7px;}

/*
.ranking li.green{background-image:url("../images/usuarios/bar_green_3.gif"); background-position:top right; background-repeat:no-repeat;}
*/
.labelCheck{font-size:10px;font-weight:bold;}


/* ----Ultimos Usuarios Registrados ------------------------------*/


#lastuser{
	width: 275px; 
/*    width: 440px;*/
/*	float: left;*/
	display: inline;
	margin-right: 0;
/*	background-color: #E7F05F;*/
	padding: 10px 5px 0 18px;
/*	border: 1px solid #98CB63;*/
}

#lastuser div.users{
	padding: 0 0 10px 15px;
	float: left;
	width: 100%;
}
#lastuser .users img{
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 1px;
	border: 1px solid #DEDEDE;
	float: left;
	
}


.rankuser{
	width: 275px; 
	float: left;
	display: inline;
	margin-right: 0;
	padding: 10px 5px 0 18px;
	border: 1px solid #98CB63;
}

.rankuser div.users{
	padding: 0 0 10px 0;
	float: left;
	width: 100%;
}
.rankuser .users img{
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 1px;
	border: 1px solid #DEDEDE;
	float: left;
}


.favoritos ul {  /*clear: both;
  float:right;*/
  width: 100%;
  margin: 0;
  padding: 0;
}

.favoritos ul.marcadores li { float:right;list-style:none; padding:0 5px;}

.cat_ahorcado {
 border: 1px solid #85BD85;
 padding: 10px;
}


#msgfinal {
  margin-top: 15px;
 font-size: 1.4em; 
 font-weight:bold; 
 color: #5F5F5F
}

/*  follow */
#tw-fc-buttons { height:42px; }
#tw-fc-buttons .facebook-b { float:left; width:137px; }
#tw-fc-buttons .twitter-b {  float:right; width:145px; }
#tw-fc-buttons .twitter-b img { margin-bottom: 0 !important;}
#tw-fc-buttons .facebook-b img { margin-bottom:0 !important;}


/* Lista de Trivias */
.lista-usuarios {
   font: normal 100% Verdana, Helvetica, sans-serif;   
}

/*
.lista-usuarios p {
	padding: 0 5px 0 0;
	margin: 0 0 0 12px;
}
*/
.lista-usuarios a{
    font: bold 100% Arial, Helvetica, sans-serif; 
    color: #0008B2; 
    text-decoration: none;
}

.lista-usuarios a:hover {
	text-decoration: underline;
}


/* Lista de Trivias */
.lista-trivias {
   font: normal 100% Verdana, Helvetica, sans-serif;   
}

.lista-trivias p {
	padding: 0 5px 0 0;
	margin: 0 0 0 12px;
}

.lista-trivias p a{
    font: bold 120% Arial, Helvetica, sans-serif; 
    color: #0008B2; 
    text-decoration: none;
}

.lista-trivias p a:hover {
	text-decoration: underline;
}


.chkUsuario {
  font-size: 0.8em;
  font-weight: normal;
  color: #003399;	  
 
}

.chkUsuario a:link{  
    text-decoration: none;
    color:#003399;	  
}

.chkUsuario a:visited{  
    text-decoration: none;
    color:#003399;	  

}

.chkUsuario a:hover {
	text-decoration: underline;
    color:#003399;	    
}


.ui-widget p.autor {
    font: normal 80% Verdana, Helvetica, sans-serif;
    color: #6F6F6F;
	border: 0;
	padding: 0 0 5px 0;
	margin: 0 10px 10px 12px;
	border-bottom: 1px dotted #CCC;
}

.ui-widget p.autor a {
    color: #1B26DF;
	font-weight:normal;	
}

.ui-widget p.autor a:hover {
	text-decoration: underline;
}

.ui-widget p.autor:hover {
	background: none;
}
/* Menu Opciones Ahorcado */



#menu-opc-ahorcado {
width: 450px;
/*float:left;*/
}

#menu-opc-ahorcado ul
{
font-family: Arial, Helvetica, sans-serif;
list-style-type: circle;
list-style-position:inside;
margin:0;
padding:0;
}
#menu-opc-ahorcado li
{
display: inline;
/* for IE5 and IE6 */
}

#menu-opc-ahorcado a
{
/*font-weight: bold;*/
color: #2d4f00;
text-decoration: none;
/*font-size: 12px;*/
display: block;
padding: 1px;
width: 400px;
background-color: #fff;
border-bottom: 1px solid #fff;
}

#menu-opc-ahorcado a:link, #menu-opc-ahorcado a:visited
{
/*color: #483000;	*/
color: #666666;
text-decoration: none;
}

#menu-opc-ahorcado a:hover
{
/*font-weight: bold;*/
border-left: 3px solid #7BBF2C;
border-right: 3px solid #7BBF2C;
color: #497F07;
}

#menu-opc-ahorcado li a#current
{
border-left: 2px solid #901818;
border-right: 2px solid #901818;
background: #F0F0F0;
color: #000;
}



/* Paginacion */
div.pagination {
	padding:3px;
	margin:3px;
	text-align:center;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #76be1c;
	
	text-decoration: none; 
	color: #518F00;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #76be1c;
	color: #000;
	background-color: #b5fd6d;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid navy;
	font-weight: bold;
	background-color: #76be1c;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #929292;
	color: #929292;
}