/*
Theme Name: FLACSO Uruguay
Theme URI: http://www.pronovitas.com
Description: Tema de WordPress desarrollado por Marcus Lundstedt
Version: 2.8
Author: Marcus Lundstedt
Author URI: http://www.pronovitas.com
Tags: pronovitas, diseño, desarrollo, web
*/

* {
    margin: 0;
    padding: 0;
}

html, body {
    height: 100%;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -80px;
	padding: 0;
}

.footer_push, .push {
    height: 80px;
}

body {
	background-image: url(images/body_bg.gif);
	background-repeat: repeat-x;
	font-size: 100%;
	color: #222;
	font-size: 13px;
}

a {
	color: #006699;
	text-decoration: none;
	font-size: 13px;
}

a:hover {
	color: #006699;
	text-decoration: underline;
}

p {
	font-size: 13px;
	color: #333;
	font-weight: normal;
}

ul {
	list-style: none;
}

/* ============================= HEADER ============================ */

#header { /* Es un Grid 16 */
	height: 200px;
}

#descripcion {
	color: #777;
	font-size: 10px;
	line-height: 33px;
	width: 230px;
	display: inline;
	float: left;
	font-family: Arial;
}

#div_logo {
	height: 200px;
}

#div_logo h1,
#div_logo a {
	padding: 0;
	margin: 0;
}

#imagen_header {
	width: 520px;
	height: 150px;
	/* background: url(images/foto.jpg); */
}

.linea_azul {
	height: 4px;
	background-color: #006699;
	line-height: 0px;
	font-size: 0px;
	margin-bottom: 10px;
}


/* =================================== NAVIGATION =================================== */


#div_nav {
	z-index: 10;
	height: 33px;
	padding-top: 7px;
}

#div_nav ul {
	margin: 0;
	padding: 0;
}


/* 
	LEVEL ONE
*/
ul.dropdown_flacso { position: relative; float: right;}
ul.dropdown_flacso li {
	margin: 0;
	padding: 0;
	float: left;
	zoom: 1;
}

ul.dropdown_flacso a:hover { color: #6bb32b; }
ul.dropdown_flacso a:active { color: #6bb32b; }

ul.dropdown_flacso li a {
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	display: block; 
	color: #006699;
	padding: 4px 8px;
	margin: 4px 0 2px 0; 
	line-height: 14px;
}


ul.dropdown_flacso li:last-child a { border-right: none; } /* Doesn't work in IE */

ul.dropdown_flacso li.hover,
ul.dropdown_flacso li:hover {  
	color: #6bb32b; 
	position: relative;
}

ul.dropdown_flacso li.hover a { color: black; }


/* 
	LEVEL TWO
*/
ul.dropdown_flacso ul { width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown_flacso ul li {
	font-weight: normal; background: #f6f6f6; color: #000; 
	border-bottom: 1px solid #ccc; float: none;
}
									  
	/* IE 6 & 7 Needs Inline Block */
ul.dropdown_flacso ul li a { border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
ul.dropdown_flacso ul ul { left: 100%; top: 0; }
ul.dropdown_flacso li:hover > ul { visibility: visible; }


/* =================================== SIDEBAR =================================== */

#sidebar_1 {
	z-index: 3000; /* Necesario para que funcione el menú en IE6 y IE7 */
	float: left;
}

#sidebar_2 {
	float: right;
}

#menu_sidebar {
	z-index: 4000; /* Necesario para que funcione el menú en IE6 y IE7 */
	float: left;
	width: 160px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#buscar {
	float: left;
	display: block;
}

#buscar #searchsubmit { /* Botón - Buscar */
	background: url(images/boton_buscar.gif);
	border-style: none;
	border-width: 0px;
	color: #FFF;
	padding: 0;
	height: 26px;
	width: 60px;
	margin: 0;
	float: left;
}

#buscar #searchsubmit:hover {
}

#buscar #s { /* Campo de Texto - Buscar */
	color: #006699;
	margin: 0;
	padding: 4px;
	border: none;
	float: left;
	font-size: 12px;
	height: 18px; /* Sumado al padding (top & bottom) da 26px */
	width: 92px; /* Sumado al padding (top & bottom) da 160px */
	background: url(images/bg_buscar.gif);
}

/* ============================= MAIN CONTENT ============================ */

.container_16 h2, .container_16 h3 {
	color: #006699;
}

.bloque {
	background-color: #f5f5f5;
	background-image: url(images/bg_noticias_azul.gif);
	background-repeat: repeat-x;
	border-color: #d8d8d8;
	border-style: solid;
	border-width: 1px; /* Esto agrega 2px al width */
	width: 248px;
	float: left;
	margin-bottom: 10px;
}

blockquote {
	margin-left: 25px;
}

/* ----- VIDEO ----- */
.bloque_video {
	width: 218px;
	margin-top: 10px;
}

.bloque_video .cuerpo {
	width: 198px !important;
	padding-bottom: 5px !important; 
}

.bloque_video .cuerpo p {
	margin: 0 !important;
}

.bloque_video .cuerpo .link {
	float: right;
	margin-top: 5px;
	margin-bottom: 0px;
}

/* ----- LOGIN ----- */

.bloque_login {
	width: 158px;
	margin-top: 10px;
}

.bloque_login form {
	float: left;
	margin: 5px 0px 0px 10px;
	width: 138px;
}

.bloque_login .textfield {
	width: 50px;
	float: right;
	padding: 2px 5px;
	border: solid 1px #CCC;
	background-color: #fbfbfb;
}

.bloque_login #login {
	background-color: #006699;
	border: none;
	width: 60px;
	height: 20px;
	line-height: 20px;
	color: #FFF;
	padding: 0;
	margin: 0;
}

.bloque h2 {
	background-color: #F5F5F5;
	float: left;
	font-size: 14px;
	line-height: 14px;
	margin-bottom: 0;
	margin-left: 10px;
	margin-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

.bloque h2 a {
	font-size:14px;
}

.noticias_rojo h2,
.noticias_rojo h2 a {
	color: #cc0000;
}

.noticias_naranja h2,
.noticias_naranja h2 a {
	color: #ff6600;
}

.noticias_verde h2,
.noticias_verde h2 a {
	color: #6bb32b;
}

.noticias_ultimas h2,
.noticias_ultimas h2 a {
	color: #000;
}
.noticias_gris h2,
.noticias_gris h2 a {
	color: #333;
}


.noticias_ultimas {
	background-image: url(images/bg_noticias_ultimas.gif);
	width: 218px;
	float: left;
}
.noticias_ultimas .cuerpo {
	width: 198px !important;
}

.noticias_azul {
	background-image: url(images/bg_noticias_azul.gif);
}
.noticias_rojo {
	background-image: url(images/bg_noticias_rojo.gif);
}
.noticias_naranja {
	background-image: url(images/bg_noticias_naranja.gif);
}
.noticias_verde {
	background-image: url(images/bg_noticias_verde.gif);
}
.noticias_gris {
	background-image: url(images/bg_noticias_gris.gif);
}

.bloque .cuerpo {
	width: 228px;
	float: left;
	padding: 10px;
}

.bloque .cuerpo p {
	text-align: left;
	margin-bottom: 10px;
	line-height: 14px;
}

.bloque .cuerpo .div_thumb {
	margin-bottom: 10px;
}

.bloque ul {
	list-style: square;
	list-style-position: outside;
	line-height: 14px;
	margin-left: 15px;
}

.noticias_azul ul {
	color: #006699;
}

.noticias_ultimas ul {
	color: #000;
}

.bloque li a {
	font-size: 12px;
}

a.ampliar_informacion {
	background-color: #006699;
	color: #FFF;
	padding: 0px 3px;
	font-size: 11px;
	float: right;
	text-decoration: none;
	margin-top: -5px;
}

.post_archive a.ampliar_informacion {
	background-color: #F5F5F5;
	border: 1px solid #AAA;
	color: #888888;
	font-weight: bold;
	margin-top: 10px;
}

.noticias_rojo a.ampliar_informacion {
	background-color: #cc3333;
}
.noticias_verde a.ampliar_informacion {
	background-color: #6bb32b;
}
.noticias_naranja a.ampliar_informacion {
	background-color: #ff6600;
}
.noticias_gris a.ampliar_informacion {
	background-color: #777;
}

a.ampliar_informacion:hover {
	background-color: #333;
}
.post_archive a.ampliar_informacion:hover {
	color: #EEE;
}

/* ----- PAGINATION ----- */
.next_previous_post {
	float: left;
	width: 500px;
}

.next_previous_post li {
	display: inline;
	list-style: none;
}

.wp-pagenavi span.pages,
.wp-pagenavi span.current {
	border:1px solid #CCC;
	border:1px solid #CCC !important;
	/* El !important es para que este estilo tenga preferencia sobre todos los demás estilos que puedan estar en otras style sheets. */
	color:#555 !important;
	margin:2px;
	padding:2px 4px;
}

.wp-pagenavi {
	float: left;
}

.next_previous_post .wp-pagenavi span,
.next_previous_post .wp-pagenavi a {
	float: left;
	color: #5396c9;
	border:1px solid #5396c9;
	font-size: 13px;
	line-height: 16px;
}

.next_previous_post .wp-pagenavi span.current {
	background-color: #F6F6F6;
	font-weight: normal;
}

/* ----- CONTAINER ----- */
.container_16 .articulo,
.container_16 .archivo {
	background: #FFF;
	border: 1px solid #ccc;
	padding: 5px 10px 5px 10px;
	width: 498px;
}
.container_16 .articulo p,
.container_16 .archivo p {
	text-align: justify;
}
.container_16 .articulo ul,
.container_16 .archivo ul {
	list-style: square;
	list-style-position: outside;
	margin-left: 25px;
}
.container_16 .articulo ol,
.container_16 .archivo ol {
	list-style-position: outside;
	margin-left: 25px;
}
.container_16 .columna {
	width: 250px;
}
.container_16 .articulo h1 {
	color: #006699;
	font-size: 25px;
}
.container_16 .articulo h2 {
	color: #006699;
	font-size: 16px;
}
.container_16 .articulo h3 {
	color: #333;
	font-size: 14px;
	font-weight: bold;
}
.container_16 .archivo h3 {
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
}


/* ----- POST ARCHIVE ----- */
.post_archive {
	border: 1px solid #ccc;
	background-color: #F7F7F7;
	padding: 10px;
	margin: 0;
	margin-bottom: 10px;
	float: left;
	width: 476px;
}
.post_archive p {
	margin-bottom: 2px;
}
.post_archive h2 {
	margin-bottom: 2px;
}
h3.h3_archive{
	background-color: #006699;
	font-size: 13px;
	color: #FFF;
	margin: 0 0 5px 0;
	padding: 2px 10px;
}

/* ----- ARTÍCULOS RELACIONADOS ----- */
.articulos_relacionados {
	margin-bottom: 8px;
	padding: 10px;
	background-color: #FCFCFC;
	border: 1px solid #EEE;
}
.articulos_relacionados h3 {
	font-size: 13px;
	line-height: 13px;
	margin-bottom: 5px;
}
.articulos_relacionados ul {
	list-style: square;
	list-style-position: inside;
}
.articulos_relacionados li {
	line-height: 13px;
	font-size: 12px;
}

/* =================================== FOOTER =================================== */


#footer {
	color: #444;
	height: 138px;
	background-image: url(images/bg_footer.gif);
	background-repeat: no-repeat;
	margin-bottom: 0px;
	padding: 0px;
}

#footer .titulo {
	font-size: 16px;
	font-weight: bold;
	float: left;
	margin: 50px 0 0 60px;	
}

#footer .contacto {
	float: right;
	font-size: 12px;
	margin: 33px 104px 0 0;	
}

#footer_nav {
	float: right;
	font-size: 16px;
}

#footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer li {
	margin: 0;
	padding: 0;
	display: inline;
	margin-left: 0px;
}

#footer a {
	text-decoration: none;
	font-weight: bold;
	color: #444;
	padding: 3px 3px 2px 3px;
	font-size: 12px;
}

#footer_nav a {
	font-size: 16px;
}

#footer a:hover {
	background-color: #31547b;
	color: #FFF;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

#creditos{
	margin-top: 2px;
	font-size: 10px;
	text-align: left;
	color: #AAA;
}

#creditos a {
	font-size: 10px;
	color: #AAA;
}