/* CSS Document */

* {margin: 0px;
   padding: 0px;}
   
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
img {border:none;}

a:focus
{
-moz-outline-style: none;
}
a.intro{
	position:absolute;
	z-index:999;
	top:425px;
	left:50%;
	margin-left:-20px;
	text-decoration:none;
	color:#00F;
}
#inicio{
	width:700px;
	height:480px;
	margin:0 auto;
}
	#inicio h1 a{
		width:200px;
		position:relative;
		top:420px;
		left:280px;
		color:#FFF;
		font-weight:bold;
		font-size:14px;
		text-decoration:none;
	}
	#inicio h1 a:hover{
		text-decoration:underline;
	}

#header {
	background-image: url(../images/header_tile1.jpg);
	height: 450px;
	width: 100%;
	position:absolute;
	top:10%;
	left:0%;
	z-index:2;
}
	#header img {float:right;}

#menutivol {
	width: 265px;
	float:right;
	background-image: url(../images/menu_left.png);
	/*height: 224px;*/
	margin-top:0px;
} 
.banderas{
	float:right;
	margin-top:20px;
	margin-right:20px;
}
	.banderas img{
		width:20px;
	}

.contactorapido {
	position:absolute;
	width:265px;
	height:213px;
	top:295px;
	left:685px;
}
.abajocontacto{
	top:275px!Important;
}
	.contactorapido p{
	font-size:12px;
	float:left;
	line-height:24px;
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	color:#333;
	padding:0px!Important;
	margin:0 0 10px 0!Important;
		}
	.contactorapido img{
		float:left;
		margin-right:15px;
		padding-left:15px;
	}
	.contactorapido a{
		font-size:12px;
		color:#333;
	}
	.contactorapido a.mapa{
		text-decoration:none;
		float:left;
		margin-left:55px;
	}
	.contactorapido a:hover{
		text-decoration:underline;
	}
	.contactorapido a img{
		float:right;
	}

#contenido {
	width: 950px;
	height:450px;
	margin-left:-475px;
	position:absolute;
	z-index:3;
	top:10%;
	left:50%;
}
.flashintro{
	width:950px;
	margin-left:-475px;
	position:absolute;
	z-index:4;
	top:10%;
	left:50%;
}
#contenido2{
	
	width: 950px;
	margin-left:-475px;
	position:absolute;
	z-index:3;
	top:10%;
	left:50%;
	background:url(../images/fondo_noved.png) repeat;
}
#fondohome {
	background:url(../images/22.jpg) no-repeat; width:100%; height:100%;
	}
#fondoeventos {
	background:url(../images/fondo_eventos.jpg) no-repeat; width:100%; height:100%;
	}
#fondoservicios {
	background:url(../images/fondo_servicios.jpg) no-repeat; width:100%; height:100%;
	}
#fondocontacto {
	background:url(../images/contactodifuminda.jpg) no-repeat; width:100%; height:100%;
	}

#fondohistoria { 
background:url(../images/3.jpg) no-repeat; width:100%; height:100%;
}
#fondobodas{
	background:url(../images/boda.jpg) no-repeat; width:100%; height:100%;
}
#fondocharcuteria{
	background:url(../images/tienda.jpg) no-repeat; width:100%; height:100%;
}
#fondococktail{
	background:url(../images/cocktail.jpg) no-repeat; width:100%; height:100%;
}
#fondocoffe{
	background:url(../images/coffe_break.jpg) no-repeat; width:100%; height:100%;
}
#fondolunch{
	background:url(../images/lunch.jpg) no-repeat; width:100%; height:100%;
}
#fondorestaurante{
	background:url(../images/restaurante.jpg) no-repeat; width:100%; height:100%;
}
#fondogaleria{
	background:url(../images/galeria.jpg) no-repeat; width:100%; height:100%;
}
	

#resto {float:left; margin-left:20px; width:665px;}
	#resto p {text-align:justify;
	font-size:14px;}
	#resto h1 {
		margin-top:30px;
		margin-left:15px;
	}
	
#right {float:left; width:950px;}
	#right p {text-align:justify;}

.flash {float:left;
	width:615px;}
.flashlogo {position:absolute;
left:450px;
top:-50px;
}
p {margin: 15px;}

h1 {
	margin: 15px;
	font-size: 16px;
	color: #001fac;
}

h2 {
	margin: 15px;
	font-size: 16px;
	color: #666666;
} 

/********MENU*********/

#navcontainer {
	margin-top: 10px;
	color: #000000;
	position:relative;
	height:270px;
	overflow:hidden;
}

#navcontainer ul
{  
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #607F94;
	text-align: right;
}

#navcontainer a
{    height: 15px;
	display: block;
	padding: 3px;
	padding-right: 25px;
	border-bottom: 1px solid #fff;
	color: #5C7C93;
}

#navcontainer a:link, .navlist a:visited
{
color: #5D7D94;
text-decoration: none;
}
.menuhover{
	color: #000000;
	background-image: url(../images/hover2.png);
	background-repeat: no-repeat;
	background-position: right;
}
ul.navlist ul{
	position:relative;
	top:0px;
	left:-20px;
	display:none;
	background-image: url(../images/hover2.png);
}
ul.navlist ul a{
	color:#000!Important;
	font-weight:bold;
}
#navcontainer a:hover, .selected
{
	color: #000000;
	background-image: url(../images/hover2.png);
	background-repeat: no-repeat;
	background-position: right;
}
a.selected{
	color: #000000;
	background-image: url(../images/hover2.png);
	background-repeat: no-repeat;
	background-position: right;
}

/********CONTACTO*********/

.banner_contacto {position:absolute; top:190px; left:600px;}

.contacto{ margin-left:0px;
float:left;}
.contacto form{
		font:100% verdana,arial,sans-serif;
		margin:0 auto 20px auto;
		width: 550px;
	}
	 .contacto form fieldset {
		padding: 10px 0 10px 30px;
		margin: 0 auto;
	}
	.contacto form fieldset legend {
		color:#F00;
		font-size:22px; 
		
	}
	
	.contacto form label { 
		float: left; 
		margin-left:70px;
		width:100px;
	}
	
	.contacto form textarea {
		width:auto;
	}
	
	.contacto form input{
		width:150px;
		float:left;
	}
	.botonenv{
		margin-left:150px;
	}
	
	.contacto form small {
		margin: 0 0 5px 70px; 
		padding: 1px 3px;
		font-size: 88%;
		float:left;
		clear:both;
	}
	.writecont{
		margin-top:5px;
		float:left;
		width:100%;
		}
.maps{
	float:left;
	margin-top:30px;
	}
	.maps p{
		color:#000000;
		font-size:14px;
		float:left;
		margin:0px!Important;
	}
	.maps img{
		float:left;
	}
	.maps a{
		cursor:pointer;
	}
/****RESTAURANTE*****/
.flashrestaurante {
	position:absolute;
	top:290px;
	left:0px;
}

/******RESTO*******/
.izquierdaresto{
	float:left;
	width:280px;
	margin-top:10px;
	}
		.izquierdaresto .banner{
			float:left;
			width:250px;
		}
.derecharesto{
	float:right;
	width:365px;
	}

/*********NOVEDADES********/
.novedadesizq{
	float:left;
	width:300px;
}
	.fotos {float:left; width:100%; margin-bottom:15px;}
		.fotos h1{
			font-size:18px;
		}
		.fotos a{
			color:black;
			outline:0!Important;
		}
		.fotos h1 a{
			margin-top:90px;
			display:block;
		}
		.fotos p{
			line-height:22px;
			margin-left:0px;
		}
		.fotos .dos{
			line-height:normal;
			font-style:oblique;
			font-size:13px!Important;
		}
	.fotosnoticias{
		float:left;
		width:100%;
	}
	.borde{border:#001fac 2px solid; width:260px; height:195px; padding:5px 9px 9px 5px; float:left; margin: 0px 20px 10px 0px;} /*Antes 165px ancho y 149px alto*/
	.borde .dos{
		float:right;
	}
	.fotosnoticias img, .fotos img {width:260px; height:195px; float:left; border:#001fac 2px solid;}
	
	/****NOVEDADES******/
	.noticias a{
		text-decoration:none!Important;
	}
	.noticias a:hover{
		text-decoration:underline;
	}
	.noticias h1{
		text-align:center;
		font-size:22px;
	}
	.seleccion{
		float:left;
	}
	.paginacion{
		float:left;
	}
	.titulo_noticia{
		text-align:left!Important;
		margin-left:0px!Important;
		font-size:16px!Important;
	}
	/***************************/
	.fotos a:hover{
		text-decoration:none!Important;;
	}
	img.pdf{
		width:50px;
		height:50px;
		border:none!Important;
	}
.novedadesder{
	float:right;
	width:365px;
}
.fotos h1 a{
	text-decoration:none;
}
.fotos h1 a:hover{
	text-decoration:underline;
}

/*****GALERIA*****/
.galeria{
}
.galeria a{
	color:#333;
	text-decoration:none;
}
.galeria a:hover{
	text-decoration:underline;
}
.galeria li{
	list-style:none!Important;
}
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:inline;width:auto;height:auto; float:left;}
.galleria li .caption{display:block;padding-top:.5em;}
* html .galleria li div span{width:400px} /* MSIE bug */
.nav{
	width:150px;
	margin:0 auto;
	clear:both;
}
.nav a{
	color:#333;
	text-decoration:none;
}
.nav a:hover{
	text-decoration:underline;
}


.caption{font-style:italic;color:#887;}
	.demo{position:relative;margin-top:20px;}
	.demo2{position:relative;margin-top:10px;}
	.gallery_demo{width:100%;margin:0 auto;}
	.gallery_demo li{width:68px;height:50px;border:3px double #111;margin: 0 2px;background:#000;background:none!Important; padding:0!Important; float:left;}
	.gallery_demo li div{left:240px}
	.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
	#main_image{margin:0 auto 0px auto;width:400px;}
	#main_image img{margin-bottom:0px; width:400px; height:300px;}