/* @override http://unionistas.org/site/wp-content/themes/unionista/style.css */

/* 
	Theme Name: Partido Unionista
	Theme URI: http://rendonproducciones.com
	Description: Template hecho para el Partido Unionista
	Author: Rendón Producciones
	Author URI: http://rendonproducciones.com
	Version: 1.0
		
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	Changelog:
		v1.0
			First Release
*/

body {
	background: #3292f5 url(images/bg.jpg) no-repeat center top;
	color: #000;
	font-family: arial, "lucida console", sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	}

/* Structure Divs */
#content {
	margin: 0 auto;
	padding: 0 10px;
	width: 934px;
	overflow: hidden;
	border-left: 3px #fff solid;
	border-right: 3px #fff solid;
	background: #e0e0e0 url(images/franja_content.jpg) repeat-y left;
	
}

.content_page{
	
}

.relleno{
	background: #e0e0e0;
	width: 954px;
	overflow: hidden;
	border-left: 3px #fff solid;
	border-right: 3px #fff solid;
	height: 10px;
	margin-left: auto;
	margin-right: auto;
}

#header {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 205px;
	}

#bloque{
	overflow: hidden;
	width: 640px;
	height: 100%;
	float: left;
}

.bloque_portada{
	background: #e0e0e0;
	
}

#bloque h1{
	background: url(images/banner_largo.jpg) repeat-y;
	width: 590px;	
	margin: 0px;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	padding: 6px 25px 4px;
}	
#noticias {
	float: left;
	margin: 0;
	text-align: justify;
	background: #fff;
	padding: 0 25px 30px;
	width: 590px;
	min-height: 510px;
}

#img_inpost{
	width: 590px;
	height: 217px;
	margin-top: 10px;
}

#img_inpost_diputado{
	width: 181px;
	height: 242px;
	margin-top: 10px;
	float: right;
	margin-left: 10px;
}

#meta_post{
	float: left;
	width: 590px;
	text-align: right;
	font-style: italic;
}

#noticia_autor{
	text-align: right;
	width: 580px;
	font-style: italic;
	margin-top: 10px;
}

#sidebar {
	float: left;
	line-height: 1.2em;
	margin: 0;
	padding: 0;
	width: 284px;
	text-align: right;
	margin-left: 10px;
	}
	
#video{
	width: 284px;
	margin-bottom: 20px;	
}

#facebook{
	height: 288px;
	width: 284px;
	background-color: #fff;
	margin-bottom: 20px;	
}

#banner_sidebar{
	width: 284px;
	overflow: hidden;
	height: 233px;	
	padding: 0px;
	margin: 0 0 20px;
}

#banner_sidebar img{
	width: 284px;
	height: 200px;
}

#ultimas{
	width: 284px;
	height: 100%;
	margin-bottom: 20px;	
	background: #FFF;
}

#ultimas ul{
	width: 284px;
	height: 100%;
	list-style-image: url(images/bullet.png);
	text-align: left;
	padding: 0 0 10px;
	overflow: hidden;
}

#ultimas li{
	list-style-image: url(images/bullet.png);
	width: 258px;
	float: left;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 5px;
	padding-top: 5px;
	list-style-position: inside;
	margin: 10px 10px 10px 15px;
}

#ultimas li a{
	color: #000;
}

#footer{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background: #000;
}

#footer_content{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#fb_pile{
	background: #fff;
	padding: 15px;
}

.footer_box{
	float: left;
	width: 300px;
	height: 200px;
	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	overflow: hidden;
	padding-bottom: 20px;
}

div.fbconnect_LastUsers{
	background: none;
}

#map li{
	margin: 0px 0px 0px 30px;
	padding-top: 0px;
	padding-bottom: 0px;
	list-style-type: disc;
	padding-left: 0;
}

.footer_box h2{
	
	color: #fff;
	text-align: center;
	font-weight: normal;
	font-style: normal;
	margin-top: 0px;
}

.footer_box ul{
	margin: 0px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 40px;
	padding-bottom: 2px;
	list-style-image: none;
	list-style-type: none;	
}

.footer_box li{
	margin: 0px;
	line-height: 16px;
	padding-top: 0;
	padding-bottom: 10px;
	list-style-image: none;
	list-style-type: none;
}

.footer_box li a{
	color: #ccc;
}

#credits {
	font-size: 11px;
	padding: 2px 10px 10px;
	text-align: center;
	color: #fffeff;
	margin: 0;
}

#credits a {
	color: #fffeff;
}

	
/* Config Structure Divs */

	/* Header */
#social_header{
	height: 35px;
	background: #000;
}

#social_bar{
	width: 960px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

#redes{
	height: 100%;
	width: 270px;
	background: url(images/redes.jpg) no-repeat right top;
	float: right;
}

#login{
	width: 120px;
	height: 25px;
	float: right;
	padding-top: 5px;
}

#logout{
	width: 112px;
	height: 22px;
	background: url(images/fb-bar.jpg);
}

#logout a{

	display: block;
	color: white;
	display: block;
	margin: 1px 1px 0px 21px;
	padding: 4px 6px 3px;
	font: bold 11px 'lucida grande', tahoma, verdana, arial, sans-serif;
}

#logout a:hover{

	text-decoration: none;
}

.link_social{
	float: right;
	height: 30px;
	margin-left: 10px;
}

.link_social a{
	display: block;
	height: 30px;
}

.link_social a span{
	display: none;
}

#link_qk{
	width: 35px;	
	margin-right: 15px;
}

#link_yt{
	width: 50px;	
}

#link_tw{
	width: 60px;	
}

#link_fb{
	width: 70px;	
}

#franja_menu{
	height: 40px;
	background: #000 url(images/franja_menu.jpg) repeat-x;
}

#logo_area{
	height: 120px;
	margin: 0 auto;
	width: 960px;
}	

#logo{
	width: 99px;
	height: 112px;	
	background: url(images/logo.jpg) no-repeat;
	float: left;
}

#slogan{	
	width: 306px;
	height: 110px;
	background: url(images/slogan.png) no-repeat;
	float: right;
}

#pages {
	margin: 0 auto;
	width: 960px;
	text-align: left;
	color: #fff;
	text-transform: uppercase;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	padding-top: 6px;
	}

#pages a{
	color: #fff;	
}

#pages a:hover{
	color: #fff;
	background-color: #017cc9;
}	
	
/* Pages */
#pages li {
	display: inline;
	list-style: none;
	}
	
#pages li:hover{
	background-color: #017cc9;
	color: #fff;	
}	
	
#pages ul {
	margin: 0;
	padding: 0;
	}
	
.current_page_item a {
	text-decoration: underline;
	}

/* Noticias */
#noticias p, #noticias ul, #noticias ol {
	line-height: 21px;
	font-size: 13px;
}

#noticias p{
	margin-top: 20px;
	margin-bottom: 20px;
}	
		
#noticias ol, #noticias ul {
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 25px;
}

#noticias ul {
	list-style: square outside;
}

#noticias ol {
	list-style: decimal outside;
}

#noticias li{
	margin-bottom: 5px;
}

#noticias h1 {
	margin: 0 0 20px;
	padding: 0 0 5px;
	font: bold 25px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#noticias h2 {
	font-size: 20px;
	margin: 20px 0 10px;
	padding: 0;
	font-weight: bold;
}
	
#noticias h3 { 
	font-size: 16px;
	margin: 20px 0 10px;
	padding: 0;
	font-weight: bold;
	color: #000;
}

#noticias small {
	font-size: 10px;
	}
	
.feedback {
	font-size: 11px;
	margin: 0;
	padding: 10px 0;
	}

#pagination {
	margin: 10px 0;
	text-align: center;
	}
	
/* Comments */
h2#comments, h2#postcomment{
	margin-bottom: 5px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #ccc;
	float: left;
	width: 590px;
	margin-top: 5px;
}

h2#comments{
	margin-top: 20px;	
}

h2#postcomment{
	margin-top: 30px;
	margin-bottom: 0px;
}

#commentlist {
	list-style: none;
	padding: 0;
	float: left;
	margin: 10px 0;
	list-style-type: none;
}

#commentlist li {
	border-bottom: 1px solid #ccc;
	padding: 0 20px 10px 15px;
	background: #e0e0e0;
	float: left;
	width: 500px;
	list-style-type: none;
	list-style-image: none;
	margin: 15px 0 5px;
}


#commentlist li p{
	margin-top: 0;
	margin-bottom: 8px;
}

#comment_date p{
	font-style: italic;
	font-size: 11px;
	margin: 0px;
}

#comment_author p{
	font-size: 16px;
	font-weight: bold;
}	

form#commentform{
	float: left;
	width: 520px;
	padding-left: 30px;
}

input{
	padding: 5px;
	font: 13px/17px Arial;
	color: #6a6a6a;
}

textarea#comment{
	padding: 5px;
	width: 400px;
	font: 13px/17px Arial;
	color: #6a6a6a;
}
	
input#submit, input.wpcf7-submit{
	width: 150px;
	color: #000;
}	
		
/* Sidebar */
.sidebar h2 {
	background: url(images/banner_corto.jpg) no-repeat center top;
	height: 24px;
	width: 274px;	
	margin: 0px;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	text-align: center;
	padding: 5px 5px 4px;
}
	
.sidebar ul, #sidebar ol {
	}
	
ul.sidebar{
	margin: 0 0 0 10px;
	width: 284px;
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	float: left;
}

li.sidebar {
	list-style-type: none;
	list-style-image: none;
	float: left;
}

#flickr-sidebar{
	background: #fff;
	margin-bottom: 20px;
}

.flickr-photos{
	float: left;
	background: #fff;	
	padding-bottom: 10px;
}
.flickr-photos img{
	float: left;
	margin-left: 9px;
	margin-bottom: 0px;
	margin-top: 10px;
 	border: 5px solid #d1d2d4;
 	width:70px;
 	height: 70px;
}

.more-photos{
	float: right;
	padding: 5px;
	margin-right: 10px;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
}
	


/* General */
a {
	color: #007dcb;
	text-decoration: none;
	}

a:hover {
	color: #0067a8;
	text-decoration: none;
}

a img{
	border: 0;
}

acronym, abbr, span.caps {
	border: 0;
	cursor: help;
	text-decoration: underline;
	}
	
blockquote {
	color: #666; /* Satan's number !!! */
	}

cite {
	text-decoration: none;
	}
	
code {
	font-family: 'Courier New', Courier, Fixed, sans-serif;
	font-size: 1.1em;
	}

img {
	border: 0;
	}

/* Float and Clear */
div.floatleft {
	float: left;
	}

div.floatright {
	float: right;
	}
	
div.both {
	clear: both;
	}
	
/* Images align */
img.border {
	border: 1px solid #C6C6C6;
	padding: 4px;
	margin: 0;
	}

img.border:hover {
	background: #E3F5FE;
	}

img.center {
	display: block; 
	margin: auto;   
	}

img.alignright {
	float: right;
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	float: left;
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
	
/* Text align */
.center {
	text-align: center;
	}
	
.alignright {
	text-align: right;
	}

.alignleft {
	text-align: left;
	}
	
	/*------------ Plugin del slider de imagees ---------*/
	
/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}

.main_view {
	float: left;
	position: relative;
}

/*--Window/Masking Styles--*/
.window {
	width: 640px;
	height: 234px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
	
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left; border: none; padding: none; z-index: -1;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 0px;
	right: 0px; 
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	display: none;
	padding-right: 15px;
	padding-left: 10px;
}
.paging a {
	padding: 5px 8px;
	text-decoration: none;
	color: #fff;
	background: #515252;
	margin-left: 5px;
}
.paging a.active {
	font-weight: bold;
	background: #0070b6;
	border: 1px solid #0070b6;

}
.paging a:hover {font-weight: bold;}	

#rotativo{
	width: 640px;
	height: 234px;
	margin-bottom: 20px;
}


/*------------ END Plugin del slider de imagees ---------*/


.post_reel{
	width: 640px;
	height: 234px;
	background: #fff;
	float: left;
	overflow: hidden;
}

.post_reel img{
	width: 640px;
	height: 232px;
	padding: 0;
	margin: 0;
}

.post_reel_img{
	width: 640px;
	height: 232px;
	position: absolute;	
	top: 0px;
}

.post_reel_text{
	position: absolute;
	width: 600px;
	height: 45px;
	background: url(images/transparente.png);
	bottom: 0px;
	padding: 10px 20px;
	z-index: 50;
}

.post_reel_text h2, .post_reel_text h2 a{
	text-transform: uppercase;
	font-size: 17px;
	color: #fff;
	padding: 0;
	margin: 0;
	max-height:23px ;
	overflow: hidden;
	font-weight: bold;
	width: 600px;
}

.post_reel_text p{
	font-size: 11px;
	color: #fff;
	padding: 0;
	margin: 0;
	text-transform: lowercaseowercase;
	width: 455px;
}

#banner_noticias{
	height: 33px;
	width: 640px;
	background: url(images/banner_unionistas.jpg);
}

/*------------ Categorias en Archivo ---------*/
#post_archive_category{
	float: left;
	width: 600px;
	background: #fff;
	padding: 20px 20px 5px;
}

.post_archive_category_element{
	float: left;
	width: 600px;
	margin-bottom: 20px;
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 15px;

	text-align: justify;
}

.post_archive_category_element p{
	margin-bottom: 0;
	margin-top: 5px;
	color: #000;
	font-size: 13px;
}

.post_archive_category_element h2{
	margin-bottom: 0;
	margin-top: 7px;
	text-align: left;
	font-weight: bold;
}

.post_archive_category_element h2 a{
	color: #007dcb;
}

.post_archive_category_element h2 a:hover{
	color: #0067a8;
	text-decoration: none;
}

.post_archive_category_element img{
	width: 180px;
	height: 108px;
	float: left;
	margin-right: 10px;
}
.more, .more a{
		color: #007dcb;
	text-align: right;
	font-size: 13px;
	margin-top: 10px;
}

#contentfotos{
	float: left;
	margin-top: 20px;
}

#entradas-numeracion{
	text-align: center;
	font-size: 15px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: bold;
}

#listado_noticias{
	float: left;
	margin-top: 10px;
}

#noticia_element{
	float: left;
	width: 176px;
	height: 160px;
	margin-right: 20px;
	margin-bottom: 15px;
	overflow: hidden;
}

#noticia_element img{
	width: 164px;
	height: 90px;
 	border: 6px solid #d1d2d4;
}

#noticia_element h2{
	text-align: center;
	margin: 0;
	font-weight: bold;
	font-size: 13px;
}

#noticia_element h2 a{
	color: #007dcb;

}

#noticia_element h2 a:hover{
	color: #0067a8;
	text-decoration: none;
}

#listado_diputados{
	float: left;
	margin-top: 30px;
}

#diputados_element{
	float: left;
	width: 176px;
	margin-right: 20px;
	margin-bottom: 30px;
	overflow: hidden;
}

#diputados_element img{
	width: 181px;
	height: 224px;
}

#diputados_element h2{
	text-align: center;
	margin: 0;
	font-weight: bold;
	font-size: 13px;
	background: #006db1;
	height: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding: 5px;
}

#diputados_element h2 a{
	color: #fff;
}

#diputados_element h2 a:hover{
	color: #fff;
	text-decoration: none;
}


#more_news{
	float: left;
	padding-bottom: 20px;
	text-align: right;
	width: 600px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}

#more_news a{
		color: #007dcb;
}

#more_news a:hover{
	color: #0067a8;
	text-decoration: none;
}

.comment_text{
	width: 420px;
	height: 100%;
	float: right;
	margin-top: 13px;
}

.comment_pic{
	height: 100%;
	float: left;
	margin-top: 14px;
}

.comment_pic img{
 	border: 6px solid #c3c5c5;
}


.navigation{
	float: left;
	text-align: center;
	width: 390px;
	margin-top: 0px;
	padding-left: 100px;
	padding-right: 100px;
	font-size: 20px;
}

#like_fb{
	margin-top: 10px;
}


/* rotator in-page placement */
    div#rotator {
	position:relative;
	height:200px;
}

#rotator ul{
	padding: 0px;
	margin: 0px;	
}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
	padding: 0px;
	margin: 0px;	
}
/* rotator image style */	
	div#rotator ul li img {
	background: #FFF;
}
    div#rotator ul li.show {
}

.tubepress_container{
	margin-top: 20px;
}

div#photoalbum-footer{
	display: none;
}

#listado_comite{
	float: left;
	margin-top: 30px;
}

#comite_element{
	float: left;
	width: 176px;
	margin-right: 20px;
	margin-bottom: 30px;
	overflow: hidden;
}

#comite_element img{
	width: 181px;
	height: 177px;
}

#comite_element h2{
	text-align: center;
	margin: 0;
	font-weight: bold;
	font-size: 13px;
	background: #006db1;
	height: 60px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding: 5px;
	color: #fff;
	
}

span.wpcf7-not-valid-tip-no-ajax{
	padding-right: 10px;
	padding-left: 10px;
	color: #ff1212;
	font-weight: bold;
	font-style: italic;
}

div.wpcf7-validation-errors{
	border: 1px solid #ff1212;
	padding: 5px;
	width: 490px;
	color: #ff1212;
	font-weight: bold;
	font-style: italic;
}