/* Adventure Dining.  Diseño y montaje CSS Fabiàn Vargas
www.newpromotion.co.cr */

/*** NEUTRALIZANDO ESTILOS: 
	elementos que queremos limpiar completamente: ***/

* {margin: 0; padding: 0; border: none;}
html {font: 62.5% "Lucida Grande", Lucida, Verdana, sans-serif;	text-shadow: #000 0px 0px 0px;/*Elimina el efecto bold en Safari*/}

/*** NEUTRALIZANDO ESTILOS:
	elementos con margen vertical: ***/

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {font-weight: normal; margin: 0 0 1em 0;}

/*** Algunos ajustes basicos: ***/
sup {position: relative; bottom: 0.3em; vertical-align: baseline;}
sub {position: relative; bottom: -0.2em; vertical-align: baseline;}
li, dd, blockquote {margin-left: 1em;}

/*** LINKS:
	recuerda utilizar siempre la regla del LoVe-HAte ***/
a, a:link, a:visited, a:hover, a:active {outline: 0; /*Elimina la línea de puntos que aparece alrededor de los enlace al clicarlos*/ text-decoration: none; }
a img {border: none; text-decoration: none;}

img {border: none; text-decoration: none; /*Si añades un background aparecerá como fondo de la imagen, útil para imágenes de carga*/}

/*** FORMULARIOS: ***/

label, button {cursor:pointer;}
input, select, textarea {font-size: 100%;}

input:focus, select:focus, textarea:focus {background-color: #FFF;}
fieldset {border: none;}

/*** Algunas clases útiles: ***/
.clear {clear: both;}
.float-left {float: left;}
.float-right {float: right;}
.helvetica {font-family: Arial, Helvetica, Geneva, sans-serif;}

/*-------------Cuerpo de la web----------*/
html, body{height:100%;} /*--Necesario para Footer Stick---*/

#nonFooter{position: relative; min-height: 100%;} /*-Cuerpo del documento--*/

* html #nonFooter{height: 100%;} /*--IE6 hack para NonFooter--*/

body{
	background: #ec943e url(../images/fondoweb.jpg) no-repeat center top;
	font: 1.3em/1.5em Geneva, Arial, Helvetica, sans-serif;
	color: #000;
}
#wrap{width:890px; margin:0 auto; padding-bottom: 9em;}
#encabezado{width:890px; height:287px; position:relative; top:0; left:0;}

/*------------Flash----------------*/
/*#flash{position:absolute; width:688px; height:237px; background: transparent url(../images/bg-flash.gif) no-repeat; right:26px; top:50px; z-index:100;}

p#flashcontent{position:absolute; width:579px; height:195px; right:30px; top:57px; z-index:5;}*/

#flash{position:absolute; width:688px; height:237px; background: transparent url(../images/bg-flash.gif) no-repeat; right:18px; top:50px; z-index:100;}

p#flashcontent{position:absolute; width:579px; height:195px; right:22px; top:57px; z-index:5;}
/*-----------------------*/

#contenido{width:890px; margin-top:20px;}
#slogan{width:100%; height:88px; background: transparent url(../images/slogan.png) center top no-repeat; text-indent:-1000em;}
#side1{width:257px; float:left; margin-right:60px;}
#center{width:257px; float:left;}
#side2{width:257px; float:right; display:inline;}

.cuerponaranja{width:237px; height:550px; background-color:#f2993a; padding-left:10px; padding-right:10px; /*margin-top:-10px !important; */*margin-top:0; *margin-top:0 !important;}
.bottomnaranja{width:257px; height:40px; background: url(../images/bttnaranja.gif) no-repeat; display:block;}

/*----------Pagina diferentes a la principal --------*/
#centrado{width:505px; float:left;}
.top{
	width:505px;
	height:20px;
	background: url(../images/top.png) no-repeat;
}
.bodycenter{
	width:475px;
	background: url(../images/cuerpo.png) repeat-y;
	padding-left:15px;
	padding-right:15px;
	margin-top:-10px;
	margin-bottom:0px;
}

.bottom{width:505px; height:25px; background: url(../images/bottom.png) no-repeat;}

.firma{
	width:220px;
	height:57px;
	text-indent:-1000em;
	display:block;
	background: url(../images/firma.gif) no-repeat;
	float:right;
}

.fotojack{margin:0 15px 15px 0; border:1px solid #fff; padding:2px;}

.ladoderecho{width:170px; float:right;}
.ladoizquierda{width:170px; float:left; margin-right:25px;}

/*---------Encabezados----------*/
h1{position:absolute; width:269px; height:153px; display:block; background: url(../images/logo.png) no-repeat; text-indent:-10000em; top:56px; left:5px;}
h1 span a{width:100%; height:100%; display:block;}

h2{font-size:14px; color:#fff; margin:0;}
.bloque{width:257px; height:157px; display:block; text-indent:-1000em;}
.h2-special{background: transparent url(../images/h2-dining.gif) no-repeat;}
.h2-menu{background: transparent url(../images/h2-menu.gif) no-repeat;}
.h2-reservaciones{background: transparent url(../images/h2-reservaciones.gif) no-repeat;}

h3{margin: 10px 0 8px 0; padding:0;
	font-size: 38px; font-weight: normal; line-height: 1em; letter-spacing: -3px;
	color: #fff;	}
#footer{width:100%; height:155px; position:relative; margin-top:-7.5em; background: transparent url(../images/footer-bg.gif) no-repeat; z-index:10;}

/*-------Menu-----------*/
ul#menu{width:639px; height:43px; margin-bottom:20px; list-style:none; background: url(../images/bgmenu.gif) no-repeat; position:absolute;top:0px; left:214px;}
ul#menu li{position: absolute; 	margin:0; padding:0;}
ul#menu li a{display:block; height:43px; text-indent:-10000em; overflow:hidden;}

#main1 {left: 0; width: 150px; }
#main2 {left: 150px;  width: 150px;}
#main3 {left: 300px; width: 180px;}
#main4 {left: 480px; width: 170px;}

ul.menuinf{width:700px; margin-left:160px;}
ul.menuinf li{list-style:none; display:inline; margin-right:15px;}
ul.menuinf li a{color:#fff; font-weight:bolder; text-decoration:none; display:block; height:26px; background: url(../images/flor-menu.gif) no-repeat; 	padding-left:28px; float:left; margin-left:40px;}
ul.menuinf li a:hover{color:#000;}
.menuinferior{width:890px; clear:both; margin-top:15px; float:left; text-align:center;}

ul.gallery li{list-style:none; float:left; margin-right:10px; margin-bottom:10px;}
ul.gallery li img{border:1px solid #fff; padding:2px;}

ul.laterales li{list-style:none; margin-bottom:40px;}
ul.laterales li img{border:3px solid #fff;}

/*--------Logo y enlace New promotion-----*/
.np{background: url(../images/logonewpromotion.gif) no-repeat right top; height:45px; width:100%; display:block; margin-top:20px; position:relative;}

a.newpromotion{width:145px; height:45px; right:0; display:block; text-indent:-1000em; position:absolute;}

/*--------Bodies---*/
body#contacto .bodycenter{margin-bottom:-13px;}