@charset "UTF-8";
/* 
Theme Name: Huila Pride
Theme URI: http://www.foxrocklive.com
Description: Diseño creado para uso exclusivo del diario la nación
Version: 1.0 
Author: Andrés Londoño
Author URI: http://blog.foxrocklive.com/ 
Tags: brown, fixed width, two columns, widgets, La Nación 
*/

body{
	background:url(img/background.png) repeat-y fixed center top;
}

a{
	color:#900;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

hr{
	border-bottom:#333 solid 1px;
	margin:10px 0;
}

h2{
	border-bottom:3px solid #00A651;
	color:#333;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px;
	font-style:oblique;
	font-weight:normal;
	margin-bottom:20px;
}

h2 a{
	color:#333;
}

#container{
}

.widgettitle{
	background:url(img/titular_bg.png) bottom repeat-x;
	border:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:21px;
	font-weight:normal;
	color:#900;
	font-weight:normal;
	margin-bottom:10px;
	padding-left:5px;
	border-bottom:#900 solid 3px;
}

.widgettitle a{
	color:#900;
	text-decoration:none;
}

.widgettitle a:hover{
	text-decoration:underline;
}

.title2{
	border-top:1px solid #900;
	border-bottom:3px solid #00A651;
	color:#333;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px;
	font-style:oblique;
	font-weight:normal;
	padding-left:10px;
	margin-bottom:20px;
}

.title2 a{
	text-decoration:none;
	color:#333;
}

.title2 a:hover{
	text-decoration:underline;
}

.alignright{
	float:right;
}

.alignleft{
	float:left;
}

p img{
	margin:0 5px;
}

.date{
	color:#900;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}

/* header */

#header{
	background:#FFF;
	clear:both;
	float:left;
	padding-bottom:10px;
	position:relative;
	width:960px;
}

.yellow{
	background:url(img/header.jpg) no-repeat;
}

#logo{
	background:url(img/logo.png) no-repeat top left;
	height:80px;
	width:460px;
	margin-top:20px;
}

#date{
	clear:both;
	float:left;
	height:30px;
	margin-left:15px;
	width:200px;
}

/* L O G I N */

#login{
	position:absolute;
	right:20px;
	top:0;
	width:362px;
}

#al_login{
	background:url(img/login_feo.png) left bottom no-repeat;
	float:left;
	margin-top:-81px;
	padding:11px;
	width:342px;
}

#al_user{
	background:url(img/login_feo.png) left bottom no-repeat;
	float:left;
	padding:11px;
	width:342px;
}

#login a{
	color:#900;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:oblique;
}

#login h2{
	border-bottom:#666 solid 1px;
	color:#333;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	margin-bottom:0;
}

#al_login fieldset{
	margin:0;
}

#login fieldset div{
	float:left;
	margin-bottom:5px;
	width:165px;
}

#login input[type=text], #al_login input[type=password]{
	width:159px;
}

#login .right_col{
	margin-left:10px;
}

#login .options{
	clear:both;
	float:left;
	margin:5px 0 0;
	width:100%;
}

#login .options .hide{
	display:none;
}

/* menu */

#navigation{
	background:url(img/nav_repeat.png);
	border-bottom:5px solid #00A651;
	border-top:1px solid #CCC;
	clear:both;
	float:left;
	height:40px;
	width:960px;
	z-index:200;
}

#navigation ul{
	font-family:Times, serif;
	font-size:16px;
	font-weight:600;
	padding: 0;
	margin:0;
	list-style:none;
	z-index:200;
}

#navigation li{
	background:url(img/nav_separator.png) left top no-repeat;
	float:left;
	position:relative;
	margin-left:0;
	z-index:200;
}

#navigation li a{
	display:block;
	height:40px;
	line-height:42px;
	color:#333;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
}

#navigation li:first-child {
	background:none;
}

#navigation li a:hover{
	text-decoration:underline;
}


#navigation li ul{
	background:#00A651;
	display:none;
	position:absolute;
	top:40px;
	left:0;
	padding-bottom:5px;
}


#navigation li ul li a{
	width:140px;
	background:#ff6;
	display:block;
	height:31px;
	line-height:31px;
	color:#333;
	text-decoration:none;
	padding-left:20px;
	text-align:left;
}

#navigation li:hover ul, #navigation li.over ul{
	display:block;
	z-index:200;
}

/* columna principal de contenido */

#columns{
	padding-top:10px;
	background:url(img/content_bg.png) repeat-x top left;
	float:left;
}

/* V I D E O S */

#videos{
	background:url(img/videos_bg.png) repeat-x;
	float:left;
	height:54px;
	position:relative;
	width:960px;
}

#videos .mask{
	float:left;
	height:40px;
	margin:6px 40px;
	overflow:hidden;
	width:880px;
}

#videos .container{
	float:left;
}

#videos .item{
	float:left;
	margin-right:10px;
	width:210px;
}

#videos .item img{
	float:left;
	margin-right:5px;
	width:60px;
	height:40px;
}

#videos .item h2{
	border:none;
	float:left;
	font-size:12px;
	font-style:normal;
	width:145px;
}

#videos .navigation{
	cursor:pointer;
	display:none;
	float:left;
	height:21px;
	text-indent:-9999px;
	position:absolute;
	top:15px;
	width:21px;
}

#videos .prev{
	background:url(img/videos_prev_btn.png);
	left:10px;
}

#videos .next{
	background:url(img/videos_next_btn.png);
	right:10px;
}

/* e x t r a */

#extra{
	background:#FF9;
	border:1px dotted #900;
	width:678px;
	padding:10px;
}

#extra div{
	float:left;
	width:450px;
}

#extra h2{
	border:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:oblique;
	font-size:21px;
	font-weight:normal;
	color:#900;
	margin:0;
}

#extra h3{
	color:#333;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight:bold;
	margin:0;
}

#extra h3 a{
	color:#333;
}

#extra p{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
}

#extra p a{
	color:#333;
}

#extra img{
	float:right;
	width:220px;
	height:auto;
}

/* Rotativa */

div#slideshow{
	width:700px;
	height:300px;
	overflow:hidden;
    position:relative;
	float:left;
}

div.slide img{
	width:460px;
	height:300px;
	float:left;
}

div.slide div{
	background:#F6F7E7;
	border:#E5E6D6 solid 1px;
	width:218px;
	height:278px;
	float:left;
	padding:10px;
}

div.slide div h2{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	margin-bottom:10px;
	border:none;
}

div.slide div h2 a{
	color:#153F1B;
	text-decoration:none;
}

div.slide div h2 a:hover{
	text-decoration:underline;
}

div.slide div hr{
	border-bottom: 1px solid #030;
	margin-bottom:10px;
}

div.slide div p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

div.slide div p a{
	text-decoration:none;
	color:#333;
}

div.slide div p a:hover{
	text-decoration:underline;
}

div#slidesList{
	position:absolute;
	top:275px;
	left:465px;
}

div#slidesList span{
	display:block;
	float:left;
	text-indent:-10000px;
	width:10px;
	height:10px;
	cursor:pointer;
	margin:5px;
	background-color:#C79D02;
}

div#slidesList .selected{
	background-color:#F8C300;
}

/* regional */

#regionalTabHeader{
	background:#565656 url(img/regional_tab_header.png) repeat-x top left;
	border-color:#999;
	border-style:solid;
	border-width:1px;
	width:338px;
	height:34px;
}

#regionalTabHeader span{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	display:block;
	width:84px;
	height:34px;
	text-align:center;
	line-height:34px;
	float:left;
	cursor:pointer;
	font-weight:bold;
}

#regionalTabHeader .default{
	text-decoration:none;
	color:#333;
}

#regionalTabHeader .selected{
	text-decoration:underline;
	color:#900;
}

#regionalTabHeader span:hover{
	text-decoration:underline;
}

#regionalTabBody{
	background:#FFF url(img/regional_body_bg.png) repeat-x bottom left;
	width:338px;
	border-color:#999;
	border-style:solid;
	border-width:1px;
	border-top:none;
	padding-bottom:15px;
}

#regionalTabBody #mask{
	width:340px;
	overflow:hidden;
}

#regionalTabBody #panel div{
	float:left;
}

#regionalTabBody #panel div h2{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	font-style:normal;
	margin-bottom:5px;
	border:none;
}

#regionalTabBody #panel div h2 a{
	text-decoration:none;
	color:#900;
}

#regionalTabBody #panel div h2 a:hover{
	text-decoration:underline;
}

#regionalTabBody #panel div p{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	margin-bottom:5px;
	margin-bottom:5px;
}

#regionalTabBody #panel div p a{
	color:#333;
	text-decoration:none;
}

#regionalTabBody #panel div p a:hover{
	text-decoration:underline;
}


#regionalTabBody #panel div img{
	float:left;
	margin-right:5px;
	margin-bottom:0;
}

#regionalTabBody #panel div hr{
	border-bottom-color:1px solid #163F1C;
	margin-bottom:5px;
}

.regionalTabPanel{
	margin:10px;
	width:320px;
}

/* t o o n */

#toon img{
	width:340px;
	height:auto;
}


/* separador */

.separator{
	margin-bottom:20px;
}

.separator h1{
	background:url(img/titular_bg.png) bottom repeat-x;
	border-bottom:5px solid #900;
	color:#900;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:oblique;
	font-size:32px;
	margin-bottom:0;
	padding-left:5px;
	font-weight:normal;
}

/* secciones */

div.section{
	margin-bottom:10px;
}

div.section h2{
	border-top:1px solid #900;
	border-bottom:3px solid #00A651;
	color:#333;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px;
	font-style:oblique;
	font-weight:normal;
	height:40px;
	line-height:42px;
	padding-left:10px;
	margin-bottom:0;
}

div.section h2 a{
	text-decoration:none;
	color:#333;
}

div.section h2 a:hover{
	text-decoration:underline;
}

div.section .content{
	margin-top:5px;
}

div.section div img{
	height:70px;
	width:auto;
	margin-right:5px;
	float:left;
}

/* search */

.searchform label{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:oblique;
	color:#999;
	float:left;
}

.searchform input[type=text]{
	background:url(img/search_input_bg.png) left top no-repeat;
	border:0;
	color:#666;
	float:left;
	width:168px;
	height:20px;
	padding:6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:normal;
}

.searchform button{
	background:url(img/search_submit_bg.png) left top no-repeat;
	width:40px;
	height:32px;
	text-indent:-9999px;
	border:0;
	padding:0;
	float:left;
	cursor:pointer;
}

/* titulares */

div.item-resume h3{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
	color:#900;
}

div.item-resume h3 a{
	text-decoration:none;
	color:#900;
}

div.item-resume h3 a:hover{
	text-decoration:underline;
}

div.item-resume .date{
	color:#900;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
}

div.item-resume p{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom:5px;
	color:#333;
}

div.item-resume p a{
	text-decoration:none;
	color:#333;
}

div.item-resume p a:hover{
	text-decoration:underline;
}

.comments, div.item-resume p.comments{
	background:url(img/comment.png) no-repeat;
	padding-left:20px;
	margin-bottom:0;
	color:#03C;
	height:18px;
	line-height:14px;
	float:left;
}

div#lastNews hr{
	border-style:dotted;
	border-bottom-color:#333;
	margin-bottom:5px;
}

/* datepicker */

.ui-widget{
	font-size:12px;
}

#ui-datepicker-div{
	display:none;
}

/* M U L T I M E D I A */

#multimedia{
	background:url(img/multimedia_bg.jpg) repeat-x;
	clear:both;
	float:left;
	height:310px;
	position:relative;
}

#multimedia .title{
	background:url(img/multimedia_title.png) transparent no-repeat;
	height:31px;
	left:20px;
	position:absolute;
	top:20px;
	width:144px;
}

#multimedia .mask{
	float:left;
	height:218px;
	margin-left: 40px;
	margin-top:67px;
	overflow:hidden;
	width:884px;
}

#multimedia .container{
	float:left;
	height:218px;
}

#multimedia .item{
	display:block;
	float:left;
	height:218px;
	margin-right:10px;
	cursor:pointer;
	position:relative;
	width:288px;
}

#multimedia .item:hover{
	color:#FFF;
}

#multimedia .item img{
	height:210px;
	margin:2px;
	width:280px;
}

#multimedia .cover{
	background:url(img/multimedia_item_cover.png) no-repeat transparent;
	height:218px;
	left:0;
	position:absolute;
	top:0;
	width:288px;
}

#multimedia .navigation{
	cursor:pointer;
	float:left;
	height:118px;
	text-indent:-9999px;
	position:absolute;
	top:100px;
	width:20px;
}

#multimedia .prev{
	background:url(img/multimedia_prev.png);
	left:10px;
}

#multimedia .next{
	background:url(img/multimedia_next.png);
	right:10px;
}

#multimedia .item .title{
	background:#000;
	filter:alpha(opacity=60);
	height:60px;
	left:2px;
	opacity:0.6;
	position:absolute;
	top:152px;
	width:280px;
}

#multimedia .item .title h2{
	border:none;
	color:#FFF;
	font-size:16px;
	font-style:normal;
	margin:5px;
}

/* D O M I N I C A L */

#dominical{
	position:relative;
}

#dominical .mask{
	float:left;
	margin-left: 40px;
	overflow:hidden;
	width:620px;
}

#dominical .container{
	float:left;
}

#dominical .item{
	float:left;
	margin-right:10px;
	width:200px;
}

#dominical .item img{
	height:auto;
	width:200px;
}

#dominical ul{
	
}

#dominical .navigation{
	cursor:pointer;
	float:left;
	height:19px;
	text-indent:-9999px;
	position:absolute;
	top:100px;
	width:20px;
}

#dominical .prev{
	background:url(img/dominical_prev.png);
	left:0;
}

#dominical .next{
	background:url(img/dominical_next.png);
	right:0;
}

/* f o o t e r */

div#footer{
	background:#FF0;
	border-top:1px solid #ccc;
	clear:both;
	float:left;
}

#footer_logo{
	margin-top:10px;
}

#footer .column{
	margin-top:10px;
	padding-left:20px;
}

#footer p{
	font-size:9px;
	width:460px;
	margin:20px;
}

#footer h2{
	border:none;
	color:#333;
	font-family:Times, serif;
	font-size:16px;
	font-style:normal;
	font-weight:bold;
	margin:0;
}

#footer h2 a{
	color:#333;
}

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

#footer li{
	color:#333;
	font-family:Times, serif;
	font-size:16px;
	margin-left:10px;
}

#footer li a{
	color:#333;
}

/*
/////////////////////////////
//                         //
//         SIDEBAR         //
//                         //
/////////////////////////////
*/

#sidebar{
}

#sidebar hr{
	margin:0;
}

#sidebar ul{
	list-style:none;
}

#sidebar ul li{
	display:block;
	float:left;
	margin:0;
	padding:0;
	margin:0 0 10px;
}

.registraduria{
	background:#FF9;
}

#social_widget img{
	margin:4px;
}

/* I N D I C A D O R E S */

#indicadores{
	text-align:center
}

#IEDolar{
	height:220px;
}

/*
/////////////////////////////
//                         //
//         SINGLE          //
//                         //
/////////////////////////////
*/

#post-navigation{
	
}

#post-navigation .previous{
	float:left;
}

#post-navigation .next{
	float:right;
}

/*  comments  */

#commentform textarea{
	width:700px;
}

/*
/////////////////////////////

        OIO PUBLISHER
		  
/////////////////////////////
*/

#oio-banner-1, #oio-banner-2, #oio-banner-3, #oio-banner-4, #oio-banner-5, #oio-banner-6, #oio-banner-7, #oio-banner-8, #oio-banner-9, #oio-banner-10{
	padding-bottom:10px;
}

.oio-banner-zone li{
	display:block;
}

/* M E E N E W S */

.widget_meenews{
	width:220px;
}