/* FUENTES */
@font-face { font-family: 'aleo-bold'; src: url('fonts/aleo-bold-webfont.eot'); src: url('fonts/aleo-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/aleo-bold-webfont.woff2') format('woff2'), url('fonts/aleo-bold-webfont.woff') format('woff'), url('fonts/aleo-bold-webfont.ttf') format('truetype'), url('fonts/aleo-bold-webfont.svg#aleobold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'pacifico'; src: url('fonts/pacifico-webfont.eot'); src: url('fonts/pacifico-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/pacifico-webfont.woff2') format('woff2'), url('fonts/pacifico-webfont.woff') format('woff'), url('fonts/pacifico-webfont.ttf') format('truetype'), url('fonts/pacifico-webfont.svg#pacificoregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'roboto-bold'; src: url('fonts/robotoslab-bold-webfont.eot'); src: url('fonts/robotoslab-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/robotoslab-bold-webfont.woff2') format('woff2'), url('fonts/robotoslab-bold-webfont.woff') format('woff'), url('fonts/robotoslab-bold-webfont.ttf') format('truetype'), url('fonts/robotoslab-bold-webfont.svg#roboto_slabbold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'roboto-regular'; src: url('fonts/robotoslab-regular-webfont.eot'); src: url('fonts/robotoslab-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/robotoslab-regular-webfont.woff2') format('woff2'), url('fonts/robotoslab-regular-webfont.woff') format('woff'), url('fonts/robotoslab-regular-webfont.ttf') format('truetype'), url('fonts/robotoslab-regular-webfont.svg#roboto_slabregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'cabin-bold'; src: url('fonts/cabin-bold-webfont.eot'); src: url('fonts/cabin-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/cabin-bold-webfont.woff2') format('woff2'), url('fonts/cabin-bold-webfont.woff') format('woff'), url('fonts/cabin-bold-webfont.ttf') format('truetype'), url('fonts/cabin-bold-webfont.svg#cabinbold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'cabin-medium'; src: url('fonts/cabin-medium-webfont.eot'); src: url('fonts/cabin-medium-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/cabin-medium-webfont.woff2') format('woff2'), url('fonts/cabin-medium-webfont.woff') format('woff'), url('fonts/cabin-medium-webfont.ttf') format('truetype'), url('fonts/cabin-medium-webfont.svg#cabinmedium') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'cabin-regular'; src: url('fonts/cabin-regular-webfont.eot'); src: url('fonts/cabin-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/cabin-regular-webfont.woff2') format('woff2'), url('fonts/cabin-regular-webfont.woff') format('woff'), url('fonts/cabin-regular-webfont.ttf') format('truetype'), url('fonts/cabin-regular-webfont.svg#cabinregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'cabin-semibold'; src: url('fonts/cabin-semibold-webfont.eot'); src: url('fonts/cabin-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/cabin-semibold-webfont.woff2') format('woff2'), url('fonts/cabin-semibold-webfont.woff') format('woff'), url('fonts/cabin-semibold-webfont.ttf') format('truetype'), url('fonts/cabin-semibold-webfont.svg#cabinsemibold') format('svg'); font-weight: normal; font-style: normal; } 
@font-face { font-family: 'charis-bold'; src: url('fonts/charissilb-webfont.eot'); src: url('fonts/charissilb-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/charissilb-webfont.woff2') format('woff2'), url('fonts/charissilb-webfont.woff') format('woff'), url('fonts/charissilb-webfont.ttf') format('truetype'), url('fonts/charissilb-webfont.svg#charis_silbold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'charis-bold-italic'; src: url('fonts/charissilbi-webfont.eot'); src: url('fonts/charissilbi-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/charissilbi-webfont.woff2') format('woff2'), url('fonts/charissilbi-webfont.woff') format('woff'), url('fonts/charissilbi-webfont.ttf') format('truetype'), url('fonts/charissilbi-webfont.svg#charis_silbold_italic') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'badaboom'; src: url('fonts/badaboom-webfont.eot'); src: url('fonts/badaboom-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/badaboom-webfont.woff2') format('woff2'), url('fonts/badaboom-webfont.woff') format('woff'), url('fonts/badaboom-webfont.ttf') format('truetype'), url('fonts/badaboom-webfont.svg#badaboom_bbregular') format('svg'); font-weight: normal; font-style: normal; }
/* aleo-bold | pacifico | roboto-bold | roboto-regular | cabin-bold | cabin-medium | cabin-regular | cabin-semibold | charis-bold | charis-bold-italic | badaboom */

* { margin: 0; padding: 0; border: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;}
a, a:hover, a:focus, a:active { text-decoration: none; transition: All 0.35s ease; -webkit-transition: All 0.35s ease; -moz-transition: All 0.35s ease; -ms-transition: All 0.35s ease; -o-transition: All 0.35s ease;}
img { width: 100%; }
/* SCROLLBAR */
::-webkit-scrollbar { height:11px; width:14px; background:#BF0310; -webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.5);  }
::-webkit-scrollbar-thumb { background:#0075B4; -webkit-border-radius: 7px; border:1px solid #888; } 

body { text-align: center; }

/* HEADER */
header { background: url('images/header/background-menu-top.jpg') repeat; width: 100%; margin: 0 auto; overflow: hidden; }
/*.logo, #menuMain, .rutaTop { display: inline-block; vertical-align: bottom; } */
.contHeader { overflow: hidden; max-width: 1200px; margin: 0 auto; } 
.logo, .newsLetter, .rutaTop { display: inline-block; vertical-align: middle; }
.logo { float: left; max-width: 185px; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -ms-transition: All 0.5s ease; -o-transition: All 0.5s ease; }
.logo:hover { transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -ms-transition: All 0.5s ease; -o-transition: All 0.5s ease; transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); }
.logo img { max-width: 165px; }

.newsLetter { background: url('images/header/pergamino-ranchero-zarandeado.png') top center no-repeat; /*float: left;*/ margin: 0 auto; max-width: 700px; height: 215px;padding: 10px 90px; }
.newsLetter p:nth-child(1) { color: #FFF; font-family: 'badaboom', georgia, times, serif; font-size: 32px; text-shadow: 4px 4px 6px rgba(0,0,0,0.75); line-height: 0.85; margin-bottom: 10px; }
.newsLetter p:nth-child(2) { background: #BF0310; color: #FFF; font-family: 'cabin-bold', arial, verdana, sans-serif; font-size: 15px; margin: 10px; padding: 10px 0 8px 0; text-transform: uppercase; }
.newsLetter label.bg { background: rgba(0,0,0,0.5); color: #bbb; font-family: 'cabin-regular', arial, verdana, sans-serif; font-size: 12px; padding: 13px; text-transform: uppercase; text-shadow: none; }
.newsLetter label { color: #FFF; font-family: 'cabin-bold', arial, verdana, sans-serif; font-size: 16px; padding: 10px; text-transform: uppercase; text-shadow: 2px 2px 3px rgba(0,0,0,0.75); }
.nac { margin-top: 10px; }
.newsTop { background: rgba(0,0,0,0.5); color: #FFF; font-family: 'cabin-regular', arial, verdana, sans-serif; font-size: 12px; padding: 10px 20px; text-transform: uppercase; }
.newsTop:focus { outline: 0; }
.enviarTop { background: #BF0310; color: #FFF; cursor: pointer; font-family: 'cabin-medium', arial, verdana, sans-serif; font-size: 12px; margin: -0.5px 0 0 5px;  padding: 13px 20px; text-transform: uppercase; }
.enviarTop:hover { background: #0075B4; }

.rutaTop { background: url('images/header/pizarra-menu-ranchero-zarandeado.png') top center no-repeat; float: right; width: 245px; }
.rutaTop p { color: #FFF; font-family: 'charis-bold-italic', georgia, times, serif; font-size: 24px; }
.rutaTop a { width: 25px; height: 25px; }
.btnRuta { margin: 5px 0; }
.btnRuta a { background: #EA0000; border-radius: 4px; color: #FFF; font-family: 'roboto-bold', georgia, times, serif; font-size: 12px; padding: 5px 20px; text-transform: uppercase; }
.btnRuta a:hover { background: #0075B4; }
.contactoTop img { max-width: 24px; }
.contactoTop a { color: #FFF; font-family: 'cabin-medium', arial, verdana, sans-serif; font-size: 15px; }
.cuponMenu img { max-width: 140px; height: 105px; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -ms-transition: All 0.5s ease; -o-transition: All 0.5s ease; transform: rotate(0) scale(1); -webkit-transform: rotate(0) scale(1); -moz-transform: rotate(0) scale(1); -o-transform: rotate(0) scale(1); -ms-transform: rotate(0) scale(1); }
.cuponMenu img:hover { transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -ms-transition: All 0.5s ease; -o-transition: All 0.5s ease; transform: rotate(360deg) scale(1.1); -webkit-transform: rotate(360deg) scale(1.1); -moz-transform: rotate(360deg) scale(1.1); -o-transform: rotate(360deg) scale(1.1); -ms-transform: rotate(360deg) scale(1.1); }

#menuMain { text-align: center; width: 100%; max-width: 800px; margin: 0 auto; }
#menuMain ul li { display: inline-block; width: 16%; text-align: center; vertical-align: top; }
#menuMain ul li a { background: url('images/header/background-tabla-menu-main.png') top center no-repeat; background-size: contain; display: block; font-family: 'roboto-bold', georgia, times, serif; font-size: 15px; color: #FFF; height: 68px; line-height: 1.1; padding: 15px 5px; text-transform: uppercase; text-shadow: 2px 2px 4px rgba(0,0,0,0.75); margin-bottom: -14px; transition:All 0.35s ease; -webkit-transition:All 0.35s ease; -moz-transition:All 0.35s ease; -ms-transition:All 0.35s ease; -o-transition:All 0.35s ease; }
#menuMain ul li a:hover { transition: All 0.35s ease; -webkit-transition: All 0.35s ease; -moz-transition: All 0.35s ease; -ms-transition: All 0.35s ease; -o-transition: All 0.35s ease; transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px);}
.btnResp, .menuResp, .rutaTop-resp { display: none; }

.downHeader { background: url('images/header/barra-menu-ranchero-zarandeado.png') top center no-repeat; background-size: cover; box-shadow: 0 0 15px rgba(0,0,0,0.75); height: 31px; position: absolute; width: 100%; z-index: 10; }

/* Pop up */
.overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; /*background: rgba(0, 0, 0, 0.7);*/ transition: opacity 400ms; visibility: hidden; opacity: 0; }
.overlay:target { visibility: visible; opacity: 1; z-index: 20; }
.popup { margin: 60px auto; padding: 30px 10px; /*background: rgba(255,255,255,0.85);*/ background: url('images/fondo-popup-ranchero-zarandeado.jpg') repeat; border-radius: 20px; -moz-box-shadow:0px 0px 50px rgba(0,0,0,0.85); -webkit-box-shadow:0px 0px 50px rgba(0,0,0,0.85); box-shadow:0px 0px 50px rgba(0,0,0,0.85); width: 90%; position: relative; transition: all 2s ease-in-out; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; z-index: 99999; }
.popup h2 { margin-top: 0; color: #0075B4; font-family: 'roboto-bold', verdana, helvetica, sans-serif; font-size: 32px; }
.popup .close { position: absolute; top: 20px; right: 30px;
  transition: all 200ms; -webkit-transition: all 200ms; -moz-transition: all 200ms; -ms-transition: all 200ms; -o-transition: all 200ms; font-family: 'roboto-bold', verdana, helvetica, sans-serif; font-size: 32px; text-decoration: none; color: #BF0310; }
.popup .close:hover { color: #0075B4; }
.popup .content { height: auto; overflow: auto; }
.popup .content p { font-family: 'proxima-regular', verdana, helvetica, sans-serif; font-size: 16px; text-align: justify; }

/* ========== INDEX ========== */
section#index { background: url('images/pattern-blue.jpg') repeat; margin: 0 auto; width: 100%; }

#promoIndex { padding: 180px 10px 100px 10px; margin: 0 auto; max-width: 1200px; }
#promoIndex .uno, #promoIndex .dos, #promoIndex .tres { display: inline-block; width: 30%; vertical-align: top; }

/* -------------------- Festeja con nosotros -------------------- */
.festeja { background: #BF0310; min-height: 320px; max-width: 360px; padding: 20px 0 0 0; position: relative; margin: 0 10px; }
.txtFesteja { position: absolute; z-index: 10; }
.globos { max-width: 196px; position: absolute; top: -60px; left: -60px; z-index: 0; }
.txtFesteja p { color: #FFF; z-index: 10px; }
.txtFesteja p:nth-child(1) { font-family: 'roboto-bold', georgia, times, serif; font-size: 28px; padding: 10px; text-shadow: 2px 2px 4px rgba(0,0,0,0.75); }
.txtFesteja p:nth-child(3) { font-family: 'charis-bold', georgia, times, serif; font-size: 14px; text-align: left; line-height: 1.2; padding: 10px 10px 10px 120px; }
.txtFesteja p:nth-child(5) { font-family: 'roboto-regular', georgia, times, serif; font-size: 16px; line-height: 1.1; padding: 10px; }
.txtFesteja p:nth-child(5) span { font-family: 'charis-bold', georgia, times, serif; font-size: 28px; line-height: 0.6; }
.dwnFest { background: #FFF; padding: 20px 0; }
a.btnAzul { background: #0075B4; display: block; font-family: 'roboto-bold', georgia, times, serif; font-size: 14px; padding: 5px 10px; border-radius: 10px; color: #FFF; text-transform: uppercase; width: 180px; margin: 0 auto; }
a.btnAzul:hover { background: #BF0310; }
.txtFesteja img { width: 95%; }

/* -------------------- Fiesta de cumpleaños -------------------- */
.cumple { background: url('images/index/path-cumpleanos-ranchero-zarandeado.jpg') repeat-x; min-height: 280px; max-width: 360px; padding: 5px 0 0 0; position: relative; margin: 0 10px; }
.txtCumple { position: absolute; z-index: 10; }
.gorrito { max-width: 338px; position: absolute; top: -90px; right: -25px; z-index: 0; }
.txtCumple p { color: #FFF; z-index: 10px; }
.txtCumple p:nth-child(1) { font-family: 'roboto-bold', georgia, times, serif; font-size: 38px; line-height: 1; padding: 5px 10px 25px 10px; text-shadow: 2px 2px 4px rgba(0,0,0,0.75); }
.nopaga { max-width: 225px; }
.txtCumple p:nth-child(2) { font-family: 'charis-bold', georgia, times, serif; font-size: 14px; text-align: left; line-height: 1.2; padding: 10px; text-align: center; }
.txtCumple p:nth-child(4) { font-family: 'charis-bold', georgia, times, serif; font-size: 14px; text-align: left; line-height: 1.2; padding: 10px; text-align: center; }
.dwnCump { background: #FFF; padding: 20px 0; }
a.btnRojo { background: #BF0310; display: block; font-family: 'roboto-bold', georgia, times, serif; font-size: 14px; padding: 5px 10px; border-radius: 10px; color: #FFF; text-transform: uppercase; width: 260px; margin: 0 auto; }
a.btnRojo:hover { background: #0075B4; }

.tres .dwn { display: none; }
.fbkIndex { min-height: 330px; max-width: 360px; margin: 0 10px; }

/* -------------------- MENÚ -------------------- */
section#menu { background: url('images/pattern-blue.jpg') repeat; margin: 0 auto; width: 100%; }

/* -------------------- Top Menú -------------------- */
article#menuTop { background: url('images/menu/fondo-banner-menu-ranchero-zarandeado.jpg') top center no-repeat fixed; background-size: cover; width: 100%; height: 300px; margin: 0 auto; }
.marYtierra { background: url('images/menu/globo-rojo-ranchero-zarandeado.png') top center no-repeat; height: 275px; margin: 30px auto 0 auto; max-width: 764px; padding: 0 40px; }
.marYtierra p { color: #FFF; font-family: 'charis-bold-italic', georgia, times, serif; font-size: 24px;  line-height: 1.2; padding: 40px 10px; }
.marYtierra p img { max-width: 182px; padding: 6px; }

/* -------------------- Menú Restaurant -------------------- */
article#menuRest { background: url('images/menu/ranchero-zarandeado-fondo-menu.jpg') repeat ;  width: 100%; margin: 0 auto; padding: 60px 10px; }
.contMenu { margin: 0 auto; max-width: 1200px; padding: 10px; }

ul.tabs { list-style-type: none; margin: 0 auto; width: 100%; }
ul.tabs li { cursor: pointer; display: inline-block; padding: 0; margin: 0; }
ul.tabs li.uno { background: url('images/menu/ranchero-zarandeado-menu-desayunos.png') no-repeat ; width: 160px; height: 103px; transition: All 0.35s ease; -webkit-transition: All 0.35s ease; -moz-transition: All 0.35s ease; -ms-transition: All 0.35s ease; -o-transition: All 0.35s ease; }
ul.tabs li.uno:hover { background: url('images/menu/ranchero-zarandeado-menu-desayunos-hover.png') no-repeat ; transition: All 0.35s ease; -webkit-transition: All 0.35s ease; -moz-transition: All 0.35s ease; -ms-transition: All 0.35s ease; -o-transition: All 0.35s ease; }
ul.tabs li.uno.active { background: url('images/menu/ranchero-zarandeado-menu-desayunos-hover.png') no-repeat ; }
ul.tabs li.dos { background: url('images/menu/ranchero-zarandeado-menu-mariscos.png') no-repeat ; width: 160px; height: 103px; transition: All 0.35s ease; -webkit-transition: All 0.35s ease; -moz-transition: All 0.35s ease; -ms-transition: All 0.35s ease; -o-transition: All 0.35s ease; }
ul.tabs li.dos:hover { background: url('images/menu/ranchero-zarandeado-menu-mariscos-hover.png') no-repeat ; transition: All 0.35s ease; -webkit-transition: All 0.35s ease; -moz-transition: All 0.35s ease; -ms-transition: All 0.35s ease; -o-transition: All 0.35s ease; }
ul.tabs li.dos.active { background: url('images/menu/ranchero-zarandeado-menu-mariscos-hover.png') no-repeat ; }
ul.tabs li.tres { background: url('images/menu/ranchero-zarandeado-menu-cortes.png') no-repeat ; width: 160px; height: 103px; transition: All 0.35s ease; -webkit-transition: All 0.35s ease; -moz-transition: All 0.35s ease; -ms-transition: All 0.35s ease; -o-transition: All 0.35s ease; }
ul.tabs li.tres:hover { background: url('images/menu/ranchero-zarandeado-menu-cortes-hover.png') no-repeat ; transition: All 0.35s ease; -webkit-transition: All 0.35s ease; -moz-transition: All 0.35s ease; -ms-transition: All 0.35s ease; -o-transition: All 0.35s ease; }
ul.tabs li.tres.active { background: url('images/menu/ranchero-zarandeado-menu-cortes-hover.png') no-repeat ; }
ul.tabs li.cuatro { background: url('images/menu/ranchero-zarandeado-menu-bebidas.png') no-repeat ; width: 160px; height: 103px; transition: All 0.35s ease; -webkit-transition: All 0.35s ease; -moz-transition: All 0.35s ease; -ms-transition: All 0.35s ease; -o-transition: All 0.35s ease; }
ul.tabs li.cuatro:hover { background: url('images/menu/ranchero-zarandeado-menu-bebidas-hover.png') no-repeat ; transition: All 0.35s ease; -webkit-transition: All 0.35s ease; -moz-transition: All 0.35s ease; -ms-transition: All 0.35s ease; -o-transition: All 0.35s ease; }
ul.tabs li.cuatro.active { background: url('images/menu/ranchero-zarandeado-menu-bebidas-hover.png') no-repeat ; }
ul.tabs li.cinco { background: url('images/menu/ranchero-zarandeado-menu-postres.png') no-repeat ; width: 160px; height: 103px; transition: All 0.35s ease; -webkit-transition: All 0.35s ease; -moz-transition: All 0.35s ease; -ms-transition: All 0.35s ease; -o-transition: All 0.35s ease; }
ul.tabs li.cinco:hover { background: url('images/menu/ranchero-zarandeado-menu-postres-hover.png') no-repeat ; transition: All 0.35s ease; -webkit-transition: All 0.35s ease; -moz-transition: All 0.35s ease; -ms-transition: All 0.35s ease; -o-transition: All 0.35s ease; }
ul.tabs li.cinco.active { background: url('images/menu/ranchero-zarandeado-menu-postres-hover.png') no-repeat ; }

.clr { clear: both; }
.block article { margin: 20px 0; padding: 0 10px; }

.ttlMenu { background-size: cover; border-radius: 10px; margin: 20px auto; padding: 20px 10px; }
.ttlMenu.uno { background: url('images/menu/desayunos/desayunos.jpg') bottom center no-repeat fixed; }
.ttlMenu.dos { background: url('images/menu/mariscos/mariscos.jpg') bottom center no-repeat fixed; }
.ttlMenu.tres { background: url('images/menu/cortes/cortes.jpg') bottom center no-repeat fixed; }
.ttlMenu.cuatro { background: url('images/menu/bebidas/bebidas.jpg') bottom center no-repeat fixed; }
.ttlMenu.cinco { background: url('images/menu/postres/postres.jpg') bottom center no-repeat fixed; }
.ttlMenu span h2 { background: rgba(0,0,0,0.2); border: 1px solid #FFF; color: #FFF; font-family: 'roboto-bold', georgia, times, serif; font-size: 34px; margin: 0 auto; padding: 10px 25px; max-width: 300px; text-shadow: 2px 2px 4px #1a1a1a; }

/*----- Accordion -----*/
.accordion, .accordion * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.accordion { overflow:hidden; background: transparent; }
/*----- Section Titles -----*/
.accordion-section-title { width:100%; padding:15px; display:inline-block; background: transparent; transition: all linear 0.15s; /* Type */ font-family: 'roboto-bold', georgia, times, serif; font-size: 20px; text-shadow: 2px 2px 4px #1a1a1a; box-shadow: 2px 2px 8px rgba(0,0,0,0.6); color:#fff; text-align: left; text-transform: uppercase; }
.accordion-section-title span { float: right; }
.accordion-section-title:hover { background: rgba(0,0,0,0.25); /* Type */ text-decoration:none; color: #FFFF00; }
.accordion-section-title.active { /* Type */ text-decoration:none; color: #FFFF00; }
/*----- Section Content -----*/
.accordion-section-content { color: #FFF; font-family: 'roboto-regular', georgia, times, serif; font-size: 16px; padding:25px 40px; display:none; text-align: left; }
.accordion-section-content ul { margin: 0 0 10px 40px; }
.accordion-section-content h3 { color: #FFFF00; font-family: 'charis-bold-italic', georgia, times, serif; font-size: 32px; line-height: 1; margin-bottom: 10px; }
.accordion-section-content h3 span { color: #FFF; font-size: 28px; }
.accordion-section-content h4 { color: #BA672E; font-family: 'roboto-bold', georgia, times, serif; font-size: 24px; }
.accordion-section-content p { margin: 0 0 10px 20px; }
.imgAccordion { max-width: 460px; float: left; }
.txtAccordion { float: right; width: 50%;  margin-bottom: 20px; }

/* -------------------- Decarga Menú -------------------- */
article#menuDesc { margin: 0 auto -70px auto; width: 100%; }
.btnDescarga img, .conocerPrecios { display: inline-block; vertical-align: middle; }
.conocerPrecios { background: url('images/menu/globo-pina-ranchero-zarandeado.png') center center no-repeat; height: 154px; margin: 40px 0 0 -60px; padding-top: 30px; width: 367px; }
.conocerPrecios p { color: #FFF; font-family: 'roboto-bold', georgia, times, serif; font-size: 20px; margin-bottom: 20px; }
.conocerPrecios .btn a { background: #BA672E; border: 2px solid #FFF; border-radius: 24px; color: #FFF; font-family: 'charis-bold-italic', georgia, times, serif; font-size: 20px; padding: 5px 15px; }
.conocerPrecios .btn a:hover { background: #FFF; border: 2px solid #BA672E; color: #BA672E; }
.btnDescarga img { max-width: 280px; position: relative; z-index: 9; }

/* -------------------- Promociones Menú-------------------- */
article#promociones { background: url('images/menu/fondo-restaurante-ranchero-zarandeado.jpg') center center no-repeat fixed; background-size: cover; margin: 0 auto; width: 100%; }
#promociones .contenedor { max-width: 1200px; margin: 0 auto; padding: 80px 10px 120px 10px; }
#promociones .contenedor p.ttl { color: #FFF; font-family: 'pacifico', georgia, times, serif; font-size: 50px; padding-bottom: 60px; text-shadow: 2px 2px 4px #007780; }
#promociones .uno, #promociones .dos, #promociones .tres { display: inline-block; width: 30%; vertical-align: top; }
.cafe { background: #BF0310 url('images/menu/cafe-ranchero-zarandeado.jpg') top 65px center no-repeat; min-height: 320px; max-width: 360px; padding: 10px 0 0 0; margin: 0 auto; position: relative; z-index: 999; }
.txtCafe p { color: #FFF; }
.txtCafe p:nth-child(1) { font-family: 'charis-bold-italic', georgia, times, serif; font-size: 18px; line-height: 1.2; padding: 0 10px 30px 10px; }
.txtCafe p:nth-child(2) { font-family: 'roboto-bold', georgia, times, serif; font-size: 16px; padding: 0 10px 134px 10px; text-shadow: 2px 2px 4px rgba(0,0,0,0.75); }

/* ========== CONTACTO ========== */
section#contacto { background: url('images/pattern-blue.jpg') repeat; margin: 0 auto; width: 100%; }

/* -------------------- Visitanos ------------------- */
article#topVisitanos { background: url('images/contacto/fondo-banner-contacto-ranchero-zarandeado.jpg') center center no-repeat fixed; background-size: cover; margin: 0 auto; width: 100%; padding: 60px 0 120px 0; }
.visitanos { background: url('images/contacto/globlo-turquesa-ranchero-zarandeado.png') center center no-repeat; height: 380px; margin: 0 auto; padding: 60px 20px; max-width: 494px; }
.visitanos p { color: #FFF; }
.visitanos p:nth-child(1) { font-family: 'pacifico', georgia, times, serif; font-size: 82px; }
.visitanos p:nth-child(2) { font-family: 'charis-bold-italic', georgia, times, serif; font-size: 20px; line-height: 1.2; }

/* -------------------- Formulario -------------------- */
article#reserva { background: url('images/contacto/fondo-reserva-ranchero-zarandeado.jpg') center center no-repeat; background-size: cover; width: 100%; padding: 40px 0; }
.formReservacion { max-width: 800px; margin: 0 auto; padding: 10px; text-align: center; }
.formReservacion p:nth-child(1) { color: #BF0310; font-family: 'pacifico', georgia, times, serif; font-size: 50px; }
.formReservacion p:nth-child(3) { color: #0075B4; font-family: 'cabin-medium', georgia, times, serif; font-size: 16px; padding: 20px 0; }
.formReservacion label { color: #BF0310; font-family: 'cabin-medium', georgia, times, serif; font-size: 16px; }
.formReservacion label span { background: #BF0310; border-radius: 5px; color: #FFF; font-family: 'cabin-bold', georgia, times, serif; font-size: 16px; padding: 5px 10px;}

.campos { background: transparent; border: 1px solid #0075B4; border-radius: 15px; color: #0075B4; font-family: 'cabin-regular', georgia, times, serif; font-size: 16px; padding: 10px 15px; margin: 10px 0; width: 95%; }
.campos:focus { border: 1px solid #CCC; border-radius: 15px; outline: none; }
.campos.impar { width: 60%; }
.campos.par { width: 35%; }
.btn-enviar { background: #BF0310; border-radius: 15px; color: #FFF; cursor: pointer; font-family: 'cabin-medium', georgia, times, serif; font-size: 16px; padding: 10px; width: 95%; }
.btn-enviar:hover { background: #0075B4; }
.btn-enviar:focus { outline: 0; }

.dwnMenu { margin: 10px auto; }
.dwnMenu a { background: #BF0310; border-radius: 10px; color: #FFF; font-family: 'roboto-bold', georgia, times, serif; font-size: 16px; display: block; margin: 5px auto; padding: 10px 15px; text-align: center; text-transform: uppercase; width: 240px; }
.dwnMenu a:hover { background: #0075B4; }

/* -------------------- Google Maps -------------------- */
article#mapaUbicacion { background: #BF0310; width: 100%; margin-bottom: -60px; }
.mapa { opacity: 0.8; filter: alpha(opacity=80); height: 400px; }

/* -------------------- Horarios -------------------- */
article#dudasComentarios { margin-bottom: -60px; width: 100%; }

#dudasComentarios .contenedor { background: url('images/contacto/tabla-contacto-ranchero-zarandeado.png') left center no-repeat; max-width: 1200px; margin: 0 auto; }
#dudasComentarios .contenedor .horarios,
#dudasComentarios .contenedor img { display: inline-block; vertical-align: middle; } 
#dudasComentarios .contenedor .horarios p { color: #FFF; text-align: left; }
#dudasComentarios .contenedor .horarios p:nth-child(1) { font-family: 'roboto-bold', georgia, times, serif; font-size: 24px; }
#dudasComentarios .contenedor .horarios p:nth-child(2) { font-family: 'charis-bold-italic', georgia, times, serif; font-size: 24px; line-height: 1.1; padding-bottom: 20px; }
#dudasComentarios .contenedor .horarios p:nth-child(2) img { max-width: 25px; }
#dudasComentarios .contenedor .horarios p:nth-child(3) { font-family: 'roboto-bold', georgia, times, serif; font-size: 24px; }
#dudasComentarios .contenedor .horarios p:nth-child(4) { font-family: 'charis-bold-italic', georgia, times, serif; font-size: 18px; line-height: 1.1; }
#dudasComentarios .contenedor img { max-width: 650px; position: relative; z-index: 999; }

/* ========== SERVICIOS DE BANQUETE ========== */
section#servicio { background: url('images/pattern-blue.jpg') repeat; margin: 0 auto; width: 100%; position: relative; }

/* -------------------- Celebra con nosotros -------------------- */
article#topServicio { background: url('images/servicio/fondo-banner-servicios-ranchero-zarandeado.jpg') center center no-repeat fixed; background-size: cover; width: 100%; margin: 0 auto; padding: 30px 0 80px 0; }

.celebra { background: url('images/servicio/globo-rojo-ranchero-zarandeado.png') top center no-repeat; height: 240px; margin: 0 auto; padding: 30px 40px 0 40px; max-width: 630px; }
.celebra p:nth-child(1) { color: #FFF; font-family: 'pacifico', georgia, times, serif; font-size: 45px; line-height: 1.2; }
.celebra p:nth-child(2) { color: #FFF; font-family: 'charis-bold-italic', georgia, times, serif; font-size: 20px; line-height: 1.1; }

/* -------------------- Queremos acompañarle -------------------- */
article#queremos { width: 100%; margin: 0 auto; padding: 120px 0 40px 0; }
.boxGlobos { background: url('images/servicio/queremos-ranchero-zarandeado.jpg') center center no-repeat; height: 380px; margin: 0 auto; padding: 80px 30px 20px 30px; position: relative; text-align: left; max-width: 495px; z-index: 1; }
.boxGlobos p:nth-child(1) { font-family: 'charis-bold-italic', georgia, times, serif; font-size: 28px; color: #0075B4; line-height: 1.2; padding-bottom: 20px; }
.boxGlobos p:nth-child(2) { font-family: 'cabin-medium', georgia, times, serif; font-size: 16px; color: #32241B; line-height: 1.2; }
.globes { max-width: 202px; position: absolute; right: -75px; top: -120px; }
.contenedor-aviso { background: rgba(255,255,255,0.75); border-radius: 20px; max-width: 1200px; margin: 0 auto; padding: 40px 20px; }
.contenedor-aviso h2 { color: #666; font-family: 'cabin-medium', georgia, times, serif; font-size: 20px; line-height: 1.2; text-align: left; }
.contenedor-aviso p { color: #666; font-family: 'cabin-regular', georgia, times, serif; font-size: 16px; line-height: 1.2; text-align: left; }

/* -------------------- Tipos de eventos -------------------- */
article#eventos { background: url('images/servicio/fondo-platillos-servicios-ranchero-zarandeado.jpg') repeat; width: 100%; margin: 0 auto; padding:40px 0; }
.tipoEventos { max-width: 1200px; margin: 0 auto; }
.txtEventos, .imgEventos { display: inline-block; vertical-align: middle; text-align: left; max-width: 600px; }
.imgEventos { max-width: 417px; }
.txtEventos p:nth-child(1) { font-family: 'charis-bold-italic', georgia, times, serif; font-size: 32px; line-height: 1.1; color: #B42E2C; text-align: center; }
.txtEventos p:nth-child(1) span.uno { font-size: 78px; }
.txtEventos p:nth-child(2) { font-family: 'charis-bold-italic', georgia, times, serif; font-size: 46px; color: #B42E2C; text-align: center; line-height: 0.4; padding-bottom: 40px; }
.txtEventos p:nth-child(2) span.uno { font-size: 78px; }
.txtEventos p:nth-child(3) { font-family: 'roboto-bold', georgia, times, serif; font-size: 20px; color: #32241B; padding-bottom: 10px; }
.txtEventos li { background: url('images/servicio/pez-azul.png') left center no-repeat; color: #32241B; display: inline-block; font-family: 'cabin-medium', arial, verdana, sans-serif; font-size: 16px; width: 45%; margin: 3px 0 3px 10px; padding-left: 30px; }

/* -------------------- Nuestros Servicios -------------------- */
.nuestrosServicios { max-width: 1008px; margin: 0 auto; position: relative; }
.nuestrosServicios img { max-width: 1008px; }
.txtNuestros { text-align: left; max-width: 280px; padding: 10px; position: absolute; right: 60px; top: 140px; z-index: 9; }
.txtNuestros p { font-family: 'charis-bold-italic', georgia, times, serif; font-size: 20px; color: #FFF; line-height: 1.1;  padding-bottom: 20px;}
.txtNuestros li { background: url('images/servicio/pez-blanco.png') left center no-repeat; color: #FFF; font-family: 'cabin-medium', arial, verdana, sans-serif; font-size: 14px; list-style: none; margin: 3px 0; padding-left: 30px; }
.btnServicios a { background: #0075B4; color: #FFF; border: 2px solid #FFF; border-radius: 18px; font-family: 'roboto-bold', georgia, times, serif; font-size: 14px; display: block; padding: 10px 15px; text-align: center; margin-top: 20px; }
.btnServicios a:hover { background: #FFF; color: #0075B4; border: 2px solid #0075B4; }

.platoBottom { bottom: -335px; position: absolute; right: 0; width: 537px; z-index: 99999; }

/* ========== NOSOTROS ========== */
section#nosotros { background: url('images/pattern-blue.jpg') repeat; margin: 0 auto; width: 100%; }

/* -------------------- Top Nosotros --------------------*/
article#topNosotros { background: url('images/nosotros/fondo-banner-nosotros-ranchero-zarandeado.jpg') center center no-repeat fixed; background-size: cover; padding-top: 40px; width: 100%; }

.conocenos { max-width: 1200px; margin: 0 auto; }
.txtConocenos, .conocenos img { display: inline-block; vertical-align: middle; margin-bottom: -120px; }
.txtConocenos { background: url('images/nosotros/globo-turquesa-nosotros-ranchero-zarandeado.png') center center no-repeat; height: 350px; margin-left: -160px; padding: 30px 60px 20px 120px; max-width: 654px; text-align: left; }
.txtConocenos p { color: #fff; font-family: 'pacifico', georgia, times, serif; font-size: 45px;  }
.txtConocenos p:nth-child(2) { color: #fff; font-family: 'charis-bold-italic', georgia, times, serif; font-size: 20px; line-height: 1.3; }
.txtConocenos p:nth-child(2) span { color: #C9A24F; font-family: 'roboto-bold', georgia, times, serif; }
.conocenos img { max-width: 505px; position: relative; z-index: 9; }

/* -------------------- Historia -------------------- */
article#historia { background: url('images/nosotros/bebida-nosotros-ranchero-zarandeado.png') bottom right no-repeat; height: 680px; padding-top: 40px; width: 100%; }
.txtHistoria { background: url('images/nosotros/fondo-historia-nosotros-ranchero-zarandeado.jpg') center center no-repeat; height: 357px; margin: 160px auto 0 auto; padding: 80px 60px; max-width: 688px; text-align: left; }
.txtHistoria p { color: #0075B4; font-family: 'charis-bold-italic', georgia, times, serif; font-size: 45px; }
.txtHistoria p:nth-child(2) { color: #32241B; font-family: 'cabin-medium', arial, verdana, sans-serif; font-size: 16px; line-height: 1.2; }
.txtHistoria p:nth-child(2) span { font-family: 'roboto-bold', arial, verdana, sans-serif; }

/* -------------------- Instalaciones -------------------- */
article#instalaciones { background: url('images/nosotros/fondo-instalaciones-nosotros-ranchero-zarandeado.jpg') repeat; width: 100%; padding: 40px 0; }

.txtInstalaciones { margin: 0 auto; max-width: 380px; padding: 10px; }
.txtInstalaciones p:nth-child(1) { color: #BF0310; font-family: 'pacifico', georgia, times, serif; font-size: 50px; }
.txtInstalaciones p:nth-child(2) { color: #32241B; font-family: 'charis-bold-italic', georgia, times, serif; font-size: 22px; line-height: 1.1; }

/* ========== GALERÍA ========== */
section#galeria { background: url('images/pattern-blue.jpg') repeat; margin: 0 auto; width: 100%; }

/* -------------------- Visítanos ------------------- */
article#visitanos { background: url('images/galeria/fondo-celular-ranchero-zarandeado.jpg') repeat; width: 100%; padding: 40px 0; position: relative; z-index: 1; }
.txtVisitanos { margin: 0 auto; max-width: 380px; padding: 10px; }
.txtVisitanos p:nth-child(1) { color: #BF0310; font-family: 'pacifico', georgia, times, serif; font-size: 50px; }
.txtVisitanos p:nth-child(2) { color: #32241B; font-family: 'roboto-bold', georgia, times, serif; font-size: 16px; line-height: 1.2; }
.txtVisitanos p:nth-child(2) span { font-family: 'charis-bold-italic', georgia, times, serif; font-size: 20px; }

/* -------------------- Galería -------------------- */
article#galeriaFbk { background: url('images/galeria/fondo-galeria-ranchero-zarandeado.jpg') repeat; width: 100%; }
.imagenesTop { margin: 0 auto; margin-top: -250px; max-width: 1200px; overflow: hidden; position: relative; z-index: 9; }
.imagenesTop .uno { float: left; max-width: 321px; }
.imagenesTop .dos { float: right; max-width: 397px; }
.galeriaCont { background: url('images/galeria/mantel-galeria-ranchero-zarandeado.png') center center no-repeat; margin: 0 auto; max-width: 1200px; padding: 40px 10px; }
.galeriaCont h3 { color: #BF0310; font-family: 'pacifico', georgia, times, serif; font-size: 40px; line-height: 1.3; }
.galeriaCont h3 span { color: #FFF; font-family: 'roboto-bold', georgia, times, serif; font-size: 32px; text-shadow: 2px 2px 3px rgba(0,0,0,0.75); }

.developed-by, .col-xs-12, .col-md-12 { display: none !important; font-size: 0 !important; color: transparent; width: 0; }

/* ========== FOOTER ========== */
footer { background: url('images/footer/background-footer-top.jpg') center center repeat; width: 100%; margin: 0 auto; }
/* -------------------- Top Footer -------------------- */
.topFooter { padding: 20px 10px; overflow: hidden; margin: 0 auto; max-width: 1200px; margin-bottom: -90px;}
.left { display: inline-block; max-width: 600px; padding: 10px; text-align: left; vertical-align: top; }
.right { display: inline-block; float: right; max-width: 400px; padding: 10px; vertical-align: top; }
.left p { font-family: 'charis-bold-italic', georgia, times, serif; font-size: 18px; color: #BF0310; }
.left ul { border-bottom: 3px dotted #BF0310; border-top: 3px dotted #BF0310; padding: 10px; margin: 10px 0; }
.left ul li { width: 45%; height: 25px; display: inline-block; margin: 5px 10px; padding: 2px 5px 2px 30px; }
.left ul li:nth-child(1) { background: url('images/footer/icono-telefono-ranchero-zarandeado.png') left center no-repeat; }
.left ul li:nth-child(2) { background: url('images/footer/icono-facebook-ranchero-zarandeado.png') left center no-repeat; }
.left ul li:nth-child(3) { background: url('images/footer/icono-correo-ranchero-zarandeado.png') left center no-repeat; }
.left ul li:nth-child(4) { background: url('images/footer/icono-ubicacion-ranchero-zarandeado.png') left center no-repeat; }
.left ul li a { color: #0075B4; font-family: 'cabin-medium', arial, verdana, sans-serif; font-size: 16px; display: block; padding-top: 5px; }
.left ul li a:hover { color: #999; }
.left p.horarios { background: url('images/footer/icono-horario-ranchero-zarandeado.png') left center no-repeat; font-family: 'cabin-bold', arial, verdana, sans-serif; font-size: 14px; color: #0075B4; height: 30px; margin: 5px 10px; padding: 2px 5px 2px 30px; }
.right img { max-width: 312px; }
/* -------------------- Bottom Footer -------------------- */
.bottomFooter { background: url('images/footer/background-footer-bottom.jpg') center center no-repeat; background-size: cover; padding: 20px 10px; }
.bottomFooter p { color: #FFF; }
.bottomFooter p span.uno { font-family: 'charis-bold-italic', georgia, times, serif; font-size: 22px; }
.bottomFooter p span.dos { font-family: 'cabin-regular', arial, verdana, sans-serif; font-size: 10px; letter-spacing: 2px }
.bottomFooter p span.dos img { padding: 3px 5px; }
.bottomFooter p span.tres { font-family: 'cabin-regular', georgia, times, serif; font-size: 10px; }
.bottomFooter img { max-width: 59px; }
.bottomFooter p a { color: #FFF; font-family: 'cabin-regular', georgia, times, serif; font-size: 10px; text-decoration: underline; }
.bottomFooter p a:hover { text-decoration: none; }

/* ===== TERMINAN ESTILOS DE PAGINA ===== */

/* ===== NIVO SLIDER ===== */
@font-face { font-family: 'pacifico'; src: url('fonts/pacifico-webfont.eot'); src: url('fonts/pacifico-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/pacifico-webfont.woff2') format('woff2'), url('fonts/pacifico-webfont.woff') format('woff'), url('fonts/pacifico-webfont.ttf') format('truetype'), url('fonts/pacifico-webfont.svg#pacificoregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'charis-bold-italic'; src: url('fonts/charissilbi-webfont.eot'); src: url('fonts/charissilbi-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/charissilbi-webfont.woff2') format('woff2'), url('fonts/charissilbi-webfont.woff') format('woff'), url('fonts/charissilbi-webfont.ttf') format('truetype'), url('fonts/charissilbi-webfont.svg#charis_silbold_italic') format('svg'); font-weight: normal; font-style: normal; }
/* The Nivo Slider styles */
.nivoSlider { position:relative; width:100%; height:auto; overflow: hidden; }
.nivoSlider img { position:absolute; top:0px; left:0px; max-width: none; }
.nivo-main-image { display: block !important; position: relative !important; width: 100% !important; }
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; background:white; filter:alpha(opacity=0); opacity:0; }
/* The slices and boxes in the Slider */
.nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0;}
.nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; }
.nivo-box img { display:block; }
/* Caption styles */
.nivo-caption { background: url('images/index/globo-turquesa-ranchero-zarandeado.png') center center no-repeat; font-family: 'pacifico', georgia, times, serif; font-size: 82px; line-height: 1; position:absolute; top: 60px; color:#fff; width: 100%; margin: 0 auto; height: 380px; z-index:8; padding: 70px 10px; overflow: hidden; display: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.nivo-caption p:nth-child(2) { font-family: 'charis-bold-italic', georgia, times, serif; font-size: 20px; line-height: 1.1; margin: 0 auto; max-width: 495px; padding: 20px; }
.nivo-caption p { padding:5px; margin:0; }
.nivo-caption a { display:inline !important; }
.nivo-html-caption { display:none; }
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; }
.nivo-prevNav { left:0px; }
.nivo-nextNav { right:0px; }
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav { text-align:center; padding: 15px 0; }
.nivo-controlNav a { cursor:pointer; }
.nivo-controlNav a.active { font-weight:bold; }
@media screen and (max-width: 960px) {
	.nivo-caption { background-image: none; background: rgba(0,119,128,0.7); font-size: 42px; top: 40px; width: 100%; margin: 0 auto; height: auto; padding: 10px; } .nivo-caption p:nth-child(2) { max-width: 760px; padding: 5px; }
}
@media screen and (max-width: 580px) {
	.nivo-caption { font-size: 42px; top: 0;  }
}
@media screen and (max-width: 480px) {
	.nivo-caption { position: static;}
}

/* ===== SLIDER ===== */
.theme-default .nivoSlider { position:relative; background:#fff url(images/index/loading.gif) no-repeat 50% 50%; margin-bottom:10px; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a;}
.theme-default .nivoSlider img { position:absolute; top:0px; left:0px; display:none; }
.theme-default .nivoSlider a { border:0; display:block; }
.theme-default .nivo-controlNav { text-align: center; padding: 20px 0; margin-top: -70px; z-index: 9; position: relative; }
.theme-default .nivo-controlNav a { display:inline-block; width:22px; height:22px; background:url(images/index/bullets.png) no-repeat; text-indent:-9999px; border:0; margin: 0 2px; }
.theme-default .nivo-controlNav a.active { background-position:0 -22px; }
.theme-default .nivo-directionNav a { display:block; width:65px; height:85px; background:url(images/index/arrows.png) no-repeat; text-indent:-9999px; border:0; opacity: 0; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav { background-position:-65px 0; right:0; }
.theme-default a.nivo-prevNav { left:; }
.theme-default .nivo-caption {  }
.theme-default .nivo-caption a { color:#fff; border-bottom:1px dotted #fff; }
.theme-default .nivo-caption a:hover { color:#fff; }
.theme-default .nivo-controlNav.nivo-thumbs-enabled { width: 100%; }
.theme-default .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; }
.theme-default .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; }
@media screen and (max-width: 580px) {
	.theme-default .nivo-controlNav { display: none; }
}