@charset "utf-8";
/* CSS Document */

body {
	background-image: url(http://www.posadadelosleones.com/assets/templates/design/lions/images/background_7.png);
	background-color: #434B38;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #332B17;
	padding: 0;
	margin: 0;
}

h2 {
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	font-weight: lighter;
	text-shadow: #5F3C18 1px 1px 3px;
}


#main_conteniner {
	background-image: url(http://www.posadadelosleones.com/assets/templates/design/lions/images/content_back.png);
	background-repeat: repeat-y;
	margin: 0 auto;
	width: 1005px;
	height: 565px;
	position: relative;
}

/*Bottom Area*/
#bottom_container {
	background-image: url(http://www.posadadelosleones.com/assets/templates/design/lions/images/bottom_band1.png);
	background-repeat: no-repeat;
	width: 1005px;
	height: 50px;
	position: relative;
	margin: 0 auto;
}

.bottom_reserv {
	margin: 0 auto;
	background-image: url(http://www.posadadelosleones.com/assets/templates/design/lions/images/bottom_reserve.png);
	background-repeat: no-repeat;
	width: 262px;
	height: 29px;
	margin-top: 27px;
	text-align: center;
}
.reserve_link {
	padding-top: 4px;
	padding-bottom: 5px;
}

.reserve_link a {
	color: #FFF;
	text-decoration: none;
	font-size: 95%;
	font-weight: normal;
}

#site_rights {
	position: absolute;
	left: 70px;
	top: 24px;
	font-size: 85%;
	color: #533820;
}

#fis_credits {
	position: absolute;
	right: 70px;
	top: 24px;
	font-size: 85%;
	color: #533820;
}
#fis_credits a {
	text-decoration: none;
	color: #533820;
}
#fis_credits a:hover {
	text-decoration: underline;
}

.fis_logo {
	position: relative;
	margin: 0 auto;
	text-align: center;
	font-size: 75%;
	padding-top: 35px;
}

/*Top Area*/

#top_header {
	background-image: url(http://www.posadadelosleones.com/assets/templates/design/lions/images/top_band_back.png);
	background-repeat:repeat-x;
	height: 85px;
	z-index: 150;
	position: relative;
	margin: 0 auto;
	width: 890px;
}
.head_left {
	position: absolute;
	left: -31px;
	top: 0px;
}
.head_left img {
	display: inline;
}
.head_right {
	position: absolute;
	right: -31px;
	top: 0px;
}
.head_right a{
	text-decoration: none;
	color: #332B17;
}

#logo_holders {
	margin: 0 auto;
	width: 795px;
	text-align: center;
	position: relative;
}

#navig_bar {
	background-image: url(http://www.posadadelosleones.com/assets/templates/design/lions/images/nav_back.png);
	height: 43px;
	width: 800px;
	margin: 0 auto;
	position: relative;
	margin-top:-5px;
}
#navig_bar a{
	color: #FFF;
	text-decoration: none;
}
#navig_left {
	position: absolute;
	left: -19px;
	top: 0px;
}
#navig_right {
	position: absolute;
	right: -22px;
	top: 0px;
}
#navig {
	padding-left:15px;
}


/*Website INTRO*/

.introContent {
	margin-top: -35px;
	text-align: center;
	position: relative;
	color: #A57B33;
}

.introContent h3 {
	color: #5E461A;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight:lighter;
}

.introLeft {
	position: absolute;
	top: 200px;
	left: 50px;
	width: 250px;
	text-align: center;
}
.introLeft a{
	text-decoration: none;
	color: #A57B33;
}

.introRight {
	position: absolute;
	top: 200px;
	right: 50px;
	width: 250px;
	text-align: center;
}
.introRight a{
	text-decoration: none;
	color: #A57B33;
}

/*Webiste Content*/

.insideContent {
	margin-top:-30px;
	padding: 0 35px 2px 38px;
}

.goldBack {
	background-image: url(http://www.posadadelosleones.com/assets/templates/design/lions/img/gold_degra.png);
	background-repeat: repeat-x;
	background-color: #A26A2D;
	color: #FFF;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
    border-radius: 8px;
	border: 1px solid #D8A952;
	padding: 10px;
	-webkit-box-shadow: 0px 0px 8px 0px #333;
 -moz-box-shadow: 0px 0px 8px 0px #333;
 box-shadow: 0px 0px 8px 0px #333;
}

.whiteCorner {
	background-color: #FFF;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
    border-radius: 8px;
	padding: 15px;
	position: absolute;
	right: 25px;
	bottom: 2px;
}

.whiteBorders {
	background-color: #FFF;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
    border-radius: 6px;
	padding: 10px;
	position: relative;
	border: 1px solid #D8A952;
}

.titlesRed {
	font-family: "Times New Roman", Times, serif;
	color: #BC823D;
	font-size: 150%;
	font-weight: normal;

}

.titlesWhite {
	color: #FFF;
	font-size: 140%;
	font-weight: lighter;
	text-shadow: #5F3C18 1px 1px 2px;
}

.titlesReder {
	font-family: "Times New Roman", Times, serif;
	color: #4A0D0B;
	font-size: 140%;
	font-weight: lighter;
}

.forRates {
	color: #BC823D;
	font-weight: bolder;
	font-size: 120%;
}
.littleNote {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 75%;
	font-style: italic;
	color: #666;
}

.inlineLinks a{
	display:inline;
	padding: 0 10px 0 10px;
}

.inblockLinks a {
	display: block;
	padding: 0 0 5px 0;
}

.resForm input{
	color: #BC823D;
}

/********* Photo and Divs Sliders *************/

li {
	
	text-align: justify;
	
}

/*------------------------
	---------------- NAVS
	------------------------*/


		/*------------------------
		--------------- LEFT ARROW
		------------------------*/
		
		/* Sets position and main configs */
		.slider_arrow_left {
			
			bottom: 10px;
			cursor: pointer !important;
			float: left;
			height: 22px;
			left: 10px;
			position: absolute;
			width: 22px;
			z-index: 5;
			
		}
		
		/* left arrow image */
		.slider_arrow_left {
			
			background: url(images/left_arrow.png) no-repeat top left;
			
		}


		/*------------------------
		-------------- RIGHT ARROW
		------------------------*/
		
		/* Sets position and main configs */
		.slider_arrow_right {
			
			bottom: 10px;
			cursor: pointer;
			float: left;
			height: 22px;
			left: 37px;
			position: absolute;
			width: 22px;
			z-index: 5;
			
		}
		
		/* Right arrow Background */
		.slider_arrow_right {
			
			background: url(images/right_arrow.png) no-repeat top left;
			
		}




	/*------------------------
	---------------- SELECTORS
	------------------------*/
	
	/* Sets configs for selectors containers : absolute positioned in relation to #slider */
	.slider_selector, .slider_selector_dis {
		
		bottom: 10px;
		list-style: none;
		margin: 0 0 0 5px;
		position: absolute;
		right: 10px;
		z-index: 5;
		
	}
	
		/* Sets image of selectors */
		.slider_selector li, .slider_selector_dis li {
			
			display: block !important;
			background: url(images/slider_selector.png) no-repeat top left;
			cursor: pointer;
			float: left;
			margin: 0 3px !important;
			height: 10px !important;
			position: relative !important;
			width: 10px !important;
			
		}
		
		/* Sets the current selector */
		.slider_selector li.current, .slider_selector_dis li.current {
			
			background: url(images/slider_selector_current.png) no-repeat top left;
			
		}
	
	/* Disables the selectors */
	.slider_selector_dis li {
		
		cursor: default !important;
		z-index: 5;
		
	}
	.container {
		
		float: left;
		position: relative;
		width: 100%;
		z-index: 15;
		margin-top: 30px;
		
	}