/*comentarios*/
.divcantcomentarios{ padding-top:20px }
.contenidocomentarios{ clear:both; padding-top:15px;}
.noticiascat { vertical-align: top; width: 600px; background-image: url(../imgsgen/linesepcat.gif); margin: 12px 0 }
#comentario { margin-top: 0px; }
.nrocomentarios{font-size: 1.8em; color: #3b6289; float:left; margin:17px 0 0 20px; font-weight:bold;}
.mostrarcomentarios{font-size:1em; font-weight:normal }
.mostrarcomentstxt{float:left; margin-top:18px; font-size:1.5em; font-weight:600 }
.visualizacion{float:right; font-size:13px; margin:8px 10px 0 0;}
.visualizacion a{color:#6a6a6a;}
#commentsFilter {display: block; width:230px; height:32px; _height:22px; margin:0; background-image: url(../imgsgen/comentarios2010/btn_visualizacion2015.gif);background-repeat: no-repeat; padding:13px 0 0 8px; font-family:'Noto Sans', sans-serif;}
.textocomentarios{font-size: 1.2em; font-weight: bold; color: #f35642; padding-right:2px;}
a.textocomentarios:link, a.textocomentarios:visited{font-size: 1.25em; font-weight: bold; color: #f35642; text-decoration:underline; vertical-align:top;}
a.textocomentarios:hover{font-size: 1.25em; font-weight: bold; color: #f35642; text-decoration:none;vertical-align:top;}
.fechahora{vertical-align:top;line-height:17px;color: #8B8B8B}
.comentariosenviados{font-size: 12px}
.celdabtnenviarsup{width:123px}
.fdocantcomentarios{ background-color:#f5f5f5; margin-bottom:5px; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius:5px; width:100%; padding: 10px 0; display: inline-block}
.imgfdoizq{height:49px; background-image:url(../imgsgen/comentarios/nrocom_izq.gif);background-repeat: no-repeat;background-position: left; width:100%}
.imgfdoder{height:49px;background-image:url(../imgsgen/comentarios/nrocom_der.gif);background-repeat: no-repeat;background-position: right; width:100%;}
.comment{width:100%; /*background-image: url(../imgsgen/comentarios2010/comment_center.gif); background-repeat: repeat-y;*/margin-bottom:10px; font-family:'Noto Sans', sans-serif; padding:2% 0; border-top:solid 1px #dddddd; border-top:-webkit-border-radius:5px; background-image:none;}
/*.comment_top{background-image: url(../imgsgen/comentarios2010/comment_top.gif); background-position: top center; background-repeat: no-repeat; }
.comment_bottom{background-image: url(../imgsgen/comentarios2010/comment_bottom.gif); background-position: bottom left; background-repeat: no-repeat; padding:15px;}*/
.fdonickfecha{margin-bottom:5px; padding:0;}
.fdonickfechaoculto{ margin-bottom:5px; height:36px; padding:0; }
.fdonickfechaoculto .nickfecha{width:90%;}
.nickfecha{float: left;
/*padding-right: 10px;*/
	/*width: 100%;*/width:100%; display:inline
}
.nickmasestado{margin-left:65px}
.menuocultar{
	float:right;
	margin-left: 10px;
	margin-bottom: 10px;
}
.lnkocultar{color:#3b6289; font-weight:bold; padding-right:5px;}
.aporte{color:#3b6289; font-size: 1em; font-weight:bold; width:100%; text-align:right }
.aportetxt{margin:0 10px 0 0;}
.aporte img{margin-left:1px;}
.comment_pos{font-size:14px; font-weight:bold;background-color:#67ce8c; color:#fff; padding:1px 5px;  margin-left:8px; }
.comment_med{font-size:14px; font-weight:bold;background-color:#f9db62; color:#fff; padding:1px 5px; margin-left:8px;  }
.comment_neg{font-size:14px;font-weight:bold; background-color:#f35642;color:#fff;padding:1px 5px;
margin-left:8px;}
.btnShowComment { display:block; float: left; font-size:1.2em }
.commentText {margin-bottom:10px;overflow:hidden; font-size:1.2em}

.commentExpand { cursor:pointer; display:none; float:left;font-size:1.2em}
a.commentExpand:link, a.commentExpand:visited, a.commentExpand:hover,a.btnShowComment:link,a.btnShowComment:visited,a.btnShowComment:hover{color:#f35642;line-height:24px;}
#commentsFilter img { border:0; }
.leercom a:link, .leercom a:visited{color:#666666; text-decoration:underline;}
.leercom a:hover{color:#666666; text-decoration:none;}
/*estado*/
.user_state{color:#666;font-size:1.1em;}
.user_state a:link,.user_state a:visited,.user_state a:hover {color:#f35642;}

/*validacion*/
.validacion { border: 1px solid #ff6600;padding: 10px; color: #ff6600;margin: 10px 0;font-size: 12px;font-weight: normal}
a.validacionlinks:link, a.validacionlinks:visited { text-decoration: underline;color: #ff6600}
a.validacionlinks:hover {text-decoration: none;color: #ff6600}
#com_form {background-color: #f2f2f2;padding:15px 15px 20px 15px; border-radius: 5px; font-family:'Noto Sans', sans-serif; font-size:14px; border:0; margin-bottom:20px;}
#com_form h2{
	font-size:1.3em;
	color:#434F65;
	margin-bottom: 10px;
	text-transform: uppercase;	
	font-family:'Noto Sans', sans-serif;
	font-weight:bold;
}
.imagen-perfil-boton{float:left; margin-right:10px;}
.logged-user-state-show{margin-bottom:10px;}
.formtxtcom {border: 1px solid #CCCCCC;width: 260px}
.enviar_com{background-color:#888787; -moz-border-radius: 4px; -webkit-border-radius:4px; border-radius: 4px; border:0; color:#fff; padding:10px 25px; text-transform:uppercase; font-size:0.85em; font-weight:bold; cursor: pointer; margin-top:8px;}
.area_com{ border:solid 1px #ccc; -moz-border-radius: 4px; -webkit-border-radius:4px; border-radius: 4px; width:99%;}
a.state-change-button:link, a.state-change-button:visited, a.state-change-button:hover {color:#f35642; font-size:13px;}
.msg-cedula{display:none;}

/*clases agregadas para login c facebook */
.sesioncontenedor{ background-image: none; width:95%; color:#666666; padding-right:2%; padding-left:3%; padding-top:20px; padding-bottom:20px; margin-top:10px; margin-bottom:30px; clear:both; border:1px solid #e3e3e3; -moz-border-radius: 4px; -webkit-border-radius:4px; border-radius: 4px; }
.sesionportal{width:134px; font-size:.9em; padding-bottom:0; border-right:solid 1px #ebebeb; margin-bottom:0; float:left; margin-right:15px}
.sesionfacebook{width:134px; float:left; font-size:.9em; border-right:solid 1px #ebebeb; margin-right:15px }
.sesiontwitter{width:134px; float:left; font-size:.9em; border-right:solid 1px #ebebeb; margin-right:15px }
.sesiongoogle{width:134px; float:left; font-size:.9em }
.btningresar{margin-top:5px; float:left }
.fbimg{margin:0 10px 0 0; z-index:0; float:left }
.btnesfacebook{ width:130px; clear:both; padding:5px 40px 0 0 ;height:32px }
a.validacionfb:link, a.validacionfb:visited { float:right;text-decoration: underline;color: #48649e; padding-top:10px }
a.validacionfb:hover {float:right; text-decoration: none;color: #48649e;padding-top:10px }
.image_minorfb{ margin-left:-60px; z-index:1;float:left }
.tit-sesion-ch{display:none;}

/* Agregado para comentarios con cedula */
.avisoDocumentoComentarios
{
	color: #ff6600;
	font-size:10px;
	font-weight: bold;
	padding: 4px;
    margin-left: 5px;
    margin-top: -27px;
    border: 1px solid #ff6600;
    background-color: white;
    width: 150px;
}

/* Botones calificaci?n comentarios */
.calpos img, .calneg img { width:16px; height: 19px; border: 0; background: transparent none no-repeat 0 0;vertical-align:bottom; }
.calpos img { background-image: url(../imgsgen/comentarios/ico_afavor.gif) }
.calpos:hover img { background-image: url(../imgsgen/comentarios/ico_afavor_over.gif) }
.calneg img { background-image: url(../imgsgen/comentarios/ico_encontra.gif) }
.calneg:hover img { background-image: url(../imgsgen/comentarios/ico_encontra_over.gif) }
.btnCalDisabled img { filter: alpha(opacity=30); opacity: .3; -moz-opacity: 0.3; -khtml-opacity: 0.3; }
.btnCalDisabled:hover, .btnCalDisabled:link, .btnCalDisabled:visited { cursor: default; outline: none; }
.caltotpos{color:#008800; font-size:11px; padding:0 5px 5px 0px;}
.caltotneg{color:#ff3100; font-size:11px; padding:0 5px 5px 5px;}

/* Error al calificar */
.calError {border: 2px solid #AAAAAA;background-color: #CCCCCC;color: black;margin: 22px 0 0 -80px;width: 160px;padding: 2px;text-align: center}

/*votacion*/
#votos{font-size: 11px}
#cantvotos{font-size: 11px}
#votacion{font-size: 11px}

/*paginado*/
.paginado{clear: both; padding-bottom:10px; font-size:1em}
.paginadobottom {clear: both; padding-top:10px; font-size:1em}
.tabla_paginado{float: left;clear: both}
.tabla_paginado td{padding: 5px 0;}
a.siguiente { text-decoration: none;border: 1px solid #CCCCCC;padding: 1px 5px;height: 16px; margin-left:10px}
a.siguiente:link, a.siguient:visited { text-decoration: none;border: 1px solid #CCCCCC;padding: 1px 5px;height: 16px; margin-left:10px; width:65px}
a.siguiente:hover{ text-decoration: none;border: 1px solid #CCCCCC;padding: 1px 5px;background-color: #eeeeee;height: 16px; margin-left:10px; width:65px}
a.anterior { text-decoration: none;border: 1px solid #CCCCCC;padding: 1px 5px;height: 16px; margin-right:10px; width:60px }
a.anterior:link, a.anterior:visited { text-decoration: none;border: 1px solid #CCCCCC;padding: 1px 5px;height: 16px; margin-right:10px; width:60px }
a.anterior:hover{ text-decoration: none;border: 1px solid #CCCCCC;padding: 1px 5px;background-color: #eeeeee;height: 16px; margin-right:10px}
.paginas {text-align: center;font-size: 11px}
.paginas a:link{ text-decoration: none;border: 1px solid #CCCCCC;padding: 1px 5px;height: 16px;background-color: #fff}
.paginas a:visited{ text-decoration: none;border: 1px solid #CCCCCC;padding: 1px 5px;height: 16px;background-color: #fff}
.paginas a:hover {text-decoration: none;border: 1px solid #CCCCCC;padding: 1px 5px;background-color: #eeeeee;height: 16px}
.pag_selec{color:#FFFFFF;font-weight:normal;background-color:#f35642;padding: 2px 6px;height: 16px}

/*imagen usuario comentarios*/
.image_container{width:50px; float:left; margin-right:10px}
.comment .image_main, .comment .image_minor {width:50px !important;height:50px !important;z-index:0; margin-top:0 !important; margin-right:0 !important; margin-bottom:0 !important;}
.image_minor { margin-left: -50px; z-index:1}

/*iframe comunidad*/
#comunidad-uc{width:0px; height:0px}

/*tooltip con estado*/
.social-state-common { background-color: #e9eced; color: #4e504f; padding: 10px 10px 20px 10px; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; font-weight:normal; border:0}
.social-state-common a { display: block; margin-top: 4px; color:#00539c}
.social-state-common a:link { display: block; margin-top: 4px; color:#00539c}
.social-state-common a:visited{ display: block; margin-top: 4px; color:#00539c}
.social-state-common a:hover { display: block; margin-top: 4px; color:#00539c}
.social-state30 { width:180px; margin-left: -130px; height: 55px; margin-top: -100px }
.social-state100 { width:200px; margin-left: -170px; height: 75px; margin-top: -120px}
.social-state250 { width:250px; margin-left: -170px; height: 115px; margin-top: -160px }

/* menu_comentarios.css */
.MyDialog {border: 2px solid #AAAAAA;background-color: #CCCCCC;color: black;padding: 20px}
.MyDialog ul {margin: 5px;padding: 0 }
.MyDialog ul li {list-style-type: none}
.MyDialog .input-estado {margin-right: 5px; width:280px;}
.MyDialog .DialogTitle {font-weight: bold;text-align: center}
.MyDialog .DialogButtons {padding-top: 10px;text-align: center}
.MyDialog a.btn:link, .MyDialog a.btn:visited {background-image:url(/img_portal/back_btn.gif);background-position:center bottom;background-repeat:repeat-x;background-color: #fcfcfc;border: 1px solid #CCCCCC;color:#333333;font-size: 1em; height:22px;padding:4px 10px;text-decoration:none;margin: 4px}
.menuCom {border: 2px solid #cccccc;background-color: #eeeeee;color: #333;padding: 5px;width: 222px; font-size: 13px; font-family:'Noto Sans', sans-serif; }
.menuCom a:link, .menuCom a:visited {text-decoration: none;color: #333;	padding: 4px}
.menuCom a:hover {text-decoration: none;color: white;background-color: #999; padding: 4px}
.uoculto{font-style:normal; color:#f35642;}

a.menuItemCheckOn { background: url(../imgsgen/comentarios/check_on.gif) no-repeat; padding-left: 20px !important; background-position: 2px 6px }		
a.menuItemCheckOff { background: url(../imgsgen/comentarios/check_off.gif) no-repeat; padding-left: 20px !important; background-position: 2px 6px }
a.accesochat:link,a.accesochat:visited,a.accesochat:hover{font-weight:bold; color:#396087; font-size: 1em; line-height:24px}
.uoculto a:link,.uoculto a:visited,.uoculto a:hover {color:#f35642; font-size:11px }


.commentText .textocomentarios, .commentText a.textocomentarios:link, .commentText a.textocomentarios:visited, .commentText a.textocomentarios:hover {font-size:1em;}

.sesioncontenedor-ch{width:92%; background-color:#f5f5f5; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius:5px; padding-right:4%; padding-left:4%; padding-top:20px; padding-bottom:20px; font-family:'Noto Sans', sans-serif; color:#3b6289; font-size:1.4em;}
.sesioncontenedor-ch span{line-height:2em;}
.tit-sesion{clear:both; font-family:'Noto Sans', sans-serif; margin-bottom:15px; font-size:1.25em;}

/* Menu desplegable comentar */
.btningresarcomo{ background-color:#b8b6b6; -moz-border-radius: 4px; -webkit-border-radius:4px; border-radius:4px; font-family:'Noto Sans', sans-serif; color:#FFF; font-size:1.1em; float:right; padding:5px 100px 5px 10px;}
.comment-dropdown {
	background-color: #f5f5f5;    
	width: 200px;
	font-family:PT Sans;
	visibility:hidden;
	position:absolute;
	
}
.btningresarcomo:hover .comment-dropdown{visibility:visible;}
.comment-dropdown a {
	display: block;
	text-decoration: none;	
	color:#505050;
	border-bottom:solid 1px #cccccc;
	font-size:1.3em;
}
.comment-dropdown a:hover {
	color: white;
	background-color: #9f9f9f;
}
.opt-1{
	padding:8px 6px 8px 35px;
	background-image: url(../imgsgen/comentarios2010/mvdcomm-ch_ico.png);
	background-repeat: no-repeat;
	background-position: left;

}
.opt-3{
	padding:8px 6px 8px 35px;
	background-image: url(../imgsgen/comentarios2010/twitter-ch_ico.png);
	background-repeat: no-repeat;
	background-position: left;

}
.opt-2 {
		padding:8px 6px 8px 35px;
		background-image: url(../imgsgen/comentarios2010/facebook-ch_ico.png);
		background-repeat: no-repeat;
		background-position: left;
}
.opt-5 {
	padding:8px 6px 8px 35px;
	background-image: url(../imgsgen/comentarios2010/google-ch_ico.png);
	background-repeat: no-repeat;
	background-position: left;
	clear:both

}



/* acerca de */
.acercade { background-color:#fdfdc5; padding: 10px 15px; margin-top: 10px; border-radius:5px;font-size: 1.5em }
.acercade h3 { font-size: 1.3em; font-weight:600 }
.acercade a {text-decoration:underline; font-weight:600}

.reglas_desktop{ float:right; display:block }
.reglas_movil { display:none}
.reglas_desktop a, .reglas_desktop a:visited, .reglas_desktop a:hover, .reglas_movil a, .reglas_movil a:visited,
.reglas_movil a:hover { font-size:.9em !important; font-weight:normal !important}

/* ACCORDION */
.accordion-btn{
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.accordion-btn:after{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0.38em;
    height: 0.38em;
    min-width: 9px;
    min-height: 9px;
    position: relative;
    top: -2px;
    margin-left: 0.38em;
    border: solid #333333;
    border-width: 0 3px 3px 0;

    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);

    -webkit-transition:
        -webkit-transform 200ms ease-out,
        top 200ms ease-out;
    -o-transition:
        -o-transform 200ms ease-out,
        top 200ms ease-out;
    transition:
        transform 200ms ease-out,
        top 200ms ease-out;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.accordion-btn.active:after{
    top: 1px;

    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

/* Accordion content */

.accordion-btn:not(.active) + .accordion-content{
    display: none !important;
}

.accordion-btn.text-primary-light:after{
    border-color: #4b9ef9;
}
.accordion-btn.text-primary:after{
    border-color: #1c285e;
}
.accordion-btn.text-primary-lighter:after{
    border-color: #edeef2;
}
.accordion-btn.text-primary-comp:after{
    border-color: #f78823;
}
.accordion-btn.text-grey:after{
    border-color: #878787;
}
.accordion-btn.text-grey-dark:after{
    border-color: #4a494f;
}
.accordion-btn.text-grey-lighter:after{
    border-color: #f3f3f3;
}
.accordion-btn.text-white:after{
    border-color: #fff;
}


@media screen and (max-width: 620px) { 
.divcantcomentarios { padding-top: 5px }
.acercade{ margin-top:20px}
.nrocomentarios{ display:none}
.mostrarcomentstxt { margin-left: 15px; display: block; padding-bottom: 5px; float: none; margin-top: 1px}
.visualizacion  { display: block; margin-left: 15px; margin-top: 5px; float: none}
.nro_pag { clear:both; padding-top:6px; padding-bottom:6px }
.reglas_desktop{ display:none}
.reglas_movil { display:block; margin-top:20px}
.menuocultar{ display:block; margin-top:20px}
.user_state{display:none;}
.comment{width:94%; padding:3%;}
.sesionportal, .sesionfacebook, .sesiontwitter, .sesiongoogle{ border-right:0; margin-bottom:10px; margin-right:10px; width:auto; width:auto;}
.btnFollow{display:none;}
.user_state{display:none;}
.tit-sesion{display:none;}
.tit-sesion-ch{display:block;clear:both; font-family:'Noto Sans', sans-serif; margin-bottom:15px; font-size:1.25em;}
.cont-user-state{display:none;}
.logged-user-state-show{display:none;}
.imagen-perfil-boton{margin-bottom:6px;}
.avisoDocumentoComentarios{ visibility:hidden; clear:both;}
.msg-cedula{display:block; color:#ff6600; font-size:10px; padding:4px; border:1px solid #ff6600; clear:both; width:238px; margin-bottom:5px;}


}

@media screen and (min-width: 980px) { 

	.mostrarcomentarios{ width:400px;float:right }

	}