/* ESTILOS PARA EL BOLETIN DE CINETECA*/

/* * { font-family: Verdana,Arial,Helvetica,sans-serif; } */

p.texto{font-family: Arial, Helvetica, sans-serif;font-size: 11px;text-align: justify;color:#003333;margin: 10px 0;}
.barra-boletin-ppal {width: 610px;float: left;}
.barra-boletin {width: 550px;float: left;padding: 15px;border-left: 1px dotted #666;}
h1.boletin {font-size: 18px;color:#036;font-weight:normal;letter-spacing:-1px}
.barra-boletin-ppal p {font-size: 11px;text-align: justify;color:#003333;padding: 3px 10px 3px 3px;}
.nota-primaria {width: 335px;float: left;padding: 3px 10px 3px 3px;border-right: 1px solid  #FF9933;}
.nota-primaria a.titulo {font-size:25px;color:#036;font-weight:normal;letter-spacing:-1px;padding:8px 0 8px 0;text-align:left;}
.nota-primaria img {width: 335px}
.nota-secundaria {width: 230px; float: right; padding: 4px 4px 10px 4px;}
.nota-secundaria img {width: 230px}
.nota-secundaria a.titulo {font-size:18px;color:#036;font-weight:normal;letter-spacing:-1px;padding:8px 0 8px 0;text-align:left;}
.nota-comun p.intro {font-style:normal;}
.nota-comun p.subtit {font-style:italic;}

/* Estilos extras para nuevo esquema de despliegue */
.nota-completa {width:600px;padding: 3px 10px 3px 3px;}
.nota-completa a.titulo {font-size:18px;color:#036;font-weight:normal;padding:8px 0 8px 0;text-align:left;}
/* .nota-completa img {width:335px} */

.nota-media-completa {width:600px;float:left;padding: 0px 5px 3px 5px; margin-bottom:8px; margin-top:8px;
background-color: #fff;
background-image: url("http://www.cinetecanacional.net/bolcntk/images/bg_areabox_border.gif");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center bottom;
}
.nota-media-completa a.titulo {font-size:18px;color:#036;font-weight:normal;padding:8px 0 8px 0px;text-align:left;}

.nota-historico {width:600px;float: left;padding: 3px 0px 3px 0px;}
.nota-historico a.titulo {font-size:12px;color:#036;font-weight:normal;letter-spacing:-1px;padding:8px 0 8px 0;text-align:left;}

.nota-media {width:290px;float: left;padding: 3px 0px 3px 3px; border-width: 1px;border-style: solid;border-color: #FF9933;} 
/* .nota-media {width:290px;float: left;padding: 3px 0px 3px 3px;} */

.nota-media a.titulo {font-size:14px;color:#036;font-weight:normal;text-align:left;}
.nota-media img {width:120px; float: left; margin: 2px 7px 7px 2px;}

.nota-media-izq {width:291px;float:left;border-top-width: 1px;border-top-style: solid;border-top-color: #FF9933;}
.nota-media-izq a.titulo {font-size:14px;color:#036;font-weight:bold;text-align:left;}
.nota-media-izq a:hover {text-decoration: underline;}
.nota-media-izq img {width:80px; float: left; margin: 3px 7px 7px 6px;}

.nota-media-der {width:291px;float:right;border-top-width: 1px;border-top-style: solid;border-top-color: #FF9933;}
.nota-media-der a.titulo {font-size:14px;color:#036;font-weight:bold;text-align:left;}
.nota-media-der a:hover {text-decoration: underline;}
.nota-media-der img {width:80px; float: left; margin: 3px 7px 7px 6px;}


   /* Key div used to clear some floats in specific places where some browsers have trouble */
   /* Notes: This should not be changed */
   div.clear {
      clear: both !important;
      margin: 0 !important;
      padding: 0 !important;
      border: 0 !important;
      font-size: 1px !important;
      height: 1px !important;
   }