/*
Theme Name: Portico izquierda
Theme URI: http://www.palettepress.com/themes/portico/
Description: Light and airy design, right-sidebar, fixed-width and widget-ready. Compatible with Wordpress 2.8, valid XHTML & CSS.
Author: PalettePress
Author URI: http://www.palettepress.com/
Version: 1.2
Tags: blue, two-columns, right-sidebar, fixed-width
.
Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>
.
*/

@import url('style/reset.css');
@import url('style/typography.css');

* {margin : 0;padding : 0;}
html,body{margin:0;padding:0}
body{background-color:#ffffff;text-align:left;color:#222;}
#container{width:1000px;margin:0 auto;text-align:left;}
#wrapper {float:left;width:100%;margin-bottom: 10px;}

/********************************************************
************************HEADER***********************/
#header {
	background-color: #ededed;
	margin: 0;
	padding: 0;
}
.head {
	width: 1000px;
	margin: 0 auto;
	position: relative;	
}
#header h1 a,#header h1 a:hover,#header h1 a:visited,#header h1 a:active{
	color:#fff;
	font-size:36px;
	text-decoration:none;
}
.izquierda {float: left;}
.derecha {float: right;}
.comment-numero { float:right; font-family:Arial; font-weight: bold; margin-left:10px; margin-top:1px; color:#bcbcbc; font-size:16px}
h2.description {
	font-size:14px;
	padding:5px;
	color: #fff;
}
/*******************************************************
*******************CONTENT******************************/
#content{
	width:700px;
	float:right;
	margin: 25px 5px 0 5px;
}
.post h2 a:hover, .post h2 a:visited, .post h2 a {
	text-decoration : none;
	color : #4387c5;
	font: bold 1.6em/1em "Segoe UI", Arial, Verdana, Sans-serif;
	letter-spacing: -1px;
}
.post {
	background: #fff;
	border: none;
        margin: 0 0 25px 0;
}
.meta {
	font-size: 1em;
	color: #999;
	padding: 5px 0;
	margin: 0 0 10px 0;
        border-bottom: 1px solid #e5e5e5;
}
.metap {
	border: 1px solid #ececec;
	font-family: Arial, Verdana, Sans-serif;
        -moz-border-radius: 5px;
        -webkit-border-radius 5px; 
        border-radius:5px; 
        background: #fcfcfc url(images/c2.png) repeat-x bottom;
	color: #5a5a5a;
	font-size: 0.9em;
        margin: 10px 0 11px 0;
	padding: 7px;
}
.title {
	font: bold 1.5em/1em Arial, Verdana, Sans-serif;
	letter-spacing: -1px;
	color: #4387c5;
	margin: 0;
	padding: 0;
}
.title a {
	color: #4387c5;
	text-decoration: none;
}		
.title a:hover {
	color: #e34634;
}
.commentsnumber a {
        background: url('images/12-em-plus.png') no-repeat center left;
	padding: 0 0 0 15px;
}
.post ul, .post ol {margin-left : 25px;}
small {font-family : Arial, Helvetica, sans-serif;font-size : 14px;color : #b5b5b5;font-style: italic}
blockquote {
	border: 1px solid #ececec;
	font-family: Arial, Verdana, Sans-serif;
        -moz-border-radius: 5px;
        -webkit-border-radius 5px; 
        border-radius:5px; 
	line-height: 21px;
        background: #fcfcfc url(images/c2.png) repeat-x bottom;
	color: #454545;
        margin:5px; 
	padding: 18px;}
.comunicado {
	border: 1px solid #f8f805;
	font-family: "Segoe UI", Arial, Verdana, Sans-serif;
        font-size: 17px;
        text-align:center;
        -moz-border-radius: 5px;
        -webkit-border-radius 5px; 
        border-radius:5px; 
	line-height: 21px;
        background: #ffffae;
	color: #4387c5;
        margin:5px; 
	padding: 18px;}
code {font : 14px 'Courier New', Courier, Fixed;color:#7b7661;display : block;overflow : auto;text-align : left;margin : 10px 0 10px 0;padding : 5px 10px 5px 10px;background-color : #eee;border-top : 1px solid #ccc;border-bottom : 1px solid #ccc;}
p.datos {font-size: 11px; color:#5a5a5a;}
p.datos a {color:#4387c5;}
.hr2 {background: #ececec; height: 1px;}
a.srm {
	float: right;
	margin: 0;
	padding: 0;
}
.navigation {
	font-size: 1em;
}
.headernav {
        padding: 20px 0 20px 0;
}
.navigation .next {
	float: right;
	width: 45%;
	text-align: right;
}
.navigation .next a {
	background: url('images/16-arrow-right.png') no-repeat center right;
	padding: 0 20px 0 0;
	}
.navigation .prev {
	float: left;
	width: 45%;
	text-align: left;
}
.navigation .prev a {
	background: url('images/16-arrow-left.png') no-repeat center left;
	padding: 0 0 0 20px;
}
.navigation a {
	text-decoration: none;
}
.clear {
	clear: both;
}
.clear2 {
	clear:both;
	height:4px;
}
.claro {
	height:2px;
}
.clear3 {
	clear:both;
	height:15px;
}
.clear4 {
	clear:both;
	height:10px;
}
.clearlv {
	clear:both;
	height:35px;
}
.postcontent {
	font: 1.1em/1em Arial, Sans-serif;
        line-height:19px;
        display: block;
}
.postcontent ul li {
	list-style-type: none;
}
.linklog ul {
border: 1px solid #ececec;
background: #fcfcfc url(images/c2.png) repeat-x bottom;
color: #3b3b3b;
font-family: Arial, Verdana, Sans-serif;
-moz-border-radius: 5px;
-webkit-border-radius 5px; 
border-radius:5px; 
padding: 20px;
margin-bottom: 35px;
margin-left: 1px;
font-size:12px;
line-height: 17px;
}
.linklog ul a {
text-decoration:none;
}
/*******************************************************
*******************SIDEBAR******************************/
#sidebar { 
	float:left;
	width:250px;
	margin: 25px 0 0 5px;
}
#sidebar a:hover {
	text-decoration: underline;
}
#sidebar ul {
	list-style : none;
	margin : 0 0 20px 0;
}
#sidebar ul ul  {
	list-style-type: none;
	margin:0;
}
#sidebar ul ul ul {
	margin: 0;
	padding:0;
}
#sidebar ul ul ul ul{
	margin: 0;
	padding:0;
}
#sidebar ul li {
	list-style-type: none;
        font-family: Arial, Sans-serif;
	font-size: 1.0em;
	line-height: 22px;
        background: #fcfcfc url(images/c2.png) repeat-x bottom;
	border: 1px solid #ececec;
        padding: 20px;
	margin: 0 0 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#sidebar ul ul li {
	border-bottom: 1px #e5dfdf dotted;
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
}
#sidebar ul ul ul li {
	margin-left : 0;
	margin-bottom: 0;
}
#sidebar ul ul ul ul li {
	margin-left : 0;
	margin-bottom: 0;
}
#sidebar ul ul li:before {
	content: none;
}
#sidebar ul li.ads img {
	margin: 5px 12px;
}
#sidebar ul li.ads li:before {
	content: none;
}
#sidebar h2 {
	font-size : 14px;
	font-weight: bold;
	color : #3e414a;
	text-align : left;
	margin-top:5px;
	margin-bottom: 10px;
}
.textwidget a {
	color: #4387c5;
}
.textwidget a:hover {
	text-decoration:underline;
}
table#wp-calendar{
	width: 95%;
	margin:0 auto;
}
p.voz {
	list-style-type: none;
	font-size: 1.0em;
	line-height: 22px;
        background: #fcfcfc url(images/c2.png) repeat-x bottom;
	border: 1px solid #ececec;
        padding: 20px;
	margin: 0 0 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.voz {
	list-style-type: none;
	font-size: 1.0em;
	line-height: 19px;
        background: #fcfcfc url(images/c2.png) repeat-x bottom;
	border: 1px solid #ececec;
        padding: 19px;
	margin: 0 0 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
/*******************************************************
*******************COMMENTS******************************/
/* comments */
.reply a{ position: absolute; bottom: 0; right: 0;  background: #f5f5f5; border-top: 1px solid #ececec; border-left: 1px solid #ececec; padding: 2px 7px; color: #333; text-shadow: 1px 1px 1px #FFF; text-decoration: none !important; font-size: .8em; }
.comment-author { font-size: 1.0em; font-weight: bold; color: #5a5a5a; margin-right: 10px; text-shadow: none !important; }
.comment-content { color: #5a5a5a;}
.comment-author a { color: #5a5a5a;}
.comment-author .comment-date a { font-size: .8em; font-weight: normal; color: #898989; }
ol.commentlist li.comment-author-admin { background: #D4EDFE; border: 3px solid #FFF; }
.commentlist li { margin-bottom: 20px; }
ol.commentlist { list-style: none; margin-left:0px;}
.commentlist .children li { padding-bottom: 0; }
.comment-avatar { float: left; margin: 0 6px 0px 0px; width: 60px; height: 60px; }
.comment-content { position: relative; float: left; width: 660px; padding: 18px; border: 1px solid #ececec; margin-bottom:10px; background: #fcfcfc url(images/c2.png) repeat-x bottom; -webkit-border-radius 5px; border-radius:5px;  -moz-border-radius: 5px; line-height: 21px; }
.commentlist .children { list-style: none; padding: 0; margin: 20px 0px 20px 30px;}
.commentlist .children li { padding: 0; }
.commentlist .children .comment-content { width: 630px; }
.commentlist .children .children .comment-content { width: 600px; }
.commentlist .children .children .children .comment-content { width: 570px; }
.commentlist .children .children .children .children .comment-content { width: 380px; }
.commentlist .children .children .children .children .children .comment-content { width: 360px; }
	#commentform {
	padding: 15px;
	margin-top: 15px;
	margin-bottom: 10px;
	border: 1px solid #ececec;
        background: #fcfcfc url(images/c2.png) repeat-x bottom;
        -moz-border-radius: 5px;
        -webkit-border-radius 5px; 
        border-radius:5px; 

	}
	
		#commentform input,
		#commentform textarea {
			font-size: 1em;
			line-height: 20px;
			color: #777;
                        border: 1px solid #ececec;
			padding: 5px;
		}
		
		#commentform label {
	        display: block;
	        margin: 2px 0 2px 3px;
		font-size: .9em;
		line-height: 14px;
		color: #777;

		}
	
		#commentform textarea {
			width: 98%;
		}
		
		#commentform #submit {
                        font-family:Helvetica, Arial, sans-serif;
                        font-size:1.2em;
			font-weight: bold;
                        background-color: #4387c5;
                        border: 2px outset #4387c5;
                        color: #fff;
			padding: 10px 20px;
                        -webkit-appearance: none;
                        -moz-border-radius: 5px;
                        -webkit-border-radius: 5px;
                        cursor: pointer;
                        text-shadow: #4387c5 -1px -1px 0;
		}
ol.commentlist li#blank { visibility: hidden; }
#cancel-comment-reply-link { margin-left: 20px; color: #C50A17; font-weight: bold; }

/*******************************************************
*******************FOOTER******************************/
#footer{
	color: #fff;
	clear:left;
	background-color: #4387c5;
}
.foot {
	width:1000px;
	margin: 0 auto;
}
#footer a{
	color: #fff;
}
#footer p{
        margin:0;
        padding:10px 0;
}
.footer-left, .footer-center, .footer-right{
	color: #DFDFDF;
	margin-top:10px;
	margin-bottom:10px;
	margin-right:9px;
	border: 1px solid #ececec;
	font-family: Arial, Verdana, Sans-serif;
        -moz-border-radius: 5px;
        -webkit-border-radius 5px; 
        border-radius:5px; 
	line-height: 21px;
        background: #fcfcfc url(images/c2.png) repeat-x bottom;
	color: #454545;
        font-size: 11px;
        padding: 11px;
}

.footer-left .sidehead a, .footer-center .sidehead a, .footer-right .sidehead a{
	color: #AFAFAF;
}

.footer-left .sidehead a:hover, .footer-center .sidehead a:hover, .footer-right .sidehead a:hover{
	color: #FFF;
}

.footer-left{
	width: 300px;
	float: left;
}

.footer-left li, .footer-center li, .footer-right li {
	width: 300px;
	float: left;
	margin-bottom: 5px;
	color:#222;
}

.footer-center{
	width: 300px;
	float: left;
}

.footer-right{
	width: 300px;
	float: right;
}
/*******************************************************
*******************Defaults******************************/
h1{
	font-size: 28px;
}
h2{
	font-size: 24px;
}
h3{
	font-size: 21px;
}
h4{
	font-size: 18px;
}
h5{
	font-size: 16px;
}
h6{
	font-size: 14px;
        font-weight: bold;
}
hr {display : none;}
a {
	color: #4387c5;
	text-decoration:none;
}
a:hover {
	text-decoration: underline;
}
img[align=left],
.alignleft {
    float: left;
    margin-right: 10px;
}
img[align=right],
.alignright {
    float: right;
    margin-left: 10px;
}
.postcontent center { margin-bottom:1em; }
.postcontent blockquote { margin-bottom:1em; }
}
input, textarea {
    font-family:Georgia, serif;
}
.caps {
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:1px;
}
.important {
    font-weight:bold;
}
table {
	margin-bottom: 10px;
}
table,th,tr,td {
	border: 1px #ccc solid;
	padding: 5px;
}
caption {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
}
th {
	background: #eee;
}
tr:hover {
	background: #eee;
}
td:hover {
	background: #ccc;
}
/* imagen centrada */
img.centro {
	margin-bottom:20px;
}

/* imagen izquierda */
img.izquierda {
	float: left;
	margin: 0 10px 5px 0;
}

/* imagen derecha */
img.derecha {
	float: right;
	margin: 0 0 5px 10px;
}

/* imagen con borde */
img.borde {
	border: 1px solid #999;
	padding: 1px;
}

/*******************************************************
*******************Search Form******************************/

/* Search form for header area */

		#searchform {
			float: right;
			margin-top: 7px;
		}
		#searchform input {
			background: #4387c5;
			color: #fff;
			padding : 3px 4px 3px 4px;
			margin-left : 3px;
			border:0px;
		}
		input#searchsubmit:hover {background: #3e414a; }
		#searchform #s {
			width : 150px;
			background :#fff url('images/search.png') no-repeat right;
			padding :4px 4px 4px 5px;
			color: #999;
		}
	
	
	/* 404 Pages **************************************
	***************************************************/
	
	/* Search form for 404 Pages */
	#content #searchform {
		float: right;
		margin: 10px 85px 0 0;
		width: 400px;
	}


	#content #searchform input {
		width : 300px;
		background :#fff url('images/search.jpg') no-repeat left;
		padding :4px 4px 4px 25px;
		color: #999;
		border: 1px #ccc solid;
	}

	#content input#searchsubmit {
	width: 50px;
		background: #4387c5;
		color: #fff;
		padding : 3px 4px 3px 4px;
		margin-left : 3px;
		border:0px;
	}
	#content input#searchsubmit:hover {background: #000}
	
	#content .left404{
		width: 290px;
		float: left;
	}
	.left404 h2,.right404 h2{
		color: #333;
		font-size: 18px;
		font-weight: normal;
	}
	#content .right404{
		width: 290px;
		float: right;
	}	
#minicabecera1 {
	height:70px;
	background:#4387c5;
}
.minicabecera1 {
	width:985px;
	margin:auto;
}
.logo-minicabecera1 {
	float:left;
	margin-top:20px;
}
.logo-minicabecera1 img.imglavoz {
	border:0px;
	padding:0px;
	margin:0px;
}
.enlaces-minicabecera1 {
	float:left;
	margin: 25px 0px 0px 492px;
}
.enlaces-minicabecera1 li a img.imgboton {
	border:1px solid #ffffff;
	padding:1px;
}
.enlaces-minicabecera1 ul,.enlaces-minicabecera1 li {
	list-style:none;
}
.enlaces-minicabecera1 li {
	float:left;
	margin-right:18px;
}
.enlaces-minicabecera1 li a.boton {
	position:relative;	
}
.enlaces-minicabecera1 li a.boton span {
	display:none;
}
.enlaces-minicabecera1 li a.boton:hover span {
	display:block;
	position:absolute;
	top:20px;
	left:20px;
	width:125px;
	line-height:10px;
	z-index:999;
	text-align:left;
}
.enlaces-minicabecera1 li a.boton:hover span strong{
	padding:1px 4px;
	border:1px solid #bebebe;
	background:#b1b1b1;
	color:#FFF;
	font:9px Verdana, Arial, Helvetica, sans-serif;
	z-index:999;
}
#wp_page_numbers {   height:41px;  color:#8e8e8e; padding:30px 0;}
#wp_page_numbers ul { padding:1px 1px 1px 140px; line-height:39px; height:39px; border: 1px solid #ececec; background: #fcfcfc url(images/c2.png) repeat-x bottom; position:relative; margin-left:1px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#wp_page_numbers ul li { float:left; height:39px; padding:0 10px; display:block;}
#wp_page_numbers ul li.active_page { font-weight:bold;}
#wp_page_numbers ul li.active_page a { color:#5b5b5b; }
#wp_page_numbers ul li.anterior,
#wp_page_numbers ul li.siguiente { position:absolute; top:0; right:0; width:100px; 
height:41px; text-align:center; font-weight:bold; text-align:center; color:#8e8e8e;}
#wp_page_numbers ul li.siguiente a { padding-right:15px; color:#8e8e8e;}
#wp_page_numbers ul li.siguiente a:hover { padding-right:15px; color:#486dbb;}
#wp_page_numbers ul li.anterior { background-position:left top; left:0; right:auto;}
#wp_page_numbers ul li.anterior a { color:#8e8e8e; padding-left:15px;}
#wp_page_numbers ul li.anterior a:hover { color:#486dbb; padding-left:15px;}
.fondo2 { background: url(images/bg-main-top.gif) repeat-x top left; padding:18px 0 25px; margin-top:-22px; }
.fondo3 { background: url(images/bg-main.gif) repeat-x top left; padding:20px 0 25px; }
.fondo4 { background: url(images/bg-main-top.gif) repeat-x top left; padding:16px 0 25px; }
.pagenumbers{
clear:left;
margin:0;
padding-bottom:5px;
height:20px;
}
.pagenumbers span{
border:1px solid #ececec;
display:block;
float:left;
margin-right:0.8em;
padding:9px;
}

.pagenumbers a{
border:1px solid #ececec;
display:block;
float:left;
margin-right:0.8em;
padding:9px;
}

.pagenumbers .page-numbers{
border:1px solid #ececec;
background:#fcfcfc url(images/c2.png) repeat-x bottom;
text-decoration:none;
}

.pagenumbers a:hover{
background:#fcfcfc url(images/c2.png) repeat-x bottom;
border:1px solid #ececec;
color:#486dbb;
font-weight:bold;
}

.pagenumbers .current{
background:#fcfcfc url(images/c2.png) repeat-x bottom;
border:1px solid #ececec;
color:#486dbb;
font-weight:bold;
}

.pagenumbers .next{
font-weight:bold;
}

.pagenumbers .prev{
font-weight:bold;
}
.pagenumbers .dots{
border:0;
}

/*Archives List
---------------------------------------*/
img.archive-comment {
  float: right;
  margin: 0 30px 10px 0;
}
div.entries { 
  font-size: 1.3em;
  margin: 30px 10px 0 10px;
}
.entries ul {
  clear: both; 
  margin: 0;
  border-bottom: 1px solid #dedede;
}
.entries ul li { border-top: 1px solid #dedede; }
.entries ul li a {
  display: block;
  margin: 0;
  padding: 7px 0;
}
.entries ul li a:hover {
  background-color: #f8f8f7;
  text-decoration: none;
}
.entries span {
  display: block;
  text-align: right;
}
.entries span.archdate, .entries a:hover span.archdate  {
  float: left;
  margin-right: 3em;
  padding-left: .5em;
  width: 3em;
  color: #888;
}
.entries span.comments_number {
  float: right;
  margin-right: 30px;
  width: 3em;
  color: #999;
}
.centro {
   position: relative;
   height: 325px;
   top:25px;
   }

.centroi {
   position: absolute;
   left: 0;
   width: 50%;
   }

.centrod {
   position: absolute;
   right: 0;
   width: 50%;
   } 
.af {
   position: relative;
   height: 340px;
   top:5px;
   }

.afi {
   position: absolute;
   left: 0;
   width: 46%;
   }

.afd {
   position: absolute;
   right: 0;
   width: 50%;
   } 
#myslides{

background:#2c3133;

}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 972px; /*Width of Carousel Viewer itself*/
height: 128px; /*Height should enough to fit largest content's height*/
margin: 0px 10px 7px 10px;
background:#fff;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 1px 1px ; /*margin around each panel*/
width:260px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
background:#fff;
height:128px;
border:none;
}
.stepcarousel .panel p{
text-align: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px 5px ; /*margin around each panel*/

}

.stepcarousel .panel h2{
text-align: left; /*leave this value alone*/
height:20px;
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 2px 5px ; /*margin around each panel*/
font-size:16px;
font-weight:bold;
text-align:center;
font-family:Georgia,century gothic,Arial,verdana, sans-serif;
}

.stepcarousel .panel img{
float: left; /*leave this value alone*/
background:#040404; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px 10px 10px 10px; /*margin around each panel*/
padding:0px 0px;
}
.fblike {
		width: 460px;
		float: left;
		padding: 3px 0 0 0px;
}
.twshare {
		width: 230px;
		float: right;
		padding: 3px 0 15px 10px;
		text-align: right;
}
.shares {
	width: 700px;
}
.metabot {
	margin: 15px 0 5px 0;
	padding: 0;
}