<!DOCTYPE html>
<html lang="en">
<head>
<title>Sabors</title>
<meta title="Sabors"/>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<script type="text/javascript" src="js/jquery-1.6.js" ></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script type="text/javascript" src="js/Forum_400.font.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/tms-0.3.js"></script>
<script type="text/javascript" src="js/tms_presets.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/atooltip.jquery.js"></script>
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<style type="text/css">
.slider_bg {behavior:url(js/PIE.htc)}
</style>
<![endif]-->
<!--[if lt IE 7]>
<div style='clear:both;text-align:center;position:relative'>
<a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" alt="" /></a>
</div>
<![endif]-->
</head>
<body id="page1">
<div class="body6">
<div class="body1">
<div class="body5">
<div class="main">
<!-- header -->
<header>
<h1 class="logo"><a href="index.html" id="logo">Nou Sabors Arroceria y Brasador</a></h1>
<nav>
<ul id="menu">
<li class="active"><a href="index.html">Inicio</a></li>
<li><a href="#">Cartas</a>
<ul id="submenu">
<li><a href="#"><strong>Carta Comida</strong></a></li>
<li><a href="#">Carta Vinos</a></li>
</ul>
</li>
<li><a href="#">Menus</a>
<ul id="submenu2">
<li class="mediodia"><a href="#">Mediodia</a></li>
<li class="noche"><a href="#">Degustacion Noche </a></li>
<li class="grupos"><a href="#">Grupos </a></li>
</ul>
</li>
<li><a href="Contactos.html">¿Quienes Somos?</a></li>
<li><a href="Reservas.html">Reservas</a></li>
<li><a href="Eventos.html">Eventos</a></li>
</ul>
</nav>
</header><div class="ic">More Website Templates @ TemplateMonster.com - August 1st 2011!</div>
<!-- / header -->
<!-- content -->
<article id="content">
<div class="slider_bg">
<div class="slider">
<ul class="items">
<li>
<img src="images/arroz.jpg" alt="">
<div class="banner">
<strong><span class="arroz">Arroces </span></strong>
<p>
<span> Disfruta de nuestra gran <br>
variedad de arroces de la mejor calidad.</span>
</p>
</div>
</li>
<li>
<img src="images/img6.jpg" alt="">
<div class="banner">
<strong>Catas<span>De vinos</span></strong>
<p>
<span> Deleitate de la gran variedad <br>
de vinos en nuestras catas de los viernes.</span>
</p>
</div>
</li>
<li>
<img src="images/img8.jpg" alt="">
<div class="banner">
<strong>Bebida<span>Y Tapas </span></strong>
<p>
<span> Pide tu bebida favorita y <br>
nosotros te reagalamos una tapa.</span>
</p>
</div>
</li>
<li>
<img src="images/img7.jpg" alt="">
<div class="banner">
<strong>Carnes<span>A la Brasa</span></strong>
<p>
<span> Ven a Sabors y disfruta <br>
de las mejores carnes a la brasa.</span>
</p>
</div>
</li>
</ul>
</div>
</div>
<div class="wrap">
</div>
<div class="body3">
<div class="body4">
<div class="main">
<!-- footer -->
<footer>
<div class="wrapper">
<section class="col1 pad_left1">
<h3>Telefono de Contacto: <span>96 373 52 90 - 654 340 191 </span></h3>
</section>
<section class="col2 pad_left1">
<h3><strong>Follow Us:</strong> </h3>
<ul id="icons">
<li><a href="https://www.facebook.com/pages/Nou-Sabors/732205330128832?fref=ts" target="_blank" class="normaltip" title="Facebook"><img src="images/icon1.gif" alt=""></a></li>
</ul>
</section>
</div>
<!-- {%FOOTER_LINK} -->
</footer>
<!-- / footer -->
</div>
</div>
</div>
<script type="text/javascript"> Cufon.now(); </script>
</body>
</html>
---------------------------------------------------------------------------------------------------------------------------------------------------
CSS
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
/* Left & Right alignment */
.left {float:left}
.right {float:right}
.wrapper {width:100%;overflow:hidden}
.wrap{overflow:hidden;width:965px;margin-left:-5px;padding-left:5px}
/* Global properties */
body {background:url(../images/fondo6.jpg) center 0 no-repeat #faf3ed;border:0;font:14px Georgia, "Times New Roman", Times, serif;color:#200;line-height:24px;position:relative;}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.css3{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);position:relative}
/* Global Structure */
.main { margin:0 auto; width:1000px}
.body1 {background:url(../images/fondo2.jpg) top center no-repeat}
.body2 {background:#faf3ed}
.body3 {background:url(../images/fondo2.jpg) top center repeat; height: 100px;}
.body4 {background:url(../images/fondo2.jpg) top center no-repeat}
.body5 {background:url(../images/slider_shadow.png) center 508px no-repeat}
.body6 {background:url(../images/fondo2.jpg) top repeat-x}
/* main layout */fondo2
a {color:#a80002;text-decoration:none;outline:none}
a:hover {text-decoration:underline}
h1 {float:left;padding:0px 0 0 36px}
h2 {font-size:41px;line-height:1.2em;color:#200000;padding:16px 0 12px 0;letter-spacing:-2px}
h2.letter_spacing {letter-spacing:-3px;}
h3 {font-size:27px;color:#C8A809;line-height:1.2em;padding:20px 0 9px 0;letter-spacing:-1px;position:relative;float:left;}
h3 span {color:#ffffff;}
p {padding-bottom:24px;}
/* header */
header {height:121px;padding-top:31px;width:100%;overflow:hidden}
#logo {display:block;background:url(../images/logo9.png) 0 0 no-repeat;width:259px;height:94px;text-indent:-9999px;}
h1.logo{left:-15px;position:relative;}
ul#menu{position:relative; left:-20px;}
#menu {left:540px;width:653px;float:right;padding:0 0 0 0;position:static;}
#menu li {padding-top:30px;float:left;padding-left:3px; position:relative;}
#menu li a {display:block;font-size:20px;font-weight:700;color:#FFD700;line-height:40px;padding:0 20px;height:44px;letter-spacing:-1px;}
#menu li a:hover, #menu .active a {text-decoration:none;background:url(../images/fondomenu4.jpg) no-repeat; background-size: cover;}
.slider_bg {width:100%;height:404px;background:url(../images/subfondo10.jpg) 0 0 no-repeat;position:relative;overflow:hidden;box-shadow:0 0 5px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 5px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 5px rgba(0, 0, 0, .4);margin-bottom:0px ; background-size: cover;}
.slider {top:10px;right:10px;position:absolute;z-index:1;width:990px}
.slider .items {display:none}
.slider .pic {float:right;position:relative}
.banner {left:40px;top:0;position:absolute;width:271px;z-index:2;text-align:center}
.banner strong {font-size:52px;color:#8D0505;display:block;line-height:1.2em;text-transform:uppercase;padding:55px 0 0 0;letter-spacing:-2px}
.banner strong span {display:block;margin-top:-16px}
.banner strong span.arroz{margin-top:40px;}
.banner b {display:block;font-size:27px;color:#FFD700;text-transform:uppercase;padding:8px 0 23px 0px;line-height:1.2em;letter-spacing:-1px}
.banner p {background:url(../images/quot1.png) 0 0 no-repeat; }
.banner p span {display:block;background:url(../images/quot2.png) right bottom no-repeat;padding:0 0 0 0;color:white;padding-bottom:2px;font-weight: bold;}
.slider .pagination {position:absolute;z-index:2;bottom:10px;left:140px}
.slider .pagination li {float:left;padding-right:3px}
.slider .pagination a {display:block;width:17px;height:17px;text-indent:-9999px;background:url(../images/buttons.png) right 0 no-repeat}
.slider .pagination a:hover, .slider .pagination .current a {background-position:left}
/* content */
#content {padding-bottom:40px}
#content2 {padding-bottom:31px}
.pad_left1 {padding-left:30px}
.pad_bot1 {padding-bottom:13px}
.pad_bot2 {padding-bottom:24px}
.marg_right1 {margin-right:20px}
.box {background:url(../images/subfondo10.jpg) no-repeat;color:#faf3ed;box-shadow:0 0 5px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 5px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 5px rgba(0, 0, 0, .4)}
.box > div {background:url(../images/box_top.png) 0 top no-repeat;padding:30px;padding-top:0;overflow:hidden}
.box h2 {color:#a80002;padding:15px 0 12px 0}
.box h2 span {color:#faf3ed}
.box figure {padding-bottom:13px}
.list1 li a {font-style:italic;padding-left:12px;background:url(../images/marker_1.gif) 1px 8px no-repeat;color:#faf3ed}
.list_1 {color:#fff}
.list_1:hover {text-decoration:none}
.button1 {display:inline-block;font-size:20px;color:#A88F0F;line-height:34px;padding:0 15px;background:#21242B;letter-spacing:-1px}
.button1:hover {text-decoration:none;color:#1e0000;background:#faf3ed}
.testimonials li span {float:left;width:40px;height:40px;font-size:30px;color:#faf3ed;line-height:34px;text-align:center;background:#a80002;margin-right:20px}
.testimonials li p {float:left;width:180px;padding-bottom:15px}
.testimonials li img {padding-top:2px}
.line1 {background:url(../images/line_vert1.gif) 285px 0 repeat-y}
.line2 {background:url(../images/line_vert1.gif) 615px 0 repeat-y}
.price {margin-top:-7px}
.price li {overflow:hidden;background:url(../images/price_bg.gif) 0 -6px repeat-x}
.price a {float:left;color:#220000;background:url(../images/marker_2.gif) 1px 11px no-repeat #faf3ed;padding-left:12px}
.price a:hover {text-decoration:none;color:#a80002}
.price span {float:right;background:#faf3ed}
.address {padding-bottom:0}
.address span {float:left;width:84px}
/* footer */
footer {height:138px;font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#696969;line-height:18px}
footer a {color:#c53005;text-decoration:underline}
footer a:hover {text-decoration:none}
#icons {padding:5px 0 0 0}
#icons li {float:left;padding-right:9px; margin: 20px 0px 0px 30px;}
/* Tooltips */
.aToolTip {background:#a80002;color:#fff; margin:0;padding:2px 10px 3px;font-size:11px;position:absolute;line-height:17px}
.aToolTip .aToolTipContent {position:relative; margin:0;padding:0}
/* forms */
#ContactForm {margin-top:-5px;width:910px}
#ContactForm span {float:left;width:111px;line-height:20px}
#ContactForm .wrapper {min-height:24px}
#ContactForm .textarea_box {min-height:170px;width:100%;overflow:hidden;padding-bottom:9px}
#ContactForm {}
#ContactForm a {margin-left:20px;float:right}
#ContactForm .input {width:399px;height:18px;background:#faf3ed;padding:1px 5px;color:#220000;font:14px Georgia, "Times New Roman", Times, serif;margin:0;float:left}
#ContactForm textarea {overflow:auto;width:789px;height:163px;background:#faf3ed;padding:1px 5px;color:#220000;font:14px Georgia, "Times New Roman", Times, serif;margin:0}
ul.MenuMediodia li{text-decoration:underline; list-style-type:disc;}
ul#menu > li:hover ul#submenu{
display:block;
}
ul#submenu {
z-index:10;
position:absolute;
left:-75px;
top:73px;
width: 360px;
display:none;
float:left;
}
ul#submenu li{
width: 140px;
padding-top:0;
}
ul#submenu li a{
padding:0;
}
ul#submenu li a:hover{
font-size:24px;
background: transparent;
}
ul#menu > li:hover ul#submenu2{
display:block;
}
ul#submenu2 {
z-index:10;
position:absolute;
left:-135px;
top:73px;
width: 560px;
display:none;
float:left;
}
ul#submenu2 li.mediodia{
width: 100px;
padding-top:0;
}
ul#submenu2 li.noche{
width: 180px;
padding-left:10px;
padding-top:0;
}
ul#submenu2 li.grupos{
width: 100px;
padding-top:0;
}
ul#submenu2 li a{
padding:0;
}
ul#submenu2 li a:hover{
font-size:24px;
background: transparent;
}
