/*  

Theme Name: El Remanso Blog

Theme URI: http://www.sem.co.cr/

Description: Costume Theme for El Remanso Lodge

Version: 1.0

Author: Daniel Campos

Author URI: http://www.sem.co.cr/



*/



body {

	background-color: #e1e4c8;

	margin:0; padding:0;

}



div, span, ul, li, a, p, h1, h2, h3, h4, h5 { margin:0; padding:0; }

ul, li { list-style-type:none; }

a { text-decoration:none; }



a:link { 

	color: #354020;

	}

a:visited { 

	color: #354020;

	}

a:hover { 

	color: #354020;

	}

a:active { 

	color: #354020;

	}



.clear { clear:both;}



#sitecontainer

{

width: 987px;

margin:0 auto;

margin-top:64px;

text-align: left;

position:relative;

}



#header {

height: 90px;

float:left;

}



#content {

width: 787px;

height: 435px;

float:left;

overflow:auto;

background-color:#FFFFFF;

}



	    #content p

		{

		   font-size:11px;

		   text-align:left;

		   color:#6A7C4B;

		   font-family:'Verdana';

		   text-align:justify;

		   line-height:18px;

		   margin-top:10px;

		   margin-right:15px;

		   margin-left:15px;

		   margin-bottom:10px;

		}

	

		

		#content h1

		{

			text-align:left;

			font-family:'Verdana';

			font-size:22px;

			color:#354020;

			font-style:normal;

			margin-left:15px;

			margin-right:15px;

			margin-top:15px;

		}



		#content h2

		{

			text-align:left;

			font-family:'Times New Roman';

			font-size:24px;

			color:#354020;

			font-style:italic;

			margin-left:15px;

			margin-right:15px;

			margin-top:15px;

		}

		

		#content h3

		{

			text-align:left;

			font-family:'Times New Roman';

			font-size:22px;

			color:#354020;

			font-style:italic;

			margin-left:15px;

			margin-right:15px;

			margin-top:15px;

		}

		



#sidebar {

width: 200px;

height: 435px;

float:right;

background-color:#FFFFFF;

}

    

			#sidebar h2 

			{

			font-size:16px;

			padding-top: 10px;

			padding-left: 20px;

		    font-family:'Verdana';

			color:#FFF;

			font-weight:100;

            text-transform: uppercase;

			letter-spacing: 1px;

			}

			

			#sidebar a {

			margin:0;

			padding:0;

			}

			

			#sidebar li

			{

			list-style: none;

			font-family:'Verdana';

			font-size:10px;

			color:#354020;

			margin-left:10px;

			line-height:18px;

			}

			

			#sidebar a:hover {

			}

			

			#sidebarframe1{

			width:100%;

			height:40px;

			background-color:#8e9d72;

			}

			

			#sidebarframe2{

			width:100%;

			height:40px;

			background-color:#8e9d72;

			}



#lower-container{

	width: 902px;

	height: 26px; 

	float: left;

	margin: auto;

	background-color: #E1E4C9;

	display:inherit;

	}



		#lower-container-packages{

			width: 168px;

		/**	height: 21px; **/

			float:left;

			background-image:url(images/bg-lower-packages.gif);

			margin: 0 0 0 276px;

			text-align:center;

			padding: 5px 0 0 0;

			}

				#lower-container-packages .packages{

				color:#FFFFFF;

				font-size: 14px;

				font-family:Verdana;

				font-weight:bold;

				}

				

		#lower-container-privacy{

		width: 75px;

	/**	height: 21px; **/

		float:left;

		text-align: center;

		padding: 5px 0 0 0;

		margin: 0 0 0 40px;

		}

		

				#lower-container-privacy .privacy{

				color:#2f461a;

				font-size: 10px;

				font-family:Verdana;

				}

	

		#lower-container-sitemap{

		width: 55px;

	/**	height: 21px; **/

		float:left;

		text-align: center;

		padding: 5px 0 0 0;

		margin: 0 0 0 10px;

		}

		

				#lower-container-sitemap .sitemap{

				color:#2f461a;

				font-size: 10px;

				font-family:Verdana;

				}

	

		#lower-container-availability{

		width: 146px;

		height: 21px; 

		float:left;

		background-image:url(images/bg-lower-availability.gif);

		text-align: left;

		padding: 5px 10px 0 0;

		margin: 0 0 0 10px;

		}

		

				#lower-container-availability .availability{

				color:#373000;

				font-size: 11px;

				font-family:Verdana;

				font-weight:bold;

				}

			

		#lower-container-availability{

		width: 146px;

	/**	height: 21px; /**/

		float:left;

		background-image:url(images/bg-lower-availability.gif);

		text-align: left;

		padding: 5px 0 0 10px;

		margin: 0 0 0 10px;

		}

		

				#lower-container-availability .availability{

				color:#373000;

				font-size: 11px;

				font-family:Verdana;

				font-weight:bold;

				}

		

		#lower-container-contact{

		width: 94px;

	    height: 21px;

		float:left;

		background-image:url(images/bg-lower-contact.gif);

		text-align: left;

		padding-top: 5px;

		padding-left: 3px;

		margin: 0 0 0 10px;

		}

		

				#lower-container-contact .contact{

				color:#373000;

				font-size: 11px;

				font-family:Verdana;

				font-weight:bold;

				}



#footer {

width:987px;

clear:both;

}



#botbar {

width:250px;

font-family:Trebuchet MS;

font-size:11px;

font-weight:bolder;

text-transform:uppercase;

float:left;

margin-left: 0;

padding-left: 0;

white-space: nowrap;

}

	#botbar a {padding: 2px 36.5px;}

	

	#botbar li {

	display: inline;

	list-style-type: none;

	}



	#botbar a:link, #botbar a:visited, #botbar a:active{

	color: #4e6029;

	background-color: #fbba1c;

	text-decoration: none;

	}

	

	#botbar a:hover {

	color: #fff;

	background-color: #fe4c00;

	text-decoration: none;

	}



#availabilty {

width:185px;

float:right;

font-family:Trebuchet MS;

font-size:11px;

font-weight:bolder;

text-transform:uppercase;

margin-left:0;

padding-left:0;

margin-right:2px;;

white-space: nowrap; }



	#availabilty a { padding: 2px 37px; }

	

	#availabilty li {

	display: inline;

	list-style-type: none;

	}

	

	#availabilty a:link, #availabilty a:visited

	{

	color: #fff;

	background-color: #fe4c00;

	text-decoration: none;

	}

	

	#availabilty a:hover

	{

	color: #fff;

	background-color: #fbba1c;

	text-decoration: none;

	}



	



/**-------------- STARTS MENU  **--------------------**/



.jqueryslidemenu{

font: bold 12px Trebuchet MS;

background: #64713b;

width: 987px;

}



.jqueryslidemenu ul{

margin: 0;

padding: 0;

list-style-type: none;

}



/*Top level list items*/

.jqueryslidemenu ul li{

position: relative;

display: inline;

float: left;

width:141px;

text-align:left;

}



/*Top level menu link items style*/

.jqueryslidemenu ul li a{

display: block;

background: #64713b; /*background of tabs (default state)*/

color: white;

padding: 3px 3px;

border-right: 1px solid #778;

color: #2d2b2b;

text-decoration: none;

}



* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/

display: inline-block;

}



.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{

color: white;

}



.jqueryslidemenu ul li a:hover{

background: #fe4c00; /*tab link background during hover state*/

color: white;

}

	

/*1st sub level menu*/

.jqueryslidemenu ul li ul{

position: absolute;

left: 0;

display: block;

visibility: hidden;

}



/*Sub level menu list items (undo style from Top level List Items)*/

.jqueryslidemenu ul li ul li{

display: list-item;

float: none;

}



/*All subsequent sub menu levels vertical offset after 1st level sub menu */

.jqueryslidemenu ul li ul li ul{

top: 0;

}



/* Sub level menu links style */

.jqueryslidemenu ul li ul li a{

font: normal 12px Trebuchet MS;

width: 128px; /*width of sub menus*/

padding: 5px;

margin: 0;

border-top-width: 0;

border-bottom: 1px solid gray;

}



.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/

background: #fe4c00;

color: black;

}



/* ######### CSS classes applied to down and right arrow images  ######### */



.downarrowclass{

position: absolute;

top: 12px;

right: 7px;

}



.rightarrowclass{

position: absolute;

top: 6px;

right: 5px;

}





/* AQUI EMPIEZA GREYBOX CSS */

#GB_overlay {

    background-color: #000;

    position: absolute;

    margin: auto;

    top: 0;

    left: 0;

    z-index: 100;

}



#GB_window {

    left: 0;

    top: 0;

    font-size: 1px;

    position: absolute;

    overflow: visible;

    z-index: 150;

}



#GB_window .content {

    width: auto;

    margin: 0;

    padding: 0;

}



#GB_frame {

    border: 0;

    margin: 0;

    padding: 0;

    overflow: auto;

    white-space: nowrap;

}





.GB_Gallery {

    margin: 0 22px 0 22px;

}



.GB_Gallery .content {

    background-color: #fff;

    border: 3px solid #ddd;

}



.GB_header {

    top: 10px;

    left: 0;

    margin: 0;

    z-index: 500;

    position: absolute;

    border-bottom: 2px solid #555;

    border-top: 2px solid #555;

}



.GB_header .inner {

    background-color: #333;

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

    padding: 2px 20px 2px 20px;

}



.GB_header table {

    margin: 0;

    width: 100%;

    border-collapse: collapse;

}



.GB_header .caption {

    text-align: left;

    color: #eee;

    white-space: nowrap;

    font-size: 20px;

}



.GB_header .close {

    text-align: right;

}



.GB_header .close img {

    z-index: 500;

    cursor: pointer;

}



.GB_header .middle {

    white-space: nowrap;

    text-align: center;

}





#GB_middle {

    color: #eee;

}



#GB_middle img {

    cursor: pointer;

    vertical-align: middle;

}



#GB_middle .disabled {

    cursor: default;

}



#GB_middle .left {

    padding-right: 10px;

}



#GB_middle .right {

    padding-left: 10px;

}





.GB_Window .content {

    background-color: #fff;

    border: 3px solid #ccc;

    border-top: none;

}



.GB_Window .header {

    border-bottom: 1px solid #aaa;

    border-top: 1px solid #999;

    border-left: 3px solid #ccc;

    border-right: 3px solid #ccc;

    margin: 0;



    height: 22px;

    font-size: 12px;

    padding: 3px 0;

    color: #333;

}



.GB_Window .caption {

    font-size: 12px;

    text-align: left;

    font-weight: bold;

    white-space: nowrap;

    padding-right: 20px;

}



.GB_Window .close { text-align: right; }

.GB_Window .close span { 

    font-size: 12px;

    cursor: pointer; 

}

.GB_Window .close img {

    cursor: pointer;

    padding: 0 3px 0 0;

}



.GB_Window .on { border-bottom: 1px solid #333; }

.GB_Window .click { border-bottom: 1px solid red; }



/* =----------------------------------- sociable */



div.sociable {

margin-left:25px;

margin-top:25px;

}



span.sociable_tagline { 



}

span.sociable_tagline span { display: none; width: 14em; }

span.sociable_tagline:hover span {

	background: #ffe;

	border: 0px solid #ccc;

	color: black;

	line-height: 1.25em;

}

.sociable span {

	display: block;

}

.sociable ul {

	display: inline;

	margin: 0 !important;

	padding: 0 !important;

}

.sociable ul li {

	display: inline !important;

	list-style-type: none;

}

.sociable ul li:before { content: ""; }

.sociable img {

	float: none;

	width: 16px;

	height: 16px;

	border: 0;

	margin: 0;

	padding: 0;

}



.sociable-hovers {

	opacity: .4;

	-moz-opacity: .4;

	filter: alpha(opacity=40);

}

.sociable-hovers:hover {

	opacity: 1;

	-moz-opacity: 1;

	filter: alpha(opacity=100);

}