@charset "utf-8";
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}




* {
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
a {outline:none;}
.hidden {
	visibility: hidden;
}
.none {
	visibility:hidden;
}


body {
	background-image: url(images/mainbg.jpg);
	background-repeat: repeat;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #FFFFFF;
}

#wrapper {
	height: auto;
	width: 802px;
	margin-right: auto;
	margin-left: auto;
}
#page {
	float: left;
	height: auto;
	width: 800px;
	border: 1px solid #3d0404;
}
#header {
	float: left;
	height: auto;
	width: 800px;
	background-color: #731212;
	padding-top: 0px;
}
.maintop {
	background-image: url(images/topbg.jpg);
	background-repeat: no-repeat;
	height: auto;
	width: 800px;
}
.mainlogo {
	margin-right: auto;
	margin-left: auto;
	height: 103px;
	width: 266px;
}
.mainnav {
	height: 34px;
	width: 800px;
}
.mainnav ul {
	height: auto;
	width: 766px;
	padding-right: 17px;
	padding-left: 17px;
}
.mainnav li {
	display: block;
	float: left;
	list-style-type: none;
}
.mainnav     li    a  {
	display: block;
	text-decoration: none;
	background-position: 0px 0px;
}
.mainnav   li   a:hover  {
	background-position: 0px 34px;
}
.mainnav span     {
	visibility: hidden;
}
.img_cont {
	float: left;
	height: 125px;
	width: 125px;
	margin-left: 10px;
	margin-top: 20px;
}

#active {
	background-position: 0px 34px;
}

.nav_home   a, .nav_home, .nav_home {
	height: 34px;
	width: 63px;
	background-image: url(images/home-nav.png);
}
.nav_todossantos  a, .nav_todossantos {
	height: 34px;
	width: 107px;
	background-image: url(images/todos-santos-nav.png);
}
.nav_accommodations a, .nav_accommodations {
	height: 34px;
	width: 133px;
	background-image: url(images/accomodations-nav.png);
}
.nav_reservations a, .nav_reservations {
	height: 34px;
	width: 101px;
	background-image: url(images/reservations-nav.png);
}
.nav_gallery a, .nav_gallery  {
	height: 34px;
	width: 68px;
	background-image: url(images/gallery-nav.png);
}




.nav_tienda a, .nav_tienda {
	height: 34px;
	width: 96px;
	background-image: url(images/tienda-nav.png);
}
.nav_historia a, .nav_historia {
	height: 34px;
	width: 112px;
	background-image: url(images/historia-nav.png);
}






.nav_contactus a, .nav_contactus {
	height: 34px;
	width: 85px;
	background-image: url(images/contact-nav.png);
}


.accommodation_container  {
float:left;
height:auto;
width:100%;
}
.accommodation_container p {
margin-left:25px;
}
.accommodation-heading  {
background-image:url("images/accommodations-heading.png");
background-repeat:no-repeat;
height:63px;
width:549px;
}


#bannerheader {
	height: 212px;
	width: 800px;
}

#rheader {
	height: 212px;
	width: 800px;
	background-image:url(images/rheader.jpg);
 	background-repeat: no-repeat;
}

#gheader {
	height: 212px;
	width: 800px;
	background-image:url(images/gheader.jpg);
 	background-repeat: no-repeat;
}

#cheader {
	height: 212px;
	width: 800px;
	background-image:url(images/cheader.jpg);
 	background-repeat: no-repeat;
}

#aheader {
	height: 212px;
	width: 800px;
	background-image:url(images/Aheader.jpg);
 	background-repeat: no-repeat;
}

#bannerheader_two {
	height: 212px;
	width: 800px;
	background-image: url(images/todos-banner.jpg);
	background-repeat: no-repeat;
}
#bannerheader_three {
	height: 212px;
	width: 800px;
	background-image: url(images/testiheader.jpg);
	background-repeat: no-repeat;
}
.language_nav {
	background-image: url(images/language-nav-bg.png);
	background-repeat: no-repeat;
	height: 44px;
	width: 800px;
}
.language_nav ul {
	float: right;
	width: 175px;
	height: 44px;
	background-color: transparent;
}
.language_nav li {
	list-style-type: none;
	display: block;
	float: left;
	font-size: 11px;
	padding-right: 20px;
	margin-top: 10px;
	color: #fff799;
	font-weight:bold;
}
.language_nav img {
	margin-right: 5px;
}
.language_nav li a {
	color: #fff799;
	font-weight:normal;
	text-decoration: none;
}
.language_nav  li a:hover {
	text-decoration: underline;
}

#content1 {
	float: left;
	height: auto;
	width: 800px;
}

#content {
	float: left;
	height: auto;
	width: 800px;
	background-image: url(images/leftcontbg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
#leftcontainer {
	float: left;
	height: auto;
	width: 549px;
	padding-bottom:-5px;
}
#sidebar{ padding-bottom:25px;}
.welcome {
	background-image: url(images/welcome-to-hotel-california.png);
	height: 63px;
	width: 549px;
	background-repeat: no-repeat;
}
.box_one {
	height: auto;
	width: 549px;
	float: left;
	text-align: justify;
}
a.readmore{
	color: #e7d436;
	font-size: 12px;
	margin-top: 10px;
	display: block;
	width: 70px;
}
a.readmore:hover {
	text-decoration: none;
	color: #FAF5D3;
}

.box_one img {
	border: 2px solid #acacac;
	margin-left: 25px;
	float: left;
	height: 123px;
	width: 123px;
}

.text_content_rooms1 {
	float: none;
	height: auto;
	width: 549px;
	margin-left: 0px;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	/*padding-top: 51px;*/
}

.text_content_rooms1 p {padding: 0 20px;}

.text_content_rooms2 {background-image: url(images/rooms-and-suites-heading.png); background-repeat:no-repeat; width:370px; height: 41px; float:right; padding-right: 15px;}

.text_content_rooms, .text_content_lacornela, .text_content_emporio, .text_content_living_accommodation, .text_content_bedroom_accommodation, .text_content_guys{
	float: left;
	height: auto;
	width: 370px;
	margin-left: 10px;
	background-repeat: no-repeat;
	background-position: left top;
	/*padding-top: 51px;*/
}
.box_one .subhead_link {
	width: 100%;
	margin: 0px;
	height: 51px;
	display: block;
}

.text_content_rooms {background-image: url(images/rooms-and-suites-heading.png);}
.text_content_lacornela {background-image: url(images/la-coronela-restaurant-bar-heading.png);}
.text_content_emporio {background-image: url(images/emporio-heading.png);}
.text_content_guys {background-image: url(images/guys-heading.png);}
.divider {
	background-image: url(images/divider.png);
	background-repeat: no-repeat;
	height: 1px;
	width: 360px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	margin-bottom: 10px;
}

.divider1 {
	background-image: url(images/divider.png);
	background-repeat: no-repeat;
	height: 1px;
	width: 400px;
	float:right;
	margin-top: 20px;
	margin-bottom: 10px;
}

.divider2 {
	background-image: url(images/divider1.png);
	background-repeat: no-repeat;
	height: 1px;
	width: 500px;
	float:left;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-left: 5px;
}

#sidebar {
	float: left;
	width: 251px;
	height: auto;
	background-color:#550A04 !important;
	bakcground-repeat: repeat-y;
}
.reservations_form {
	width: 100%;
	padding-top: 20px;
	background-repeat: no-repeat;
	height: auto;
	}
	
#sidebar form {
	height: auto;
	width: 100%;
	display: block;
	margin-bottom: 20px;
	float: right;
	font-size: 12px;
}
#sidebar .topinput {
	height: auto;
	width: 85%;
	float: none;
	padding-left: 7%;
}
.topinput input {
	width: 100%;
	float: left;
	height: auto;
}
.topinput label {
	float: left;
	width: 80px;
	display: block;
	margin-left: 16px;
	line-height: 20px;
}
#sidebar .bottominput {
	float: right;
	height: auto;
	width: 88%;
	padding-left: 12%;
	margin-top: 15px;
}
.bottominput .date {
	width: 71px;
	height: auto;
}

.bottominput label {
	display: block;
	float: left;
	margin-left: 10px;
	line-height: 20px;
}
.bottominput .time {
	width: 110px;
	height: auto;
}

input, select  {
	background-color: #cccccc;
}
.bottominput input {
	width: 33px;
	float: left;
	height: auto;
	margin-left: 2px;
}

.bottominput #arrivaldate {
	float: left;
	height: auto;
	width: 150px;
}
#img1 { background:url(images/img1.jpg) repeat-y; width: 251px; height: 51px;}
.social-media { width:250px; padding-top:10px; }
.social-media a.fb { font:16px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; font-weight:bold; float:left; width:230px; padding:8px 0 0; }
.social-media a.fb img {float: right; margin:-15px 0 0; }
.fb-text{font-family:Arial;font-size:16px;font-weight:bold;text-decoration:none;color:#FFFFFF;}
.bottlecap {
			xposition:absolute;
			xbottom: -300px;
			float: right; 
			xmargin:0 0 0 0; 
			padding-top:60px; 
			xbackground-color: #00F;
			}
			
#submit {
	float: right;
	margin-right: 25px;
	margin-top: 15px;
	height: 45px;
	width: 101px;
	background-image: url(images/submit.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	font-weight: bold;
	color: #75190a;
	text-transform: uppercase;
	font-family: "Times New Roman", Times, serif;
	cursor:pointer;
}
#sidebar  #submit    {
}
#submit:hover {
	color: #B3270F;
}

.legendary_content { 
	font-size: 16px;
	background: #550A04;background-repeat: no-repeat;
	width: 251px;
	padding-top: 14px;
	float: right;
	height: auto;
}


#footer {
	float: left;
	height: 141px;
	width: 800px;
	background-image: url(images/footer-bg.png);
	background-repeat: no-repeat;
}
.contact_info a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
}

#footer .contact_info {
	float: right;
	height: 80px;
	width: 550px;
	padding-left: 250px;
	font-size: 11px;
	margin-top: 20px;
}
.contact_info p {
	display: block;
	width: 39%;
	float: left;
	height: auto;
	padding-right: 5%;
	padding-left: 5%;
}

#footer ul {
	height: auto;
	width: 800px;
	clear: both;
	float: left;
	text-align: center;
}
#footer ul li {
	display: inline;
	list-style-type: none;
	margin-left: 4px;
}
#footer  ul span {
	margin-left: 4px;
	font-size: 11px;
	color: #fff799;
}

#footer li a {
	color: #fff799;
	text-decoration: none;
	font-size: 10px;
	text-transform: uppercase;
}
#footer a:hover {
	text-decoration: underline;
}

#image18 {
	background:url(images/gallery-images/image18a.jpg) right top no-repeat;
	width: 100%;
	height: auto;
	
}

#map 	{
	background: url(images/gallery-images/map-location.jpg) center center no-repeat;
	width: 449px;
	height: 403px;
	padding-top: 30px;
}



#map1 	{
	background: url(images/maphotel.jpg) center center no-repeat;
	width: 449px;
	height: 403px;
	padding-top: 30px;
}


.prod_views {
 float: left; 
 width: 175px; 
 text-align: center;
}

.prod_views a {
 text-decoration: none;
}

#large_box {
width: 500px;
height: 530px;
}
/*revised*/
.mainnavrev {
	width: 800px;
	padding: 0 10px;
}

.mainnavrev ul {
list-style: none;
}

.mainnavrev li {
float: left;
list-style: none;
display: block;
}

.mainnavrev span     {
	visibility: hidden;
}

.homerev a { width: 76px; height: 33px; background: url(images/navigation/home.jpg) no-repeat 0 0px; float:left;}	
.homerev a:hover { width: 76px; height: 33px; background: url(images/navigation/home.jpg) no-repeat 0 bottom; float: left; }	
.homerev a.active { width: 76px; height: 33px; background: url(images/navigation/home.jpg) no-repeat 0 bottom; float: left; }

.todos a { width: 118px; height: 33px; background: url(images/navigation/todo-santos.jpg) no-repeat 0 0px; float:left;}	
.todos a:hover { width: 118px; height: 33px; background: url(images/navigation/todo-santos.jpg) no-repeat 0 bottom; float: left; }	
.todos a.active { width: 118px; height: 33px; background: url(images/navigation/todo-santos.jpg) no-repeat 0 bottom; float: left; }

.accom a { width: 142px; height: 33px; background: url(images/navigation/accomodation.jpg) no-repeat 0 0px; float:left;}	
.accom a:hover { width: 142px; height: 33px; background: url(images/navigation/accomodation.jpg) no-repeat 0 bottom; float: left; }	
.accom a.active { width: 142px; height: 33px; background: url(images/navigation/accomodation.jpg) no-repeat 0 bottom; float: left; }

.reserv a { width: 112px; height: 33px; background: url(images/navigation/reservation.jpg) no-repeat 0 0px; float:left;}	
.reserv a:hover { width: 112px; height: 33px; background: url(images/navigation/reservation.jpg) no-repeat 0 bottom; float: left; }	
.reserv a.active { width: 112px; height: 33px; background: url(images/navigation/reservation.jpg) no-repeat 0 bottom; float: left; }

.gall a { width: 77px; height: 33px; background: url(images/navigation/gallery.jpg) no-repeat 0 0px; float:left;}	
.gall a:hover { width: 77px; height: 33px; background: url(images/navigation/gallery.jpg) no-repeat 0 bottom; float: left; }	
.gall a.active { width: 77px; height: 33px; background: url(images/navigation/gallery.jpg) no-repeat 0 bottom; float: left; }

.testit a { width: 65px; height: 33px; background: url(images/navigation/testimonial.jpg) no-repeat 0 0px; float:left;}	
.testit a:hover { width: 65px; height: 33px; background: url(images/navigation/testimonial.jpg) no-repeat 0 bottom; float: left; }	
.testit a.active { width: 56px; height: 33px; background: url(images/navigation/testimonial.jpg) no-repeat 0 bottom; float: left; }

.hist a { width: 81px; height: 33px; background: url(images/navigation/history.jpg) no-repeat 0 0px; float:left;}	
.hist a:hover { width: 81px; height: 33px; background: url(images/navigation/history.jpg) no-repeat 0 bottom; float: left; }	
.hist a.active { width: 81px; height: 33px; background: url(images/navigation/history.jpg) no-repeat 0 bottom; float: left; }

.cont a { width: 111px; height: 33px; background: url(images/navigation/contact-us.jpg) no-repeat 0 0px; float:left;}	
.cont a:hover { width: 111px; height: 33px; background: url(images/navigation/contact-us.jpg) no-repeat 0 bottom; float: left; }	
.cont a.active { width: 111px; height: 33px; background: url(images/navigation/contact-us.jpg) no-repeat 0 bottom; float: left; }

.histr a { width: 81px; height: 33px; background: url(images/navigation/history.jpg) no-repeat 0 0px; float:left;}	
.histr a:hover { width: 81px; height: 33px; background: url(images/navigation/history.jpg) no-repeat 0 bottom; float: left; }	
.histr a.active { width: 81px; height: 33px; background: url(images/navigation/history.jpg) no-repeat 0 bottom; float: left; }

	
.pushleft	{
margin-right: 5px;
}

.history-heading  {
background:url(images/h1header-history.jpg);
height:63px;
width:549px;
}
.pad {padding-left: 40px; padding-top: 10px; padding-bottom: 10px; padding-right: 10px;}
.imghist{float:right; margin:0  2px;}

#leftcontainer1 {
	float: left;
	height: auto;
	width: 544px;
	padding-right: 5px;
	padding-bottom:25px;
}