/* CSS Document */

/**
* Hoja de estilo platilla restaurante 01
* Henry Alexander Falla Ortiz
* Enero 13, 2012
* Versión: 1.0
*/

/* Fuentes */
@import url(http://fonts.googleapis.com/css?family=Bad+Script);

/* Elementos html */ 
body{background:url(../images/bg_body.jpg) repeat; padding:0; margin:0; font-size:13px; color:#000; font-family:Verdana, Geneva, sans-serif;}
img{border:none;}
h1{font-size:40px; margin:0; padding:0; color:#FFF; font-family:'Bad Script', cursive; text-align:center;}
h2{font-size:28px; margin:0; padding:0; font-style:italic; color:#DC383F; font-family:'Bad Script', cursive; text-align:center; line-height:40px;}
h3{font-size:28px; margin:10px 0; padding:0; font-style:italic; color:#F2E1A9; font-family:'Bad Script', cursive; text-align:center;}
h4{font-size:24px; margin:0; padding:10px 0 0; font-style:italic; color:#DC383F; font-family:'Bad Script', cursive; line-height:15px;}
h5{font-size:22px; margin:0; padding:10px 0 0; font-style:italic; color:#DC383F; font-family:'Bad Script', cursive; line-height:15px;}
h6{font-size:18px; margin:0; padding:10px 0 0; font-style:italic; color:#DC383F; font-family:'Bad Script', cursive; line-height:15px;}
h7{font-size:16px; margin:0; padding:10px 0 0; font-style:italic; color:#DC383F; font-family:'Bad Script', cursive; line-height:15px;}
h8{font-size:14px; margin:0; padding:10px 0 0; font-style:italic; color:#DC383F; font-family:'Bad Script', cursive; line-height:15px;}
a{color:#666; text-decoration:none;}
a:hover{color:#F56077; text-decoration:underline;}

/* Barra Superior */
#topRibbon{margin:0; padding:0; background:url(../images/top_ribbon.png) repeat-x; height:5px;}
#topBar{height:31px; margin:0; padding:3px 0; background:#E8E5E5; box-shadow:0 1px 1px #666;}
#cTopBar{width:940px; margin:0 auto; padding:0 30px;}
#orangeBtn{float:right; margin:0 5px 0 0; height:31px; text-align:center; color:#FFF; overflow:hidden;}
#orangeBtn ul{float:right; list-style:none; padding:0; margin:0;}
#orangeBtn ul li{display:inline;}
#orangeBtn ul li a{float:right; padding:0 12px; margin:3px 5px; border-radius:3px; background:url(../images/local_info_button.png) repeat-x; background-position:0 0; text-decoration:none; color:#FFF; font:13px/25px Tahoma, Geneva, sans-serif;}
#orangeBtn ul li a:hover{background-position:0 -35px;}
#addThisBar{float:right; margin:8px 0 0; width:140px;}

/* Contenedores y estilos para contenedores */
#lineTop{background:#DC383F; height:2px;}
#fContainer{margin:0; padding:0; background:url(../images/bg.png) top no-repeat; height:auto;}
#cHeader{ width:944px; height:220px; margin:0 auto; padding:0; font-family:'Bad Script', cursive; color:#DC383F; font-weight:bold; }
/*----Idioma----*/
#language{float:right; background:#DC383F; padding:5px; text-align:center; font-size:11px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; clear:both;}
#language ul{padding:0; margin:0;}
#language li{list-style:none; display:inline; padding:0 4px;}
#language li a{color:#FFF;}
#language li a:hover{color:#FFF;}
/*----Social----*/
#social{float:right; width:auto; height:34px; padding:0; margin-bottom:10px; margin-right:15px; background:#F3DD95; border-bottom-right-radius:5px; border-bottom-left-radius:5px;}
#social img{margin:6px 0px 5px;}
/* ---Logo--- */
#cLogo{float:left; margin-bottom:10px; padding:10px 20px; background:#F3DD95; clear:both; border:3px solid #DAB34E; border-radius:10px;}
#logo{float:left; width:auto; height:60px; margin:0; padding:0 2px; clear:both; overflow:hidden;}
#logo a{color:#DC383F;}
#logo a:hover{text-decoration:none;}
#logo h1{height:60px; line-height:58px; color:#DC383F; letter-spacing:-2px; text-align:left;}
#slogan{float:left; width:auto; height:20px;; margin:0; padding:0 1px; font-size:18px; line-height:30px; clear:both; overflow:hidden;}
#code{float:left; width:220px; margin:0; padding:0; text-align:left; font-size:13px; letter-spacing:1px; clear:both; font-family:Verdana, Geneva, sans-serif;}
/* ---Menu--- */
#menu{width:944px; height:53px; float:right; overflow:hidden; font-size:21px; font-weight:bold; background:url(../images/bg_menu.png) no-repeat; clear:both; position:relative;}
#menu ul{float:right; list-style:none; padding-right:30px; margin:0;}
#menu ul li{display:inline;}
#menu ul li a{display:block; float:left; text-decoration:none; line-height:30px; padding:20px 6px 0; color:#DC383F;}
#menu ul li a:hover{text-decoration:underline;}
#menu ul li a.activo{text-decoration:underline;}
/* ---Contenido Principal--- */
#mContainer{margin:0 auto; padding:0; width:944px;}
#cSlider{clear:both; width:944px; height:390px;}
#hours{width:239px; height:351px; float:left; background:#DC383F; border-left:1px solid #900; border-top-right-radius:10px; border-bottom-right-radius:10px; color:#FFF; padding:20px 10px; text-align:center; line-height:20px;}
#hours p{margin:11px 0; font-size:12px;}
/* ---Slider--- */
.mSlider{float:left; position:relative; margin:0;}
.window{width:668px; height:375px; overflow:hidden; position:relative; border-top-left-radius:10px; border-bottom-left-radius:10px; border:8px solid #DC383F;}
.image_reel{position: absolute; top:0; left:0;}
.image_reel img{float:left;}
/*----Paginador Slider----*/
.paging{position: absolute;	bottom:-5px; left:250px; width:197px; height:35px; z-index:0; text-align:center; line-height:30px; background:url(../images/bg_paging.png) repeat-x; display:none; border:1px solid #D2BA80; border-top-right-radius:5px;  border-top-left-radius:5px; font-family:Verdana, Geneva, sans-serif;}
.paging a{margin:0 3px; padding:5px 9px; text-decoration:none; color:#000;}
.paging a.active{color:#F2E1A9; background:#DC383F; border-radius:25px;}
.paging a:hover{color:#F2E1A9; background:#DC383F; border-radius:25px;}
/* ---- */
#cContent{clear:both; float:left; width:928px; border:8px solid #F2E1A9; margin:15px 0;}
#iContent{float:left; width:465px; padding:25px 20px 20px 15px; text-align:justify;}
#iImage{float:left; width:350px; padding:0; margin:30px 20px 20px 30px; border:7px solid #F3DD95;}
#cTitle{float:left; width:924px; height:60px; border-radius:15px; background:#DC383F; margin:0; padding:0 10px 10px;}
#lInfo{float:left; width:234px; padding:0px; margin:30px 0;}
#lHours{float:left; width:206px; background:#F3DD95; padding:12px; margin:0; border:2px solid #D2BA80;}
#pago{float:left; width:234px; background:#DC383F; color:#FFF; border-radius:15px; margin:30px 0; padding:15px 0;}
#pago .uffPayment{margin:0; padding:10px 0 0; color:#F2E1A9; font:24px/24px 'Bad Script', cursive; font-style:italic; font-weight:bold; text-align:center;}
#content{float:left; width:680px; padding:0; margin:30px 15px; text-align:justify;}
#content img{border:7px solid #F3DD95;}
#content ul{list-style:inside circle; margin:0; padding:0;}
#eServices{float:right;}
#eServices img{border:none; margin:0 20px 10px 0;}
#cFrame iframe{margin:10px; text-align:center; border:7px solid #F3DD95;}
#fContact label{font:13px Verdana, Geneva, sans-serif;}
/* ---- Slider Menu ---- */
#gMenu{position:relative; height:350px; margin-bottom:30px;}
#gMenu a{float:left; position:absolute;}
#gMenu a.show{z-index:50;}
#gMenu .caption{z-index:60; background-color:#DC383F; color:#ffffff; height:45px; width:100%; position:absolute; bottom:-7px; left:7px;}
#gMenu .caption .gContent{margin:5px; font-size:20px; font-weight:bold; font-style:italic; font-family:'Bad Script', cursive; text-align:center;}
/* ----Estilos Footer---- */
#cFooter{width:100%; background:#000;}
#footer{width:934px; margin:0 auto; padding:1px 5px; font-size:11px; color:#FFF; text-align:right;}
#footer p{margin:3px;}
#footer ul{float:left; list-style:none; padding:0; margin:0 0 0 80px; font-size:12px;}
#footer ul li{display:inline;}
#footer ul li a{display:block; float:left; text-decoration:none; padding:10px; color:#FFF;}
#footer ul li a:hover{text-decoration:underline;}

/* Estilos de Globales */
.clear{clear:both; height:1px;}
.separator10{clear:both; height:10px;}
.separator15{clear:both; height:15px;}
.button a{background:#DC383F; color:#FFF; font-size:12px; text-decoration:none; font-weight:bold; text-align:center; border:1px solid #DC383F; padding:5px; margin:14px; border-radius:5px; float:left; width:165px;}
.button a:hover{background:#D2BA80; color:#DC383F;}
.gallery ul{padding:0; margin:0;}
.gallery li{float:left; width:200px; height:150px; list-style:none; margin:13px; padding:0;}
/* ----Galería---- */
.uffAlbums{padding:0; margin:0; clear:both;}
.uffAlbum{float:left; width:220px; height:190px; margin:3px;}
.fancy img{width:200px; height:150px;}
.uffAlbumName{width:224px; height:20px; text-align:center; overflow:hidden; font-size:12px; margin-top:5px;}
/* --- */

/* Estilos de Formularios */
textarea{resize:none; font:13px Verdana, Geneva, sans-serif;}
input[type = text]{border:1px dotted #D2BA80; color:#000; vertical-align:middle; width:180px; font:13px Verdana, Geneva, sans-serif;}
select{border:1px dotted #D2BA80; vertical-align:middle; width:200px; font:13px Verdana, Geneva, sans-serif;}
input[type = submit]{background:#DC383F; color:#FFF; cursor:pointer; border:none; padding:5px; border-radius:5px; width:170px; font:13px Verdana, Geneva, sans-serif; font-weight:bold;}
input[type = submit]:hover{background:#F3DD95; color:#DC383F;}