* {
	font-family:Bree;
	}

html, body {
	height: 100%; 
	padding: 0; 
	margin: 0;
	}

body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: Calibri;
	color:#336666;
	font-size:90%;
	font-weight:normal;
	background-color:#cccc99;
	background-image:url(images/bkd_body.jpg);
	background-position:top center;
	background-repeat: repeat-x;
	background-attachment: inherit;
	height:100%;
	}

a:link, a:visited {
	text-decoration:none;
	}

a:hover {
	text-decoration:underline;
	}

img {
	border:none;
	}

h1 {
	font-size:1.4em;
	font-weight:700;
	margin:0;
	}

h2 {
	font-size:1.2em;
	font-weight:700;
	margin:10px 0;
	}

p {
	font-size: 1em;
	}

#wrapper{
	margin: 3px auto;
	width: 760px;
	padding: 0px 15px 0px 15px;
	border:1px solid #336666;
	border-bottom:1px solid #336666;
	border-top:1px solid #336666;
	background-color:#f6eadf;
	background-image: url(images/bckd_tranparencia_wrapper.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
	}

#header {
	margin: 0 0 0 0;
	padding: 0;
	}

#banner {
	padding:0;
	margin: 15px 0 3px 0;
	background-position: top left;
	background-repeat:no-repeat;
	height:320px;
	float:right;
	width:557px;

	}

.reposera {
	background-image:url(images/banner_01.jpg);
	}

.malibu {
	background-image:url(images/banner_02.jpg);
	}


.vista {
	background-image:url(images/banner_03.jpg);
	}

.habitaciones {
	background-image:url(images/banner_04.jpg);
	}

.sala {
	background-image:url(images/banner_05.jpg);
	}

.hamacas {
	background-image:url(images/banner_06.jpg);
	}

.estufa {
	background-image:url(images/banner_07.jpg);
	}

.ventana {
	background-image:url(images/banner_08.jpg);
	}

.tarde {
	background-image:url(images/banner_09.jpg);
	}

.playa {
	background-image:url(images/banner_19.jpg);
	}

.rioarboles {
	background-image:url(images/banner_10.jpg);
	}

.palmera {
	background-image:url(images/banner_11.jpg);
	}

.cuarto {
	background-image:url(images/banner_20.jpg);
	}

.kayak {
	background-image:url(images/banner_12.jpg);
	}

.botnia {
	background-image:url(images/banner_23.jpg);
	}

.potros {
	background-image:url(images/banner_14.jpg);
	}

.bote {
	background-image:url(images/banner_15.jpg);
	}

.ramblasol {
	background-image:url(images/banner_16.jpg);
	}

.plaza {
	background-image:url(images/banner_17.jpg);
	}

.slum {
	background-image:url(images/banner_18.jpg);
	}



#nav {
	width:200px;
	background-color:#cdcd98;
	float:left;
	border:none;
	margin:15px 0 3px 0;
	padding:0 0 0 0;
	height:320px;
	font-size:1.1em;
	background-image:url(images/bckd_nav.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;	
	}

.logo{
	margin:15px 0 0px 20px;
	}

#nav ul {
	list-style-type:none;
	margin:10px 0 0 20px;
	padding:0;
	}

#nav ul li{
	margin: 5px 5px;
	}

#nav a {
	font-family:Bree;
	font-weight:bold;
	}

#nav a:link, #nav a:visited {
	color:#336666;
	list-style-image:url(images/img_list_no.jpg);
	text-decoration:none
	}

#nav a:hover{
	color:#664c33;
	list-style-image:url(images/img_list.jpg);
	text-decoration:none;
	}

#mitte{
	/*background-image: url(images/bckd_mitte.jpg);
	background-repeat:repeat-x;*/
	background-color:#336666;
	margin: 0 0 3px 0;/*3px 0*/
	padding:6px;
	padding-right:18px;
	padding-left:18px;
	text-align:left;
	border-bottom:1px solid #336666;
	border-top:1px solid #336666;
	color:#FFFFFF;
	font-family:Bree;
	font-weight: bold;
	clear:both;
	font-size:0.8em
	}

#mitte a:link, #mitte a:visited {
	color:white;
	text-decoration:none

	}

#mitte a:hover{
	color:#cc9;
	text-decoration:none
	}

#main {
	margin:0;
	padding:0;
	clear:both;
	}

#sidebar {
	float: left;
	width: 202px;
	}

#sidebar2 {
	float: right;
	width: 140px;
	margin-bottom:3px;
	}

#sidebar2 p, #sidebar p{
	margin-top:0;
	padding-top:0;
	}

#sidebar2 img, #sidebar img{
	margin-bottom:1px;
	padding-top:0;
	border:none;
	}

#content {
	float:right;
	margin: 0 15px;
	padding:8px 15px;
	width:355px;
	}

#content p{
	margin-top: 10px;
	text-align:justify;	
	}

#content p a:link, #content p a:visited{
	text-decoration:underline;
	color:#336666;
	 }

#content p a:hover{
	text-decoration:none;
	}

.flags {
	margin: 0 6px;
	background-color:#CCCCFF;
	}

/********************************************/
/*********** P I E ********************/

#footer {
	clear: both;
	/*background-color: orange;*/
	padding-top:10px;
	border-top:1px solid #CCCC99;
	margin-top:20px;
	font-family:Bree;
	font-size:0.8em;
	}

#footer img{
	vertical-align:middle;
	margin:5px 5px;
	}

#footer p {
	margin:0 0 15px 0;
	text-align:center;
	padding:2px;
	color:#336666;
	background-image:url(images/bottom_logo.png);
	background-repeat:no-repeat;
	background-position:right
	}


/***********************************/
/********** FORMULARIO ************/

form.ctc {
	width:350px;
	margin:15px 0;
	padding:0 0;
	}


fieldset {
	font-size:12px;
	padding:0px;
	width:350px;
	border:none;
	}

label {
	width:7em;
	float:left;
	text-align:right;
	margin:.5em 1em;
	clear:both;
	}

input, textarea {
	margin: 0 0;
	width: 180px;
	}

#subbutton {
	float:none;
	width:auto;
	margin-bottom:1em;
	margin-left:9em;
	clear:both;
	margin-top: 1em;
	}

br {
	clear: both;
	}

a:link.volver, a:visited.volver {
	text-decoration:underline;
	color:#336666;
	}

a:hover.volver{
	text-decoration:none;
	}

.plano {
	margin: 10px 0;
	}
	
 @font-face {
 font-family: Bree;
 src: url( http://http://www.delbarranco.com/images/breelight-webfont.eot ); /* IE */  
 src: local(" Bree "), url( http://www.delbarranco.com/images/breelight-webfont.ttf ) format("truetype"); /* non-IE */  
 src: url("http://www.delbarranco.com/images/BreeLight.otf") format("opentype");
 font-weight: normal;
 font-style: normal;
}

/******************** SLIDE *****************/

/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
	clear:both;
}
/*--Window/Masking Styles--*/
.window {
	height:320px;	width: 557px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 0px; right: 15px;
	width: 350px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 1px 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold; 
	background: #004164; 
	border: 1px solid #004164;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}

#TT_y1Mzsm9R8hme3Rdu{
	position:absolute!important;
	top:28px !important;
	left:50% !important;
	margin-left:270px; 
	z-index: 200;
	}	
	
#vistasaptos {
	height:107px;
	}

	
.thumbaptos{
	height:105px;
	width:105px;
	margin:0 11px 0 0;
	border:1px solid #336666;
	float:left;
	background-repeat:no-repeat;
	background-position:top;
	text-align:center;
	}	

.thumbaptos a{
	position:relative;
	top:80px;}	

.thumbaptos a:link, .thumbaptos a:visited {	
	color: #336666;
	text-decoration:underline;
	}

.thumbaptos a:hover {	
	text-decoration:none;
	}			

	
.apto1{
	background-image:url(images/apto_01.jpg);
	}
.apto2{
	background-image:url(images/apto_02.jpg)}
.apto3{
	background-image:url(images/apto_03.jpg)}