/*
Theme Name: Portico
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: #058251;
	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:#cccccc; font-size:16px}
h2.description {
	font-size:14px;
	padding:5px;
	color: #fff;
}
/*******************************************************
*******************CONTENT******************************/
#content{
	width:644px;
	float:left;
	margin: 25px 0 0 10px;
}
.post h2 a:hover, .post h2 a:visited, .post h2 a {
	text-decoration : none;
	color : #058251;
	font: bold 1.8em/1em "Segoe UI", Arial, Verdana, Sans-serif;
	letter-spacing: -2px;
}
.post {
	background: #fff;
	border: none;
        margin: 0 0 30px 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.8em/1em Arial, Verdana, Sans-serif;
	letter-spacing: -1px;
	color: #058251;
	margin: 0;
	padding: 0;
}
.title a {
	color: #058251;
	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 : 11px;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;
        margin: 5px;
        background: #fcfcfc url(images/c2.png) repeat-x bottom;
	color: #454545;
	padding: 15px;}
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:#058251;}
.informacion {font-size: 11px; color: #777; margin: 9px 0 11px 0;}
.informacion a {color:#058251;}
.related {border: 1px solid #ececec; background: #fcfcfc url(images/c2.png) repeat-x bottom; color: #3b3b3b; -moz-border-radius: 5px; -webkit-border-radius 5px; border-radius:5px; padding: 15px; margin: 10px 0 27px 0;}
.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;
}
.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: 10px;
-webkit-border-radius 10px; 
border-radius:10px; 
padding: 20px;
margin-bottom: 35px;
margin-left: 1px;
font-size:12px;
line-height: 17px;
}
.linklog ul a {
text-decoration:none;
}
/*******************************************************
*******************SIDEBAR******************************/
#sidebar { 
	float:right;
	width:301px;
	margin: 25px 0 0 10px;
}
#sidebar a:hover {
	text-decoration : none;
}
#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-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: #058251;
}
.textwidget a:hover {
	text-decoration:underline;
}
table#wp-calendar{
	width: 95%;
	margin:0 auto;
}
/*******************************************************
*******************COMMENTS******************************/
/* comments */

.avatar {
   margin: 0 15px 0 0;
   border:none;
   float: left;
   }

.commentlist {
	margin: 0;
	padding: 0;
}
.commentlist li 
{
	list-style:none;
	padding: 20px;			
	font-size:1em;
	border: 1px solid #ececec;
        -moz-border-radius: 5px;
        -webkit-border-radius 5px; 
        border-radius:5px; 
        line-height: 21px;
        margin: 0 0 15px 0;
        background: #fcfcfc url(images/c2.png) repeat-x bottom;
	color: #5a5a5a;
}
.commentmetadata a{
	border:0;
	color:#777;
}
.commentlist li p
{
	font-family: Arial, Verdana, Sans-serif;
	font-size:12px;
}
.commentlist li a
{
	color: #5a5a5a;
}
.commentlist li .cmtinfo 
{
	padding:5px;
	margin-bottom: 5px;
	position:relative;	
}
.commentlist li .cmtinfo em 
{
	font-weight:normal;			
	font-style:normal;
	font-size:0.9em;
	color:#999;
}
.commentlist li cite 
{
	font-style:normal;
	font-size:18px;
}
.commentlist li.alt
{
        background: #fcfcfc url(images/c2.png) repeat-x bottom;	
}
.commentlist li.authorcomment
{
	border: 1px solid #a6cbec;
        background: #eff3f7;
	color: #5a5a5a;
}
.nocomments
{
	font-size:0.9em;
	color:#999;
	text-align:center;
}
	#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: #009f60;
                        border: 2px outset #009f60;
                        color: #fff;
			padding: 10px 20px;
                        -webkit-appearance: none;
                        -moz-border-radius: 5px;
                        -webkit-border-radius: 5px;
                        cursor: pointer;
		}

/*******************************************************
*******************FOOTER******************************/
#footer{
	color: #fff;
	clear:left;
	background-color: #058251;
}
.foot {
	width:1000px;
	margin: 0 auto;
}
#footer a{
	color: #fff;
}
#footer p{margin:0;padding:10px 0}
/*******************************************************
*******************Defaults******************************/
h1{
	font-size: 28px;
}
h2{
	font-size: 24px;
}
h3{
	font-size: 21px;
}
h4{
	font-size: 18px;
}
h5{
	font-size: 16px;
}
h6{
	font-size: 12px;
}
hr {display : none;}
a {
	color: #058251;
	text-decoration:none;
}
a:hover {
	color: #02c579;
}
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: #058251;
			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: #058251;
		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;
	}	
#minicabecera {
	height:70px;
	background:#058251;
}
.minicabecera {
	width:985px;
	margin:auto;
}
.logo-minicabecera {
	float:left;
	margin-top:20px;
}
.logo-minicabecera img.imglavoz {
	border:0px;
	padding:0px;
	margin:0px;
}
.enlaces-minicabecera {
	float:left;
	margin: 25px 0px 0px 517px;
}
.enlaces-minicabecera li a img.imgboton {
	border:1px solid #ffffff;
	padding:1px;
}
.enlaces-minicabecera ul,.enlaces-minicabecera li {
	list-style:none;
}
.enlaces-minicabecera li {
	float:left;
	margin-right:18px;
}
.enlaces-minicabecera li a.boton {
	position:relative;	
}
.enlaces-minicabecera li a.boton span {
	display:none;
}
.enlaces-minicabecera 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-minicabecera 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:#9a9a9a; 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:#8c8c8c; }
#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:#9a9a9a;}
#wp_page_numbers ul li.siguiente a { padding-right:15px; color:#9a9a9a;}
#wp_page_numbers ul li.siguiente a:hover { padding-right:15px; color:#b81626;}
#wp_page_numbers ul li.anterior { background-position:left top; left:0; right:auto;}
#wp_page_numbers ul li.anterior a { color:#9a9a9a; padding-left:15px;}
#wp_page_numbers ul li.anterior a:hover { color:#b81626; 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; }
.centro {
   position: relative;
   height: 325px;
   top:25px;
   }

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

.centrod {
   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 12px 7px 12px;
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: 420px;
		float: left;
		padding: 3px 0 0 0px;
}
.twshare {
		width: 210px;
		float: right;
		padding: 3px 0 15px 10px;
		text-align: right;
}
.shares {
	width: 640px;
}
.metabot {
	margin: 15px 0 5px 0;
	padding: 0;
}