/* CSS Document */

body { margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666}
table { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666}
img {border:0}
.contgral{width:1004px; margin:0 auto}
.cabteens {width:1004px; height:106px}

#contenidorexhome2{width:780px; clear:both; padding:30px 0}
/*** Solucion para el contenidorex *** */
/* EasyClearing http://www.positioniseverything.net/easyclearing.html */
#contenidorexhome2:after{content: ".";display: block;height: 0;clear: both;visibility: hidden}
#contenidorexhome2{display: inline-block}
/* Hides from IE-mac \*/
* html #contenidorexhome2{height: 1%}
#contenidorexhome2{display: block}
/* End hide from IE-mac */
/*** Fin Solucion para el contenidorex *** */

/* ----------------------- inicio home -----------------------  */
.cabteenshome {width:780px; height:106px}

#contenidoprinhome {width:780px; clear:both}
/*** Solucion para el container2 *** */
/* EasyClearing http://www.positioniseverything.net/easyclearing.html */
#contenidoprinhome:after{content: ".";display: block;height: 0;clear: both;visibility: hidden}
#contenidoprinhome{display: inline-block}
/* Hides from IE-mac \*/
* html #contenidoprinhome{height: 1%}
#contenidoprinhome{display: block}
/* End hide from IE-mac */
/*** Fin Solucion para el container2 *** */

#contenidorexhome{width:780px; clear:both}
/*** Solucion para el contenidorex *** */
/* EasyClearing http://www.positioniseverything.net/easyclearing.html */
#contenidorexhome:after{content: ".";display: block;height: 0;clear: both;visibility: hidden}
#contenidorexhome{display: inline-block}
/* Hides from IE-mac \*/
* html #contenidorexhome{height: 1%}
#contenidorexhome{display: block}
/* End hide from IE-mac */
/*** Fin Solucion para el contenidorex *** */

.menuybuscadorhome{ padding:0; height:48px; margin:25px 25px 25px 25px}
.buscadorhome {width:420px; float:right; height:48px; background-image:url(imgs/fdobuscador.gif); background-repeat:repeat-x; text-align:right}
.contizqhome{width:272px; float:left; margin:0 69px 0 42px}
.contvideo{width:272px; float:left; margin:0 20px 0 42px}
.contencuesta{width:272px; float:left; margin:0 0 0 70px}
.contizqhome2{width:500px; float:left; margin:20px 10px 39px 42px}
.footmvdhome { clear:both; margin-top:20px; width:780px}
.contenidorex2home {width:780px; clear:both; margin:40px 0}



/* ----------------------- fin home -----------------------  */

#contenidorex{width:1004px; clear:both}
/*** Solucion para el contenidorex *** */
/* EasyClearing http://www.positioniseverything.net/easyclearing.html */
#contenidorex:after{content: ".";display: block;height: 0;clear: both;visibility: hidden}
#contenidorex{display: inline-block}
/* Hides from IE-mac \*/
* html #contenidorex{height: 1%}
#contenidorex{display: block}
/* End hide from IE-mac */
/*** Fin Solucion para el contenidorex *** */

/*cabezales */
h1, h2, h3, h4, h5, h6 { padding:0; margin:0; font-size:12px; font-weight:normal }

/*default links */
a:link { text-decoration: underline; color: #666 }
a:visited { text-decoration: underline; color: #666 }
a:hover { text-decoration: none; color: #666 }

.menu {width:308px; float:left; height:48px}
.imgmenu {width:308px; height:48px}
.inputbuscador {margin:19px 15px 0 10px; color:#77a80a; font-size:10px}
.botonform{width:86px; background-image:url(imgs/botbuscar.gif); background-repeat:no-repeat; padding:4px 6px 2px 6px; height:20px; border:0; background-color:#e6f3ad}
.campoformg{width:150px; margin-right:5px; border:1px solid #77a80a; padding:2px}

#contenidoprin{width:1004px; clear:both}
/*** Solucion para el container2 *** */
/* EasyClearing http://www.positioniseverything.net/easyclearing.html */
#contenidoprin:after{content: ".";display: block;height: 0;clear: both;visibility: hidden}
#contenidoprin{display: inline-block}
/* Hides from IE-mac \*/
* html #contenidoprin{height: 1%}
#contenidoprin{display: block}
/* End hide from IE-mac */
/*** Fin Solucion para el container2 *** */

.contizq{width:272px; float:left; margin:0 49px 0 32px}
.cabestrella { width:250px; height:27px}
.imgtufototeens{ width:268px; height:200px; border:2px solid #ad1616; margin:5px 0 8px 0; clear:both}
.imginfoteens{ width:268px; height:118px; border:2px solid #ad1616; margin:15px 0; clear:both}
.contcentro{width:272px; float:left; margin:0 59px 0 0}
.contcentro h3{ padding:15px 0 0 0; margin:0 }
.contcentro h1{ line-height:18px}
.cabtusletras { width:264px; height:27px}
.contder{width:272px; float:right; margin:0 15px 0 0}
a.tusletras, a.tusletras:visited{ color:#3db6d2; font-weight:bold; text-decoration:underline; padding:2px}
a.tusletras:hover { color:#3db6d2; font-weight:bold; text-decoration:none; padding:2px}
.subituletra{ margin:15px 0 0 0; width:138px; height:22px}
.subituletrasm { width:138px; height:22px}
.separaletra { height:1px; margin:15px 0 0 0; padding:0}
.imgcatfotos { width:268px; border:2px solid #ad1616; margin:2px 0 8px 0}


/* categorias destacados */
.contdest{width:282px; float:left; margin:0 55px 50px 0}
.contdest h1{color:#666666; font-size:12px; font-weight:bold}
.contdest h2 {margin:10px 0}

/* categorias destacados Letras */
.contdestl {width:272px; float:left; margin:0 70px 60px 0; height:210px; padding-bottom:35px; display:inline}
.contdestl h1{color:#666666; font-size:12px; font-weight:bold}
.contdestl h2 {margin:10px 0}

/* videoflash */
.cabtuvideo { width:264px; height:27px}
.imgtuvideo { width:268px; height:155px; border:2px solid #ad1616; margin-bottom:10px}
#videoflash h1{ padding:0; margin:0}
#player { margin-top:11px}

.contenidorex2 {width:1004px; clear:both; margin:40px 0}
.contizq2{width:603px; float:left; margin:0 39px 0 32px}
.nota1{
	background-color:#2fc7ed;
	color:#FFFFFF;
	height:128px;
	margin-bottom: 15px;
}
a.linknota1, a.linknota1:visited{ font-size:13px; color:#FFFFFF; text-decoration:underline; padding:15px 0 0 0; font-weight:bold }
a.linknota1:hover{ font-size:13px; color:#FFFFFF; text-decoration:none; padding:15px 0 0 0; font-weight:bold }
.nota1 h2{ padding:5px 20px 5px 0; margin:0; font-size:12px; font-weight:normal}
.imgnota1 {width:120px; height:120px; float:left; border-right:1px solid #FFFFFF; margin-right:20px}

.contder2{width:272px; float:right; margin:0 15px 0 0}
.nota2{ background-color:#ab82a8; color:#FFFFFF; margin-top:45px; height:128px}
.imgnota2 {width:271px; height:128px; float:right; border-left:1px solid #FFFFFF; margin-left:20px}
.nota2 h2 { padding:5px 0 5px 20px; margin:0; font-size:12px; font-weight:normal}
a.linknota2, a.linknota2:visited{ font-size:13px; color:#FFFFFF; text-decoration:underline; padding:5px 0 5px 20px; font-weight:bold }
a.linknota2:hover{ font-size:13px; color:#FFFFFF; text-decoration:none; padding:5px 0 5px 20px; font-weight:bold}

/* comentar - votar*/
.votos {color:#3db6d2; font-weight:bold}
.ico_comentarios {width:14px; height:14px; margin-right:10px; float:left}
.imgvotar {margin-right:10px; width:50px; height:15px}
a.txtcomentarios, a.txtcomentarios:visited {color:#95d212; font-weight:bold; text-decoration:underline}
a.txtcomentarios:hover {color:#95d212; font-weight:bold; text-decoration:none}
a.comentariosaz, a.comentariosaz:visited {color:#14afc5; font-weight:bold; text-decoration:underline}
a.comentariosaz:hover {color:#14afc5; font-weight:bold; text-decoration:none}
a.txtcomentariosr, a.txtcomentariosr:visited {color:#ca0212; font-weight:bold; text-decoration:underline}
a.txtcomentariosr:hover {color:#ca0212; font-weight:bold; text-decoration:none}
.votosv {color:#95d212; font-weight:bold}
.votosvid{color:#ca0212; font-weight:bold}
.votosvio{color:#ab82a8; font-weight:bold}
a.txtcomentariosvio, a.txtcomentariosvio:visited {color:#ab82a8; font-weight:bold; text-decoration:underline}
a.txtcomentariosvio:hover {color:#ab82a8; font-weight:bold; text-decoration:none}

.ico_comentarios {width:14px; height:14px; margin-right:10px; float:left}
a.comentarios2, a.comentarios2:visited {color:#FFF; font-weight:bold; text-decoration:underline}
a.comentarios2:hover {color:#FFF; font-weight:bold; text-decoration:none}
.ico_comentarios3 {width:14px; height:14px; margin:0 10px 0 20px; float:left}

/* footer */
.footer0 { height: 25px; width: 780px; color: #FFF; padding: 2px 0 0 8px; background: url(../../../img_portal/fdofooter.gif) repeat-x; font-size:11px; font-family:Arial, Helvetica, sans-serif }
.footer {vertical-align: top; padding: 5px 0 6px 5px; line-height: 14px; background-color: #FFEEE1; height: 85px; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#333333 }
.lineafooter { width: 770px; height: 1px; background-color: #FFD5B5; margin: 5px 0 5px 0; padding: 0; border: 0 }
/* cabezal */
.cabint { width: 780px; height: 53px; background:url(../../../plantillas/imgint/cab/fondo.gif) repeat-x;margin:0; padding:0; border:0}
.cabint img { vertical-align:bottom}
.imgmvdcomm { width:132px; height:53px; margin:0 22px 0 10px}
.imgportal { width:166px; height:34px}
.imgconecta { width:172px; height:34px}
.imgdesarrolla { width:184px; height:34px}
#fdorange { width: 780px; height:24px; background:url(../../plantillas/imgint/cab/fdocab2.gif) repeat-x}
#hora {float: left; width: 157px; padding: 3px 0 0 12px; margin:4px 0; font-size:10px;color:#FFF; font-family:Arial, Helvetica, sans-serif}
#listaservicios {float: right; width: 596px; margin:4px 0 0 4px; padding:0; background:url(../../plantillas/imgindex/cab/bulletnl.gif) left no-repeat; font-size:12px}
#listaservicios img { width:11px; height:9px}
#listaservicios ul{ margin:0 0 0 12px;padding:0}
#listaservicios li {display:inline; list-style-type:none; padding: 0 6px 0 0; float:left; margin:0}
#listaservicios li a {padding: 0 6px 0 0; border-right: 1px solid #e55401; text-decoration: none; color:#FFF; background-color:transparent; margin:0; font-size:11px}
#listaservicios li a:hover {padding: 0 6px 0 0; border-right: 1px solid #e55401; text-decoration: underline; color:#FFF; background-color:transparent; margin:0; font-size:11px}

/* menu servicios */
#menuserv {position: absolute; z-index: 8; overflow: hidden; width:420px; visibility: hidden; margin:0; padding:0}
#iright {position: absolute; z-index: 1;overflow: hidden; width:450px; height:180px; visibility: hidden; margin:0; padding:0}

/* formato 3 columnas para el menu de servicios*/
#recuadro3col {width: 420px;border: #CCCCCC 1px solid;background-color:#FFF;padding-top:10px}
ul#trescolumnes {width: 420px;padding:0 5px 0 0;margin:0}
ul#trescolumnes:after {display: block; content: "."; visibility: hidden; width: 420px; height:154px }
ul#trescolumnes li {float: left;width: 33%;list-style:none}
ul#trescolumnes li a{float: left;text-decoration:none;padding: 0 0 5px 4px; margin:0}
ul#trescolumnes li a:visited{float: left;text-decoration:none;padding: 0 0 5px 4px; margin:0}
ul#trescolumnes li a:hover{float: left;background-color: #EEF3FC;text-decoration:underline;padding: 0 0 5px 4px; margin:0}

/*encuestas */
#tablaencuestas { width: 272px; vertical-align:top}
#tablaencuestas td{ padding: 2px 4px;}
#tablaencuestas hr { color: #CBD9E5; border:0; height:1px; }
.textencuestas{ width: 272px; background-image:url(imgs/fdoencuesta.jpg); background-repeat:repeat-x; background-position:bottom }
.textencuestas td{padding:0}
.txtch {font-size:10px}

.titencuestas {font-size: 12px; font-weight: bold; color: #FFFFFF; padding:6px 6px 6px 55px; background-image:url(imgs/titencuesta.gif); background-repeat:no-repeat; height:46px}
.titsuperencuesta { font-weight: bold; color: #0E3759; padding:6px; border-bottom: 1px solid #CBD9E5; margin-bottom:5px;}
.lineaenc { border-top: 1px solid #CBD9E5; padding:10px 0; clear:both; margin-top:5px; font-weight:bold;}
.resultsubencuesta{ display:none; background-color:#f6fcff; margin-top:10px; border:solid 1px #cbd9e5; padding-bottom:5px;}
.resultadosanteriores:link { text-decoration: underline; margin:0 0 7px 5px; color: #0E3759; }
.resultadosanteriores:visited { text-decoration: underline; margin:0 0 7px 5px; color: #0E3759; }
.resultadosanteriores:hover { text-decoration: none; margin:0 0 7px 5px; color: #0E3759;}

/* categoria */
.titcategoria h1 { color:#2fc7ed; font-size:24px}
.titcategorial h1 { color:#95d212; font-size:24px}
.titcategoriav h1 { color:#ca0212; font-size:24px}

/* categoria letras */
.icomusic {width:15px; height:18px; float:right; padding:0 9px 0 15px}
.contizq h1, .contcentro h1, .contder h1  {color:#666666; font-size:12px; font-weight:bold}
.contizq h2, .contcentro h2, .contder h2 {margin:10px 0}

/* contenido */
.contenidouc h1 { color:#2fc7ed; font-size:24px}
.contenidouc h2 { text-transform:uppercase}
.contenidouc h3 { color:#666666; font-size:10px; margin:10px 0}
.contenidouc h4 { font-weight:bold}
.contenidouc h5 { text-align:justify; margin:15px 0}
.imgprincipaluc { float:right; padding:0 0 20px 20px}
.imgprincipalucletra { padding:0 10px 20px 20px; clear:both}

/* comentarios en despliegue uc */
/*comentarios*/
.noticiascat { vertical-align: top; width: 414px; background-image: url(../img_portal/img_interior/categorias/linesepcat.gif); margin: 12px 0 }

#comentario { margin-top: 0px; }
.nrocomentarios{font-size: 14px; font-weight: bold; color: #fc1c96; 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(imgs/comentarios/btn_visualizacion.gif);background-repeat: no-repeat; padding:5px 0 0 8px}
.textocomentarios{font-size: 13px; font-weight: bold; color: #fc1c96}
a.textocomentarios:link, a.textocomentarios:visited{font-size: 13px; font-weight: bold; color: #fc1c96; text-decoration:underline; vertical-align:top;}
a.textocomentarios:hover{font-size: 13px; font-weight: bold; color: #fc1c96; text-decoration:none;  vertical-align:top;}
.fechahora{
	vertical-align:top;
	line-height:17px;
	color: #333;
	font-size: 11px;
}

.comentariosenviados{font-size: 12px; background-color:#ffd4eb; padding:6px}
.celdabtnenviarsup{width:123px}
.fdocantcomentarios{ background-color:#f5f5f5; height:49px; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif;width:490px;}
.imgfdoizq{height:49px; background-image:url(imgs/comentarios/nrocom_izq.gif);background-repeat: no-repeat;background-position: left; width:100%}
.imgfdoder{height:49px;background-image:url(imgs/comentarios/nrocom_der.gif);background-repeat: no-repeat;background-position: right; width:100%;}
.comment{width:490px; background-image: url(imgs/comentarios/comment_center.gif); background-repeat: repeat-y;margin-bottom:10px;}
.comment_top{background-image: url(imgs/comentarios/comment_top.gif); background-position: top center; background-repeat: no-repeat; }
.comment_bottom{background-image: url(imgs/comentarios/comment_bottom.gif); background-position: bottom left; background-repeat: no-repeat; padding:10px;}
.fdonickfecha{ background:#f5f5f5; padding:5px 4px 5px 5px;margin-bottom:5px; }
.fdonickfechaoculto{ background:#f5f5f5; padding:5px 4px 5px 5px; margin-bottom:5px; height:36px; }
.nickfecha{float:left; width:395px;}
.nickmasestado{margin-left:65px}
.menuocultar{
	float:right;
	margin-bottom: 8px;
	margin-left: 8px;
}
.lnkocultar{color:#3b6289; font-weight:bold; padding-right:5px;}
.aporte{color:#4db1be; 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;}
#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;}
/*Estado*/
.user_state{
	width:330px;
	color:#666;
	font-size:11px;
	line-height: 12px;
}
.user_state a {float:left; width:100%; color:#FF6600; font-size:11px;text-decoration:underline;}
/*imframe comunidad*/
#comunidad-uc{height:180px;width:425px;}
/* 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;}

/* Votones 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(imgs/comentarios/ico_afavor.gif) }
.calpos:hover img { background-image: url(imgs/comentarios/ico_afavor_over.gif) }
.calneg img { background-image: url(imgs/comentarios/ico_encontra.gif) }
.calneg:hover img { background-image: url(imgs/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;}

/*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;border: 1px solid #cccccc;padding: 15px 0 0 15px; width:490px;}
.formtxtcom {border: 1px solid #CCCCCC;width: 260px}

/*clases agragadas para login c facebook*/
.sesioncontenedor{ background-image: url(imgs/comentarios/bg_login.gif); background-repeat: no-repeat; width:446px; height:230px;color:#666666; margin-top:10px; padding:45px 22px 22px 22px;}
.sesionportal{width:446px; font-size:11px; margin-bottom:15px; padding-bottom:15px; border-bottom:solid 1px #e3e3e3;} 
.sesionfacebook{width:200px; float:left; font-size:11px;}
.sesiontwitter{width:180px; float:right; font-size:11px;  }
.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; }


/* utilidades noticia */
.tblutilidades { background:#F2F2F2 }
.tblutilidades h1 { font-size: 11px; color: #333; margin:0 0 5px 6px; padding-top:6px}
.tblutilidades div { height:32px; border-top: 3px solid #FFF; padding-top:3px; text-align:left}
.tblutilidades img { width: 12px; height:12px; margin:5px 15px 0 9px; border:0}

/*votacion*/
#votos{ }
#cantvotos{ }
#votacion{ }

/*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;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: #ff9900;padding: 2px 6px;height: 16px}

/* 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}

/* contenido por usuario */

.btnenviarletra {
	color:#333;
	height: 30px;
	border-top: 1px solid #95d212;
	border-right: 1px solid #95d212;
	border-bottom: 1px solid #95d212;
	border-left: 1px solid #95d212;
	padding: 4px 10px 4px 10px;
	font-size: 16px;
	background-position: bottom;
	font-weight:bold}


/* utilidades */
.utilidades { width:200px; margin:0 0 20px 20px; background-color:#c9fa5d; float:right}
.utilidadesl { width:200px; margin:0 0 20px 20px; background-color:#c9fa5d}
.boxutil{ padding:12px; color:#333333}
.boxutil a { color:#333333}
.vertodasfotos {width:168px; height:15px; margin-left:10px}

.utilidadesaz { width:200px; margin:0 0 20px 20px; background-color:#b9eff6; float:right}
.utilidadesr { width:200px; margin:0 0 20px 20px; background-color:#ffdbe9; float:right}


#contenidocatdest{width:740px; clear:both}
/*** Solucion para el contenidorex *** */
/* EasyClearing http://www.positioniseverything.net/easyclearing.html */
#contenidocatdest:after{content: ".";display: block;height: 0;clear: both;visibility: hidden}
#contenidocatdest{display: inline-block}
/* Hides from IE-mac \*/
* html #contenidocatdest{height: 1%}
#contenidocatdest{display: block}
/* End hide from IE-mac */
/*** Fin Solucion para el contenidorex *** */



/* cabezal mvd */
.cabint { width: 780px; height: 53px; background:url(../../../plantillas/imgint/cab/fondo.gif) repeat-x;margin:0; padding:0; border:0}
.cabint img { vertical-align:bottom; border:0}
.imgmvdcomm { width:132px; height:53px; margin:0 22px 0 10px}
.imgportal { width:166px; height:34px}
.imgconecta { width:172px; height:34px}
.imgdesarrolla { width:184px; height:34px}
#fdorange { width: 780px; height:24px; background:url(../../../plantillas/imgint/cab/fdocab2.gif) repeat-x}
#hora {float: left; width: 157px; padding: 3px 0 0 12px; margin:4px 0; font-size:10px;color:#FFF}
#listaservicios {float: right; width: 596px; margin:4px 0 0 4px; padding:0; background:url(../../../plantillas/imgindex/cab/bulletnl.gif) left no-repeat; font-size:12px}
#listaservicios img { width:11px; height:9px}
#listaservicios ul{ margin:0 0 0 12px;padding:0}
#listaservicios li {display:inline; list-style-type:none; padding: 0 6px 0 0; float:left; margin:0}
#listaservicios li a {padding: 0 6px 0 0; border-right: 1px solid #e55401; text-decoration: none; color:#FFF; background-color:transparent; margin:0}
#listaservicios li a:hover {padding: 0 6px 0 0; border-right: 1px solid #e55401; text-decoration: underline; color:#FFF; background-color:transparent; margin:0}

/* menu servicios */
#menuserv {position: absolute; z-index: 8; overflow: hidden; width:420px; visibility: hidden; margin:0; padding:0}
#iright {position: absolute; z-index: 1;overflow: hidden; width:450px; height:180px; visibility: hidden; margin:0; padding:0}

/* formato 3 columnas para el menu de servicios*/
#recuadro3col {width: 420px;border: #CCCCCC 1px solid;background-color:#FFF;padding-top:10px}
ul#trescolumnes {width: 420px;padding:0 5px 0 0;margin:0}
ul#trescolumnes:after {display: block; content: "."; visibility: hidden; width: 420px; height:154px }
ul#trescolumnes li {float: left;width: 33%;list-style:none}
ul#trescolumnes li a{float: left;text-decoration:none;padding: 0 0 5px 4px;font-size:11px;margin:0}
ul#trescolumnes li a:visited{float: left;text-decoration:none;padding: 0 0 5px 4px;;font-size:11px;margin:0}
ul#trescolumnes li a:hover{float: left;background-color: #EEF3FC;text-decoration:underline;padding: 0 0 5px 4px;font-size:11px;margin:0}

/* links subrayados */
a.subraya:link, a.subraya:visited { text-decoration: underline; color: #333 }
a.subraya:hover { text-decoration: none; color: #333 }

a.menuItemCheckOn { background: url(../imagenes/comentarios/check_on.gif) no-repeat; padding-left: 20px !important; background-position: 2px 6px; }		
a.menuItemCheckOff { background: url(../imagenes/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:#4db1be; font-size:12px; line-height:24px}

/*imagen perfil 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;}

/*tooltip con estado*/

.social-state-common { background-color: #ddeef6; color: #4e504f; padding: 10px 10px 20px 10px; -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; font-weight:normal; border:0; font-size:11px; font-family: Arial, Helvetica, sans-serif; }
.social-state-common a { display: block; margin-top: 4px; color:#fc1c96; }
.social-state-common a:link{ display: block; margin-top: 4px; color:#fc1c96; }
.social-state-common a:visited { display: block; margin-top: 4px; color:#fc1c96; }
.social-state-common a:hover { display: block; margin-top: 4px; color:#fc1c96; }

.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; }

/*danone*/
.notdanone{
	background-color:#fff;
	color:#666666;
	height:128px;
	margin-bottom: 15px;
	border:solid 1px #9dcce8;
	padding-right:190px;
	background-image: url(imgs/bg_mundialito.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
a.linkdanone, a.linkdanone:visited{ font-size:13px; color:#0091cf; text-decoration:underline; padding:15px 0 0 0; font-weight:bold }
a.linkdanone:hover{ font-size:13px; color:#0091cf; text-decoration:none; padding:15px 0 0 0; font-weight:bold }
.notdanone h2{ padding:5px 20px 5px 0; margin:0; font-size:12px; font-weight:normal; color:#666666;}
.imgnota1 {width:120px; height:120px; float:left; border-right:1px solid #FFFFFF; margin-right:20px}

/* imagenes en despliegue noticia */
.imagendetalleUC { float:right; margin:0 0 15px 15px }
.bordeimagendetalleUC{ float:right}
.imggdedetalleUC { margin:10px 0 0 0 }
.piedefoto { font-size: 10px; color: #999; margin: 2px 10px 15px 1px; width: 100%; clear: both }
