@charset "utf-8";
/* CSS Document */


div.main{
width: 960px;
height: auto;
position: relative;
margin:0 auto;
border: 1px solid #E5E5E5;
}

div.headerIndex{
width: 960px;
height:420px;
position:relative;
overflow:hidden;

}

div.header{
width: 960px;
height: 200px;
position:relative;
overflow:hidden;
}


div.navBar{
width: 960px;
height:110px;
background: #FFF;
position:relative;
}

div.welcomeTwitter{
width: 960px;
height:600px;
position:relative;
}

div.display{
width: 940px;
height:800px;
position:relative;
padding:10px;
}


div.displayMultimedia{
width: 940px;
height:550px;
position:relative;
padding:10px;
}


div.displayServicios{
width: 940px;
height:450px;
position:relative;
padding:10px;
}

div.displayReserv{
width: 960px;
height:700px;
position:relative;
background-image:url(images/bkgDisplay.png);
background-repeat:no-repeat;
}

div.welcome{
width: 480px;
height:340px;
background: url(images/welcome.jpg);
position:relative;
float:left;
text-align:justify;
padding:100px;
padding-bottom:0px;
padding-top:60px;
}

div.twitter{
width: 270px;
height:600px;
position:relative;
float: right;
}

div.info{
width: 960px;
height:150px;
position:relative;
background:#E0E0E0;
}


div.features{
width: 960px;
height:190px;
background: #E0E0E0;
position:relative;
}


div.contactos{
width: 960px;
height:27px;
background: #FF6600;
position:relative;
color:#FFF;
font-size:15px;
text-align:center;
font-weight:bold;
padding-top:3px;
}


div.linksXternos{
width: 300px;
height:120px;
padding:10px;
text-align:center;
float:right;
border: 1px #999 solid;
position:relative;
margin:10px;
margin-top:30px;
}


div.titleSite{
	width:960px;
	height:60px;
	top:0px;
	left:0px;
	background: url(images/titleK.png);
	background-repeat:no-repeat;
	color: #333;
	font-weight:bold;
	position:absolute;
}


div.direccion{
	width:200px;
	height:58px;
	float:right;
	position:relative;
	padding-right:10px;
	text-align:right;
}


div.telefonos{
	width:160px;
	height:58px;
	float:right;
	position:relative;
	padding-left: 10px;
	text-align:left;
	border-left: #666 solid 1px;
	}

div.infoLugaresCercanos{
width: 140px;
height:400px;
position:relative;
float: right;
}


span.lugares{
	color:#F60;
	font-weight:bold;
}


div.displayLeftReserva{
width: 440px;
height: auto;
position:relative;
float:left;
}

div.displayRightReserva{
width: 440px;
height: 700px;
position:relative;
float: right;
background:url(images/reservaciones.jpg) no-repeat;
}




div.displayRight{
width: 250px;
height: auto;
position:relative;
float: right;
}




td.formLabel{
width:150px;
text-align:right;
font-weight:bold;
}

td.formLabelLong{
width:190px;
text-align:right;
font-weight:bold;
}

td.formField{
text-align: left;
}

td.formHead{
text-align:left;
color: #999999;
font-weight:bold;
}

div.justifyText{
text-align:justify;
padding-left:13px;
padding-right:13px;
}


div.displayLeftMultimedia{
width: 180px;
height: 520px;
position:relative;
float:left;
border: 1px #999 dotted;
text-align:center;
color:#F60;
}

div.displayRightMultimedia{
width: 720px;
height: 520px;
position:relative;
float: right;
text-align:center;
font-size:20px;
color:#333;
}


div.displayTurismo{
width: 940px;
height: 960px;
position:relative;
padding:10px;
}


div.displayLeftTurismo{
width: 440px;
height: 650px;
position:relative;
float:left;
border: 1px #999 dotted;
text-align: center;
color:#F60;
}

div.displayRightTurismo{
width: 480px;
height: 640px;
position:relative;
float: right;
text-align:center;
font-size:17px;
color:#333;
overflow:hidden;
}

div.shareTurismo{
width: 480px;
height: auto;
position:relative;
float: right;
text-align: center;
}

div.social{
	right:15px;
	bottom:15px;
	width:140px;
	height:32px;
	padding-top:4px;
	padding-bottom:4px;
	background-image:url(images/social.png);
	background-repeat:no-repeat;
	position:absolute;
	text-align: center;
}

div.audio{
	right:0px;
	top:60px;
	width:200px;
	height:24px;
	position:absolute;
	text-align: right;
}
