/*
Theme Name: Lonelytree
Theme URI: http://www.gauson.com/lonelytree
Description: LonelyTree is a theme inspired by the global warming conditions around the world and in part dedicated to the bush fires.  The theme is simple with two columns, fixed width, widget ready,  valid CSS and valid XHTML and compatible with wordpress 2.8. LoneyTree Wordpress Theme by Designed by Gauson
Version: 1.6
Author: Gauson
Author URI: http://www.gauson.com
Tags: green, white, two-columns, right-sidebar, fixed-width, flexible-width, theme-options
*/

/* - BASIC CSS - */

*{
  margin: 0;
  padding: 0;
  text-decoration: none;
}

html, body {line-height: 150%;}

body {
	background-color:#f5f5f5;
	font: 15px Droid Sans, sans-serif;
	line-height:150%;
	color:#1c1c1c;
}
.posts-wrap{
  padding: 0 5%;
}
p{
  padding-bottom:20px;
}
footer div{
  display:inline-block;
  padding:10px 15px;
  font-size:12px;
  vertical-align:top;
  line-height:40px;
}

footer{
  padding:30px 0;
  border-top:1px solid #eee;
  text-align:center;
}
footer a,footer a:visited {
  display:inline-block;
  padding:0 5%;
  color:black;
}
footer a:hover,{
	color:black;
	text-decoration:underline !important;
}

a,a:visited {
	color:#006f99;
	outline: none;
}
a:hover {
	text-decoration:none;
	color:#cc007a;
}

a.links2 {
	color:#006f99;
	outline: none;
}
a.links2:hover {
	text-decoration:none;
	color:#006f99;
        background: none;
}

a.links_bg{
	color:#006f99;
}
a.links_bg:hover {
	color:#006f99;
        background:none;
}

.abc {font-weight:bold;
      font-size:18px;
      color:#006f99;
      text-decoration:underline;}

      
blockquote {
margin-top: 10px;
margin-bottom: 10px;
padding: 1em 1em;
background: #f4f4f4;
border-left: solid 2px #006f99;
font-style: italic;
}

blockquote p {
color: #444444;
padding: 1em 1em;
}

blockquote * {
	font-family: georgia, arial;
}


hr {	display: block;
	border: none;
	margin: 0.5em auto;
	background-color: #006f99;
}

pre{
white-space: normal;
}

table {border-collapse:collapse;}

fieldset{
  padding: 10px;
}

.clear {clear: both}

/* -- LISTS -- */

.posts-wrap li {
	padding-bottom: 20px;
}

.posts-wrap ul{
  padding-bottom:10px;
  padding-left:25px;
}

.posts-wrap ol {
	list-style-type: decimal;
}


/* -- HEADINGS -- */
h1,h2{
    font-size: 35px;
    padding: 25px 0 20px 0;
}

h3 {
    font-size: 30px;
    padding: 20px 0 16px 0;
}

h4{
    font-size: 20px;
    padding: 16px 0 12px 0;  
}




#menuStyle li {
        list-style: none;
        border-right:solid #ffffff 1px;
}
		
#menuStyle li a {
	color: #ffffff;
	font:bold 14px arial;
	padding: 6px;
	text-decoration: none;
} 

#menuStyle ul.sub-menu li {
    border-bottom: 1px solid #fff;
    padding: 5px;
}

#menuStyle ul.sub-menu li a{
font-size:14px;
}
#menu-menu-home li ul.active {
    display: block;

    position: absolute;
    z-index: 999999;
}
	

#header {
	height:180px;
	margin:0 auto;
}


.ocult{
display:none;
}


.highlight {background-color:#efefef; color:#333; padding: 10px 10px 2px; margin-bottom:10px;}
.highlight ul {padding:0 0 10px 0; margin:0;}	
.highlight ul li {padding-bottom:0;}	

.program {background-color:#ffffff; margin:10px 0 20px; padding:5px 10px; }
.program h2 {background-color: #ffffff; padding: 0px 5px; margin:0px;}

/* -- POSTS -- */
.post-index {
	margin:0 0 10px;
}
#post-single {
	margin:0 0 20px;
}




/* qtranslate */

#qtranslate {width:100%;padding-top:15px;}

.qtranxs_language_chooser { 
list-style-type:none;
margin:auto;
text-align: center;
 }

.qtranxs_language_chooser li{
  display:inline;
  border-right:1px solid black;
  padding:0 15px;
}

#qtranslate  .qtranxs_language_chooser li:last-child{ 
	border-right:none;
}

#qtranslate  .qtranxs_language_chooser li a{ 
        color:black;
}

#qtranslate .qtranxs_language_chooser li:hover{ 
	background:black;
}
#qtranslate .qtranxs_language_chooser li:hover a{
  color:white;
}



/* -- 404-PAGE --*/

.error404 {
	margin:0;
	width:100%;
}
.error404 h1,.error404 h2 {
	margin: 10px auto;
}

/* -- COMMENTS -- */


/*-- table --*/
table{
  margin: .5em 0 1em;
  border-bottom: 2px solid #d1d1d1;
  border-left: 1px solid #d1d1d1;
}


table td, table th{
  text-align: center;
  padding: 3px;
  border-top: 1px solid #d1d1d1;
  border-right: 1px solid #d1d1d1;
}

table th{
	background-color: #d1d1d1;
	border-bottom: 2px solid #d1d1d1;
}

table tr.odd{
	background-color: #E2E2E2;
}



#column {
	float: left;
	width: 540px;
  margin-top: 5px;
	margin-right: 20px;
	background: #fff;
}


.post-top {
	width: 540px;
	height: 10px;
}

.post-bottom {
	width: 540px;
	height: 10px;
}

 .entry-content {
padding-top:20px 5% 0;
}      

.entry h2 {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	line-height: 1.3em;
	font-size: 20px;
  font-weight: bold;

}

.entry h2 a {
	line-height: 1.3em;
	font-size: 20px;
	color: #006f99;
	font-weight: bold;
}

.entry .date {
	display: block;
	margin-left: 15px;
	margin-right: 15px;
	color: #999;
	padding-bottom: 5px;
	font-size: 0.7em;
	line-height: 1.3em;
}



/* -- ALIGNMENTS --*/
img.alignright {
display:inline;
margin: 5px 0 5px 10px;
padding:4px;
float: right;
border:1px solid #CCCCCC;

}
img.alignleft {
display:inline;
margin: 5px 10px 5px 0;
padding:4px;
float: left;
border:1px solid #CCCCCC;
}
img.aligncenter {

	display:inline;
margin:3px 0 2px 10px;
padding:4px;
}
img.alignnone {
	display:inline;
margin:3px 0 2px 10px;
padding:4px;
}

/* -- NAVIGATION --*/
div.navigation {
	width:100%;
	height:auto;


	float:left;
	clear:both;
	padding: 10px 0px;
}

.navigation-index {
}

.nav-next {
	float:right;
	clear:none;
	width:48%;
	text-align:right;
}



.nav-prev {

	float:left;
	clear:none;
	width:48%;
	text-align:left;
}







.wp-caption {
	background-color:#EEE;
	border: 1px solid #E7E8E6;
	-moz-border-radius: 4px;
	padding-top:5px;
	margin:4px 10px;
	text-align:center;
	color: #8d8b8b;
}

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

.wp-caption.alignleft{
	margin-left: 0px;
}

.wp-caption.alignright{
	margin-right: 0;
}



/*****************responsive-alfa****************/
#wrapper{
    width:96%;
    padding:0 2%;
    max-width:1000px;
    background:#ffffff;
    margin: 0 auto;
}
#header{
    height: auto;
}
#logo{
    text-align: center;
}
#logo img{
    width:100%;
    max-width:700px;
}


#menuStyle li {
    border:none !important;
}
#menuStyle{
    background: #00a5e3;
    height: auto;
    margin-left:0;
    margin-right:0;
    padding:0 15px;
}


#menuStyle li{
    display:inline-block;
}

#menuStyle li a{
    font-weight:normal;
    border:none;
    font-size: 13px;
}




/*NAVEGACIÓN BLUE*/

.nav-blue {
     font:13px arial;
     margin-right:20px;
}

.nav-blue li {
        float: right;
        list-style: none;
}

.nav-blue li a {
        color: #ffffff;
        line-height:20px;
        padding: 2px 8px;
        font-size:13px;

} 

.nav-blue li a:hover{
            background-color: #ffffff;   
            color:#00A5E3; 
            line-height:20px;
}   				
	
.nav-blue li#current a, .nav-blue li.current_page_item a {
	           background-color: #ffffff;   
                   color:#00A5E3;
}   

/*POST BLUE*/

.body-blue a, .body-blue a:link,  .body-blue a:visited {
	            text-decoration: none;
	            color: #00A5E3;
                    line-height:none;
                    border:none;
                    font-size: 1em;
                    padding:0;
	            }


            .body-blue a:hover, .body-blue  a:active {
	             text-decoration: underline;
	             color: #006F99;
	             }	

.body-blue img {}

/*BLUE LISTAS */

.body-blue .post-wrap ul{             
     margin:0; 
     padding:10px 30px; 
     } 

 

            .body-blue ul li a:hover, .body-blue ul li a:active {
	             text-decoration: underline;
	             color: #006F99;
	             }	

.body-blue ol{             
     list-style-type: decimal;
     padding:0 0 0 40px; 
     }

                 .body-blue  ol li {
                              border: medium none;
                              padding: 10px 0 0;
                              text-decoration: none;
 	                     }

                 .body-blue  ol li a,.body-blue ol li a:link,.body-blue ol li a:visited {
	                      color:#00A5E3;
                              font-weight: normal;
                              border: medium none;
                              padding: 10px 0 0;
                              text-decoration: none;
 	                     }


          .body-blue ol li a:hover, .body-blue ol li a:active {
	             text-decoration: underline;
                      color: #006F99;
	           
	             }	

.body-blue ol.endors{             
     list-style-type: decimal;
     padding:0 0 0 40px; 
     }

                 .body-blue  ol.endors li {
	                      color:#00A5E3;
                              font-weight: normal;
                              border: medium none;
                              padding: 10px 0 0;
                              text-decoration: none;
 	                     }

                 .body-blue  ol.endors li a,.body-blue ol li a:link,.body-blue ol li a:visited {
	                      color:#00A5E3;
                              font-weight: normal;
                              border: medium none;
                              padding: 10px 0 0;
                              text-decoration: none;
 	                     }


          .body-blue ol.endors li a:hover, .body-blue ol li a:active {
	             text-decoration: underline;
                      color: #006F99;
	           
	             }	

/*BIBLIOGRAPHY BLUE*/

.body-blue .bibliography .taxonomy {
    color: #666666;
    font-size: 11px;
}

.body-blue .bibliography h2, .body-blue .bibliography h2 a,.body-blue .bibliography h2 a:link, .body-blue .bibliography h2 a:visited, .body-blue .bibliography h2 a:hover {
    font-size: 14px;
    line-height: 1.4em;
    margin-top: 20px;
    padding: 5px 10px;
}

.body-blue .bibliography h5 {
    font-size: 11px;
    font-weight: normal;
    padding: 0 0 10px;
    text-align: justify;
    color:#4d4d4d;
}

.body-blue .bibliography ul{             
     margin:0; 
     padding:10px 30px; 
     color:#00a5e3;
     } 
                
                 .body-blue .bibliography ul li, .body-blue .bibliography ul li a, .body-blue .bibliography ul li a:link, .body-blue ul li a:visited {
                    font-size:1em;
	            text-decoration: none;
	            list-style: inside;
                    line-height:none;
                    border-left:none;
                    padding:10px 0;
	            }


            .body-blue .bibliography ul li a:hover, .body-blue .bibliography ul li a:active {
	             text-decoration: underline;
	             color: #006F99;
	             }	

.body-blue .bibliography ol{             
     list-style-type: decimal;
     padding:0 0 0 40px; 
     }
  .body-blue .bibliography ol li {
	               
                              font-weight: normal;
                              border: medium none;
                              padding: 10px 0 0;
                              text-decoration: none;
                                color: #666666;
                            
 	                     }
                 .body-blue .bibliography  ol li a,.body-blue .bibliography ol li a:link,.body-blue .bibliography ol li a:visited {
	               
                              font-weight: normal;
                              border: medium none;
                              padding: 10px 0 0;
                              text-decoration: none;
                              
                            
 	                     }


          .body-blue .bibliography ol li a:hover, .body-blue .bibliography ol li a:active {
	             text-decoration: underline;
	           
	             }	

/*INDEX BLUE*/

 .body-blue .index{
         background:#f5f5f5; 
         padding:10px 4%; 
         margin-top:40px; 
         max-width:420px; 
         font-size: 1em;
	 width:92% !important;
         }

        .body-blue .index p { 
                      border-bottom: 1px solid;
                      color: #00A5E3;
                      font-size: 1em;
                      margin: 0;
                      padding: 15px 0 5px;
                      }

        .body-blue .index a.blue-index,  .body-blue .index a.blue-index:link, .body-blue .index a.blue-index:visited{
                   padding: 5px 10px; 
                   font-weight:bold; 
                   font-size:1em;
                   color:#00A5E3;
                   }


.body-blue .index ul{             
                     margin:10px 0 0; 
                     padding:0; 
                     }  
    .body-blue .index ul li,.body-blue .index ul li a,.body-blue .index ul li a:link,.body-blue .index ul li a:visited {
                    font-size:1em;
	            text-decoration: none;
	            list-style: none;
                    line-height:none;
                    border:none;
                    padding: 0 0 0 10px;
                    color:#00A5E3;
	            }
                    .body-blue .index ul li a:hover,.body-blue .index ul li a:active {
	                        text-decoration: underline;
	                        color:#008EC4;
	                        }	

.body-blue .index ol{             
list-style-type: decimal;
     margin: 10px 0 0 40px;
     }
     .body-blue .index ol li,.body-blue .index ol li a,.body-blue .index ol li a:link,.body-blue .index ol li a:visited {
                    font-size:1em;
	            text-decoration: none;
	            color: #00A5E3;
                    line-height:none;
                    border:none;
                    font-weight: normal;
                    margin: 0;
                    padding: 0;
	            }
                    .body-blue .index ol li a:hover, .body-blue.index ol li a:active {
	                        text-decoration: underline;
	                        color:#008EC4;
	                        }	

/*BLUE HEADERS */           
.body-blue h1.page-title {
    background-color: #ffffff;
    border-bottom: 1px solid #00a5e3;
    font-size: 24px;
    font-weight: bold;
    line-height: 1em;
    margin: 20px auto;
    padding: 8px;
    text-align: center;
    text-transform: none;
}

.body-blue h1.page-title a:hover{
    text-decoration:none !important;
}          
           
.body-blue h2.home {
    background: #00a5e3 none repeat scroll 0 0;
    margin: 10px 3% 40px;
    padding: 7px;
    text-align: center;
    font-size: 18px;
    text-transform:none !important;
}

.body-blue h2.home:hover {
    background: #006f99;
}


.body-blue h2.home a{
    color:white !important;
}

           
.body-blue h2{ 
        font-size:1em;
        background:#333333;
        color: #66DFFF;
        text-transform: uppercase;
        font-size:20px;
        border:none;
        margin-top: 40px;
        padding: 5px 10px;
           }           
           
.body-blue h2 a, .body-blue h2 a:link, .body-blue h2 a:visited, .body-blue h2 a:hover {
        color: #66DFFF;
        font-size:22px;
        padding: 5px 10px;
        text-decoration:none;
}

  .body-blue h3.first {
        color: #00A5E3; 
        border-bottom:2px solid; 
        border-top:2px solid; 
        font-size: 20px;
        padding: 0 5px;
        margin-top:20px;
        }

 .body-blue h3 {
        color: #00A5E3; 
        border-bottom:2px solid; 
        border-top:2px solid; 
        font-size: 20px;
        margin-top: 50px;
        padding: 0 5px;
        }

 .body-blue h3 a, .body-blue h3 a:link, .body-blue h3 a:visited  {
        font-size:0.9em;
        color:#00A5E3
        font-size:1.3em;
        padding:0;
        border:none;
        }
.body-blue h3 a:hover{
        text-decoration:none;
         color:#00A5E3;
        }


.body-blue h4, .body-blue h4 a, .body-blue h4 a:link, .body-blue h4 a:visited, .body-blue h4 a:hover {
	margin:0;
        padding:20px 0px 0px; 
        color:#00A5E3;
        text-decoration:none;
}
 
.body-blue h5, .body-blue h5 a, .body-blue h5 a:link, .body-blue h5 a:visited {
        font-weight:bold;
	margin:0;
        padding:15px 0px 0px; 
        color:#00A5E3;
}

/*****************mobileresponsive********/

.nav-mobile {
    display:none; /* Hide from browsers that don't support media queries */ 
    background: #006f99 none repeat scroll 0 0;
    color: white;
    cursor: pointer;
    display: none;
    position: fixed;
    text-align: left;
    text-indent: 2%;
    top: 0;
    width: 100%;
    z-index: 9999;
}

#qtranslate-mobil{
    display:none;
}

@media (min-width:850px){

#qtranslate  .qtranxs_language_chooser li:nth-child(1) a:after{ 
        content:'Castellano';
}
#qtranslate  .qtranxs_language_chooser li:nth-child(2) a:after{ 
        content:'English';
}
#qtranslate  .qtranxs_language_chooser li:nth-child(3) a:after{ 
        content:'Català';
}
#qtranslate  .qtranxs_language_chooser li a span{ 
        display:none;
}

.menu-who-to-menu-container{
  text-align:center;
}

#menuStyle .menu-who-to-menu-container li a:hover{
  background:#fff;
  color:#1c1c1c;
}


#menuStyle ul::after {
    content: "";
    display: inline-block;
    width: 100%;
}
#menuStyle ul {
    text-align: justify;
}

}

@media (max-width:850px){
#menuStyle{
    background: none;
    text-align: center;
}
#menuStyle ul{
    text-align: center;
}
#menuStyle li{
    display:block;
    float:none;
    padding:5px 5%;
}

#menuStyle li a{
    border:none;
    padding: 0;
    color:#1c1c1c;
}
  .nav-mobile {
    display:block;
    font-size: 18px;
    height: 24px;
    left: 0;
    padding-top: 5px;
    box-shadow:0 0 3px 0 black;
  }
  .nav-list {
    display:none;
    padding-top:10px;
  }
  #qtranslate-mobil{
    display: block;
    position: fixed;
    right: -3%;
    top: 5px;
    width: 50%;
    z-index: 9999;
  }
  #qtranslate{
    display:none;
  }
  
.qtranxs_language_chooser li {
  border:none;
  padding:0 10px;
}
.qtranxs_language_chooser li a,.qtranxs_language_chooser li a:hover,.qtranxs_language_chooser li a:active{
  color:white !important;
}

  .nav-active {
    top: 28px;
  }
  
  #menuStyle ul {
      text-align: left;
  }

  .sub-menu{
    text-indent:15px;
  }

  .nav-active {
    display: block;
    background: white none repeat scroll 0 0;
    border-bottom: 2px solid #006f99;
    display: block;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 9999;
    box-shadow:0 0 3px 0 black;
  }
  #logo{
    padding-top:40px;
  }
}