/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #D3D0C4;
	margin: 10px 0;
}

body, td {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #8D8A80;
}

td {
	text-align: left;
	vertical-align: top;
}

a img {
	border: none;
}

#mainTable {
	margin: 0 auto;
}

#top {
	background: url(../images/shadow_top.gif) center bottom no-repeat;
	height: 8px;
}

#bottom {
	background: url(../images/shadow_bottom.gif) center bottom no-repeat;
	height: 6px;
}

.leftSide {
	background: url(../images/shadow_left.gif) top right repeat-y;
}

.rightSide {
	background: url(../images/shadow_right.gif) top left  repeat-y;
}

#content {
	background-color: #fff;
}

#nav a {
	display: block;
	text-align: right;
	padding: 0 10px 2px 0;
	border-bottom: 1px solid #D3D0C4;
	text-decoration: none;
	color: #8D8A80;
	line-height: 10px;
	margin-right: 10px;
	padding: 3px 10px 1px 0;
}

#nav a:hover {
	color: #fff;
	background-color: #D3D0C4;
}


.active {
	background-color: #E9E7E1;
	border-bottom: 1px solid #E9E7E1;
	color: #fff;
}

#split {
	background: url(../images/dot.gif) top center repeat-y;
}


#leftCol {
	vertical-align: top;
	
}

#leftCol p {
	margin: 5px 9px 10px 10px;
	text-align: justify;
}

#bodyContent p {
	margin: 5px 20px 10px 0;
	text-align: justify;
}

#bodyContent b {
color:#FF0000;
}

#bodyContent a {
	color: #666666;
}

#bodyContent a:hover {
	color: #333333;
}

#leftCol .photo {
	margin: 0 0 10px 10px;
	width: 408px;
	overflow: hidden;
}

.photo p {
	text-align: right !important;
	margin: 5px 0 0 0 !important;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

#rightCol .photo {
	margin: 0 0 15px 0;
	width: 273px;
	overflow: hidden;	
}

#footer {
	border-top: 1px solid #D3D0C4;
	padding: 12px 0 4px 0;
	text-align: center;
	margin-top: 15px;
}

#footer ul li {
	list-style-type: none;
	display: inline;
	padding: 0 10px;
}

#footer a {
	color: #8D8A80;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}


.heading {
	border-top: 1px solid #D3D0C4;
	border-bottom: 1px solid #D3D0C4;
	margin-bottom: 10px;
	text-align: left;	
}

h1, h2 {
	font-size: 24px;
	font-weight: normal;
	background-color: #D3D0C4;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin: 0 auto;
	color: #fff;	
	line-height: 17px;
	padding: 6px 0 3px 130px;
}

.first {
		padding: 6px 0 3px 10px;
}

h3 {
	font-size: 11px;
	font-weight: bold;
	margin: 5px 0 10px 0; 
}

blockquote {
	margin: 10px 0;
	border-bottom: 1px solid #D3D0C4;
	margin-bottom:5px;
	padding-bottom:5px;
}

blockquote img{
float:left;
margin:0 5px 5px 0;
}

.newsItem {
	border-bottom: 1px solid #D3D0C4;
	margin: 0 15px 10px 10px;
}

.newsItem h3{
text-transform:uppercase;
}


.newsItem p {
	margin: 5px 0 10px 0;
	text-align: justify	
}

h5 {
	font-size: 14px;
	font-weight: bold;
	margin: 5px 0 10px 0;
}

#reservas td {
padding: 3px 0 3px 0 
}


/* +++++++++++++++++++++++++++++++++++++++ FORM +++++++++++++++++++++++++++++++++++++++ */
div#formcontainer {
	width:400px; 
}

div#formcontainer h2{
background-color:#CCC;
font-weight:normal;
font-size:20px;
color:#333;
padding:2px 10px;
margin:0;
}
div#formcontainer p{
margin:0;
padding:10px;
font-size:11px;
line-height:normal;
color:#777;
}

div#formcontainer input, div#formcontainer textarea{
color:#999;
}


div#formcontainer form  {
	border-top: 2px solid #CCC; 
	border-bottom: 3px solid #CCC;
} /* the top border is visually 1 px thicker because it touches the div.clearfix bordertop */

div#formcontainer div.clearfix {
	border-top: 1px solid #CCC; 
	padding:10px 0px; 
	vertical-align:top;
} /* adds the line above each section and provides vertical spacing */

div#formcontainer form label {
	width:120px; 
	float:left; 
	font-size:12px;
	margin:0 10px;
	color:#565350;
} /* this is the text label on the left of each input */
/* END OF THE FORMS CSS*/

div#formcontainer input[type="submit"] {display:block; margin-left:auto; margin-right:10px;}


/* +++++++++++++++++++++++++++++++++++++++ FOOTER +++++++++++++++++++++++++++++++++++++++ */