/*
Theme Name: GANA
Theme URI: http://www.gana.org.sv/
Description: Tema politico.
Version: 2.1
Author: Grupo Planb
Tags: naranja, Sitio web administrable, estilo propio, 

GANA  || http://www.gana.org.sv
This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own. :)
*/



/***********************************************/
/*******************General*********************/
/***********************************************/

body {
	background-image:url(images/bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#f98a14;
	margin:0 auto 0 auto;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}

a{
	color:#039;
}

h2{
	font-size:15px;
	font-weight:900;
	color: #999;
	margin:0;
	display:block;
	padding:6px 0 0 8px;
}

h3 {
	font-size:11px;
	font-weight:300;
	color:#999;
	margin:0 5px 0 0;
	display:block;
	padding:15px 0 0 0;
	float:right;
}

#pub1 {
	width:100%;
}


/******************************************************/
/***********************Encabezado*********************/
/******************************************************/

#header{
	width:890px;
	margin: 0 auto 0 auto;
}


/****************************************************/
/****************Contenido Principal*****************/
/****************************************************/

#contenido {
	margin: 0 auto 0 auto;
	width:890px;
	float: none;
}

#home{
	margin:0 0 0 26px;
	width:835px;
}



/**********************************************************/
/********************Sección de Menú***********************/
/**********************************************************/

#menu{
	width:890px;
	height:40px;
	background:#FFF url(images/bg-pleca.jpg)  top left repeat-x;
	margin:0 auto 0 auto;
	font-size:12px;
}

#menu li{
	list-style:none;
	margin:0 0 0 0;
	padding:10px 0 0 20px;
	display:inline-block;
	float: left;
}

#menu li a{
	text-decoration:none;
	font-weight:900;
	font-size:14px;
	color:#FFF;
	text-transform: uppercase;
}

#twitter{
	width:850;
	height:15px;
	margin:3px 0;
	padding:3px 0 0 40px;
	font-size:12px;
	color:#333;
	font-style:italic;
	text-decoration:none;
	background-image: url(images/twitter_32.png);
	background-repeat: no-repeat;
	background-color:#FFF;
	min-height: 25px;
}

#twitter a{
	color:#333;
}

#searchform{
	margin: 8px 10px 0 0;
	padding: 0;
	float: right;
	
}

/***********************************************************/
/*******************Sección de Noticias*********************/
/***********************************************************/

#noticias{
	width:835px;
	height:270px;
	margin:0 0 15px 0;
	background: #FFFFFF url(images/bg-pleca.jpg)  top left repeat-x;
	clear:left;
	border:#f98a14 solid 2px;
}

#noticias h2{
	width:200px;
	height:38px;
	background:url(images/pleca.jpg) top left no-repeat;
	padding:5px 0 0 50px;
	color: #003399;
}

#tower{
	width:269px;
	height:22px;
	margin: 0;
	padding:0  0 0 6px;
	float: right;

}

#texttower{
	display:block;
	border-bottom: #F33 solid 1px;
	height:70px;
}

#texttower img{
	float:left;
	margin-right:10px;
	margin-top:0;
	width:90px;
height:60px;
}

#texttower h3{
	font: 12px Arial, Helvetica, sans-serif;
	margin:	4px 5px 0 0;
	float:none;

}

#texttower h4{
  
	font: 10px Arial, Helvetica, sans-serif;
	margin: 0 4px 0 0;
}

#texttower h4 ol{
	float:right;
	margin: -6px 2px 0 0;
}

/***********************************************************/
/********************Seccion Multimedia*********************/
/***********************************************************/

#multimedia{
	width:590px;
	height:340px;
	margin:0 auto 4px 0;
}

.galeria{
	width:283px;
	height:342px;
	background:#FFFFFF url(images/bg-pleca.jpg)  top left repeat-x;
	border:#f98a14 solid 2px;
	float:left;
	
}

.galeria h2{
	width:200px;
	height:38px;
	background:url(images/pleca.jpg) top left no-repeat;
	padding:5px 0 0 50px;
	color: #003399;
}

#texttowerM{
	display:block;
	border-bottom:#F33 solid 1px;
	height:91px;
	padding:8px 0 0 8px;
}	

#texttowerM img{
	float:left;
	margin-right:10px;
	width:80px;
	height:80px;
}

#texttowerM h3{
	font: 14px Arial, Helvetica, sans-serif;
	float:none;
	margin:30px 0 0 0;
	padding:0;
	font-weight:500;
}

.videos{
	width:283px;
	height:342px;
	background:#999 url(images/bg-pleca.jpg)  top left repeat-x;
	border:#f98a14 solid 2px;
	margin-left: 297px;
}

.videos h2{
	width:200px;
	height:38px;
	background:url(images/pleca.jpg) top left no-repeat;
	padding:5px 0 0 50px;
	color: #003399;
}

#centro_electoral{
	width:584px;
	background: url(images/bg-pleca.jpg)  top left repeat-x;
	margin:20px auto 15px 0;
}

#centro_electoral h2{
	width:200px;
	height:38px;
	background:url(images/pleca.jpg) top left no-repeat;
	padding:5px 0 0 50px;
	color: #003399;
}

#post h5{
	width:574px;
	height:38px;
	background: url(images/bg-pleca.jpg) top repeat-x;
	padding:5px 0 0 10px;
	color: #003399;
	font-size:25px;
	text-transform:uppercase;
}
.estadistica{
	width:306px;
	height:200px;
	background:#fff;
	display:block;
	margin: -2px 0 1px 276px;
	padding:0;
}



#contador{
	width:584px;
	margin:20px 0 15px 0;
	padding:5px;
}




/**************************************************************/
/**************************Sidebar*****************************/
/**************************************************************/

#sidebar{
	width:233px;
	margin: 0;
	float: right;
	
}

.userlogin{
	width:233px;
	height:140px;
	background:url(images/login.jpg) top left no-repeat;
	float:none;
	margin: 0 0 10px 0;
	border:#f98a14 solid 2px;
}

.userlogin a{
	color:#FFF;
	text-decoration:none;
	display:block;
	font-size:.7em;
	}
	
	.userlogin li {
		list-style:none;
	}
	
	
.userlogin h2{
	width:200px;
	height:38px;
	background:url(images/pleca.jpg) top left no-repeat;
	padding:5px 0 0 50px;
}

.loginbox{
	display:block;
	margin:0 0 0 80px;
	padding: 70px 0 0 0;
}

.blog{
	width:233px;
	background:#FFFFFF url(images/bg-pleca.jpg)  top left repeat-x;
	float:none;
	margin: 0 0 10px 0;
	border:#f98a14 solid 2px;
}

.blog h2{
	width:200px;
	height:38px;
	background:url(images/pleca.jpg) top left no-repeat;
	padding:5px 0 0 50px;
	color: #003399;
}

.blog ul {
margin:0 0 25px 25px;
}

.blog ul li{
margin:0 0 8px;
list-style: url(images/bullet.jpg);
border-bottom:dotted 1px #CCCCCC;
font-size:11px;
padding:5px 5px 0 0;
}

.blog ul li a{
font-size:11px;
text-decoration:none;
}

#texttowerb{
	display:block;
	height: 100px;
	margin: 15px 0 0 0;
}

#texttowerb h3 {
float:none;
padding:0;
	}
	
#texttowerb img{
	float:left;
	margin:0 5px;
	width:95px;
        

	}

#texttowerb h3 a{
	text-transform: uppercase;
	font-weight:600;
}

#texttowerb h4{
	font: 12px Arial, Helvetica, sans-serif;
	margin: 5px 5px 0 10px;
	float: right;
	font-weight: 600;
}

.follow{
	width:233px;
	height:168px;
	background:#ffffff url(images/bg-pleca.jpg)  top left repeat-x;
	margin: 0 0 10px 0;
	border:#f98a14 solid 2px;
}

.follow h2{
	width:200px;
	height:38px;
	background:url(images/pleca.jpg) top left no-repeat;
	padding:5px 0 0 50px;
	color: #003399;
}

.imgbox{
	float:left;
	margin: 10px 0 5px 15px;
}

.imgbox img{
	width:39px;
	height:39px;
	padding:5px 5px 5px 5px;
}

.foro{
	width:233px;
	height:148px;
	background:#ffffff url(images/bg-pleca.jpg)  top left repeat-x;
	margin: 0 0 10px 0;
	border:#f98a14 solid 2px;
}

.foro h2{
	width:200px;
	height:38px;
	background:url(images/pleca.jpg) top left no-repeat;
	padding:5px 0 0 50px;
	color: #003399;
}

.foro img{
	width:233px;
	height:107px;
}

.shop{
	width:233px;
	height:158px;
	background:#ffffff url(images/bg-pleca.jpg)  top left repeat-x;
	margin: 0 0 10px 0;
	border:#f98a14 solid 2px;
}

.shop h2{
	width:200px;
	height:37px;
	background:url(images/pleca.jpg) top left no-repeat;
	padding:5px 0 0 50px;
	color: #003399;
}

.shop img{
	width:233px;
	height:115px;
}

/**********************************************************/
/**********************Pie de Página***********************/
/**********************************************************/

#flag{
	width:890px;
	height:139px;
	background:#ffffff url(images/pleca-end.jpg) no-repeat;
	margin: 0 auto 0 auto;
	clear:right;
}

.img1{
	margin:0 0 0 625px;
	padding: 0;
}



/***************************************************************/
/**********************Proposito General************************/
/***************************************************************/

#post{
	width:584px;
	margin:5px auto 15px 0;
	background:#fff;
}




.navigation{
	margin: 0 auto auto 5px;
	padding: 10px 12px 20px 12px;
}

.alineacionI{
	float:left;
}

.alineacionD{
	float:right;
}

.titulo{
	width:584px;
	padding:0 0 5px 5px;
}

.titulo h2{
	font: Arial, Helvetica, sans-serif; color:#666;
	font-size:2em;
	color:#003399;
}


.sumario{
	font-style:italic;
	font:Arial, Helvetica, sans-serif; color:#333;
	font-size:12px;
	padding: 0 0 5px 15px;
}

.autor{
	padding: 0 0 0 15px;
	font:Arial, Helvetica, sans-serif;
	color:#900;
	font-style:oblique;
	width: 200px;
}

.fecha{
	padding: 0 12px 0 0;
	text-align:right;
	font:Arial, Helvetica, sans-serif;
	color:#006;
	width: 350px;
	float: right;
}

#post hr{
	width:500px;
}

.entrada{
	width:565px;
	margin: 10px;
}


.entrada p{
	line-height:15px;
margin-bottom:25px;
}

.elcontenido{
	width:565px;
}

.elcontenidoimg{
	padding:10px;

}

.entrada blockquote{
	float:left;
	padding:30px 15px;
	width:160px;
	font-style:italic;
	text-align:left;
	border-bottom:1px #999 solid;
	border-top:1px #999 solid;
	color:#999;
	margin:10px 10px 0;
}

.minitxt{
	padding:10px;
	clear:left;
	color:#F60;
	font-weight:800;
}

.minitxt a{
	color:#F60;
	text-decoration: underline;
	font-weight:800;
}

.comentarios{
	width:515px;
	padding: 5px 10px 0 40px;
}


#resultado{
	width:auto;
	margin: 0 0 0 276px;
}

#resultado img{
	width:auto;
	height:50px;
}

.foroc{
	width:835px;
	margin:5px auto 15px 0;
	background:#fff;
}

#contactenos{
	margin-left:20px;
}






/**************************************************************/
/***************************SLIDER*****************************/
/**************************************************************/

.anythingSlider{
	width:553px;
	height: 230px;
	position: relative;
	margin: 0;
	float: left;
}
.anythingSlider .wrapper{
	width: 553px;
	overflow: auto;
	height: 230px;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
}
.anythingSlider .wrapper ul{
	width: 9999px;
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	border-bottom: 3px solid #e0a213;
	margin: 0;
}

.anythingSlider ul li{
	display: block;
	float: left;
	padding: 0;
	height: 230px;
	width: 553px;
	margin: 0;
}

.anythingSlider .arrow                  { display: block; height: 30px; width: 65px; background: url(images/arrows.png) no-repeat; text-indent: -9999px; position: absolute; top:0; cursor: pointer;}
.anythingSlider .forward                { background-position: 0 -108px; right: -45px; }
.anythingSlider .back                   { background-position: -75px -108px; left: -33px; }
.anythingSlider .forward:hover          { background-position: 0 -108px; }
.anythingSlider .back:hover             { background-position: -75px -108px; }


#thumbNav                               { position: relative; top: 200px; left: 15px; text-align: left; }
#thumbNav a                             { color: white; font: 11px/18px; Arial, Helvetica, sans-serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #6699CC url(images/cellshade.png) repeat-x; text-align: center;}
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #F60; }

#start-stop                             { background: #F60; background-image: url(images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 6px; width: 44px; text-align: center; position: absolute; right: 1px; top: 200px;}
#start-stop.playing                     { background-color: #039; }
#start-stop:hover                       { background-image: none; }


/*Prevents*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }


/**PAGE/
/*CSS-Tricks Example by Chris Coyier http://css-tricks.com*/
*                                       { margin: 0; padding: 0; }
a, a img                                { border: 0; text-decoration: none; outline: 0; }
#page-wrap                              { width: 510px; padding: 15px; background: white; margin: 0 auto 50px; position: relative; }
#col1                                   { width: 49%; float: left; margin: 0 0 20px 0; }
#col2                                   { width: 49%; float: right; }
pre                                     { font: 13px/1.8 Monaco, MonoSpace; margin: 0 0 15px 0; }
ul                                      { margin: 0 0 25px 25px; }
ul li                                   { font: 15px Arial, Helvetica, sans-serif; margin: 0 0 8px 0; }
#dl                                     { position: absolute; top: 10px; right: 0; background: black; color: #000099; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px 6px; }
#dl:hover                               { background: #ccc; }


/*This stuff is for the TitleBlock Plugin*/
.image                                  { position: relative; margin-bottom: 20px; width: 250px; float:left; margin-right:15px;}
.image h2                               { position: absolute; top: 220px; left: 0; width: 100%; }
.image h2 span                          { color: white; font: bold 30px/40px Arial, Helvetica, sans-serif; letter-spacing: -1px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); padding: 6px 8px; }
.image h2 span.spacer                   { padding: 0 2px; background: none; }



/*For Specific Slides*/
#textSlide                              { padding: 25px 0 0 18px; }
#textSlide h3                           { font: 12px Arial, Helvetica, sans-serif;}
#textSlide h4                           { font: 18px Arial, Helvetica, sans-serif; margin-bottom:10px;}
#textSlide h4 a                         { font-weight:900;}
#textSlide p							{ font-size:11px;}
#textSlide ul                           { list-style: none; margin: 0 0 0 25px; }
#textSlide ul li                        { display: list-item;}

#quoteSlide                             { padding: 20px; }
#quoteSlide blockquote                  { font: italic 24px/1.5 Arial, Helvetica, sans-serif; text-align: center; color: #444; margin: 0 0 10px 0; }
#quoteSlide p                           { text-align: center; }


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

.form_input
{
	padding:2px;
	margin: 2px;
	font-family: Verdana;
	font-size: 16px;
	text-shadow:none;
	font-weight:500;
	color: #ffffff;
	border: 0;
	background:#000;
	text-align: center;
}

#conta{
	margin: 0 20px 0 270px;
	text-align: center;
}

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


.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/*************************************************************************************************************************************************/
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
	.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/****************footer********************/


#logo {
	background:url(images/logo.png) no-repeat;
	width:253px;
	height:150px;
	float: left;
}

#polit {
	color:#FFFFFF;
	font-size:0.9em;
	margin: 15px 0 0 130px;
	padding: 5px 10px 0 35px;
	width: 450px;
	float: left;
}

#pb{
	width:100px;
	height:35px;
	margin: 0 0 0 275px;
	float: left;
}

/**********TITULAR DE PAGINA****************/

#titpage {
height:40px;
background:url(images/bg-pleca.jpg) repeat-x;
display:block;
}

#titpage h2{
	background: url(images/pleca.jpg) no-repeat;
	display:block;
	color:#003399;
	height:33px;
	padding:8px 0 0 35px;
}
		
/********************************************MY WIDGET CUSTOM CSS FOR SIDEBAR WIDGETS***********************************************************/		

#widgetname{
	width:233px;
	background:#FFFFFF;
	border-bottom:#ccc solid 18px;
	float:none;
}

#widgetname ul {
margin:0 0 25px 25px;
}

#widgetname ul li{
margin:0 0 8px;
list-style: url(images/bullet.jpg);
border-bottom:dotted 1px #CCCCCC;
font-size:11px;
padding:5px 5px 0 0;
}

#widgetname ul li a{
font-size:11px;
text-decoration:none;
}


#categorias{
	width:550px;
	display:block;
	margin:10px;
}

#categorias img{
	float:left;
	margin:10px;
}

#categorias h4{
	font-size:18px;
}

#categorias h4 a{
	text-decoration:none;
	font-size:18px;
}
#clear{
	width:500px;
	clear:left;
	height:15px;
}

/**GANA TV**/


#conteiner {
	width:850;
	padding:0;
	margin:0;
}

#videotv {
	width:550px;
	float:left;
	margin:0;
	padding:0;
}

#ultimosvideostv{
	width:300px;
	margin:0 0 0 550px;
	background-color:#F60;
}

#ultimosvideostv h2{
	height:35px;
	width:300px;
	padding:5px 0 0 20px;
	color:#FFF;
	text-transform:uppercase;
	font-weight:800;
	background:url(images/bg-h2.jpg) repeat-x;
	margin:0 ;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;}
#ultimosvideostv h2 img{
	float:right;
	margin:0  5px 0 0;
}

#uv {
	height:52px;
	width:300px;
	border-bottom:#FFF 1px solid;
	}

#uv img{
	width:90px;
	height:47px;
	float:left;
	margin:2px 10px 2px 2px;
}

#uv h1{
	color:#FFF;
	font-weight:600;
	font-size:12px;
	margin:0 0 0 100px;
	display:block;
}

#uv h3{
	color:#FFF;
	font-size:10px;
	margin:0 0 0 100px;
	display:block;
	
}

#shome{
	width:233px;
	background:#FFFFFF url(images/bg-pleca.jpg)  top left repeat-x;
	float:none;
	margin: 0 0 10px 0;
	border:#f98a14 solid 2px;
}

#shome h2{
	width:183px;
	height:38px;
	background:url(images/pleca.jpg) top left  repeat-x;
	padding:5px 0 0 50px;
	color: #003399;
}

#shome ul {
margin:0 0 25px 25px;
}

#shome ul li{
margin:0 0 8px;
list-style: url(images/bullet.jpg);
border-bottom:dotted 1px #CCCCCC;
font-size:11px;
padding:5px 5px 0 0;
}

#shome ul li a{
font-size:11px;
text-decoration:none;
}