/* General ***********************************************************************/

	*{margin:0; padding: 0;}
	
	html, body {height: 100%;}
	
	body
	{
		font-family:Georgia, "Times New Roman", Times, serif;	
		font-size: 16px;
		background:url(../img/back_site.png);
		/*background:url(../img/fondo-arb.jpg);
		background-position:center top;
		background-repeat:no-repeat;*/
	}
	
	img, a, a:hover, a img, a:hover img {
		text-decoration:none;
		border:0;
	}	

/* Contenedor General ***********************************************************************/
	
	div#outer_wrapper {
		background:url(../img/back_main.png);
		background-position:center top;
		background-repeat:repeat-y;
		margin:0 auto;
		padding:0;
		width:780px;
				
		/*overflow:hidden makes the wrapper reach to the bottom without the need for a clear:both element
		AND does not show a blanked-out scrollbar in ie
		see http://www.quirksmode.org/css/clearing.html*/
		overflow:hidden;
		/*min-height:100%; ensures page is at least as tall as the screen (i.e. no top or bottom borders)*/
		min-height:100%;
		/*!important hack to simulate min-height in ie6
		see http://www.quirksmode.org/css/clearing.html*/
		height: auto !important;
		/*height:100%;*/
		}

/* Cabecera ***********************************************************************/

	div#top_text
	/* Texto superior (dentro de div left_wrapper) */
	{
		width:146px;
		display:block;
		/*background-color:#eae4b0;*/
		color:#6f3313;
		text-align:center;
		font-size:.7em;
		padding-top:1em;
	}
	
	/* Imagen superior (dentro de div right_wrapper) */
	div#top_image {height:163px; width:634px;}
	
/* Pie de pagina ***********************************************************************/

	div#footer {
		text-align:center;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:.6em;
		color: #666;
		padding-bottom:1em;
		clear:both;
		}
		
	div#footer a{
		color: #666;
		}
		
	div#footer a:hover{
		text-decoration:underline;
		}
	
/* Panel Navegacion ***********************************************************************/

	div#left_wrapper{
		width:146px;
		float:left;
		/*background-color:#eae4b0;*/
	}

	#navigation_menu {
		font-family:"Palatino Linotype", Georgia, "Times New Roman", Times, serif;
		width:146px;
		/*background-color:#eae4b0;*/
		list-style-type:none;
		margin-bottom:1em;
		text-align:center;
		margin-left:2px;
		}
	
	#navigation_menu a {
		color:#ffffff;
		background-image:url(../img/nav_but.gif);
		background-repeat: no-repeat;
		background-position: center 0px;
		display:block;
		width:128px;
		height:28px;
		margin-top: 1em;
		margin-left:auto;
		margin-right:auto;
		font-style:italic;
		letter-spacing:1px;
		font-weight:bold;
		font-size:17px;
		line-height:24px;
	}
	
	#navigation_menu a:hover {background-position: center -28px;}

/* Contenido ***********************************************************************/

	div#right_wrapper{
		float:right;
		width:634px;		
		background-position:left 160px;
		background-repeat:no-repeat;
	}
	
	div#content_box {
		margin-top:60px;
		margin-left:77px;
		width:555px;		
		color:#333333;
		position:relative;
	}
	div#granlogo {
		position:absolute;
		right:5px;
		top:-205px;
		background: transparent url(../img/granlogo.png);
		height:198px;
		width:371px;
	}

	h1 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.7em;
		letter-spacing:2px;
		font-variant : small-caps;
		font-weight:normal;		
		text-align:right;
		margin-right:190px;
		color:#cc6633;
		}
		
	h4 { /* div#right_column */ 
		font-size: 11px;
		display:block;
		padding:.5em 5px;
		margin-bottom:10px;
		background-color: #eae4b0;
		text-align:center;
		font-weight:bold;
		color:#6f3313;	
	}
	
	i {font-size:85%;}	
	b,strong {color:#6f3313;}


	strong {
		display:block;
		padding:.25em .1em .15em 0;
		float:left;
		font-size:380%;
		font-weight:normal;
	}
	span.red {
		color:#CC0000;
		font-weight:bold;
	}		
	/* Principal  **********************/
		div#main{
			line-height:170%;
			text-align:justify;
			font-size:95%;
			width:360px;
			color:#333;
			margin-bottom:100px;		
		}
		div#main ul {
			list-style: square url('../img/bullet.gif');
			color:#333333;
			line-height:170%;
			font-size:95%;
			margin-left:30px;
			margin-top: 1em;
		}
		
		div#main li {width:auto;} /*prevents dissapearing custom bullets in ie*/
		div#main p {margin-top: 1em;}	

		div#main p a {
			color:#cc6633;
			font-variant:small-caps;
			font-size:85%;
			font-weight:bold;
		}
		
		div#main p a:hover
		{
			border-bottom:1px solid #cc6633;
			font-variant:small-caps;
		}


	
	/* Columna derecha  **********************/
	div#right_column {			
		display:block;
		width:150px;
		float:right;
		margin-right:20px !important;
		margin-right:10px; /*ie6*/
		margin-top:.5em;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height:1.5em;
	}
		div#right_column ul {
		list-style: square url('../img/bullet.gif');
		margin-left:30px;
		margin-bottom:20px;
		width:auto;
	}	
	div#right_column p,div#right_column li {margin-bottom : 15px;}	
/* Individuales  ***********************************************************************/
	/* Titulos doblados  **********************/
		.casa_page {background-image: url(../img/back_casa.gif);}
		.rest_page {background-image: url(../img/back_rest.gif);}
		.acti_page {background-image: url(../img/back_acti.gif);}
		.tari_page {background-image: url(../img/back_tari.gif);}
		.cont_page {background-image: url(../img/casa_back.gif);}

	/* Intro  **********************/
				
		.casa_page #right_column a,.casa_page #right_column img { display:block;}

	/* Restaurante  ******************/


		/* Menu interactivo  ***********************************************************************/

		#scrollable {
			width:370px;
			height:330px;
			margin:0px;
			padding:0px;
			margin-top:30px;
			overflow:hidden;
		}
		#items {
			float:left;
			width:307px !important;
			height:320px !important;
			margin-left:-14px;
		}
		
		.item {
			float:left;
			width:277px !important;
			height:300px;
			padding:10px 15px;
			margin-right:12px;
			background-color: #eae4b0;
			font-size:90%;
			font-style:italic;
			color:#555;
			background:url(../img/menu_rest.jpg) center top;
			text-align:center;
		}
	
		div#main .item p{margin-top:5px;}	

		a.menuPrev, a.menuNext {		
			display:block;
			width:30px;
			height:30px;
			float:left;	
			margin-top:150px;
			cursor:pointer;
			position:relative;
			z-index:50;

		}
	
		a.menuNext {
			background-image:url(../img/nav_next.png);
			margin-left:-15px;
		}
		a.menuPrev{
			background-image: url(../img/nav_prev.png);
			margin-left:12px;
		}
		a.menuNext:hover {background-position:center -30px;}
		.menuPrev:hover  {background-position:center -30px;}
		a.menuOff {background-position:1000px 1000px !important;background-repeat:no-repeat;}	
			
	/* Actividades  **********************/
				
		.acti_page #right_column h4{
			font-size:10px;
			margin:0;
		}

		.acti_page #right_column p{
			margin:0;
			font-size: 10px;
			padding:5px 10px;
			line-height:1.4em;
		}
		
		.section_content {background-color: #eae4b0;}
		.acti_page #right_column .section_content p a {
			display:inline;
			font-weight: bold;
			color:#6f3313;
			}
		.section_content p a:hover {
			text-decoration:underline;
			}

		a.section {
			cursor:pointer;
			display:block;
			padding:5px;
			color: black;			
			font-weight: bold;
			font-size: 10px;
			text-align:center;			
			background-color: #dc9548;
			border-top: 1px solid #eae4b0;					
		}
		
		a.section:hover {
			background-color: #6f3313;
			color:white;
		}
		
		a.selected {
			background-color: #9b4a03;
			color:white;
		}
		
		a.over1 {background-image:url(../img/acti_1.gif);}
		a.over2 {background-image:url(../img/acti_2.gif);}
		a.over3{background-image:url(../img/acti_3.gif);}
		a.over4{background-image:url(../img/acti_4.gif);}
		
		a.section.over1:hover, a.section.over1.selected {background-image:url(../img/acti_1_a.gif)}
		a.section.over2:hover, a.section.over2.selected {background-image:url(../img/acti_2_a.gif)}
		a.section.over3:hover, a.section.over3.selected {background-image:url(../img/acti_3_a.gif)}
		a.section.over4:hover, a.section.over4.selected {background-image:url(../img/acti_4_a.gif)}

	/* Tarifas  **********************/

		.tari_page #right_column{line-height:1.7em;}
		.tari_page #right_column p{margin-bottom:18px;}


		.tari_page table#tar
			{
			display:block;
			margin-top:25px;
			margin-bottom:100px;		
			font-size:14px;
			line-height:1.5em;
			}
		
		.tari_page td, .tari_page th {
				vertical-align:middle;
				text-align:center;
				background-color: #eae4b0;
				width:118px;
			}
		
		.tari_page td p, .tari_page th p {margin:10px 0;}		
		#tar td.hover {background-color: #f7f1ba;}
 		.nohover {background-color: #eae4b0 !important; color:#333 !important} 


	/* Contacto  **********************/
		

		
		.cont_page form{
			width:360px;
			display:block;
			overflow:hidden;
			margin:15px 0 100px 0px;
			text-align:justify;
			font-size:14px;
			background-color:#eae4b0;
			padding:10px 0 15px 0;
			text-align:center;
		}
		
		.cont_page form p{margin-top: .2em !important;}
		.cont_page form input {border:0;margin:0;padding:0}
		.cont_page form .long {width:320px;}
		.cont_page form .short {width:115px !important;}
		.cont_page form .fecha {width:82px;}
		
		.cont_page form .floated {
			float:left;
			margin-right:20px !important;
			margin-bottom: .5em;
			text-align:center;
			
		}
		.cont_page form .floated.short {
			 margin-left:20px !important;
			 margin-left:7px;/*ie6*/
			 }
		
		.cont_page form textarea {
			border:0;
			overflow-y:scroll;
			width:320px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
		}

		.cont_page  p.form_boton input{
			background-color:#9b4a03;
			color:#fff;
			font-weight:bold;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			padding:5px 0;
			font-size:11px !important;
			width:320px;
			margin-top:5px;
		}
		.cont_page form p.form_boton input:hover{
			background-color:#6f3313;
			cursor:pointer;
		}
		/* date picker ****************/
		
			#ui-datepicker-div{
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:10px;
				padding:5px;
				width:225px;
				background-color:#dadca3;				
				display:none;
				z-index:5;
			}
			
			.ui-datepicker-control {display:none;}
			
			.ui-datepicker-title { 
				margin: 0 2.3em;
				line-height: 20px;
				text-align: center;
				padding:0;
				}
			.ui-datepicker-current {display:none;}
			.ui-datepicker-prev, .ui-datepicker-next {
				display:block;
				width:20px;
				height:20px;
				position:absolute;
				top:5px;
				z-index:12;
				overflow:hidden;
				cursor:pointer;
				}
				
			.ui-datepicker-prev { left:6px; }
			.ui-datepicker-next { right:6px; }
			.ui-datepicker-prev {background-image: url(../img/nav_prev_small.png)!important;background-image: url(../img/nav_prev_small.gif)/*ie6*/;}
			.ui-datepicker-next{background-image: url(../img/nav_next_small.png) !important;background-image: url(../img/nav_next_small.gif)/*ie6*/;}
			.ui-datepicker-prev:hover { background-image: url(../img/nav_prev_small.png)!important;background-image: url(../img/nav_prev_a_small.gif)/*ie6*/;background-position:center -20px;}	
			.ui-datepicker-next:hover { background-image: url(../img/nav_next_small.png)!important; background-image: url(../img/nav_next_a_small.gif)/*ie6*/;background-position:center -20px;}	
			.ui-datepicker-prev span, .ui-datepicker-next span{display:none !important; }
			.ui-datepicker-title select {
				float:left;
				font-size:1em;
				margin:1px 0;
				width:50px;
				cursor:pointer;
				border:0;
				}			
			.ui-datepicker-header {
				position:relative; 
				height:20px;
				width:100%;
				padding:5px 0;
				color:#fff;
				background-color:#938406;
				overflow:hidden;			
			}			
			.ui-datepicker-title select.ui-datepicker-year { float: right; width: 60px;margin-right:10px;}
			.ui-datepicker select.ui-datepicker-title {width: 60%;border:1px solid white;}
			.ui-datepicker select.ui-datepicker-month { width: 90px;margin-left:10px;}			
			
			.ui-datepicker table {
				width: 100%;
				font-size: .9em;
				border-collapse: collapse;
				margin:0 0 .4em;
				background-color:#dadca3;
				}
			.ui-datepicker th {
				padding: .7em .3em;
				text-align: center;
				font-weight: bold; 
				color:#cc6633;
				width:14%;
			}
			.ui-datepicker td span, .ui-datepicker td a {
				display: block;
				height:20px;
				width:20px;
				margin: .2em;
				padding: .2em;
				text-align: center;
				border:1px solid #eae4b0;
				color:#9b4a03;				
				background-color:#fff;
				line-height:20px;
				cursor: pointer;
			}

			.ui-datepicker td  .ui-datepicker-week-end-cell a{
			color:#6f3313 !important;
			background-color:#f7f1ba !important;
			}

			.ui-datepicker-today a{
				font-weight:bold;
				color:#6f3313 !important;
				background-color:#f7f1ba !important;						
			}
			.ui-datepicker-today a:hover{
				font-weight:bold;
				background-color:#6f3313 !important;
				color:#fff !important;
			}
			.ui-datepicker td  .ui-state-hover {
				font-weight:bold;
				background-color:#f7f1ba !important;
				color:#cc0000 !important;
				
			}

		/* Validacion ****************/		
		.cont_page .error {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;color:#cc0000;display:block;margin:0;padding:0;}
		
		.cont_page  p input.error, .cont_page  p textarea.error {
			display:inline !important;
			font-size:12px !important;
			padding:0 !important;
			height:auto !important;
		}
		
		/* Block UI ****************/		
		
		div.blockMsg {
			width:  40%;
			top:    30%;
			left:   30%;
			text-align: center;
			background-color: #eae4b0;
			height:10em;
			display:table-cell;
			vertical-align:middle;
		}
		
		
		#formulario{position:relative;}
		#avisoBack {
			position:absolute;
			top:0px;
			width:100%;
			height:450px;
			display:none;
			background-color:#dadca3;
			/*opacity: 0.75; -ms-filter: "alpha (opacity=75)"; filter: alpha (opacity=75);*/						
		}
		#aviso {
			position:absolute;
			top:0px;
			width:200px;
			padding:5px;
			color:#000000;
			background-color:#FFFFFF;
			margin:40% 20% 0 20%;
			text-align:center;
			font-size:16px;
			display:none;
		}
		#aviso img{display:block;margin:20px auto;}