/*==============================================================================

PROYECTO  : darfurvisible.org
NOMBRE    : css/darfur.css

SUMARIO

* MAIN ELEMENTS             Elementos de uso general
* LAYOUT                    Estilos para la composic��n de la plantilla
* HEADER                    Zona de cabecera
* FOOTER                    Zona de pie de p��gina
* LEFTCOL                   Columna izquierda
	* Form                  Formulario de b��squeda
* CONTENT - INTRO           Contenido de la p��gina de introducci��n
* CONTENT - SEARCH RESULT   Contenido del resultado de la b��squeda
* CONTENT - FICHA           Contenido de la ficha de acta
* Auxiliares globales       Setting globales y hacks

==============================================================================*/

body { color: #827b60; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.3em; }
.BORRAR { border-bottom: 1px solid #a09; border-top-width: 0; border-right-width: 0; border-left-width: 0; }
a { color: #c64600; text-decoration: none; }
a:hover { text-decoration: underline; }
p { padding-top: 0.5em; padding-bottom: 0.5em; }
h1 { font-size: 26px; line-height: 0.9em; }
h2 { font-size: 14px; line-height: 1em; }
td { font-size: 11px; line-height: 1.2em; vertical-align: top; padding: 0.5em; border-bottom: 1px solid #ede7cf; }
th { color: #a09767; font-size: 11px; line-height: 1.2em; text-align: left; vertical-align: top; padding: 0.5em; border-bottom: 1px solid #ede7cf; }
a.underlined { color: inherit; text-decoration: underline; }
a.strong { font-weight: 700; }
.more { background-image: url(../img/arrow_more.png); background-repeat: no-repeat; background-position: 0 0.3em; padding-left: 10px; }
a.sort_asc { color: inherit; background-image: url(../img/icon_sort_asc.png); background-repeat: no-repeat; background-position: 0 0.3em; text-decoration: underline; padding-left: 10px; }

blockquote { padding-right: 1em; padding-left: 2em; }
input.tf, textarea.tf { border: solid 1px #a09767; }
#wrapper { 
 margin: 0 auto;
 width: 973px;
 background-image: url(../img/bg_body.gif); background-repeat: repeat-y;
}

#wrapperactores { 
 margin: 0 auto;
 width: 973px;
 background-image: url(../img/bg_body2.gif); background-repeat: repeat-y;
}
#header {
 background-color: #ffffff;
 width: 973px;
 float: left;
 height: 76px;
}
.header-inner {
	padding: 7px;
}
.header_left {
	float: left;
}
.header_right { float: right; padding-top: 20px; }
#navigation { color: #fff; font-size: 11px; font-weight: 700; float: left; width: 973px; }
.navigation-inner {
	
}
.menu div, .submenu div { float: left; margin-left: 5px; margin-right: 5px; padding: 0 0 0 0.5em; line-height: 28px; height: 28px;}
#navigation a { }
.menu { background-color: #659dcc; background-image: url(../img/bg_menu.gif); background-repeat: repeat-x; background-position: 0 bottom; height: 28px; }

.menu a { color: #fff; font-weight: 700; text-decoration: none; }
.menu a:hover { text-decoration: underline; }
.menu div.active p { color: #456d90; background-image: url(../img/bg_menu_active_right.gif); background-repeat: no-repeat; background-position: right 0; padding: 0 0.5em 0 0; }
.menu div.active p a { color: #456d90;}
.menu div.active { background-image: url(../img/bg_menu_active_left.gif); background-repeat: no-repeat; background-position: left 0; }
.submenu { background-color: #659dcc; background-image: url(../img/bg_submenu.gif); background-repeat: repeat-x; background-position: 0 top; height: 28px; }

.submenu a { color: #456d90; font-weight: 700; line-height: 28px; background-image: url(../img/arrow_submenu.gif); background-repeat: no-repeat; background-position: left center; text-decoration: none; height: 28px; padding-right: 7px; padding-left: 12px; }
.submenu a:hover { text-decoration: underline; }
.wrap { float: left; }
.section_bar { background-image: url(../img/bg_section.png); background-repeat: repeat-x; width: 828px; height: 28px; }
.section_bar div { float: left; }
.section_bar li { display:inline; color: #595443; font-weight: 700; line-height: 28px; height: 28px; float: left; padding-right: 4em; padding-left: 1em; display: block; }
.section_bar li.section_bar1 { background-image: url(../img/bg_link_section1.png); background-repeat: no-repeat; background-position: right center; }
.section_bar li.section_bar2 { background-image: url(../img/bg_link_section2.png); background-repeat: no-repeat; background-position: right center; }
.section_bar a { color: #595443; font-weight: 700; line-height: 28px; height: 28px; float: left; padding-right: 4em; padding-left: 1em; display: block; }
.section_bar a.section_bar1 { background-image: url(../img/bg_link_section1.png); background-repeat: no-repeat; background-position: right center; }
.section_bar a.section_bar2 { background-image: url(../img/bg_link_section2.png); background-repeat: no-repeat; background-position: right center; }

#leftCol { min-height: 350px; width: 144px; float: left; }
.leftCol-inner { border-top: 1px solid #fff; }
#leftCol a {  }
.leftContent { background-color: #fff; padding: 7px 7px 7px 0; }
#leftMid { font-size: 14px; line-height: 1.5em; min-height: 350px; width: 484px; float: left; }
.leftMid-inner {
	padding: 7px;
}

#leftActores{font-size: 14px; line-height: 1.5em; min-height: 500px; width: 684px; float: left;background-color:transparent;}

#rightMid { font-size: 12px; line-height: 1.3em; position: relative; min-height: 350px; width: 200px; z-index: 0; float: left; }
.rightMid-inner {
}

.boxMid {
	padding: 7px;
}

.box_color { background-color: #ede7cf; border-top: 1px solid #fff; }

.box_red { color: #fff; background-color: #c64600; }
.box_red a { color: #fff; font-weight: 700; text-decoration: underline; }


#rightCol { 
 min-height: 350px;
 width: 145px;
 float: left;
}
.rightCol-inner { padding-top: 7px; padding-bottom: 7px; padding-left: 7px; }
.boxRight { margin: 0 0 7px 0; }

.box_border { padding: 7px; border: solid 1px #827b60; }

#footer { width: 973px; clear: both; color: #e8e7e1; background-color: #837b60; background-image: url(../img/bg_footer.gif); background-repeat: repeat-x; background-position: 0 top; min-height: 86px; }
.footer-inner {
	padding: 15px;
}
.footer_left { font-size: 14px; font-weight: 700; height: 50px; float: left; margin-right: 20px; }
#footer a { color: #e8e7e1; text-decoration: underline; }
#listado p { background-image: url(../img/arrow_right.png); background-repeat: no-repeat; background-position: 0 10px; padding-left: 10px; }
img.float_right { float: right; margin: 0 0 7px 7px; }
/* Articulo
------------------------------------------------------------------------------*/

.article { padding-top: 10px; padding-bottom: 20px; }
.article_text h2 { padding: 1em 0 0; }
.article_text ul{list-style: disc; list-style-position:inside; margin-left:1em;}
.article_data { font-size: 0.9em; padding-top: 0.2em; padding-bottom: 0.2em; }
.article_subtitle { font-weight: 700; }
.article h2 {font-size: 18px; line-height: 1em;}
.article_despiece { font-size: 0.9em; background-color: #ede7cf; margin: 2em 0 0; padding: 1em 0.5em; }
.article_fotoNoticia, .article_videoNoticia { background-color: #ede7cf; width: 253px; float: right; margin: 0 0 0 5px; padding: 5px; }
.article_videoNoticia { font-size: 0.8em; height: auto; border-top: 1px solid #fff; }
.article_videoNoticia ul { margin: 1em 0 0; }
.article_videoNoticia li { line-height: 16px; background-image: url(../img/icon_video_lt.png); background-repeat: no-repeat; margin: 0 0 0.5em; padding: 0 0 0 20px; }
.article_links, .article_files { font-size: 0.9em; margin-top: 1em; }
.article_links li { background-image: url(../img/icon_html.png); background-repeat: no-repeat; margin: 0 0 0.5em 1.5em; padding: 0 0 0 20px; list-style:none; }
.article_files li { line-height: 16px; background-image: url(../img/icon_download.png); background-repeat: no-repeat; height: 16px; margin: 0 0 0.5em 1.5em; padding: 0 0 0 20px; list-style:none; }
.photo-caption { font-size: 0.8em; line-height: 1.2em; }
/*.photo img{
	max-width:230px;
}*/
.photo-browse { margin: 5px 0 0; }
.photo-browse span { width: 20px; height: 20px; float: left; margin: 0 1px 0 0; border: solid 1px #a09767; display: block; }
.photo-browse span a { color: #867f60; line-height: 20px; background-color: #ede7cf; text-align: center; width: 20px; height: 20px; float: left; margin: 0 1px 0 0; display: block; }
.photo-browse span a:hover { color: #ede7cf; background-color: #a09767; text-decoration: none; }
/* Calendario
------------------------------------------------------------------------------*/

.mes { font-weight: 700; padding: 0.2em 0.2em 0.2em 5px; border-bottom: 1px solid #fff; }

.calendar { padding: 9px; }
.calendar li { float: left; margin: 2px 1px; }
/* Varios todo el web
------------------------------------------------------------------------------*/
.footnote { margin-top: 2em; padding-top: 1em; border-top: 1px solid #e8e7e1; }
.img_caption { font-size: 10px; }
.inner { padding: 7px; }
.right { text-align: right; }
.highlight { color: #e8e7e1; background-color: #837b60; }
.date_color { color: #456d90; }
.reveal {
	background-image: url(../img/arrow_reveal.png);
	background-repeat: no-repeat;
	background-position: right 5px;
	padding-right: 12px;
}
.expand { background-image: url(../img/arrow_expand.png); background-repeat: no-repeat; background-position: left 0; padding-left: 12px; }
.collapse { background-image: url(../img/arrow_collapse.png); background-repeat: no-repeat; background-position: left 0; padding-left: 12px; }
.border_top { border-top: 1px solid #e8e7e1; }
.border_bottom { border-bottom: 1px solid #e8e7e1; }
.border_gray { padding: 7px; border: solid 1px #e6e6e6; }
.margin_top { margin: 1em 0 0; }
a.print { color: #727474; line-height: 26px; background-image: url(../img/icon_printer.png); background-repeat: no-repeat; background-position: 7px center; text-decoration: underline; height: 26px; margin-bottom: 7px; padding: 7px 7px 7px 35px; border: solid 1px #e6e6e6; display: block; }
a.send { color: #727474; line-height: 26px; background-image: url(../img/icon_email_send.png); background-repeat: no-repeat; background-position: 7px center; text-decoration: underline; height: 26px; margin-bottom: 7px; padding: 7px 7px 7px 35px; border: solid 1px #e6e6e6; display: block; }
.phone { color: #c64600; font-size: 14px; font-weight: 700; background-image: url(../img/icon_phone.png); background-repeat: no-repeat; background-position: left center; padding-left: 22px; }
.masa_roja { color: #fff; font-size: 16px; font-weight: 700; background-color: #c64600; width: 100%; height: 75px; }
.masa_roja img { padding-top: 20px; padding-left: 7px; }
.orla_roja { background-image: url(../img/orla_roja.gif); background-repeat: repeat-x; background-position: -1px 0; width: 100%; height: 4px; float: left; margin-bottom: 15px; }
.masa_verde { color: #ede7cf; font-size: 16px; font-weight: 700; background-color: #868060; width: 100%; height: 75px; }
.masa_roja h2, .masa_verde h2 { color:#fff;}
.masa_roja a, .masa_verde a { color:#fff; text-decoration: underline; }
.masa_verde_right { background-color: #868060; width: 100%; height: 63px; }
.masa_verde img, .masa_verde_right img { padding-top: 20px; padding-left: 7px; }
.orla_verde { background-image: url(../img/orla_verde.gif); background-repeat: repeat-x; background-position: -1px 0; width: 100%; height: 4px; float: left; margin-bottom: 15px; }
.required { background-image: url(../img/asterisk.png); background-repeat: no-repeat; padding-left: 16px; }
.not_required { padding-left: 16px; }
#actores { padding-bottom: 3em; }
#actores ul { margin: 1em 0 0 0; }
#actores li { margin: 0 0 0 15px; }
.card { line-height: 20px; background-image: url(../img/card_index.png); background-repeat: no-repeat; height: 20px; padding-left: 20px; }
.small { font-size: 0.9em; line-height: 1.5em; }

#av_list li { font-size: 0.9em; line-height: 1em; width: 145px; height: 290px; float: left; margin: 0 5px 5px 0; border: solid 1px #d4d4c7; }
#browse { text-align: center; }
#av_solapas { background-image: url(../img/solapas_bg.png); background-repeat: repeat-x; background-position: 0 bottom; margin: 0 0 10px; }
#av_solapas div { float: left; margin: 0 0 0 10px; }
.tags { line-height: normal; }
.tag1 { font-size: 0.9em; }
.tag2 { font-size: 1.5em; }
.tag3 { font-size: 2em; }
.tag4 { font-size: 2.5em; }
.tag5 { font-size: 3em; }
.input_field { font-size: 11px; width: 120px; }
.checkbox { float: left; margin: 0 3em 0 0;}
#leftCol form { color: #456d90; }
#leftCol form h3 { font-size: 14px; font-weight: 700; margin: 1em 0 0.5em; padding: 0.5em 0 0; border-top: 1px solid #b0ccdd; }
.input_left { width: 120px; padding: 0.2em; border: solid 1px #456d90; }
.anchor { font-size: 90%; margin: 1em 0 0; padding: 1em 1em 0 2em; border-top: 1px solid #d1cbb2; border-bottom: 1px solid #d1cbb2; }
.enviar_amigo { background-color: #ede7d0; margin: 30px 0 0; padding: 10px; border: solid 1px #d1cbb2; }
.legal { font-size: 12px; padding: 2em; }
.legal h1 { margin: 0 0 1em; }
.legal h2 { margin: 1.5em 0 1em; }
/* TABS
------------------------------------------------------------------------------*/
#tabs{ voice-family: "\"}\""; voice-family: inherit; }
.tabHeaders {background-image: url(../img/solapas_bg.png); background-repeat: repeat-x; background-position: 0 bottom; margin: 0 0 10px;}
.tabHeaders div { float: left; margin: 0 0 0 10px; }
#tabs_PR ul{
        font: bold 11px Arial, Verdana, sans-serif;
        margin:0;
        padding:0;
        list-style:none;
    }
    #tabs_PR  li{
        display:inline;
        margin:0 2px 0 0;
        padding:0;
        text-transform:uppercase;
    }
    #tabs .tabHeaders a{ color: #867f60; font-weight: 700; line-height: 40px; background-image: url(../img/tab_off.png); background-repeat: no-repeat; float:left; margin:0; padding:0; text-decoration:none; text-align: center; width: 101px; height: 40px; display: block; }
    #tabs a span{
        float:left;
        display:block;
    }
    #tabs a span{float:none;}
    #tabs .tabHeaders a:hover{ background-image: url(../img/tab_on.png); background-repeat: no-repeat; }
    #tabs a:hover span{}
    #tabHeaderActive span, #tabHeaderActive a { background-image: url(../img/tab_on.png) !important; background-repeat: no-repeat !important; }
    .tabContent {  }
.tabContent div {  }

/* ACTUALIDAD
------------------------------------------------------------------------------*/

.boxLeft { width: 144px; }
#leftCol h2 { color: #456d90; font-size: 12px; background-image: url(../img/bg_leftCol_h2.png); background-repeat: repeat-x; background-position: 0 bottom; padding: 0.4em 0.2em; border-bottom: 1px solid #fff; }
#leftCol h2 a { color: #456d90; }
#leftCol ul { padding-top: 0.5em; }
#leftCol li { padding-right: 0.2em; padding-bottom: 0.5em; border-bottom: 1px solid #fff; }
#leftCol a.reveal { color: #659dcc; text-decoration: underline; }

/* AGENDA
------------------------------------------------------------------------------*/
.actividades { margin-top: 2em; }
.actividades h2 { margin-bottom: 1em; }
.ac_date { font-weight: 700; padding-right: 0.2em; border-right: 2px solid #c64600; }
.ac_content { font-size: 0.9em; margin-bottom: 2em; }
.ac_content ul{list-style: disc; list-style-position:inside; margin-left:1em;}
.ac_content img { float: right; margin-right: 7px; }
.ac_data { font-size: 0.9em; line-height: 1.3; margin-top: 0.5em; margin-left: 1.5em; }
.ac_data span { margin: 0 0 0.5em; display: block; }
.ac_download { line-height: 16px; background-image: url(../img/icon_download.png); background-repeat: no-repeat; height: 16px; margin-top: 0.5em; padding-left: 20px; }
#rightMid .actividades h2 { font-size: 1em; font-weight: 400; }


/* FICHA
------------------------------------------------------------------------------*/
#ficha { padding: 1em; border: solid 1px #ede7cf; }
.ficha_left { font-size: 0.9em; line-height: 1.2em; width: 165px; float: left; }
.ficha_right { width: 265px; float: right; }

/* HISTORIA
 * ------------------------------------------------------------------------------*/
.div_twocols { position: relative; width: 660px; height: 428px; z-index: 50; }
#his_timeline { font-size: 11px; line-height: 1.2em; background-image: url(../img/his_timeline_bar.png); background-repeat: no-repeat; background-position: 0 0; padding: 30px 0 0; }
#his_timeline div { width: 120px; float: left; margin: 0 10px 0 0; }

#his_timeline ul {
	margin-left:5px;
	margin-top:5px;
}
/* Auxiliares globales
------------------------------------------------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix{
	display: inline-table;
}

* html .clearfix{
	height: 1%;
	
}

.clearfix{
	display: block;
}

* {
	padding:0;
	margin:0;
}

select {
	min-width:1.5em;
}

img {
	vertical-align: bottom;
	margin: 0;
	padding: 0;
	border: 0;
}

ul {
	list-style-type: none;
}
* html ul li a {
	height: 1%;
}

/* Hacks IE
------------------------------------------------------------------------------*/
* html #footer { /* TODO: COMPROBAR*/
	height: 86px;
}
.rojo {color: #c64600;}