/*-----------------------------------------------------------------------------
5ta. Edición Festival de Cine Global Dominicano - 15 al 20 de Noviembre, 2011 (Main Cascading Style Sheet)
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

* { margin: 0; border: 0; padding: 0; outline: 0; }
html, body { height: 100%; }
body { font: 62.5% Arial, Helvetica, sans-serif; text-align: center; color: #222; background: #0E4E90 url(../img/bg_page.jpg) no-repeat bottom right fixed; }
li { list-style: none; }
p { margin-bottom: 1em; }

#wrap { margin: 0 auto; text-align: left; width: 980px; min-height: 100%; font-size: 1.2em; }

a { text-decoration: underline; color: #164397; }
a:hover { text-decoration: none; color: #00256B; }

/* =Homepage
-----------------------------------------------------------------------------*/

.top_mnu { float: left; width: 980px; font-size: 0.9em; color: #CEE6FF; margin-top: 30px; position: relative; text-align: right; }
.top_mnu_ct { float: left; width: 955px; font-size: 0.9em; color: #CEE6FF; margin-top: 30px; position: relative; }
.top_mnu a { text-decoration: none; color: #CEE6FF; }
.top_mnu a:hover { text-decoration: underline; color: #FFF; }
.top_mnu_ct a { text-decoration: none; color: #CEE6FF; }
.top_mnu_ct a:hover { text-decoration: underline; color: #FFF; }
.language { float: left; width: 120px; height: 18px; background: url(../img/bullet_language.gif) no-repeat 0 4px; padding-left: 9px; display: block; text-align: left; }
#logo { position: absolute; top: -22px; left: 50px; }
.tit_festival { float: left; margin-left: 158px; margin-right: 16px; }
.top_mnu ul, .top_mnu_ct ul { float: right; }
.top_mnu li, .top_mnu_ct li { display: inline; list-style: circle; margin-right: 6px; }
.top_mnu li.last, .top_mnu_ct li.last { margin-right: 22px; }
.hr_portada { float: left; width: 980px; height: 565px; background: url(../img/bg_hr_portada.png) no-repeat top right; }
.head_noticias { float: left; width: 980px; height: 160px; background: url(../img/bg_content_general.png) no-repeat top center; }

/* =Menu Projects
-----------------------------------------------------------------------------*/
/*.mnu_drgff { float: right; padding: 12px 0; }
.mnu_drgff li { display: inline; margin-right: 10px; }*/
.mnu_drgff { float: right; /*position: relative; float: left; width: 169px; margin: 32px 0 0 5px; font-size: 1.1em; font-weight: bold; color: #FFF;*/ }
.mnu_drgff ul#mnu_festival { /*margin-top: 12px;*/ margin-right: 14px; }
.mnu_drgff ul#mnu_festival li { float: left; display: inline; margin-right: 2px; position: relative; /*margin-bottom: 6px;*/ }
.mnu_drgff ul#mnu_festival li a { display: block; padding: 12px 5px; /*text-decoration: none; color: #FFF; min-height: 30px;*/ }
.mnu_drgff ul#mnu_festival li a:hover { background-color: #FDCA12; /*color: #A37A00;*/ }
.sub { position: absolute; display: none; }
.sub .g_rndtable { float: left; font-weight: normal; padding: 3px; background: #FDCA12; }
.sub .g_rndtable .ct_g_rndtable { float: left; background: #FFF; border: 1px solid #A37A00; width: 610px; font-size: 1em; text-align: left; }
.sub .g_rndtable .ct_g_rndtable_sp { float: left; background: #FFF; border: 1px solid #A37A00; width: 360px; font-size: 1em; text-align: left; }
.more-info { padding: 5px 18px; text-decoration: none; color: #FFF; font-weight: bold; background: #3076B2; text-transform: uppercase; }
.sub .g_rndtable .id_projects { float: left; width: 210px; margin-left: 20px; margin-right: 12px; margin-top: 20px; border: none; font-weight: bold; }
.sub .g_rndtable .txt_projetcs { float: left; width: 360px; display: block; margin: 15px 0; border-left: 1px solid #d0d0d0; color: #555; }
.sub .g_rndtable .txt_projetcs h4 { font-size: 1.25em; font-weight: bold; color: #000; }
.sub .g_rndtable .txt_projetcs .drop_small { margin: 10px 0 0 14px; display: block; }
/*.sub .g_rndtable .txt_projetcs, .sub .g_rndtable_sp .txt_projetcs a.btn_more { background: #0B13B6; color: #FFF; text-decoration: none; padding: 2px 6px; }
.sub .g_rndtable .txt_projetcs, .sub .g_rndtable_sp .txt_projetcs a:hover.btn_more { background: #010888; color: #FFF47F; }*/

.pad_18 { padding: 125px 18px 50px 18px; }
#panel_info_hm { float: left; width: 214px; height: 320px; background: url(../img/bg_panel_info_hm.png) no-repeat; color: #70EFFF; }
#panel_info_hm h2 { border-top: 1px solid #0CC6DE; border-bottom: 1px solid #0CC6DE; color: #70EFFF; padding: 6px 0; margin: 10px 0; }
#panel_info_hm a { text-decoration: underline; color: #FFF; }
#panel_info_hm a:hover { text-decoration: none; color: #70EFFF; }
.showcase_portada { float: left; position: relative; }
#talk_in { width: 118px; height: 121px; position: absolute; top: 45px; left: -35px; background: url(../img/bg_talk_in.png) no-repeat; text-align: center; z-index: 666; }
#talk_in p { padding: 12px 18px; font-size: 1.20em; font-weight: bold; }
#img_festival-2011 { position: absolute; top: 180px; right: -130px; z-index: 676; }

.content_portada { float: left; padding-bottom: 75px; margin-left: 50px; /*border-bottom: 4px solid #0E4E90;*/ background: #FFF url(../img/bg_content_portada.jpg) no-repeat top left; }

#wrap_articles_hm { float: left; width: 449px; margin: 0 20px 0 35px; }
#wrap_articles_hm li { float: left; display: block; padding: 12px 0; border-bottom: 1px dotted #0AA4B8; }
#wrap_articles_hm li span { float: left; display: block; width: 101px; margin-top: 18px; min-height: 100%; }
#wrap_articles_hm li span img { border: 1px solid #DDD; padding: 2px; }
#wrap_articles_hm li h4 { float: left; padding: 0 0 6px 15px; font-size: 1.1em; font-weight: bold; width: 315px; }
#wrap_articles_hm li h5 { float: left; padding: 0 0 0 15px; font-size: 0.9em; font-weight: bold; width: 315px; color: #A5A5A5; font-weight: normal; }
#wrap_articles_hm li p { float: left; padding-left: 15px; width: 315px; margin-bottom: 1px; color: #555; }
#wrap_articles_hm li p a { font-weight: bold; color: #286BB1; text-decoration: underline; }
#wrap_articles_hm li p a:hover { text-decoration: none; color: #164397; }
#wrap_articles_hm li.all_news_hm { border: none; width: 100%; text-align: center; padding: 38px 0 0 0; }
#wrap_articles_hm li.all_news_hm a:link { font-weight: bold; color: #FFF; }
#wrap_articles_hm li.all_news_hm a:hover { text-decoration: none; }
#wrap_articles_hm li.all_news_hm_en { border: none; width: 100%; text-align: center; padding: 20px 0 0 0; }
#wrap_articles_hm li.all_news_hm_en a:link { font-weight: bold; color: #FFF; }
#wrap_articles_hm li.all_news_hm_en a:hover { text-decoration: none; }

#wrap_articles_ct { float: left; width: 399px; margin: 0 20px 0 0; }
#wrap_articles_ct li { float: left; display: block; padding: 12px 0; border-bottom: 1px dotted #0AA4B8; }
#wrap_articles_ct li span { float: left; display: block; width: 101px; min-height: 100%; }
#wrap_articles_ct li span img { border: 1px solid #DDD; padding: 2px; }
#wrap_articles_ct li h4 { float: left; padding: 0 0 6px 15px; font-size: 1.1em; font-weight: bold; width: 265px; }
#wrap_articles_ct li h5 { float: left; padding: 0 0 0 15px; font-size: 0.9em; font-weight: bold; width: 265px; color: #A5A5A5; font-weight: normal; }
#wrap_articles_ct li p { float: left; padding-left: 15px; width: 265px; margin-bottom: 1px; color: #555; }
#wrap_articles_ct li p a { font-weight: bold; color: #286BB1; text-decoration: underline; }
#wrap_articles_ct li p a:hover { text-decoration: none; color: #164397; }
#wrap_articles_ct li.all_news_hm { border: none; width: 100%; text-align: center; color: #FFF; }

#widgets { float: left; width: 220px; margin: 15px 10px 0 0; }
#widgets .publi_hm { height: 205px; margin-bottom: 22px; }
#widgets .publi_hm img { float: right; }
#widgets .publi_hm p { float: right; font-weight: bold; margin-right:12px; }

#cities_portada { float: left; width: 174px; margin: 35px 22px 0 0; }
#cities_portada p { font-size: 0.9em; }

/* =News Page Content
-----------------------------------------------------------------------------*/
.content_noticias { float: right; width: 730px; position: relative; margin-bottom: 40px; /*padding-top: 175px;*/ }
.content_programa { width: 980px; position: relative; margin-bottom: 40px; /*padding-top: 175px;*/ }
#title_festival { position: absolute; top: -140px; right: 465px; }
#title_cities { position: absolute; top: -140px; right: 400px; }
#title_cities_en { position: absolute; top: -140px; right: 380px; }
#title_noticias { position: absolute; top: -140px; right: 100px; }
#title_noticias_en { position: absolute; top: -140px; right: 130px; }
#title_cortos { position: absolute; top: -140px; right: 50px; }
#title_cortos_en { position: absolute; top: -140px; right: 80px; }
#title_programa { position: absolute; top: -140px; right: 335px; }
#title_peliculas { position: absolute; top: -140px; right: 450px; }
#title_fotos { position: absolute; top: -140px; right: 400px; }
#title_tributes { position: absolute; top: -140px; right: 280px; }
#title_paneles { position: absolute; top: -140px; right: 165px; }
#title_premios { position: absolute; top: -140px; right: 220px; }
#section_img { position: absolute; top: -120px; right: 150px; }
#section_img_tributes { position: absolute; top: -120px; right: 30px; }
#section_img_cities { position: absolute; top: -120px; right: 40px; }
#wrap_articles .showcase_noticias { float: left; width: 670px; }
#wrap_articles .showcase_noticias img { border: 1px solid #DDD; padding: 2px; }
#wrap_articles .showcase_noticias h2 { font-size: 1.6em; font-weight: bold; border-bottom: 1px solid #DDD; color: #164397; padding-bottom: 8px; margin-bottom: 12px; margin-top: 4px; }
#wrap_articles .showcase_noticias h2 a { text-decoration: none; }
#wrap_articles .showcase_noticias h2 a:hover { text-decoration: underline; }
#wrap_articles .showcase_noticias span.date { font-size: 0.9em; color: #999; }
#wrap_articles .showcase_noticias div { float: left; width: 212px; margin: 0 10px 0 0; }
#wrap_articles .showcase_noticias div a.url_showcase { font-size: 0.95em; font-weight: bold; background: #0daabf; padding: 3px 8px; color: #FFF; text-decoration: none; }
#wrap_articles .showcase_noticias div a:hover.url_showcase { background: #164397; }
#wrap_articles .news_highlight { float: left; width: 670px; margin: 15px 0; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; padding: 2px 0; }
#wrap_articles .news_highlight_ct { float: left; background: #FEF7D7; padding: 12px; }
#wrap_articles .news_highlight_ct .quote_news { float: left; width: 645px; font-size: 1.4em; font-style: italic; }
#wrap_articles .news_highlight_ct .social_networks { float: left; width: 220px; margin-top: 12px; text-align: right; }
#wrap_all_news { float: left; width: 251px; background: #EEE; }
#wrap_all_news li { display: inline-block; padding: 10px 20px; border-bottom: 2px dotted #FFF; }
#wrap_all_news li p { font-weight: bold; margin: 0; }
#wrap_all_news li p a { text-decoration: none; color: #000; }
#wrap_all_news li p a:hover { text-decoration: underline; color: #286BB1; }
#wrap_all_news li span { font-size: 0.9em; color: #888; }

#wrap_articles { float: left; padding: 0 16px 20px 16px; }
#wrap_articles h2 { font-size: 1.6em; font-weight: bold; border-bottom: 1px solid #DDD; color: #164397; padding-bottom: 8px; margin-bottom: 12px; margin-top: 4px; }
#wrap_articles .date { font-size: 0.9em; color: #999; }
/*#wrap_articles div { float: left; width: 337px; }
#wrap_articles div p { padding-right: 30px; }*/

.quote_highlights { float: left; width: 250px; margin-top: 45px; background: url(../img/quote_highlights.png) no-repeat; }
.quote_highlights h4 { font-size: 1.3em; font-weight: bold; font-style: italic; color: #FBDF7F; padding: 15px 10px 0 80px; }
.quote_highlights ul { margin: 5px 0 0 80px; color: #FFF; }
.quote_highlights ul li { padding: 5px 0 8px 0; border-bottom: 1px dotted #0CC5DD; }
.quote_highlights ul li span { font-weight: bold; }
.quote_highlights .social_networks { float: left; width: 170px; margin-left: 70px; margin-top: 70px; text-align: center; }
.quote_highlights .social_networks img { margin: 4px 3px; }

#wrap_contact { float: left; background: #FFF; padding: 20px 16px 20px 16px; }
.sponsors { float: left; width: 920px; }
.sponsors h2 { display: inline-block; width: 900px; background: #FEF7D7; font-size: 1.5em; font-weight: bold; padding: 3px 0 3px 23px; }
.sponsors ul { display: inline-block; }
.sponsors ul li { display: inline; float: left; margin: 12px 23px; }

.tickets_info { float: left; font-weight: bold; }
.tickets_info div {float: left; width: 135px; height: 118px; margin-right: 10px; background: #FEF7D7; border: 1px dotted #999; padding: 18px 10px 0 10px; }
.tickets_info h3 { font-size: 2em; }

.staff_2011 { float: left; }
.staff_2011 ul li { float: left; width: 205px; margin-right: 15px; }
.staff_2011 ul li p { }
.staff_2011 ul li p span { font-weight: bold; color: #08808F; }

.publications { float: left; width: 670px; margin-bottom: 80px; }
.publications div { float: left; width: 210px; text-align: center; margin-right: 15px; }
.publications div.last { margin-right: 0; }
.publications div p { font-weight: bold; }

/* =Multimedia
-----------------------------------------------------------------------------*/
.live_tv h1 { font-size: 1.6em; font-weight: bold; /*color: #3076B2;*/ margin-bottom: 8px; }
ul#list_tv { float: left; margin: 20px 0; }
ul#list_tv li { float: left; /*background: url(../img/bg_list_tv.jpg) no-repeat;*/ width: 102px; margin-right: 12px; border-right: 1px solid #DDD; }
ul#list_tv li img { margin-bottom: 4px; }
ul#list_tv li span { font-weight: bold; }
ul#list_tv li span a { text-decoration: underline; }
ul#list_tv li span a:hover { text-decoration: none; }
.wrap_entrevistas { float: left; width: 660px; margin-bottom: 15px; border-bottom: 1px dotted #999; }
.wrap_entrevistas p span { font-weight: bold; color: #000; }

/* =Photos
-----------------------------------------------------------------------------*/
.content_fotos { width: 670px; float: left; margin-bottom: 35px; }
.content_fotos ul { margin-top: 10px; }
.content_fotos ul li { float: left; display: inline; width: 95px; margin: 0 10px 10px 0; }
.content_fotos h3 { font-size: 1.3em; font-weight: bold; color: #3076B2; }

/* =Showcase
-----------------------------------------------------------------------------*/
.sw_program { float: left; width: 730px; height: 460px; background: url(../img/sw_closing.jpg) no-repeat; position: relative; }
.sw_program_en { float: left; width: 730px; height: 460px; background: url(../img/sw_closing_en.jpg) no-repeat; position: relative;}
.sw_program ul, .sw_program_en ul { display: inline-block; position: absolute; left: 22px; bottom: 18px; }
.sw_program ul li, .sw_program_en ul li { display: inline; font-size: 1.5em; font-weight: bold; color: #FFFF99; margin-right: 15px; }
.sw_program ul li a, .sw_program_en ul li a { text-decoration: underline; color: #FFFF99; }
.sw_program ul li a:hover, .sw_program_en ul li a:hover { text-decoration: none; color: #FFF; }
.opening_sw { float: left; width: 730px; height: 460px; background: url(../img/sw_img_opening.jpg) no-repeat; }
.opening_en_sw { float: left; width: 730px; height: 460px; background: url(../img/sw_img_opening_en.jpg) no-repeat; }
.opening_cities_sw { float: left; width: 730px; height: 460px; background: url(../img/sw_img_opening_cities.jpg) no-repeat; }
.opening_cities_en_sw { float: left; width: 730px; height: 460px; background: url(../img/sw_img_opening_cities_en.jpg) no-repeat; }
.honors_sw { float: left; width: 730px; height: 460px; background: url(../img/sw_opening_condecoracion.jpg) no-repeat; }
.honors_sw_en { float: left; width: 730px; height: 460px; background: url(../img/sw_opening_condecoracion_en.jpg) no-repeat; }
.opening_res { float: left; width: 730px; height: 460px; background: url(../img/sw_img_opening_res.jpg) no-repeat; position: relative;; }
.opening_en_res { float: left; width: 730px; height: 460px; background: url(../img/sw_img_opening_res_en.jpg) no-repeat; position: relative;}
.opening_en_res ul, .opening_res ul { display: inline-block; position: absolute; left: 22px; bottom: 22px; }
.opening_en_res ul li, .opening_res ul li { display: inline; font-size: 1.5em; font-weight: bold; color: #FFFF99; margin-right: 15px; }
.opening_en_res ul li a, .opening_res ul li a { text-decoration: underline; color: #FFFF99; }
.opening_en_res ul li a:hover, .opening_res ul li a:hover { text-decoration: none; color: #FFF; }
.acreditaciones_sw { float: left; width: 730px; height: 460px; background: url(../img/sw_img_opening.jpg) no-repeat; }
.acreditaciones_sw ul { float: right; width: 442px; margin: 85px 45px 0 0; }
.acreditaciones_sw ul li { display: block; margin-bottom: 4px; }
.acreditaciones_sw ul li.social_nt_sw { margin-top: 18px; }
.acreditaciones_sw ul li.social_nt_sw img { margin-right: 5px; }

/* =Squares Boxes
-----------------------------------------------------------------------------*/
.box_rnd_out { padding-left: 8px; background: url(../img/l-top_box_ct.png) no-repeat bottom left; }
.box_rnd_in { padding-right: 8px; background: url(../img/r-top_box_ct.png) no-repeat bottom right; }
.box_rnd { height: 8px; background: url(../img/bg-top_box_ct.png) repeat-x bottom; }

.box_rnd_out_a { padding-left: 8px; background: url(../img/l-mid_box_ct.png) repeat-y; height:1%; }
.box_rnd_in_a { padding-right: 8px; background: url(../img/r-mid_box_ct.png) repeat-y top right; }
.box_rnd_a { padding: 85px 6px 6px 6px; background: #FFF; }
		
.box_rnd_out_b { padding-left: 8px; background: url(../img/l-bot_box_ct.png) no-repeat; }
.box_rnd_in_b { padding-right: 8px; background: url(../img/r-bot_box_ct.png) no-repeat top right; }
.box_rnd_b { height: 8px; background: url(../img/m-bot_box_ct.png) repeat-x; }

/* =Peliculas
-----------------------------------------------------------------------------*/
.all-films { float: left; width: 670px; }
.all-films ul li { float: left; width: 150px; height: 65px; font-size: 0.90em; padding: 5px; background: #FEF7D7; margin: 6px 6px 0 0; }
.all-films ul li div { float: left; margin: 4px 0 0 4px; }
.all-films ul li div span { font-size: 1.32em; font-weight: bold; }
.all-films ul li div span a { text-decoration: none; color: #000; }

.films_details { float: left; width: 670px; margin-top: 10px; }
.films_details .info_films { float: left; width: 390px;  margin-left: 12px; }
.films_details .info_films h2 { float: left; width: 388px; font-size: 2em; font-weight: bold; color: #000; margin-bottom: 4px; }
.films_details .info_films ul { float: left; width: 388px; font-weight: bold; }
.films_details .info_films ul li { display: block; margin-bottom: 2px; }
.films_details .info_films ul li span { font-weight: normal; }
.films_details .info_films ul#film_creditos { margin-top: 12px; padding: 6px 0; border-top: 3px solid #DDD; border-bottom: 3px solid #DDD; font-weight: normal; }
.films_details .info_films ul#film_creditos li { padding: 0; }
.films_details .info_films ul#film_creditos li.tit_creditos { font-size: 1.12em; font-weight: bold; color: #3076B2; }
.films_details .posters { float: left; width: 266px; }
.films_details .posters img { border: 1px solid #999; padding: 2px; background-color: #F9F9F9; }
.films_details .sinopsis { margin-top: 24px; background: #FFF7A0; padding: 12px 16px; }
.films_details .sinopsis h4 { font-size: 1.24em; font-weight: bold; color: #000; }
.films_details .sinopsis p { margin-top: 2px; font-size: 1em; font-weight: bold; }
.films_details .film_director { float: left; margin-top: 24px; }
.films_details .film_director h4 { font-size: 1.18em; font-weight: bold; color: #000; }
.films_details .film_director p { float: left; margin-top: 2px; margin-right: 20px; width: 253px; font-size: 1.1em; }
.films_details .film_director img { float: left; border: 1px solid #999; padding: 2px; background-color: #FFF; margin-right: 12px; }

/* =Paneles
-----------------------------------------------------------------------------*/
.all-paneles { }
.all-paneles ul { margin-bottom: 20px; padding: 6px 0; border-top: 3px solid #DDD; border-bottom: 3px solid #DDD; }
.all-paneles ul h1 { font-size: 1.4em; font-weight: bold; color: #3076B2; margin-bottom: 2px; }
.all-paneles ul li h3 { font-size: 1.3em; font-weight: bold; color: #C4890D; }
.all-paneles ul li p { margin-top: 8px; }
.all-paneles ul li p.teachers { margin-bottom: 4px; font-weight: bold; }

.paneles_2011 ul { width: 670px; margin-bottom: 12px;}
.paneles_2011 ul li { margin-bottom: 10px;}
/*.paneles_2011 ul li.date_panel { float: left; width: 150px; display: block; text-align: center; padding: 12px 0; background: #3076B2; color: #FFF; margin-left: 20px; }*/
.paneles_2011 ul li p { margin-bottom: 3px; }
.paneles_2011 ul h2 { font-size: 1.3em; font-weight: bold; color: #000; margin-bottom: 6px; }
.paneles_2011 ul li .tit_panel { font-size: 1.20em; font-weight: bold; color: #3076B2; }
.paneles_2011 ul li .panelistas { font-weight: bold; }

/* =Cortos
-----------------------------------------------------------------------------*/
#cortos_content { float: left;  }
#cortos_content .wrap_cortos { float: left; width: 670px; background: #FFF; border-bottom: 1px dashed #CCC; padding: 10px 0; clear: both; }
#cortos_content .pic_cortos { width: 118px; float: left; }
#cortos_content .pic_cortos img { border: 1px solid #999; padding: 2px; background-color: #F9F9F9; }
#cortos_content .info_cortos { width: 552px; float: left; }

#cortos_finalistas { float: left;  }
#cortos_finalistas .wrap_cortos { float: left; width: 670px; background: #FFF; border-bottom: 1px dashed #CCC; padding: 10px 0; clear: both; }
#cortos_finalistas .pic_cortos { width: 118px; float: left; }
#cortos_finalistas .pic_cortos img { border: 1px solid #999; padding: 2px; background-color: #F9F9F9; }
#cortos_finalistas .info_cortos { width: 552px; float: left; }

.cortostab li { list-style:none; display:inline; float: left; margin-right: 4px; }
.cortostab li a { text-decoration:none; font-size: 1.4em; font-weight: bold; background-color: #3076B2; padding: 2px 8px; color: #FFF; }
#cortostab_2, #cortostab_3, #cortostab_4, #cortostab_5 { display: none; }
#festivaltab_2, #festivaltab_3, #festivaltab_4, #festivaltab_5 { display: none; margin-top: 22px; }

.festival_op li { list-style:none; display:block; width: 650px; margin: 0 0 6px 0; }
.festival_op li.active { background: #f6ba0a; color: #000; }
.festival_op li a { text-decoration:none; font-size: 1em; font-weight: bold; background-color: #3076B2; padding: 2px 5px; color: #FFF; }
.festival_op li a:hover { background: #f6ba0a; color: #000; }

/* =Calendario
-----------------------------------------------------------------------------*/
.grid { float: left; margin-bottom: 20px; }
.grid table { border-collapse: separate; font-size: 0.91em; font-weight: bold; color: #000; background: url(../img/bg_table_grid.png) repeat; }
.grid th.none { width: 48px; background: #FFF; padding: 0; }
.grid th, .grid td { width: 109px; padding: 6px 7px; text-align: left; vertical-align: top; position: relative; border-right: 1px solid #A3A3A3; }
.grid .wt { font-size: 0.90em; font-weight: normal; color: #1F3165; margin-top: 3px; display: block; }
.grid .film { font-size: 1.4em; font-weight: bold; text-transform: uppercase; }
.grid td.name { background: #FFF; width: 48px; padding: 0; vertical-align: middle; }
.grid th { height: 14px; font-weight: bold; font-size: 12px; color: #000; background: #f3c907; border-right: 1px solid #FFF;  }
.grid td.row { background: #cee6fb; border-right: 1px solid #A3A3A3; }
.grid td.alt-row { background: #f8f5cc; border-right: 1px solid #A3A3A3; }
.grid td:hover, th:hover { background-position: 0px -81px; color: #222; }
.grid td.date_has_event { background-position: 162px 0px; color: #000; background: #0cc6de; }
.grid td.date_has_event .name_event { font-size: 1.25em; font-weight: bold; color: #000; }
.grid td.date_has_event:hover { background-position: 162px -81px; } 
.grid td.padding { background: url(../img/calpad.jpg); }
.grid td.today { background-position: 81px 0px; color: #000; }
.grid td.today:hover { background-position: 81px -81px; }
.grid .events { position: relative; }
.grid .events ul { text-align: left; position: absolute; display: none; z-index: 1000; padding: 15px; background: #000 url(../img/popup.png) no-repeat; border: 3px solid #FFF; font-size: 1.3em; width: 200px; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; -border-radius: 6px; list-style: none; color: #999;  /*-webkit-box-shadow: 0px 8px 8px #333;*/ }
.grid .events li { padding-bottom: 5px; }
.grid .events li span { display: block; font-size: 0.8em; font-weight: normal; text-align: justify;	color: #FFF; }
.grid .events li span.title { font-weight: bold; color: #fff47f; }

/* =Showcase
-----------------------------------------------------------------------------*/
.showcase_cortos { float: left; width: 730px; height: 460px; color: #FFF; position: absolute; overflow-x: hidden; overflow-y: hidden; }
.showcase_cortos ul#show_hm { float: left; display: block; }
.showcase_cortos #show_hm li { width: 146px; height: 153px; position: relative; float: left; display: inline; overflow-x: hidden; overflow-y: hidden; opacity: 1; }
.showcase_cortos #show_hm li.info_showcase { width: 438px; height: 153px; background: #000; position: relative; float: left; display: inline; overflow-x: hidden; overflow-y: hidden; opacity: 1; }
.showcase_cortos #show_hm li.info_showcase h2 { padding: 28px 20px; font-size: 1.3em; font-weight: bold; color: #FCD654; }
.showcase_cortos #show_hm li a:link { text-decoration: none; }
.showcase_cortos .project { display: block; overflow: hidden; position: relative; }
.showcase_cortos .project:hover { background-position: left top; }
.showcase_cortos .project-info { width: 146px; height: 110px; position: absolute; background: #101010 url(../img/bg_effect_cortos_hm.jpg) repeat-x; bottom: -110px; text-align: left; }
.showcase_cortos .project-info h2 { color: #FFDC88; padding: 15px 12px 0; font-size: 1.25em; font-weight: bold; line-height: 1em; font-family: "ff-din-web-1","ff-din-web-2","Arial"; }
.showcase_cortos .project-info span { display: inline-block; font-size: 0.8em; font-weight: normal; color: #FFF; padding: 3px 0; }

#slider { list-style:none; }
#slider li { list-style:none; width: 730px; width: 460px;  }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#controls { margin:0; padding:0; position:relative; }
#prevBtn { display:block; margin:0; overflow:hidden; width:44px; height:62px; position:absolute; left:-20px; top:-170px; }
#nextBtn { display:block; margin:0; overflow:hidden; width:44px; height:62px; position:absolute; left: 930px; top:-170px; }
#prevBtn a { display:block; width:44px; height:62px; background:url(images/prev_showcase.png) no-repeat 0 0; }
#nextBtn a { display:block; width:44px; height:62px; background:url(images/next_showcase.png) no-repeat 0 0; }

/* =Videos
-----------------------------------------------------------------------------*/
.videos_home { width: 144px; padding-left: 30px; font-size:0.9em; }
.videos_home h1 { font-size: 1.3em; font-weight: bold; color: #3076B2; margin-bottom: 8px; }
.videos_home li { margin-bottom: 12px;}
.videos_home li img { margin-bottom: 2px; }
#wrap_videos { float: left; background: #FFF; padding: 20px 16px 20px 16px; }
#wrap_videos .vid_emphasis { float: left; width: 670px; }
#wrap_videos .vid_emphasis div { float: left; width: 132px; margin-right: 8px; margin-top: 60px; }
#wrap_videos .vid_emphasis div.vid_principal { float: left; width: 250px; margin-top: 0; }
#wrap_videos .vid_emphasis div.vid_principal h2 { font-size: 1.15em; font-weight: bold; color: #3076B2; }
#wrap_videos .vid_emphasis div.vid_principal img { margin: 8px 0; }
#wrap_videos .vid_emphasis div.last { margin-right: 0; }
#wrap_videos .vid_second { float: left; width: 670px; }
#wrap_videos .vid_second div { float: left; width: 202px; background: #FEF7D7; padding: 5px; margin-right: 10px; }
#wrap_videos .vid_second div img { float: left; margin-right: 6px; }
#wrap_videos .vid_second div p { font-size: 0.95em; font-weight: bold; color: #000; padding-top: 3px; }
#wrap_videos .vid_second div p span { font-weight: normal; }

/* =Awards
-----------------------------------------------------------------------------*/
#premios_ct { float: left; width: 670px; margin-bottom: 80px; }
#premios_ct div {float: left; display: block; width: 190px; margin-right: 10px; background: #FEF7D7; border: 1px dotted #999; padding: 18px 10px 0 10px; }
#premios_ct div.first { background: #FEF7D7 url(../img/premios_1.png) no-repeat 140px 35px; height: 280px; }
#premios_ct div.second { margin-top: 40px; background: #FEF7D7 url(../img/premios_2.png) no-repeat 140px 35px; height: 240px; }
#premios_ct div.third { margin-top: 80px; background: #FEF7D7 url(../img/premios_3.png) no-repeat 140px 35px; height: 200px; }
#premios_ct h3 { font-size: 2.2em; font-weight: bold; color: #3076B2; }

/* =Footer
-----------------------------------------------------------------------------*/
#footer_wrap { float: left; margin-left: 50px; background: #0E4E90 url(../img/bg_foot_wrap.gif) repeat-x top; }
#footer_wrap .footer { width: 910px; font-size: 0.9em; color: #FFF; }
/*#footer_wrap .footer a { color: #A1A3A4; text-decoration: underline; padding: 0 6px; }
#footer_wrap .footer a:hover { color: #FFF4C0; text-decoration: none; }
#footer_wrap .footer .first { padding-left: 0; }
#footer_wrap .footer .last { border: 0; }*/
#footer_wrap .copyright { float: left; width: 365px; margin-top: 5px; margin-right: 15px; }
#footer_wrap .copyright img { float: left; margin: 0 18px; }
#footer_wrap .copyright a { color: #FFE38E; text-decoration: underline; padding: 0 3px; border-right: 1px solid #FFE38E; }
#footer_wrap .copyright a:hover { color: #999; text-decoration: none; }
#footer_wrap .copyright .first { padding-left: 0; }
#footer_wrap .copyright .last { border: 0; }
#footer_wrap .prev_festivals { float: left; width: 435px; padding: 5px 10px; color: #FFF; border-left: 1px solid #FEF9E2; }
#footer_wrap .prev_festivals p { margin-bottom: 2px; }
#footer_wrap .prev_festivals a { color: #FFE38E; text-decoration: none; padding: 0 1px; }
#footer_wrap .prev_festivals a:hover { color: #FFE38E; text-decoration: underline; }
#footer_wrap .prev_festivals .first { padding-left: 0; }
#footer_wrap .prev_festivals .last { border: 0; }



.bdr_photos { border: 1px solid #CACACA; padding: 3px; margin-top: 8px; }
.pad_22 { padding: 22px; }
.pad_w_22 { padding: 0 22px; }
.pad_bot_22 { padding: 22px 22px 0 22px; }
.pad_10 { padding: 10px; }
.pad_12 { padding: 12px; }


.list_general li { list-style: circle; margin-left: 10px; margin-top: 6px; }
.negrita { font-weight: bold; }
.line { height: 1px; background-color: #000; margin: 5px 0;  }
.emphasis { color: #C4890D; font-weight: bold; font-size: 1.2em; }
.marcador { color: #3076B2; font-weight: bold; font-size: 1.2em; }
.date { font-size: 0.9em; color: #222; padding-top: 4px; }

.bdr_image { border: 1px solid #999; padding: 2px; background-color: #FFF; margin: 6px 0; }
.img_left { float: left; border: 1px solid #999; padding: 2px; background-color: #FFF; margin: 2px 10px 4px 0; }
.img_right { float: right; border: 1px solid #999; padding: 2px; background-color: #FFF; margin: 2px 0 4px 10px; }

/* =Forms
-----------------------------------------------------------------------------*/
input[type="text"], input[type="password"], input[type="file"], input[type="submit"] {
	border: 1px solid #C9C9C9; padding: 2px 5px; width: 160px; font: 1em Arial, Helvetica, sans-serif; color: #444;
}
input[type="submit"] { cursor: pointer; font-weight: bold; padding: 5px; }
select { border: 1px solid #C9C9C9; padding: 2px; width: 170px; font: 1em Arial, Helvetica, sans-serif; color: #444; }

/* IE6 chokes on attribute selectors in a chain, so we separate them into their own rule */
/*.ie6 */input.text, /*.ie6 */input.password, /*.ie6 */input.file, /*.ie6 */input.submit {
	border: 1px solid #C9C9C9; padding: 2px 5px; width: 160px; font: 1em Arial, Helvetica, sans-serif; color: #444;
}
/*.ie6 */input.submit { cursor: pointer; font-weight: bold; padding: 5px; }
textarea, .textarea { border: 1px solid #A1A3A4; padding: 2px 5px; width: 248px; height: 130px; font: 1em Arial, Helvetica, sans-serif; color: #444; }

.quip-comment-body { background: #F9F9F9; margin-bottom: 4px; }
.quip-comment-alt { background-color: #000000; }

/* =Misc
-----------------------------------------------------------------------------*/

.clear { clear: both; }