﻿/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/* Start Styles */
body { color: #fff; font-family: Seventy, sans-serif; font-size: 15px; overflow: hidden; padding: 20px; }
a { color: #fff; text-decoration: none; }
a:hover { text-decoration: underline; }

/* Hidden Text */
h1,
.cr-tel,
.link-mapa,
.promociones .slider .arrows,
.gustos-container .gustos-tel,
.carta-container .arrows,
.sucursales .bt-mapa { display: block; text-indent: -9999px; }

/* Fonts */
@font-face { font-family: Seventy; src: url(../fonts/seventy.ttf); }
@font-face { font-family: Cursive; src: url(../fonts/cursive.ttf); }

/* Absolute elements */
h1,
.top-nav,
.home p,
.home ul,
.interna-content,
.cafeteria .link-menu,
.helados .slider,
.helados .slider .timbre,
.helados .slider .telefono,
.helados .slider .main-img,
.comunidad iframe,
.comunidad .twtr,
.comunidad .comunidad-logos,
.sucursales h3,
.contacto .fotos,
.cafeteria .slider,
.cafeteria .slider .cafe,
.cafeteria .slider .split,
.cafeteria .slider .main-img,
.promociones .slider,
.promociones .slider .arrows,
.promociones .slider .slider-cont,
.promociones .fb-like-promo,
.promociones .tw-promo,
.contacto h3,
.gustos-container,
.carta-container,
.carta-container .arrows,
.carta-container .slider-cont,
.carta-container .fb-like-promo,
.carta-container .tw-promo { position: absolute; }

.main-loader { background: #fff url(../images/ajax-loader.gif) no-repeat center center; left: 0; position: fixed; height: 100%; top: 0; width: 100%; z-index: 1000; }

.lightbox-bg { background: rgba(0,0,0,0.5); display: none; left: 0; position: fixed; top: 0; z-index: 100; }
.lightbox-cerrar { border: 1px solid #666; color: #666; display: block; font-family: sans-serif; height: 20px; position: absolute; right: 20px; text-align: center; top: 20px; width: 20px; }

.main-container { height: 690px; margin: 0 auto; position: relative; width: 1000px; }

.top-nav { overflow: hidden; left: 281px; top: 55px; width: 702px; }
	.top-nav a { border-right: 2px solid #e8f0c4; display: block; float: left; font-size: 15px; height: 14px; line-height: 15px; text-align: center; width: 115px; }

.home { background: url(../images/bg-home.jpg); font-size: 12px; }
	.home p,
	.home ul { background: rgba(53,21,11,0.6); left: 260px; }
	.home p { display: block; line-height: 18px; padding: 10px 20px; top: 350px; width: 440px; }
	.home ul { overflow: hidden; top: 570px; width: 480px; }
	.home a { display: block; float: left; padding: 3px 0; text-align: center; width: 80px; }

.interna-content { left: 30px; top: 225px; }
	.interna-content h2 { font-family: Cursive, sans-serif; font-size: 55px; padding-bottom: 10px; text-shadow: 0 0 10px rgba(0,0,0,0.7); }
	.interna-content .main-txt { border: 2px solid #fff; border-radius: 10px; margin: 0 0 10px; padding: 10px; width: 350px; }
	
.helados { background: url(../images/bg-helados.jpg); }
	.helados h2 { background: url(../images/bg-tit-helados.png) no-repeat 0 5px; height: 45px; padding-left: 50px; }
	.helados .main-txt { background: rgba(120,75,22,0.5); }
	.helados .cr-tel { background: #a4c614 url(../images/bg-telefono.png) no-repeat; border: 2px solid #fff; border-radius: 10px; height: 54px; margin: 0 0 10px; width: 370px; }
	.helados .link-mapa { background: #a4c614 url(../images/bg-mapa.png) no-repeat; border: 2px solid #fff; border-radius: 10px; height: 72px; width: 370px; }
	.helados .slider { left: 430px; height: 479px; top: 101px; width: 570px; }
		.helados .slider .timbre { z-index: 10; }
		.helados .slider .telefono { left: 35px; top: 219px; z-index: 30; }
		.helados .slider .main-img { background: url(../images/helados-s-bg.png); bottom: 0; height: 394px; padding: 55px 0 0 55px; right: -15px; width: 406px; z-index: 20; }
		.helados .main-img div { height: 359px; overflow: hidden; width: 360px; }
.gustos-container { background: rgba(255,255,255,0.8); border-radius: 20px; display: none; padding: 40px 100px; top: 40px; width: 520px; z-index: 110; }
	.gustos-container .gustos-tel,
	.gustos-container .gustos-main { background: #a4c614; border: 2px solid #fff; border-radius: 20px; width: 516px; }
	.gustos-container .gustos-tel { background: #a4c614 url(../images/bg-gustos-telefono.png) no-repeat center; display: block; height: 75px; margin: 0 0 20px; }
	.gustos-container .gustos-main { overflow: hidden; padding: 10px 0; }
		.gustos-container .gustos-main h4 { font-family: Cursive, sans-serif; font-size: 25px; }
		.gustos-container .gustos-main ul { float: left; font-size: 12px; line-height: 16px; padding: 0 0 0 12px; width: 155px; }
		.gustos-container .gustos-main li { padding: 0 0 3px; }
		.gustos-container .gustos-nav li { display: block; float: left; padding: 10px 5px 0; text-align: center; width: 120px; }
		.gustos-container .gustos-nav a { color: #a4c614; font-size: 20px; }
	.gustos-container .gustos-img { background: #fff; border-radius: 20px; padding: 20px; text-align: center; width: 480px; }
		.gustos-container .gustos-img p { color: #a4c614; padding: 10px 0 0; }
	.gustos-container .gustos-slide-cont { height: 540px; }

.promociones { background: url(../images/bg-promociones.jpg); }
	.promociones .main-txt { background: rgba(161,25,22,0.5); }
	.promociones .slider { background: rgba(255,255,255,0.6); border-radius: 20px; height: 565px; left: 425px; top: 115px; width: 560px; }
	.promociones .slider .arrows { background: url(../images/promociones-s-arrows.png); display: block; height: 44px; top: 268px; width: 23px; }
	.promociones .slider .prev { left: 10px; }
	.promociones .slider .next { background-position: -23px 0; right: 10px; }
	.promociones .slider .slider-cont { bottom: 10px; height: 525px; left: 40px; overflow: hidden; width: 480px; }
	.promociones .slider-cont div { height: 525px; width: 480px; }
	.promociones .fb-like-promo { left: 130px; top: 8px; width: 160px; z-index: 10; }
	.promociones .tw-promo { left: 325px; top: 8px; width: 130px; z-index: 15; }
	
.cafeteria { background: url(../images/bg-cafeteria.jpg); }
	.cafeteria .main-txt { background: rgba(219,88,19,0.5); }
	.cafeteria .link-menu { display: block; font-size: 13px; height: 24px; left: 709px; line-height: 20px; text-align: center; top: 626px; width: 135px; }
	.cafeteria .slider { background: url(../images/cafeteria-s-bg.png); left: 465px; height: 453px; top: 123px; width: 536px; }
		.cafeteria .slider .cafe { left: 31px; top: 267px; z-index: 20; }
		.cafeteria .slider .split { bottom: 0; left: 133px; z-index: 30; }
		.cafeteria .slider .main-img { height: 358px; left: 137px; overflow: hidden; top: 55px; width: 360px; z-index: 10; }
.carta-container { background: rgba(255,255,255,0.8); border-radius: 20px; display: none; height: 645px; top: 40px; width: 730px; z-index: 110; }
	.carta-container .arrows { background: url(../images/carta-s-arrows.png); display: block; height: 44px; top: 288px; width: 23px; }
	.carta-container .prev { left: 10px; }
	.carta-container .next { background-position: -23px 0; right: 10px; }
	.carta-container .slider-cont { height: 595px; left: 50px; overflow: hidden; top: 10px; width: 630px; }
		.carta-container .slider-cont div { height: 595px; width: 630px; }
	.carta-container .fb-like-promo { left: 190px; top: 8px; width: 160px; z-index: 10; }
	.carta-container .tw-promo { left: 385px; top: 8px; width: 130px; z-index: 15; }

.comunidad { background: url(../images/bg-comunidad.jpg); }
	.comunidad .main-txt { background: rgba(212,41,135,0.6); }
		.comunidad .main-txt span { font-size: 20px; }
	.comunidad .comunidad-logos { left: 38px; top: 235px; }
	.comunidad iframe { left: 420px; top: 100px; }
	.comunidad .twtr { left: 720px; top: 100px; }
	
.sucursales { background: url(../images/bg-sucursales.jpg); }
	.sucursales ol { overflow: hidden; padding: 30px 0 0; }
	.sucursales .sucursal { background: rgba(120,75,2,0.8); border: 2px solid #fff; border-radius: 10px; float: left; margin: 0 35px 50px 0; padding: 10px; position: relative; width: 180px; }
	.sucursales h3 { font-family: Cursive, sans-serif; font-size: 40px; left: 0; letter-spacing: -1px; text-shadow: 0 0 10px rgba(0,0,0,0.7); top: -35px; width: 240px; }
	.sucursales li li { height: 18px; }
	.sucursales .amenities { border-bottom: 1px solid #fff; margin: 0 0 3px; padding: 0 0 3px; width: 100%; }
	.sucursales .bt-mapa { background: url(../images/bt-mapa.png); height: 16px; width: 83px; }
	
.contacto { background: url(../images/bg-contacto.jpg); }
	.contacto .fotos { left: 619px; top: 113px; z-index: 2; }
	.contacto form { background: rgba(120,75,22,0.8); border: 2px solid #fff; border-radius: 10px; float: left; margin: 20px 55px 50px 0; padding: 10px; position: relative; width: 340px; z-index: 1; }
	.contacto h3 { font-size: 27px; left: 0; top: -35px; }
	.contacto form p { padding: 0 0 10px; }
	.contacto .text-field,
	.contacto .text-area { background: rgba(255,255,255,0.7); border: 0; border-radius: 5px; margin: 0 0 5px; padding: 3px; width: 330px; }
	.contacto .form-send { background: none; border: 0; color: #fff; cursor: pointer; font-family: Cursive, sans-serif; font-size: 30px; }