/* CSS Document */

/**
* Hoja de estilo Bares y Restaurantes 01
* Henry Alexander Falla Ortiz
* Julio 13, 2012
* Versión: 1.0
*/

/* Fuentes */
@import url(http://fonts.googleapis.com/css?family=Economica:700);

/* Elementos html */ 
body{padding:0; margin:0; font-family:'Economica', sans-serif; font-size:14px; color:#C2BCD6; background:#1C0D2E;}
img{border:none; vertical-align:middle;}
h1{font-size:38px; text-align:left; color:#FFF; margin:0; padding:0;}
h2{font-size:36px; text-align:left; color:#D579CA; margin:0; padding:0; font-weight:normal;}
h3{font-size:30px; text-align:left; color:#FFF; margin:0; padding:10px 0; font-weight:normal;}
h4{font-size:26px; text-align:left; color:#FFF; margin:0; padding:0; font-weight:normal;}
h5{font-size:22px; text-align:left; color:#D579CA; margin:0; padding:0; font-weight:normal;}
a{color:#D579CA; text-decoration:none;}
a:hover{text-decoration:underline;}

/* Barra Superior */
#topRibbon{margin:0; padding:0; background:url(../images/top_ribbon.png) repeat-x; height:5px; clear:both;}
#topBar{height:31px; margin:0; padding:3px 0; background:#E8E5E5; box-shadow:0 1px 1px #666; clear:both;}
#cTopBar{width:900px; margin:0 auto; padding:0 30px; height: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 */
#cMenu{height:109px; background:url(../images/bg_header.jpg) repeat-x;}
#bgMenu{width:1400px; height:109px; margin:0 auto; padding:0; background:url(../images/bg_menu.jpg) no-repeat;}
/*----Menu----*/
#menu{width:960px; height:41px; margin:0 auto; padding:68px 0 0; overflow:hidden; letter-spacing:1px;}	
#menu ul{float:left; list-style:none; padding:0; margin:0;}
#menu ul li{display:inline;}
#menu ul li a{float:left; padding:0 18px; color:#FFF; line-height:41px; display:block; text-decoration:none; text-transform:uppercase; font-weight:bold;}
#menu ul li a:hover{background:url(../images/menu_over.png) repeat-x; color:#FFF; box-shadow:0 -1px 2px #282828;}
#menu ul li a.active{background:url(../images/menu_over.png) repeat-x; color:#FFF; box-shadow:0 -1px 2px #282828;}
/*----Idioma----*/
#language{float:right; height:20px; padding:0; margin:10px 0 0; text-align:center; font-size:12px; color:#FFF; width:auto ; text-transform:uppercase;}
#language ul{float:left; padding:0; margin:0;}
#language ul li{display:inline; list-style:none; margin:0; padding:0; height:20px;}
#language ul li a{color:#FFF; height:20px; line-height:20px; margin:0; padding:0 5px;}
#language ul li a.active{background:none; box-shadow:none; text-decoration:underline;}
#language ul li a:hover{background:none; box-shadow:none; text-decoration:underline;}
#code{float:right; width:auto; margin:12px 5px 0; padding:3px 10px 0 0; text-align:left; font-size:11px; color:#FFF; border-right:1px solid #FFF;}
/*----Logo----*/
#cLog{width:auto; height:70px; margin:0 auto; padding:5px 10px 0 25px; overflow:hidden; position:absolute; bottom:17px; left:15px; z-index:10; background:url(../images/bg_log.png); box-shadow:0 7px 10px #1C0D2E;}
#log{float:left; max-width:760px; height:50px; padding:0 5px 0 0; margin:0; font-size:48px; line-height:43px; font-weight:normal; letter-spacing:-3px; text-transform:uppercase; overflow:hidden; clear:both;}
#log a{color:#FFF; text-decoration:none; text-shadow:2px 2px 5px #18081D;}
#slogan{float:right; max-width:760px; height:18px; padding:0 5px 0 0; margin:0; font-size:15px; clear:both; color:#FFF; overflow:hidden;}
/*----Cuerpo----*/
#bgMain{width:1400px; height:490px; margin:0 auto; padding:0; background:url(../images/slider_main_bg.png) center top no-repeat;}
#mainContainer{width:960px; margin:0 auto; padding:0;}
#cSlider{width:900px; height:400px; background:#FFF; position:absolute; padding:30px 30px 35px; margin:0; clear:both; box-shadow:0 7px 10px #18081D; z-index:0;}
/*----Slider----*/
.mSlider{float:left; position:relative; margin:0;}
.window{height:400px; width:900px; overflow:hidden;	position:relative;}
.image_reel{position: absolute; top:0; left:0;}
.image_reel img{float:left;}
/*----Paginador Slider----*/
.paging{position:absolute; bottom:-35px; right:0; width:120px; height:38px; line-height:40px; text-align:center; display:none;}
.paging a{padding:3px 6px; text-decoration:none; color:#3B1441; font-size:12px; font-weight:bold;}
.paging a.active{color:#FFF; font-weight:bold; background:#3B1441;}
.paging a:hover{color:#FFF; font-weight:bold; background:#3B1441;}
/*----Contenido Principal----*/
#picture{margin:20px 0 0;}
#picture img{border:10px solid #FFF;}
#cContent{margin:0; padding:0; background:url(../images/bg_content.png) center bottom no-repeat;}
#content{width:920px; margin:0 auto; padding:10px 20px; background:}
#cFrame{margin:0 10px 20px 10px;}
#cFrame iframe{border:10px solid #FFF; width:620px;}
#fContact form{padding:20px; border:1px solid #D579CA; width:600px; text-align:left;}
#fContact img{border:none; padding:2px; margin:0;}
/*----Footer----*/
#cFooter{background:url(../images/footer.png); font-size:12px;}
#footer{width:940px; height:100px; margin:0 auto; padding:3px 0 0;}
#footer p{float:left; width:940px; padding:0 10px; margin:10px 0; text-align:center;}
#social{float:left; width:auto; padding:0; margin:20px 0 0 30px; text-align:left; font-size:20px;}
#social img{padding:0 0 3px;}
#eServices{float:right; width:auto; padding:0 0 10px; margin:0 25px 0 0; text-align:right;}
#eServices a{padding:0 5px;}

/* Estilos globales */
.separator{width:972px; height:2px; margin:0 auto; background:url(../images/border_down.gif) center top no-repeat; clear:both;}
.lineFooter{background:none repeat scroll 0 0 #221C2F; height:1px; margin:0 15px; clear:both;}
.spacer10{height:10px; clear:both;}
.clear{clear:both;}
/*---- Galería ----*/
.gallery ul{padding:0; margin:10px 0;}
.gallery li{float:left; border:5px solid #FFF; list-style:none; text-align:center; margin:10px 20px; background:#FFF; text-align:right;}
.gallery li img{margin:0 0 3px 0;}
.gallery li a{margin:0; padding:0; text-decoration:none; color:#3B1441;}

/* Estilos de Formularios */
textarea{resize:none; font:14px 'Economica', sans-serif;}
input[type = text]{color:#333; vertical-align:middle; width:280px; font:14px 'Economica', sans-serif;}
input[type = submit]{background:#48174C; color:#FFF; cursor:pointer; border:none; padding:5px; width:180px; font-weight:bold;}
input[type = submit]:hover{background:#7C378D; color:#FFF;}