body
{
	font-size:       62.5%; /* reset 1EM to 10px */
	margin:          0;
	padding:         0;
	font-family:     Arial, Helvetica, sans-serif;
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url(fondo.jpg);
	background-color: #FEC831;
}

#container
{
	margin:          0 auto;
	width:           750px;
	position:        relative;
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #ECE9D8;
	background-image: url(containerbg.png);
}

#header
{
	margin:          0 auto;
	width:           707px;
	height:          120px;
	background:      transparent url(header.jpg) top left no-repeat;
}

.headtitle
{
	position:        relative;
	font-family:     Arial, Helvetica, sans-serif;
	font-size:       18px;
	color:           #FFF;
	top:             15px;
	left:            1px;
}

#menu
{
	margin:          0 auto;
	height:          29px;
	padding:         5px 0;
	background-color: #99CCFF;
	width: 707px;
}

#menu ul
{
	margin:          0;
	padding:         7px;
	background:      transparent url(menuoff.png) top left repeat-x;
	height:          29px;
}

#menu ul li
{
	list-style:      none;
	display:         inline;
}

#menu ul li a:link, #menu ul li a:active, #menu ul li a:visited
{
	color:           #000033;
	padding:         13px 3px 12px 3px;
	font-size:       13px;
	background:      transparent url(menuoff.png) center left repeat-x;
	font-family:     "Times New Roman", Times, serif;
	font-weight:     bold;
	text-decoration: none;
	font-style: italic;
}

#menu ul li a:hover
{
	background:      transparent url(menuon.png) center left repeat-x;
	color:           #FDFDFD;
}

#roundedheader
{
	width:           707px;
	height:          18px;
	margin:          0 auto;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left top;
}

#content
{
	min-height:      390px;
	width:           710px;
	margin:          0 auto;
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	background-position: left top;
}

#insidecontent
{
	float:           right;
	padding-left:    5px;
	padding-right:   5px;
	width:           490px;
}

#insidecontent p
{
	margin:          0;
	color:           #222222;
	font-family:     Arial, Helvetica, sans-serif;
	font-size:       13px;
	line-height:     135%;
	
}

#insidecontent a {
	border:none;
	font-family:Georgia;
	font-size:16px;
	color:#20A64C;
	text-decoration:underline;
}

#img a {
border:none;
}

#sidebar
{
	float:           left;
	width:           170px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 3px;
	background-color: #FFFFFF;
}

#sidebar p
{
	margin:          0;
	color:           #565656;
	font-family:     Arial, Helvetica, sans-serif;
	font-size:       14px;
	line-height:     150%;
	font-weight: bold;
	
}

#sidebar a:link, #sidebar a:active, #sidebar a:visited
{
	text-decoration: none;
	color:           #666666;
	
	
}

#sidebar a:hover
{
	text-decoration: none;
	color:        #ff9900;
	background-image: url(menu1.png);

	}
#roundedfooter
{
	width:           707px;
	height:          17px;
	margin:          0 auto;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left top;
}

h1
{
	margin:          0;
	font-weight:     bold;
	color:           #009900;
	font-size:       2.7em;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
}

h2
{
	margin:          0;
	display:         inline;
	position:        relative;
	top:             -1.5em;
	left:            2em;
	font-size:       1.8em;
	font-weight:     normal;
	color:           #FF3300;
}

h3
{
	margin:          0;
	font-size:       1.5em;
	font-weight:     bold;
	color:           #003366;
}

#footer
{
	margin:          0 auto;
	width:           707px;
	height:          39px;
	background:      transparent url(footer.png) top left repeat-x;
}

#footer span
{
	display:         block;
	position:        relative;
	font-family:     Arial, Helvetica, sans-serif;
	font-size:       1.2em;
	padding:         10px;
	color:           #565656;
}

/* Obed */
#sidebar {
	list-style: none;
	margin: 2px;
	width:180px;
	}
	
#sidebar ol a {
	padding: 5px 0px 0px 15px;
	font-family: "Times New Roman", Times, Serif;
	font-size: 14px;
	height: 29px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
	}	
	
#sidebar ol a:link, #sidebar ol a:visited {
	color: #333333;
	display: block;
	background:  url(menu0.png);
	background-repeat:no-repeat;
	font-weight: bold;
	}
	
#sidebar ol a:hover {
	color: #FF9900;
	background:  url(menu1.png);
	font-family: Times New Roman, Times, Serif;
	font-weight: bold;
	font-style: italic;
	width: 140px;
	background-repeat:no-repeat;
	margin-left: 10px;
	}
#container #content #insidecontent h4 {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #000066;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FF6600;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #FF6600;
	text-align: center;
	background-color: #FFCC66;
	letter-spacing: 5px;
}
#galeria
{
	background-color: transparent;
	width:           200px;
	height:          25px;
	background-repeat: no-repeat;
}
#container #content #insidecontent h5 {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #FF6600;
	word-spacing: 5px;
	letter-spacing: 3px;
	text-align: center;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000066;
	border-bottom-color: #000066;
	text-transform: capitalize;
	font-style: oblique;}
	
	.galeria_inside{
	border:none;
	font-family:Georgia;
	font-size:16px;
	color:#FFF;
	text-decoration:underline
	}

#container #content #insidecontent h6 {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: #CC0000;
	text-align: center;
	background-repeat: no-repeat;
	font-style: oblique;
	text-decoration: underline;
}
.nt1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}
.nt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}

/* Encabezados */

#paraiso
{
	margin:          0 auto;
	width:           707px;
	height:          120px;
	background:      transparent url(header-paraiso.jpg) top left no-repeat;
}

#pueblo
{
	margin:          0 auto;
	width:           707px;
	height:          120px;
	background:      transparent url(header-pueblo.jpg) top left no-repeat;
}
#llegar
{
	margin:          0 auto;
	width:           707px;
	height:          120px;
	background:      transparent url(header-llegar.jpg) top left no-repeat;
}
#actividad
{
	margin:          0 auto;
	width:           707px;
	height:          140px;
	background:      transparent url(header2.jpg) top left no-repeat;
}
#villa
{
	margin:          0 auto;
	width:           707px;
	height:          120px;
	background:      transparent url(header2.jpg) top left no-repeat;
}
#tips
{
	margin:          0 auto;
	width:           707px;
	height:          120px;
	background:      transparent url(header-tips.jpg) top left no-repeat;
}
#casas
{
	margin:          0 auto;
	width:           707px;
	height:          120px;
	background:      transparent url(header-casa.jpg) top left no-repeat;
}
#servicios
{
	margin:          0 auto;
	width:           707px;
	height:          120px;
	background:      transparent url(header-servicios.jpg) top left no-repeat;
}
#tari
{
	margin:          0 auto;
	width:           707px;
	height:          120px;
	background:      transparent url(header-rates.jpg) top left no-repeat;
}
#contacto
{
	margin:          0 auto;
	width:           707px;
	height:          120px;
	background:      transparent url(header-contacto.jpg) top left no-repeat;
}
#reservar
{
	margin:          0 auto;
	width:           707px;
	height:          120px;
	background:      transparent url(header-reservar.jpg) top left no-repeat;
}
#clima
{
	margin:          0 auto;
	width:           707px;
	height:          120px;
	background:      transparent url(header-clima.jpg) top left no-repeat;
}
.season {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #FF6600;
	font-weight: normal;
}
#container #content #insidecontent a {
	text-decoration: none;
	font-weight: bold;
}
table.tempor
{
	border-collapse:collapse; 
	border: solid 1px orange;
	font-size: 12px;
}
img{border:none;}
	
    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			

	#container1{	
		margin:0 auto;
		position:relative;
		padding-top:20px;
		width:550px;
		height:399px;
		background:url(../images/slider/BkgGalerias.jpg) no-repeat top;
		
		}	
				
	#content1{
		position:relative;
		}			

/* Easy Slider */

	#slider{
		margin:0 auto;
		width:450px;
		height:315px;
		margin-top:20px;
		#margin-top:40px;
		}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:450px;
		height:315px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		margin-top:20px;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		#left:-80px; 
		top:71px;
		#top:80px;
		}	
	#nextBtn{ 
			left:550px;
			#left:500px; 
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:77px;
		background: url(../images/slider/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(../images/slider/btn_next.gif) no-repeat 0 0;	
		}												

/* // Easy Slider */

#pienota{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#CF6F03;
	margin-top:30px;
	#margin-top:25px;
	float:right;
	margin-right:50px;
	#margin-right:30px;
	position:relative;
}
/* image replacement */
	

			

	#container2{	
		margin:0 auto;
		position:relative;
		padding-top:20px;
		width:450px;
		height:343px;
		background:url(../images/slider/BkgGalerias1.jpg) no-repeat top;
		
		}	
				
	#content2{
		position:relative;
		}			

/* Easy Slider */

	#slider1{
		margin:0 auto;
		width:300px;
		height:245px;
		margin-top:20px;
		#margin-top:35px;
		
		}	
	#slider1 ul, #slider1 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider1 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:300px;
		height:250px;
		overflow:hidden; 
		}	
	#prevBtn1, #nextBtn1{ 
		display:block;
		margin-top:20px;
		width:30px;
		height:77px;
		position:absolute;
		left:-18px;
		#left:-98px;
		top:71px;
		}	
	#nextBtn1{ 
		left:440px;
		#left:370px;
		}														
	#prevBtn1 a, #nextBtn1 a{  
		display:block;
		width:30px;
		height:77px;
		background: url(../images/slider/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn1 a{ 
		background:url(../images/slider/btn_next.gif) no-repeat 0 0;	
		}												

/* // Easy Slider */

#pienota1{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#CF6F03;
	margin-top:20px;
	float:right;
	margin-right:50px;
	#margin-right:30px;
	position:relative;
}