/* --- frontpage css --- */

body { background: #010101 url(images/default-background.gif) repeat-x top left; margin: auto; }

.terms { font-size: 11px; color:#b7b7b7; }

/* --- main frame and staging --- */

#main-frame { width: 960px; border: 1px solid #887655; background-color: #555555; margin: 80px auto 0; padding: 10px; }
#content-frame { width: 960px; margin:auto; background: url(images/content-background.gif) repeat-x top left #fff; min-height: 510px;  }
#stage { width: 940px; padding: 10px 10px 0;}

#submenu-bar { background-color: #4a4130; height: 24px; width: 727px; padding: 6px 0 0 213px; clear: both; overflow: hidden;  }
#submenu-bar h4 { font-size: 12px; color:#c6aa79; font-weight: normal;}
#submenu-bar ul { display:inline; list-style: none;}
#submenu-bar li {margin: 0 10px 0 0; padding: 0 10px 0 0; float:left;}
#submenu-bar li a {color:#fff;}
#submenu-bar li a:hover {color:#c6aa79;}

#home-banner { width: 940px; clear: both; overflow: hidden; height: 270px; }

#esmirada-banner { width: 940px; clear: both; overflow: hidden; height: 80px; }
#esmirada-content { width: 940px; clear: both; overflow: hidden; }

#esmirada-content-col-left { width: 195px; float: left; min-height: 190px; }
#esmirada-content-col-right { width: 725px; float: left; overflow: hidden; padding-top: 10px; padding-right: 20px; padding-bottom: 10px;}

#esmirada-content-col-right-text { width: 340px; float: left; padding: 0 10px; }
#esmirada-content-col-right-dash { width: 5px; float: left; }

#esmirada-content h3 { font-size: 14px; color:#000; padding-bottom: 5px; 	 }

/*media*/
.esmirada-content-col-media { width: 100px; float: left; padding: 10px 5px 0 5px; min-height: 220px; }
.esmirada-content-col-media ul { padding: 30px 0 0; margin: 0; }
.esmirada-content-col-media li { list-style: none; padding: 5px 0 0; margin: 0; font-size: 11px; width: 100px; text-align:center; }

.esmirada-content-col-gallery { width: 130px; float: left; padding: 10px 5px 0 5px; min-height: 220px; }
.esmirada-content-col-gallery ul { padding: 30px 0 0; margin: 0; }
.esmirada-content-col-gallery li { list-style: none; padding: 5px 0 0; margin: 0; font-size: 11px; width: 130px; text-align:center; }

#center-media {width:880px; margin:0px auto;}
#center-media2 {width:234px; margin:0px auto; float: left; padding-left:30px;}
#center-media3 {width:785px; margin:0px auto; float: left; padding-left:30px; }

/*reservation*/
#esmirada-reservation-col-left { width: 195px; float: left; min-height: 270px; }
#esmirada-reservation-col-right { width: 745px; float: left; overflow: hidden; padding-top: 10px; }

#esmirada-reservation-col-right-text { width: 350px; float: left; padding: 0 10px 0; }
#esmirada-reservation-col-right-dash { width: 5px; float: left; }

.esmirada-reservation-label { width: 120px; float: left; padding-right: 10px; padding-bottom: 5px;  }
.esmirada-reservation-form { width: 220px; float: left; padding-bottom: 5px; padding-bottom: 5px;}

.reservation-textarea { width: 400px; border:1px solid #ccc; padding: 0 5px; height: 18px; }
.reservation-textbox {width: 400px; border:1px solid #ccc; padding: 0 5px;}

.reservation-button {width: 100px; border: none; color:#fff; background-color: #4a4130; padding: 5px; margin-top: 10px;  }
.reservation-button:hover {width: 100px; color:#fff; background-color: #444446; padding: 5px; margin-top: 10px; cursor: pointer; }
p.esmirada-reservation-labelsmall { font-size: 10px; font-style: italic; }


/*newsletter subscribe */
.email-textarea { width: 330px; border:1px solid #ccc; padding: 0 5px; height: 20px; }



#restaurant { width: 940px; clear: both; overflow: hidden; padding-top: 5px;  }
#restaurant ul { display: inline; padding: 0; margin: 0; }
#restaurant li { list-style: none; padding: 0; margin: 0; float: left; }


/* promo */
.promo-left {  float: left; width: 350px; padding-right: 20px; }
.promo-right { float:left; width: 330px; }
.promo-right ul { padding: 0; margin: 0; }
.promo-right li { padding: 0; margin: 0;}

/* Slider */

#slider ul, #slider li{
	margin:0 0 10px;
	padding:0;
	list-style:none;
	}
#slider, #slider li{ 
	width:725px;

	overflow:hidden; 
	}
#slider h4 { margin: 10px 0;}

#prevBtn a{  position:relative; color:#e11e22; padding:40px 10px 0 0; -moz-border-radius: 3px; font-size:12px; font-weight:bold; }
#nextBtn a{ position:relative; color:#e11e22; padding:40px 10px 0 0; -moz-border-radius: 3px; font-size:12px; font-weight:bold; }	


.new-img { float: left; display: inline; padding: 5px 10px 5px 0;}