@charset "utf-8";
/* CSS Document */
body  {
	background: #554841;
	background-color:#A02225;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.twoColFixLt #container { 
	width: 950px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background:#E9E9D2;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	height:750px;
}
.main #container { 
	width: 950px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background:#fff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	height:750px;
	text-align:center;
}
.main #container .anim{ 
	padding-top:67px;
}
.main #container .content{ 
	margin-top:50px;
}
.main #container #nav{ 
	margin-top:56px;
	height:37px;
	text-align:center;
	padding-left:251px;
}
.main #container #nav li{ 
	float:left;
	margin:10px 0;
	font-size:13px;
	color:#666;
	width:150px;
}
.main #container #nav li a{ 
	font-size:13px;
	color:#666;
	text-decoration:none;
}
.twoColFixLt #sidebar1 {
	height:750px;
	float: left; /* since this element is floated, a width must be given */
	width: 290px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #fff; /* the background color will be displayed for the length of the content in the column, but no further */
	/*padding: 15px 10px 15px 20px;*/
	border-right:7px solid #554841;
}
.twoColFixLt #sidebar1 #nav{
	margin-top:180px;
}
.twoColFixLt #sidebar1 ul{
	margin-top:6px;
	margin-left:23px;
}
.twoColFixLt #sidebar1 li{
	border-bottom:1px solid #554841;
	width:267px;
	padding-top:2px;
	padding-bottom:2px;
	font-size:13px;
	color:#666;
	height:20px;
}
.twoColFixLt #sidebar1 li a{
	text-decoration:none;
	padding-left:15px;
	color:#666;
	font-size:13px;
}
.twoColFixLt #mainContent { 
	margin: 0 0 0 297px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	text-align:center;
	padding-top:20px;
} 
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	/*margin-left: 8px;*/
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	/*margin-right: 8px;*/
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clearfix { position: relative; }
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
a:focus {
	width:0px;height:0px;outline:0px;
}
.twoCols{
	margin-top:10px;
	margin-left:50px;
	padding-left:20px;
	border-left:1px solid #B3B3B3;
	height:160px;
}
.twoCols2{
	height:130px;
}
.twoCols1{
	margin-top:5px;
	margin-left:30px;
	padding-left:20px;
}
.twoCols1 p{
	text-align:justify;
	width:240px;
	margin-right:40px;
	margin-top:5px;
}
.twoCols1 ul{
	margin-top:20px;
	float:left;
	margin-left:60px;
}
.twoCols1 ul li{
	list-style-type:disc;
}
.twoCols p{
	text-align:justify;
	width:240px;
	margin-right:40px;
	float:left;
	margin-top:20px;
	margin-bottom:20px;
}
p.normal{
	float:none;
	width:500px;
	margin:0 auto;
}
#content{
	text-align:left;
}
.twoCols ul{
	margin-top:60px;
	width:280px;
	float:left;
}
.twoCols .wedding ul{
	margin-top:20px;
}
.twoCols li{
	  text-align:justify;
		list-style-type:disc;  
}
.ambients{
	height:347px;
}
.description{
	width:390px;
	height:70px;
	text-align:justify;
	margin-left:20px;
}
.imagesNav{
	margin-left:7px;
	margin-top:10px;
}
.imagesNav li{
	float:left;
	margin-right:7px;
}
.imagesNav li a{
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1
}
.imagesNav li a.on{
	opacity: .5;
	filter: alpha(opacity=50);
	-moz-opacity: .5
}
.imagesNav li a img{
	border:1px solid #E9E9D2;
}
.imagesNav li a.on img{
	border:1px solid #554841;
}
div.rates{
	/*padding:0 60px 0 120px;*/
}
div.rates ul{
	float:left;
	list-style-type:disc;
	padding:20px 20px 20px 15px;
}
div.rates .col2{
	width:200px;
}
.ratesContainer{
	padding-left:120px;
}
div.rates ul li{
	list-style-type:disc;
}
table.rates{
	margin:30px auto;
	border:1px solid #808080;
	border-bottom:1px solid #808080;
	border-collapse:collapse;
}
table.rates td{
	padding:5px;
	text-align:right;
}
table.rates td.field{
	border-right:1px solid #808080;
	text-align:left;
	font-size:15px;
}
.location{
	padding-left:60px;
	padding-top:-5px;
/*	background-image: url(../images/map1_06.gif);
	background-repeat:no-repeat;*/
	width:570px;
	height:500px;
	background-position: right bottom;
}
.logo22
{
width:320px;
text-align:center;
}
.texto
{
padding-left:5px;
text-align:justify;
width:320px;
height:355px;
padding-top:0px;
}
.convento
{
width:250px;
margin-left:-30px;
text-align:center;
}
.location p{
	text-align:justify;
	padding-right:40px;
	padding-bottom:20px;
}
h5.Reservation{
	padding-top:20px;
	padding-left:80px;
	padding-bottom:10px;
}
div#formReservation{
	width:370px;
	margin:0 auto;
}

div#formReservation div.fields{
	border:2px solid #554841;
	padding:3px;
}
div#formReservation div.fields fieldset{
	border:1px solid #554841;
    border-top:1px solid #554841;
}
div#formReservation div.fields fieldset.first{
	border-top:1px solid #554841;
}
div#formReservation  fieldset{
	padding:7px 0;
}
div#formReservation  table{
	margin:0 auto;
}
div#formReservation  table td{
	padding:1px 5px;
	height:20px;
}
div#formReservation  table td input{
	/*padding:1px;*/
}
div#formReservation  table.formdata1 td input{
	width:160px;
}
div#formReservation  table.formdata2 td.field{
	width:90px;
}
div#formReservation  fieldset.formdata3{
	padding:10px 20px;
	text-align:left;
}
div#formReservation  fieldset.formdata3 table{
	margin:5px 0;
}
div#contact{
	padding-left:200px;
	padding-top:50px;
}
div.col1{
	float:left;
	width:245px;
	padding-left:60px;
	padding-right:20px;
}
div.col1 p{
	text-align:justify;
	margin:10px 5px;
}
div.col2 p{
	text-align:justify;
	margin:10px 5px;
}
div.col2{
	padding-left:20px;
	padding-right:20px;
	margin-left:325px;
}
label.error{
	color:red;
}
input.error{
	background-color:red;
}

.logos
{
margin-left:50px;
margin-top:50px;

}

.logo2
{
margin-top:-200px;
height:200px;
width:290px;
text-align:center;
background-image:url(../images/logo_main_03.png);
background-repeat:no-repeat;
background-position:center centeR;
opacity:0.2;
filter:alpha(opacity=20);
background-color:white;
}

.off1
{
color:#333333;
font-size:14px;
padding-left:0px;
}

.off1:hover
{
padding-left:15px;
color:red;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}

.titulo
{
font-family:verdana;
font-size:17px;
width:500px;
text-align:center;
padding-top:10px;
}

.listas
{
font:verdana;
font-size:16px;
}

.nota
{
width:550px;
text-align:center;
font-size:10px;
margin-top:-20px;
height:30px;
}