body {background-image: url(../images/bg.gif);background-repeat: repeat-x;font-family: Arial, Helvetica, sans-serif;font-size: 12px;
margin: 0;padding:0;color:#9796a5;background-color:#a1ad4d;}

a:link{color:#FFFFFF;text-decoration:underline;}
a:visited{color:#FFFFFF;text-decoration:underline;}
a:hover{color:#FFFFFF;text-decoration:none;}
	
#exterior{width:731px;margin: 0 0 0 0;background-image:url(../images/cab.jpg);background-repeat: no-repeat;background-position: top;
padding:0 36px 0 15px;}
#contenidos{width:700px; padding:0 22px 20px 10px; background-color:#363456;}
.colizq{width:459px; float:left; }
.colder{width:220px; float:right; padding-left:20px; padding-top:6px;}
.contenidosintsup{width:459px;background-image: url(../images/bdeint_sup.gif);background-repeat: no-repeat;background-position: top;
padding-top:10px;}
.contenidosintinf{width:459px;background-image: url(../images/bdeint_inf.gif);background-repeat: no-repeat;background-position: bottom;
padding-bottom:10px;}
.contenidosint{width:419px; background-color:#2e2c4a; padding:20px 20px 20px 20px;}
.logomvdportal{padding:13px 0 20px 30px;}

/*participantes*/
.participantesup{width:220px;background-image: url(../images/participantes_sup.gif);background-repeat: no-repeat;
background-position: top;padding-top:32px;background-color:#323051; }
.participantesinf{width:220px;background-image: url(../images/participantes_inf.gif);background-repeat: no-repeat;background-position: bottom;padding-bottom:20px;}
.participantes{border-left:solid 1px #67657e;border-right:solid 1px #67657e;padding:0 15px;}
.participantes h1{font-size:12px; margin:0; padding:4px 0; color:#FFFFFF;}
.participantes .txt{padding:5px 0 10px 0;}

/* videoflash */
#videoflash{width: 220px;height:220px; margin-bottom:15px}
#captionvideoflash{ width:220px; clear:both}
#videoflash h1{font-size: 12px; font-weight:normal; clear:both; padding:0; margin:5px 0;}

.contenidosint h1{font-size:14px; margin:0; padding:0 0 5px 0 ; color:#FFFFFF;}
.contenidosint h2{font-size:12px; margin:0; padding:0; font-weight:normal;}
.imgdestacadas{width:125px; height:125px; border:solid 4px #38365a; float:left; margin-right:15px;}
.imgnoticias{ border:solid 4px #38365a; float:left; margin-right:15px;}
.sepdestacadas{width:419px;background-image:url(../images/bg_sep.gif);background-repeat: repeat-x;background-position: center;
padding:15px 0; clear:both;}
.fotoblog{clear:both; padding:20px 0 35px 0;}
.sepcategorias{width:419px;background-image:url(../images/bg_sep.gif);background-repeat: repeat-x;background-position: center;
padding:10px 0; clear:both;}

/*comentarios*/
.noticiascat { vertical-align: top; width: 414px; background-image: url(../img_portal/img_interior/categorias/linesepcat.gif); margin: 12px 0 }
h2{font-size: 12px;font-weight: bold;}
#comentario { margin-top: 0px; }
.nrocomentarios{font-size: 14px; font-weight: bold; color: #ff6600; float:left; margin:15px 0 0 10px;}
.mostrarcomentarios{font-size:12px; font-weight:normal; float:right; width:265px;}
.mostrarcomentstxt{float:left; margin-top:16px;}
.visualizacion{float:right; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:10px 10px 0 0;}
#commentsFilter {display: block; width:192px; height:25px; _height:30px; margin:0; background-image: url(../images/comentarios/btn_visualizacion.gif);background-repeat: no-repeat; padding:5px 0 0 8px}
.textocomentarios{font-size: 12px; font-weight: bold; color: #ff6600; padding-right:2px;}
a.textocomentarios:link, a.textocomentarios:visited{font-size: 12px; font-weight: bold; color: #ff6600; text-decoration:underline; vertical-align:top;}
a.textocomentarios:hover{font-size: 12px; font-weight: bold; color: #ff6600; text-decoration:none;vertical-align:top;}
.fechahora{ vertical-align:top; line-height:17px;}
.comentariosenviados{font-size: 12px}
.comentariosenviados{font-size: 12px}
.celdabtnenviarsup{width:123px}
.fdocantcomentarios{ background-color:#24223c; height:49px; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif}
.imgfdoizq{height:49px; background-image:url(../images/comentarios/nrocom_izq.gif);background-repeat: no-repeat;background-position: left; width:100%}
.imgfdoder{height:49px;background-image:url(../images/comentarios/nrocom_der.gif);background-repeat: no-repeat;background-position: right; width:100%;}
.comment{width:425px; background-image: url(../images/comentarios/comment_center.gif); background-repeat: repeat-y;margin-bottom:10px;}
.comment_top{background-image: url(../images/comentarios/comment_top.gif); background-position: top center; background-repeat: no-repeat; }
.comment_bottom{background-image: url(../images/comentarios/comment_bottom.gif); background-position: bottom left; background-repeat: no-repeat; padding:10px;}
.fdonickfecha{ background:#1b192f;  padding:5px 4px 5px 5px;margin-bottom:5px; }
.fdonickfechaoculto{  background:#1b192f; padding:5px 4px 5px 5px; margin-bottom:5px; height:36px; }
.nickfecha{float:left;}
.nickmasestado{margin-left:65px}
.menuocultar{float:right;}
.lnkocultar{color:#3b6289; font-weight:bold; padding-right:5px;}
.aporte{color:#9796a5; font-size:12px; font-weight:bold; width:100%; text-align:right; font-family:Arial, Helvetica, sans-serif; }
.aportetxt{margin:0 10px 0 0;}
.aporte img{margin-left:1px;}
.comment_pos{font-size:14px; font-weight:bold;background-color:#008000; color:#fff; padding:1px 5px;  margin-left:8px; }
.comment_med{font-size:14px; font-weight:bold;background-color:#f5c60b; color:#fff; padding:1px 5px; margin-left:8px;  }
.comment_neg{font-size:14px;font-weight:bold; background-color:#cc0000;color:#fff;padding:1px 5px;
margin-left:8px;}
.btnShowComment { display:block; float: left; }
.commentText {margin-bottom:10px;overflow:hidden;}
.commentExpand { cursor:pointer; display:none; float:left;}
a.commentExpand:link, a.commentExpand:visited, a.commentExpand:hover,a.btnShowComment:link,a.btnShowComment:visited,a.btnShowComment:hover{color:#FF6600;line-height:24px;}
#commentsFilter img { border:0; }
.leercom a:link, .leercom a:visited{color:#666666; font-size:11px; text-decoration:underline;}
.leercom a:hover{color:#666666; font-size:11px; text-decoration:none;}
.barranavegacion{height:34px; margin-bottom:20px; clear:both; color:#fff;}
.barranavegacion a:link,.barranavegacion a:visited,.barranavegacion a:hover{color:#fff;}

/*estado*/
.user_state{float:left; width:100%; color:#FF6600; font-size:12px;}
.user_state a:link,.user_state a:visited,.user_state a:hover {color:#FF6600;}


/*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: #24223c; padding: 15px}
#com_form h2{font-size: 14px; font-weight: bold; color: #ff6600;float:left; margin-left:5px}
.formtxtcom {border: 1px solid #CCCCCC;width: 260px}

/* 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; }
.calpos img { background-image: url(../images/comentarios/ico_afavor.gif) }
.calpos:hover img { background-image: url(../images/comentarios/ico_afavor_over.gif) }
.calneg img { background-image: url(../images/comentarios/ico_encontra.gif) }
.calneg:hover img { background-image: url(../images/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; }
/* */


/* 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;
}
/*paginado*/
.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:60 }
a.anterior:link, a.anterior:visited { text-decoration: none;border: 1px solid #CCCCCC;padding: 1px 5px;height: 16px; margin-right:10px; width:60 }
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;}
.paginas a:visited{ text-decoration: none;border: 1px solid #CCCCCC;padding: 1px 5px;height: 16px;}
.paginas a:hover {text-decoration: none;border: 1px solid #CCCCCC;padding: 1px 5px;height: 16px}
.pag_selec{color:#FFFFFF;font-weight:normal;background-color: #ff9900;padding: 2px 6px;height: 16px}

/* links comentarios */
a.comentarios:link, a.comentarios:visited  {color: #e8a25a; text-decoration: underline; font-size:12px;}
a.comentarios:hover {  color: #e8a25a; text-decoration: none;font-size:12px;  }

/* 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 {margin-right: 5px}
.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:12px;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: 12px}
.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: #FF6600}

a.menuItemCheckOn { background: url(../images/comentarios/check_on.gif) no-repeat; padding-left: 20px !important; background-position: 2px 6px; }		
a.menuItemCheckOff { background: url(../images/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:#FFF; font-size:12px; line-height:24px}
.uoculto a:link,.uoculto a:visited,.uoculto a:hover {color:#FF6600; font-size:11px;}

/*imagen usuario comentarios*/
.image_container{width:50px; float:left; margin-right:10px;}
.image_main, .image_minor {width:50px;height:50px;z-index:0;}
.image_minor { margin-left: -50px; z-index:1;}

/*iframe comunidad*/
#comunidad-uc{width:425px; height:180px;}

/* imagenes en despliegue noticia */
.imagendetalleUC { float:left; margin:0 10px 5px 0;border:solid 4px #38365a}
.bordeimagendetalleUC{ float:left}
.imggdedetalleUC { margin:10px 0 0 0 }

/*tooltip estado*/

.social-state-common { background-color: #fff; color: #1c1e2b; padding: 10px 10px 20px 10px; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; font-weight:normal; border:0; font-size:11px; }
.social-state-common a:link { display: block; margin-top: 4px; color:#2e2c4a;  font-weight:normal; }
.social-state-common a:visited { display: block; margin-top: 4px; color:#2e2c4a; font-weight:normal; }
.social-state-common a:hover { display: block; margin-top: 4px; color:#2e2c4a; font-weight:normal; }

.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; }
