/*

Theme Name: Bluebird

Theme URI: http://randaclay.com/themes/

Description: Bluebird is a happy blue and brown, SEO optimized, 3-column, widget-ready theme created for Wordpress

Tags: blue, bird, nature, fixed width, widget ready, 2 columns, 3 columns, left sidebar, right sidebar, seo friendly, gravatars

Version: 2.0

Author: Randa Clay

The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php



*/







html>body #content {

	height: auto;

	min-height: 580px;

}



body{

	padding: 0px;

	margin: 0px; /* Resets 1em to 10px */

	height: 100%;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 62.5%;

	background-color: #FFFFFF;

}



#wrap {

    width: 940px;

    padding-left: 20px;

}





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

*	Header, Headings, etc.									*

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



#head{

	text-align: left;

	background-color: #ffffff;

	background-repeat: repeat-x;

	height: 350px;

	width: 960px;

	padding: 0px;

	margin: 0px;

	position: absolute;

}



#headleft {

	height: 120px;

	float: left;

	width: 100%;

}



#headleft h4{

        font-size: 3.0em;

		color: #69BFDE;

        padding: 0px 0px 0px 265px;

        margin: 10px 0px 0px 0px;

}





#headleft h4 a {

        color: #69BFDE;

}



#logo img {

	border: 0;

	float: left;

}





#desc {

	font-size: 1.6em;

	font-style: italic;

        padding: 5px 0px 0px 268px;

}







/*- Main Menu in Header */





ul.menu {

	margin: 0px;

	padding-top: 20px;

	font-size: 18px;

	font-weight: bold;

	text-align: right;

	line-height: 22px;

	visibility: inherit;

	text-transform: uppercase;



	}



	

ul.menu a:hover {

	background-color: #000000;

	color: #FFFFFF;

}



ul.menu li {
	display: inline;
	margin: 0;
	font-size: 12px;
}





ul.menu li a {

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	}

	

ul.menu li a:hover {

	color: #FFFFFF;

	background-color: #000000;	

	}

	

#botones {
	height: 114;
	width: 920px;
	float: left;
	margin-top: 10px;
	margin-left: 40px;
	position: relative;
	margin-bottom: 25px;

}

#cubo {
	height: 57px;
	width: 920px;

}

ul.menu li a {
    color: #000000;
	margin:0px;
       	}

ul.menu li a:hover {
	color: #000000!important;
	text-decoration: none;
       	}

ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
	color: #000000!important;
	text-decoration: none;
     	}

/************************************************
*	Links and Headings									*
************************************************/


a img,:link img,:visited img { border:none }    



a, a:link {
	color: #000000;
	text-decoration: none;
}

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

h1 {
        font-size: 18px;
	color: #000000;
	font-weight: normal;
        margin: 0px;
        padding-bottom: 0px;
}

h1 a:link, h3 a:hover, h3 a:visited{
	color: #000000;
}

h2 {
	font-size: 2.2em;
	line-height: 1.2em;
	color: #4A8797;
	font-weight: normal;
}


h5 {
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: -0.05em;
	font-size: 18px;

}



strong, b {

	font-weight: bold;

}



em, i {

	font-style: italic;

}



code {

	font: 1.1em 'Courier New', Courier, Fixed;

}



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

*	Main Content									*

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





#content {

        width: 400px;

        float: left;

}



.item {

	color: #000000;

	border-bottom: 1px dotted #4A8797;

	padding-top: 0px;

	padding-right: 20px;

	padding-bottom: 0px;

	padding-left: 20px;

}





.item p {

        font-size: 12px;

        line-height: 1.3em;	

}



.item p a{

	text-decoration: underline;

}



.item p a:hover{

	color: #4A8797;

}



.item img {

	padding: 0px;

	margin: 0px;

	background: #ffffff;

}



.item ul {

	list-style-type: disc;

	padding-left: 10px;

	margin: 10px 0px 10px 15px;

	font-size: 1.4em;	

}



.item ol{

	list-style-type: decimal;

	padding-left: 10px;

	margin: 10px 0px 10px 15px;

	font-size: 1.4em;	

}



.itemhead{

	padding-top: 5px;

	padding-bottom: 7px;

        margin-bottom: 0px;

}



.itemhead h3{

	display: inline;

}



.date{

	display: inline;

	text-align: right;

	font-size: 1.1em;

        margin-bottom: 20px;

}



input{

	font-size: 100%;

}



.metadata{

	font-size: 1.2em;

        line-height: 220%;

        margin-top: 20px;

}



.metadata a:link, .metadata a:hover, .metadata a:visited{

	color: #4A8797;

}



cite{

	font-size: 1.1em;

}



blockquote {

	margin: 15px 30px 0 10px;

	padding-left: 20px;

	border-left: 5px solid #ccc;

}



blockquote cite {

	margin: 5px 0 0;

	display: block;

}





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

*	Sidebar									*

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



#secondary {

    width: 530px;

	padding: 0px;

	float: right;

}



#l_sidebar {

	float: left;

	width: 250px;

	padding: 0px 5px 20px 0px;

	}

	

#l_sidebar p{

	padding: 0px 0px 0px 0px;

	margin: 0px;

	line-height: 17px;

        font-size: 12px;

        color: #000000;

	}

	

#l_sidebar ul {

	margin: 0px 0px 20px 0px;

	padding: 0px 0px 20px 3px;

        font-size: 13px;

        list-style-type: none;

        color: #000000;

}



#l_sidebar li {

        margin: 0px;

	padding: 0px;

        color: #000000;

}

#l_sidebar ul li {

	margin: 0px;

	padding: 5px 0px 0px 0px;

}

	

#l_sidebar ul li a {

	color: #000000;

	text-decoration: none;

}



#l_sidebar ul li a:hover {

	color:#4A8797; 

}



#l_sidebar ul ul {

	margin: 0px 0px 20px 0px;

	padding: 0px 0px 0px 14px;

        font-size: 13px;

        color: #000000;

        list-style-type: disc;

        list-style-position: outside;

        color: #595441;

}



#l_sidebar ul ul li{

	margin: 0px;

}



#l_sidebar ul ul ul{

	margin-top:0; 

        margin-bottom:0;

	padding: 0px 0px 0px 14px;

        font-size: 13px;

        color: #000000;

        list-style-type: disc;

        list-style-position: outside;

        color: #595441;

}



#l_sidebar ul ul ul li{

	margin: 0px;

}





#r_sidebar {

	float: right;

	width: 250px;

	padding: 0px 5px 20px 15px;

	}



#r_sidebar ul {

	margin: 0px 0px 20px 0px;

	padding: 0px 0px 20px 0px;

        font-size: 13px;

        color: #000000;

        list-style-type: none;

        color: #595441;

}



#r_sidebar li {

        margin: 0px;

	padding: 0px;

        color: #595441;

}

#r_sidebar ul li {

	margin: 0px;

	padding: 5px 0px 0px 0px;

}

	

#r_sidebar ul li a {

	color: #000000;

	text-decoration: none;

}



#r_sidebar ul li a:hover {

	color:#4A8797; 

}



#r_sidebar ul ul {

	margin: 0px 0px 20px 0px;

	padding: 0px 0px 0px 14px;

        font-size: 13px;

        color: #000000;

        list-style-type: disc;

        list-style-position: outside;

        color: #595441;

}



#r_sidebar ul ul li{

	margin: 0px;

}



#r_sidebar ul ul ul{

	margin: 0px 0px 20px 0px;

	padding: 0px 0px 20px 0px;

        font-size: 13px;

        color: #4A8797;

        list-style-type: disc;

        list-style-position: outside;

        color: #595441;

}



#r_sidebar ul ul ul li{

	margin: 0px;

}

	

#r_sidebar p{

	padding: 3px 0px 0px 0px;

	margin: 0px 0px 20px 0px;

	line-height: 1.3em;

        font-size: 12px;

        color: #000000;

	}

	



li .categories, li .linkcat, li .pagenav {

	margin: 0px;

	padding: 0px;

}



.sidebarSearch{

	clear: both;

        margin-top: 10px;	

        margin-bottom: 10px;

	margin-left: 5px;

}



.feedarea  {

	height: 30px;

	background-image:url(images/feedicon.png);

        background-repeat: no-repeat;

	padding-left:20px;

}



.feedarea  a {

       color: #000000;

}



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

*	Comment Area									*

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





#comment {

	width: 470px;

	background: #FFFFFF;

	color: #333333;

	float: left;

	padding: 10px 10px 0px 10px;

	margin: 10px 0px 10px 0px;

	border: 1px solid #CCCCCC;

        font-size: 1.3em;

}

	

#comment {

    padding: 10px 20px 20px 20px;

    border: 1px solid #cccccc;

    margin-bottom: 3em;

    color: #000000;  

}



   

#comment  a{

	text-decoration: underline;

}



#comment a:hover{

	color: #E88337;

}



ol#commentlist {

	padding: 5px 0px 5px 0px;

	margin: 0px;

	list-style-type: none;

        font-weight: bold;

}

	

.commentdate {

	font-size: 1.2em;

	padding-left: 0px;

        font-weight: bold;

}

	

.commentlist p {

	clear: both;

	font-size: 1.2em;

}



#commentlist li p{

	margin-bottom: 8px;

	line-height: 18px;

	padding: 5px;

        font-weight: normal;

	}



.commentname {

	color: #333333;

	margin: 0px;

	padding: 5px 5px 0px 0px;

	}



.commentinfo{

	clear: both;

	}



.commenttext {

	clear: both;

	margin: 0px 0px 20px 0px;

	padding: 0px 0px 5px 0px;

	width: 450px;

	}



.commenttext-admin {

	clear: both;

	margin: 5px 0px 10px 0px;

	padding: 0px 10px 5px 10px;

	width: 450px;

	}



#commentsformheader{

	padding-left: 0px;

	}



#commentsform{

	text-align: left;

	margin: 0px;

	padding: 0px;

	}



#commentsform form{

	text-align: left;

	margin: 0px;

	}



#commentsform p{

	margin: 0px;

	}



#commentsform form textarea{

	width: 99%;

}

	

p.comments_link  img{

	margin: 0px;

	padding: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}



.commentmetadata {

	font-size: 1.1em;

	float: right;

}



.commentlist li {

	padding: 2px;

	border-top: 1px solid #cccccc;

}



.navigation {



	text-align: right;

	margin-top: 10px;

	margin-bottom: 10px;

	color: #000000;

        font-size: 1.3em;

}



.navigation a:link, .navigation a:hover, .navigation a:visited{

	color: #4A8797;

}



.alignright {

	float: right;

}



.alignleft {

	float: left

}





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

*	Gravatar									*

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



img.avatar {

	float: left; 

	margin: 0 8px 3px 0;

	padding: 3px;

	border: solid 1px #ddd;

	background-color: #f3f3f3;

   /* optional rounded corners for browsers that support it */

   -moz-border-radius: 3px;

   -khtml-border-radius: 3px;

   -webkit-border-radius: 3px;

   border-radius: 3px;

	}







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

*	Calendar									*

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





#wp-calendar {

	empty-cells: show;

	margin: 0;

	width: 90%;

}



#wp-calendar #next a {

	padding-right: 10px;

	text-align: right;

}



#wp-calendar #prev a {

	padding-left: 10px;

	text-align: left;

}



#wp-calendar a {

	display: block;

	text-decoration: none;

}



#wp-calendar td {

	color: #000000;

	letter-spacing: normal;

	padding: 2px 0;

	text-align: center;

}



#wp-calendar #today {

	background: ;

	color: #4A8797;

}



#wp-calendar th {

	font-style: normal;

	text-transform: capitalize;

}



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

*	Footer									*

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





#foot {

        width: 680px; 

        height: 40px;	

        text-align: left;

	margin-top: 20px;

	color: #000000;

        font-size: 1.1em;

}



#foot a:link, #foot a:hover, #foot a:visited{

	color: #4A8797;

        text-decoration: underline;

}



.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.alignleft {

	float: left;

}



.alignright {

	float: right;

}

.logo {

	height: 120px;

	width: 371px;

}

.noticias {

	font-size: 18px;

	font-weight: 900;

	text-transform: uppercase;

	color: #000000;

	letter-spacing: -0.05em;

	margin-left: 20px;

}

#formulario {

	width: 200px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	height: 220px;

}

#formulario #nombre {

	float: left;

	height: 20px;

	width: 200px;

	border: 1px solid #000000;

	margin-bottom: 10px;

}

#formulario #apellido {

	float: left;

	height: 20px;

	width: 200px;

	border: 1px solid #000000;

	margin-bottom: 10px;

}

#formulario #mail {

	float: left;

	height: 20px;

	width: 200px;

	border: 1px solid #000000;

	margin-bottom: 20px;

}





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

*	Botones									*

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



#bot11 {
	height: 57px;
	width: 75px;
	position: absolute;
}

#bot11 a{
	background-image:url(images/11.jpg);
	height:57px;
	width: 75px;
	display: block;
	background-repeat: no-repeat;
}

#bot11 a:hover{
background-image:url(images/11.gif);
}


#bot12 {
	height: 57px;
	width: 95px;
	position: absolute;
	float: right;
	left: 75px;
	top: 0px;
}

#bot12 a{
	background-image:url(images/12.jpg);
	height:57px;
	width: 95px;
	background-repeat: no-repeat;
	float: left;
}

#bot12 a:hover{
background-image:url(images/12.gif);
}



#bot13 {
	height: 57px;
	width: 95px;
	position: absolute;
	left: 170px;
	top: 0px;
}


#bot13 a{
	background-image:url(images/13.jpg);
	height:57px;
	width: 95px;
	display: block;
	background-repeat: no-repeat;
}

#bot13 a:hover{
background-image:url(images/13.gif);
}

#bot14 {
	height: 57px;
	width: 95px;
	position: absolute;
	left: 265px;
	top: 0px;
}

#bot14 a{
	background-image:url(images/14.jpg);
	height: 57px;
	width: 95px;
	display: block;
	background-repeat: no-repeat;
	float: right;
}

#bot14 a:hover{
	background-image:url(images/14.gif);
	float: right;
}

#bot15 {
	height: 57px;
	width: 95px;
	position: absolute;
	top: 0px;
	left: 360px;
}

#bot15 a{
	background-image:url(images/15.jpg);
	height: 57px;
	width: 95px;
	display: block;
	background-repeat: no-repeat;
	float: right;
}

#bot15 a:hover{
	background-image:url(images/15.gif);
}


#bot16 {
	height: 57px;
	width: 95px;
	position: absolute;
	top: 0px;
	left: 455px;
}

#bot16 a{
	background-image:url(images/16.jpg);
	height: 57px;
	width: 95px;
	display: block;
	background-repeat: no-repeat;
}

#bot16 a:hover{
background-image:url(images/16.gif);
}

#bot17 {
	height: 57px;
	width: 95px;
	position: absolute;
	left: 550px;
	top: 0px;
}

#bot17 a{
	background-image:url(images/17.jpg);
	height: 57px;
	width: 95px;
	display: block;
	background-repeat: no-repeat;
}

#bot17 a:hover{
background-image:url(images/17.gif);
}

#bot18 {
	height: 57px;
	width: 95px;
	position: absolute;
	left: 645px;
	top: 0px;
}

#bot18 a{
	background-image:url(images/18.jpg);
	height: 57px;
	width: 95px;
	display: block;
	background-repeat: no-repeat;
}

#bot18 a:hover{
background-image:url(images/18.gif);
}

#bot19 {
	height: 57px;
	width: 95px;
	position: absolute;
	left: 740px;
	top: 0px;
	float: right;
}

#bot19 a{
	background-image:url(images/19.jpg);
	height: 57px;
	width: 95px;
	display: block;
	background-repeat: no-repeat;
	float: right;
}

#bot19 a:hover{
background-image:url(images/19.gif);
}

#bot20 {
	height: 57px;
	width: 85px;
	position: absolute;
	left: 835px;
	top: 0px;
}

#bot20 a{
	background-image:url(images/20.jpg);
	height: 57px;
	width: 85px;
	display: block;
	background-repeat: no-repeat;
	float: right;
}

#bot20 a:hover{
	background-image:url(images/20.gif);
	float: right;
}


#bot21 {
	height: 57px;
	width: 75px;
	position: absolute;
	left: 0px;
	top: 57px;
}

#bot21 a{
	background-image:url(images/21.jpg);
	height: 57px;
	width: 75px;
	display: block;
	background-repeat: no-repeat;
}

#bot21 a:hover{
background-image:url(images/21.gif);
}


#bot22 {
	height: 57px;
	width: 95px;
	position: absolute;
	float: right;
	left: 75px;
	top: 57px;
}

#bot22 a{
	background-image:url(images/22.jpg);
	height: 57px;
	width: 95px;
	background-repeat: no-repeat;
	float: left;
}

#bot22 a:hover{
background-image:url(images/22.gif);
}



#bot23 {
	height: 57px;
	width: 95px;
	position: absolute;
	left: 170px;
	top: 57px;
}


#bot23 a{
	background-image:url(images/23.jpg);
	height: 57px;
	width: 95px;
	display: block;
	background-repeat: no-repeat;
}

#bot23 a:hover{
background-image:url(images/23.gif);
}

#bot24 {
	height: 57px;
	width: 95px;
	position: absolute;
	left: 265px;
	top: 57px;
}

#bot24 a{
	background-image:url(images/24.jpg);
	height: 57px;
	width: 95px;
	display: block;
	background-repeat: no-repeat;
	float: right;
}

#bot24 a:hover{
	background-image:url(images/24.gif);
	float: right;
}

#bot25 {
	height: 57px;
	width: 95px;
	position: absolute;
	left: 360px;
	top: 57px;
}

#bot25 a{
	background-image:url(images/25.jpg);
	height: 57px;
	width: 95px;
	display: block;
	background-repeat: no-repeat;
	float: right;
}

#bot25 a:hover{
	background-image:url(images/25.gif);
	float: right;
}


#bot26 {
	height: 57px;
	width: 95px;
	position: absolute;
	top: 57px;
	left: 455px;
}

#bot26 a{
	background-image:url(images/26.jpg);
	height: 57px;
	width: 95px;
	display: block;
	background-repeat: no-repeat;
}

#bot26 a:hover{
background-image:url(images/26.gif);
}

#bot27 {
	height: 57px;
	width: 95px;
	position: absolute;
	left: 550px;
	top: 57px;
}

#bot27 a{
	background-image:url(images/27.jpg);
	height: 57px;
	width: 95px;
	display: block;
	background-repeat: no-repeat;
}

#bot27 a:hover{
background-image:url(images/27.gif);
}

#bot28 {
	height: 57px;
	width: 95px;
	position: absolute;
	left: 645px;
	top: 57px;
}

#bot28 a{
	background-image:url(images/28.jpg);
	height: 57px;
	width: 95px;
	display: block;
	background-repeat: no-repeat;
}

#bot28 a:hover{
background-image:url(images/28.gif);
}

#bot29 {
	height: 57px;
	width: 95px;
	position: absolute;
	left: 740px;
	top: 57px;
	float: right;
}

#bot29 a{
	background-image:url(images/29.jpg);
	height: 57px;
	width: 95px;
	display: block;
	background-repeat: no-repeat;
	float: right;
}

#bot29 a:hover{
background-image:url(images/29.gif);
}

#bot30 {
	height: 57px;
	width: 85px;
	position: absolute;
	left: 835px;
	top: 57px;
}

#bot30 a{
	background-image:url(images/30.jpg);
	height: 57px;
	width: 85px;
	display: block;
	background-repeat: no-repeat;
	float: right;
}

#bot30 a:hover{
	background-image:url(images/30.gif);
	float: right;
}