/*@charset "utf-8"; CSS Document */

/**, *:before, *:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*/

/* Mozilla based browsers */
::-moz-selection {background: none; color: #FF3333}

/* Works in Safari */
::selection {background-color:none; color: #FF3333}

* {font-family: 'MeriendaOne-Regular', sans-serif}

@font-face {font-family: 'MeriendaOne-Regular'; src: url('../fonts/MeriendaOne-Regular.ttf'); font-weight: normal; font-style: normal}
@font-face {font-family: 'BerlinSans'; src: url('../fonts/BerlinSans.ttf'); font-weight: normal; font-style: normal}
@font-face {font-family: 'BerlinSansDemiNegrita'; src: url('../fonts/BerlinSansDemiNegrita.ttf'); font-weight: normal; font-style: normal}
@font-face {font-family: 'BerlinSansNegrita'; src: url('../fonts/BerlinSansNegrita.ttf'); font-weight: normal; font-style: normal}
@font-face {font-family: 'LithosPro-Regular'; src: url('../fonts/LithosPro-Regular.otf'); font-weight: normal; font-style: normal}
@font-face {font-family: 'LithosPro-Black'; src: url('../fonts/LithosPro-Black.otf'); font-weight: normal; font-style: normal}
@font-face {
font-family: 'fontawesome'; src:url('../fonts/fontawesome/fontawesome.eot?-e43dk9'); src:url('../fonts/fontawesome/fontawesome.eot?#iefix-e43dk9') format('embedded-opentype'), 
url('../fonts/fontawesome/fontawesome.woff?-e43dk9') format('woff'), 
url('../fonts/fontawesome/fontawesome.ttf?-e43dk9') format('truetype'), 
url('../fonts/fontawesome/fontawesome.svg?-e43dk9#fontawesome') format('svg'); font-weight: normal; font-style: normal} /* Made with http://icomoon.io/app */

body {-webkit-text-size-adjust:none; -ms-text-size-adjust:none; width:100%; min-width:0; margin-left:0; margin-right:0; padding-left:0; padding-right:0}

.irfixeda, .irfixedb {position:fixed; z-index:1000; right:50px; filter: drop-shadow(2px 2px 2px black)}
.irfixeda {bottom:50px}
.irfixedb {bottom:200px}

.cabecero0 {
background-image: url(../images/fondoRoscabotones.svg); background-position: center center; background-repeat: no-repeat; /*background-size: contain; display: inline-block;*/
background-size: cover; display: inline-table; margin: 20px; padding: 5px 20px 20px 15px; max-width: 350px; overflow: hidden; border-radius: 10px}

.restaurantes1, .restaurantes2 {
/*display: inline-block; clear:both; margin:20px 30px; line-height:1em !important; max-height:100px; background-size: cover;*/
text-transform: uppercase; text-align:center; 
display: inline-table; margin: 10px 20px; padding: 0px 10px; max-width:340px; overflow: hidden; border-radius:5px; vertical-align: middle
}

.restaurantes1 {background-color:rgba(0, 0, 0, 0.7)}

.buttonbanner {text-decoration: none; cursor: pointer; transition: all 0.3s ease-out}

.overlay {top: 0; left: 0; right: 0; z-index:1; margin:0; width:100%; height:0px; overflow: visible; position: absolute}

.overlay:target {visibility: hidden; opacity: 0; display:none}

.popup {position: relative; display: block; padding: 20px; border-radius: 5px; transition: all 5s ease-in-out; margin-left:-450px; margin-top:50px; width:45%; background:#F93}

.popup .close {position: absolute; font-size: 30px; font-weight: bold; text-decoration: none; color: #333; z-index:0; transition: all 100ms; right:30px; top:14px}

.popup .close:hover {color: orange}
.popup .content {height: auto; overflow: hidden}
.popupchico {margin-top:-100px; margin-left:120px; width:80%; z-index:1}

@media (max-width: 500px) {
.popup .content { max-height:1150px; overflow: hidden}
.popupchico {margin-top:-50px; margin-left:70px; width:75%}
.popup .close {position: absolute; top:0px}
.popup {padding:10px; margin-left:10px; margin-top:650px; width:95%; background:#09C}
}

@media (min-width: 500px) and (max-width: 800px) {
.popupchico {margin-top:-55px; margin-left:85px; width:75%}
.popup {margin-left:-150px; width:90%; background:#093}
}

@media (min-width: 800px) and (max-width: 1000px) {
.popup {margin-left:-150px; margin-top:150px; width:65%; background:#0C9}
}

@media (min-width: 800px) and (max-width: 1200px) {
.popup .close {top:12px}
}
/*.popup h2 { margin-top: 0; color: #333; font-family: Tahoma, Arial, sans-serif}*/

.euro {font-family:'gothamrounded-bold-webfont'}

/*h1, h2, h3, h4, h5, p {
line-height:100%; margin:5px auto; padding:0}*/

.menupp {color:red; text-align:left; font-size:18px; line-height:120%; margin:15px auto 0px}

.product-title {color:navajowhite; text-align:left; font-size:16px; line-height:100%; margin:10px auto 0px}

.come_bebe {border-radius:15px; background:white; font-size:24px; color:black; padding:30px; display:inline-block; overflow:hidden}

.PROMOCIONES {width: 400px; height:auto; margin: 15px 29px; padding: 10px; display: inline-block; clear:both; overflow:hidden/*float: left; */}

.celebraciones {width:100%; height:315px; padding:5px; background-image: url(../imagenes/cumpleanos_plaza_mayor.jpg); background-repeat: no-repeat; background-position: top center; font-size:1em; color:white}

.domicilio {color:red; font-family:'gothamrounded-bold-webfont'; font-size:32px; line-height:100%; text-align:center}

.TELEFONOS {font-size:36px; font-family: 'Insaniburger', sans-serif; color:yellow; line-height:100%}

.TELEFONOS a:link, .TELEFONOS a:visited, .franquicias_tfno a:link {color: yellow}

.GIGANTES {color:red; font-family:'Insaniburger'; font-size:1.8em; letter-spacing:2.5px}

.franquicias_tfno {font-family: 'Burger-Queen', sans-serif; font-size:28px; letter-spacing:3px; color:yellow}

.direccion {font-size:.7em; line-height:1.5em; margin-top:-30px; margin-left:-50px}

.address1, .address2 {font-family: 'gothamrounded-bold-webfont'}
.address1 {font-size:.8em}
.address2 {font-size:.6em}
.address3 {font-size:.5em}

.superbestia {font-size:1.9em; font-family: 'Burger-Queen', sans-serif; color:#65C105; letter-spacing:3px}

.comida {color: white; font-size:1.5em; font-family: 'Burger-Queen', sans-serif; line-height:100%}

.pago_tarjeta {font-family: 'Insaniburger', sans-serif; font-size:18px}

.elige_negro {font-size:16px; font-family: 'Burger-Queen', sans-serif; line-height:100%; color:black; text-align:center}

.elige_rojo {font-size:18px; font-family: 'Insaniburger', sans-serif; line-height:100%; color:red; text-align:center}

.MENUS {-webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; background:black; color:white; float: left; font-size: 2em; padding: 4px; width: 65%; text-align:center; line-height:100%; font-family: 'Insaniburger', sans-serif}

.precios {-webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; background:#bf6117; float: right; font-size: 2em; padding: 5px; width: 35%; text-align:center; line-height:100%; font-family: 'Insaniburger', sans-serif; color:white}

.DOSxTRES {-webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; background:red; font-size: 2.5em; padding: 5px; width: 100%; text-align:center; line-height:100%; font-family: 'Insaniburger', sans-serif; color:white}

.cabecero {padding-top: 10px; text-align:center; z-index: 5; background-color: rgba(0, 0, 0, 0.6); overflow:hidden}

.footer {padding-top: 10px; text-align:center; z-index: 5; /*background-color: rgba(0, 0, 0, 0.6); margin-bottom: 20px*/background-color: rgba(0, 0, 0, 1)}

.footertop {text-align: center; max-width:600px; margin: 20px; display: inline-table; vertical-align: top; background:white; border-radius:15px; color:black; overflow: hidden}

.footerbot {text-align: center; max-width:260px; margin: 10px 30px; display: inline-table; vertical-align: middle}

.footerbot a:link {color: whitesmoke; text-decoration: none}
.footerbot a:hover {color: darkgrey; text-decoration: underline}

.categoriastitulo {padding:15px; line-height: 1.5em; font-size:1.5em; background:#966; color:white; letter-spacing:2px; margin:20px}

.botones {margin:10px 5px; width:230px; position:relative; display:inline-block; /*float:left; height:450px; */border-radius: 10px 10px 10px 10px; background-color: rgba(0, 0, 0, 0.6)}

.botonesmapa {margin:0px 5px; /*width:500px; height:400px; overflow:hidden;*/ display:inline-block; border-radius: 10px; padding:10px; clear:both; background-color: rgba(0, 0, 0, 0.6)}

.imagen_redes {width:100%; padding:10px; border-radius: 20px}

.inputbusqueda {margin:10px auto; width:300px; height:40px; text-align:center; font-size:16px}

.videoy {width:80%; height:650px; border-radius: 20px}

.videog {width:70%; height:650px; border-radius: 20px}

.imagenpersonas {text-align: center; max-width: 350px; margin: 10px; display: inline-block; vertical-align: top; overflow: hidden}

.imagencupones {width:31%; display:inline-block; border-radius: 10px; margin:10px 10px 30px 10px}

.h3botones {padding:20px; margin:0px 10px 20px 10px; border-radius: 10px 10px 10px 10px; background-color: rgba(0, 0, 0, 0.6)}

.h3cupones {background: #d10019; color:black; padding:20px; margin:0px 10px 20px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px}

.h3cuponesgratis {background:#6cbd98; padding:20px; margin:0px 10px 20px 10px; border-radius: 10px}

.h3cuponespremium {background:#000000; padding:20px; margin:0px 10px 20px 10px; border-radius: 10px}

.h3cuponesamarillos {background:yellow; padding:20px; margin:0px 10px 20px 10px; border-radius: 10px; color: black}

.inputpp, .inputbusqueda, select, textarea {margin:5px auto 20px auto; width:75%; font-size: 14px !important; height: auto; text-align:center}

textarea {text-align:left !important}

@media only screen and (max-width: 1279px) and (min-width: 500px) {
.come_bebe {padding:15px}
.MENUS {font-size:1.8em; line-height:90%; padding-top:6px}
.precios {font-size:1.8em}
.franquicias_tfno {font-size:18px}
.direccion {margin-top:-20px}
.superbestia {font-size:1.4em}
.pago_tarjeta {font-size:1em}
.DOSxTRES {font-size: 1.8em}
.PROMOCIONES {width: 350px; height:auto; margin: 10px 20px}
.botones {width:200px; margin:5px}
.botonesmapa {width:400px; height:350px; overflow:hidden}
.inputpp {width:90%}
.inputbusqueda {width:300px; height:40px}
.imagencupones {width:28%}
}

@media only screen and (min-width: 500px) and (max-width: 900px) {
.PROMOCIONES {width:350px; height:auto; margin: 20px 10px}
}

@media only screen and (max-width: 500px) {
.PROMOCIONES {width:90%; height:auto; margin: 20px 0px}
.celebraciones {width:100%}
.MENUS {font-size:1.7em; line-height:90%}
.precios {font-size:1.5em; padding:4px}
.botones {margin:5px auto; padding:3px; width:230px}
.botonesmapa {margin:5px auto; padding:10px; width:230px}
.address1 {font-size:1em}
.elige_negro {font-size:14px}
.franquicias_tfno {font-size:17px}
.imagen_redes {width:300px} .inputpp {width:90%; max-width:400px; display:inline}
.inputbusqueda {width:250px; height:30px}
.videoy, .videog {width:90%; height:400px}
.imagencupones {width:100%; margin:10px auto 30px auto}
.imagenpersonas img {width:100%}
.h3cupones {margin:0px auto 10px auto}
.logo img {width:60px !important}
}

.product-description, .menuCard-category-description {margin-top:5px; text-align:left; font-size:12px}

.imagen_radius_shadow {border-radius:10px; box-shadow: 0 2px 18px #000}

.imagen_radius {border-radius:10px}

.imagen_no_radius {}

.imglogos {border-radius:10px}

.social {border-radius:5px; opacity: 0.8; filter: alpha(opacity=50); box-shadow: 0px 0px 10px black}

.social:hover {opacity: 1; filter: alpha(opacity=100)}

.linea-separacion {width: 90%; margin: 20px auto 40px auto; text-align: center; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e1e1e1}

.button, .button2, .buttonvolver {border: 1px solid #999; cursor: pointer; font-size:16px; line-height: 120%; padding: 10px 20px; text-align: center; border-radius:4px; text-decoration: none; outline:none}

.button, .buttonvolver {color: #fff; background: #f4594f; letter-spacing:2px}

.button2 {color: #fff; background:#060}

.button:hover, .button:focus {background:#060; color:white}
.button:active {background:#fcceca; color:#000}

.button2:hover, .button:focus {color: white; background:#f4594f}

.button2:visited {color: white}

.button_visitante, .button_visitante a:link, .button_visitante a:visited {margin-top: -70px; color: #333333 !important; font-family: 'gothamrounded-bold-webfont'; font-size: 10px; text-align: center; padding-bottom: 20px}

/*a:link {color: red; text-decoration: none; outline:none}*/

.localidad {text-align:center; color:white; font-size:10px; margin:5px auto 10px auto; line-height:120%}

/*SCROLL*/
#animarscroll {border: 0px}
#finhastaaqui {}
#irarriba {padding: 5px; position: fixed; bottom: 25px; right: 16px}
#irarriba a {color: #fff}
.arriba {text-align: center; padding: 5px; position: fixed; bottom: 70px; right: 10px; cursor: pointer; color: #444; text-decoration: none}
.abajo {text-align: center; padding: 5px; position: fixed; bottom: 40px; right: 10px; cursor: pointer; color: #444; text-decoration: none}
/*SCROLL*/

/*@media only screen and (max-width: 1279px) and (min-width: 768px) {
.audiojs .play-pause {margin-top: -95px}
.audiojs .scrubber {visibility:hidden}
.audiojs .time {visibility:hidden}
}*/

.fade {opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; z-index:0}
.fade:hover {opacity: 0.5}

.fadeoff {opacity: 0.6; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out}

.fadeoff:hover {opacity: 1}

/*a {color:#fff; text-decoration:none; outline:none}

a:hover {color: #ccc}

a:visited {color: green}*/

.upss {color:#966; text-decoration:none; outline:none}
.upss:hover {color: orange !important}
.upss:visited {color: #966}

#detectascroll {background-color: #cfc}

.mayor {width: 3500px; padding: 20px; background-color: #ccf}

.textoformpph3 {color: #fff; text-align: center; font-size: 14px; font-style: normal; font-weight: normal; padding:5px}


@media print {
* {background:transparent !important; color:#000 !important; box-shadow:none !important; text-shadow:none !important; /*filter:none !important; */-ms-filter:none !important}
a, a:visited {text-decoration:underline}
a[href]:after {content:" (" attr(href) ")"}
abbr[title]:after {content:" (" attr(title) ")"}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content:""}
pre, blockquote {border:1px solid #999; page-break-inside:avoid}
thead {display:table-header-group}
p, h2, h3 {orphans:3; widows:3}
h2, h3 {page-break-after:avoid}
.hide-on-print {display:none !important}
.print-only {display:block !important}
.hide-for-print {display:none !important}
.show-for-print {display:inherit !important}
}

.row {max-width: 1550px; margin: auto; padding-left: 5px; padding-right: 5px; text-align: left; overflow:hidden}
.row.collapse .column, .row.collapse .columns {padding: 0}
.row .row.collapse {margin: 0}

.column, .columns {float: left; min-height: 1px; padding:20px 30px}
.column.centered, .columns.centered {float:none; margin:0 auto}

[class*="column"]+[class*="column"]:last-child {float:right}
[class*="column"]+[class*="column"].end {float:right; clear:both}

.one, .row .one {width:8.33333%}
.two, .row .two {width:16.66667%}
.three, .row .three {width:25%}
.four, .row .four {width:33.33333%}
.five, .row .five {width:41.66667%}
.six, .row .six {width:50%}
.seven, .row .seven {width:58.33333%}
.eight, .row .eight {width:66.66667%}
.nine, .row .nine {width:75%}
.ten, .row .ten {width:83.33333%}
.eleven, .row .eleven {width:91.66667%}
.twelve, .row .twelve {width:100%}
.row .offset-by-one {margin-left:8.33333%}
.row .offset-by-two {margin-left:16.66667%}
.row .offset-by-three {margin-left:25%}
.row .offset-by-four {margin-left:33.33333%}
.row .offset-by-five {margin-left:41.66667%}
.row .offset-by-six {margin-left:50%}
.row .offset-by-seven {margin-left:58.33333%}
.row .offset-by-eight {margin-left:66.66667%}
.row .offset-by-nine {margin-left:75%}
.row .offset-by-ten {margin-left:83.33333%}
.push-two {left:16.66667%}
.pull-two {right:16.66667%}
.push-three {left:25%}
.pull-three {right:25%}
.push-four {left:33.33333%}
.pull-four {right:33.33333%}
.push-five {left:41.66667%}
.pull-five {right:41.66667%}
.push-six {left:50%}
.pull-six {right:50%}
.push-seven {left:58.33333%}
.pull-seven {right:58.33333%}
.push-eight {left:66.66667%}
.pull-eight {right:66.66667%}
.push-nine {left:75%}
.pull-nine {right:75%}
.push-ten {left:83.33333%}
.pull-ten {right:83.33333%}

img {height:auto}

object, embed {max-width:100%}

.rowpeque {font-size: 100%; margin:5px}

.row:before, .row:after {content:" "; display:table}

.row:after {clear:both}

.rotulos {background:white; color:#ef7d00; padding:5px; font-size:26px; line-height:100%; text-align:center; display: inline-block; margin: 30px auto 10px auto; border-radius: 3px}

.rotulon {background:orange; color:#fff; padding:10px; font-size:26px; line-height:100%; text-align:center; display: inline-block; letter-spacing: 2px}

/*
==============================================
CSS3 ANIMATION CHEAT SHEET
==============================================
Made by Justin Aguilar
www.justinaguilar.com/animations/
Questions, comments, concerns, love letters:
justin@justinaguilar.com
==============================================
*/

/* hatchpp */
.hatchpp {opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; visibility: visible !important}
.hatchpp:hover {opacity: 0.7; animation-name: hatchpp; -webkit-animation-name: hatchpp; animation-duration: 2s; -webkit-animation-duration: 2s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; transform-origin: -50% 50%; visibility: visible !important}
@keyframes hatchpp {
0% {transform: rotate(0deg) scaleY(0.6)}
20% {transform: rotate(-2deg) scaleY(1.05)}
35% {transform: rotate(2deg) scaleY(1)}
50% {transform: rotate(-2deg)}
65% {transform: rotate(1deg)}
80% {transform: rotate(-1deg)}
100% {transform: rotate(0deg)}
}

/* slideDown */
.slideDown {animation-name: slideDown; -webkit-animation-name: slideDown; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important}
@keyframes slideDown {
0% {transform: translateY(-100%)}
50% {transform: translateY(8%)}
65% {transform: translateY(-4%)}
80% {transform: translateY(4%)}
95% {transform: translateY(-2%)}
100% {transform: translateY(0%)}
}

/* slideUp */
.slideUp {animation-name: slideUp; -webkit-animation-name: slideUp; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important}
@keyframes slideUp {
0% {transform: translateY(100%)}
50% {transform: translateY(-8%)}
65% {transform: translateY(4%)}
80% {transform: translateY(-4%)}
95% {transform: translateY(2%)}
100% {transform: translateY(0%)}
}

/* slideLeft */
.slideLeft {animation-name: slideLeft; -webkit-animation-name: slideLeft; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important}
@keyframes slideLeft {
0% {transform: translateX(150%)}
50% {transform: translateX(-8%)}
65% {transform: translateX(4%)}
80% {transform: translateX(-4%)}
95% {transform: translateX(2%)}
100% {transform: translateX(0%)}
}

/* slideRight */
.slideRight {animation-name: slideRight; -webkit-animation-name: slideRight; animation-duration: 4s; -webkit-animation-duration: 4s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important}
@keyframes slideRight {
0% {transform: translateX(-150%)}
50% {transform: translateX(8%)}
65% {transform: translateX(-4%)}
80% {transform: translateX(4%)}
95% {transform: translateX(-2%)}
100% {transform: translateX(0%)}
}

/* slideExpandUp */
.slideExpandUp {animation-name: slideExpandUp; -webkit-animation-name: slideExpandUp; animation-duration: 1.6s; -webkit-animation-duration: 1.6s; animation-iteration-count: 3; -webkit-animation-iteration-count: 3; animation-timing-function: ease-out; -webkit-animation-timing-function: ease -out; visibility: visible !important}
.slideExpandUp:hover {animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; overflow: hidden; z-index:0}
@keyframes slideExpandUp {
0% {transform: translateY(1%) scaleX(0.9)}
30% {transform: translateY(-8%) scaleX(0.9)}
40% {transform: translateY(2%) scaleX(0.9)}
50% {transform: translateY(0%) scaleX(1.1)}
60% {transform: translateY(0%) scaleX(0.9)}
70% {transform: translateY(0%) scaleX(1.05)}
80% {transform: translateY(0%) scaleX(0.95)}
90% {transform: translateY(0%) scaleX(1.02)}
100% {transform: translateY(0%) scaleX(1)}
}

/* expandUp */
.expandUp {animation-name: expandUp; -webkit-animation-name: expandUp; animation-duration: 0.7s; -webkit-animation-duration: 0.7s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important}
@keyframes expandUp {
0% {transform: translateY(100%) scale(0.6) scaleY(0.5)}
60% {transform: translateY(-7%) scaleY(1.12)}
75% {transform: translateY(3%)}
100% {transform: translateY(0%) scale(1) scaleY(1)}
}

/* fadeIn */
.fadeIn, .fadeInBlinkapp {animation-name: fadeIn; -webkit-animation-name: fadeIn; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important}
.fadeInBlinkapp {animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-duration: 3s; -webkit-animation-duration: 3s}
@keyframes fadeIn {
0% {transform: scale(0); opacity: 0}
60% {transform: scale(1.1)}
80% {transform: scale(0.9); opacity: 1}
100% {transform: scale(1); opacity: 1}
}

/* expandOpen */
.expandOpen {animation-name: expandOpen; -webkit-animation-name: expandOpen; animation-duration: 1.2s; -webkit-animation-duration: 1.2s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; visibility: visible !important}
@keyframes expandOpen {
0% {transform: scale(1.8)}
50% {transform: scale(0.95)}
80% {transform: scale(1.05)}
90% {transform: scale(0.98)}
100% {transform: scale(1)}
}

/* bigEntrance */
.bigEntrance {animation-name: bigEntrance; -webkit-animation-name: bigEntrance; animation-duration: 1.6s; -webkit-animation-duration: 1.6s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; visibility: visible !important}
@keyframes bigEntrance {
0% {transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%); opacity: 0.2}
30% {transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%); opacity: 1}
45% {transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%); opacity: 1}
60% {transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%); opacity: 1}
75% {transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%); opacity: 1}
90% {transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%); opacity: 1}
100% {transform: scale(1) rotate(0deg) translateX(0%) translateY(0%); opacity: 1}
}

/* hatch */
.hatch {animation-name: hatch; -webkit-animation-name: hatch; animation-duration: 2s; -webkit-animation-duration: 2s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; transform-origin: 50% 100%; visibility: visible !important}
@keyframes hatch {
0% {transform: rotate(0deg) scaleY(0.6)}
20% {transform: rotate(-2deg) scaleY(1.05)}
35% {transform: rotate(2deg) scaleY(1)}
50% {transform: rotate(-2deg)}
65% {transform: rotate(1deg)}
80% {transform: rotate(-1deg)}
100% {transform: rotate(0deg)}
}

/* bounce (bote fuerte) */
.bounce {animation-name: bounce; -webkit-animation-name: bounce; animation-duration: 1.6s; -webkit-animation-duration: 1.6s; animation-timing-function: ease; -webkit-animation-timing-function: ease; transform-origin: 50% 100%}
@keyframes bounce {
0% {transform: translateY(0%) scaleY(0.6)}
60% {transform: translateY(-100%) scaleY(1.1)}
70% {transform: translateY(0%) scaleY(0.95) scaleX(1.05)}
80% {transform: translateY(0%) scaleY(1.05) scaleX(1)}
90% {transform: translateY(0%) scaleY(0.95) scaleX(1)}
100% {transform: translateY(0%) scaleY(1) scaleX(1)}
}

/* ppulse */
.ppulse {z-index:1; animation-name: ppulse; -webkit-animation-name: ppulse; animation-duration:60s; -webkit-animation-duration:60s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; /*transition: all 5s ease-in-out; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; display:block; position: absolute; */}
@keyframes ppulse {0% {transform: scale(.4)} 50% {transform: scale(.6)} 100% {overflow:hidden}
}

/* pulse */
.pulse {opacity: 0; position:absolute; display:inline-table; animation-name: pulse; -webkit-animation-name: pulse; animation-duration: 15s; -webkit-animation-duration: 15s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; /*animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; */}
@media (max-width: 500px) {
.pulse {left:10px}
}
@keyframes pulse {
0% {transform: scale(.4); opacity: 0}
50% {transform: scale(.8); opacity: 1}
100% {transform: scale(.7); opacity: 1}
}

/* floating */
.floating {visibility: visible !important}
.floating:hover {animation-name: floating; -webkit-animation-name: floating; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: 4; -webkit-animation-iteration-count: 4}
@keyframes floating {
0% {transform: translateY(0%)}
50% {transform: translateY(8%)}
100% {transform: translateY(0%)}
}

/* tossing */
.tossing {-webkit-animation-iteration-count: infinite; animation-name: tossing; -webkit-animation-name: tossing; animation-duration: 2.5s; -webkit-animation-duration: 2.5s; animation-iteration-count: infinite}
@keyframes tossing {
0% {transform: rotate(-4deg)}
50% {transform: rotate(4deg)}
100% {transform: rotate(-4deg)}
}

/* tossingpp */
.tossingpp {animation-name: tossingpp; -webkit-animation-name: tossingpp; animation-duration: 5s; -webkit-animation-duration: 5s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1}
@keyframes tossingpp {
0% {transform: rotate(-10deg)}
100% {transform: rotate(10deg)}
}

/* tossingppp */
.tossingppp {animation-name: tossingppp; -webkit-animation-name: tossingppp; animation-duration: 20s; -webkit-animation-duration: 20s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite}
@keyframes tossingppp {
0% {transform: rotate(-360deg)}
100% {transform: rotate(360deg)}
}

/* pullUp */
.pullUp {animation-name: pullUp; -webkit-animation-name: pullUp; animation-duration: 1.1s; -webkit-animation-duration: 1.1s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; transform-origin: 50% 100%}
@keyframes pullUp {
0% {transform: scaleY(0.1)}
40% {transform: scaleY(1.02)}
60% {transform: scaleY(0.98)}
80% {transform: scaleY(1.01)}
100% {transform: scaleY(0.98)}
80% {transform: scaleY(1.01)}
100% {transform: scaleY(1)}
}

/* pullDown */
.pullDown {animation-name: pullDown; -webkit-animation-name: pullDown; animation-duration: 1.1s; -webkit-animation-duration: 1.1s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; transform-origin: 50% 0%}
@keyframes pullDown {
0% {transform: scaleY(0.1)}
40% {transform: scaleY(1.02)}
60% {transform: scaleY(0.98)}
80% {transform: scaleY(1.01)}
100% {transform: scaleY(0.98)}
80% {transform: scaleY(1.01)}
100% {transform: scaleY(1)}
}

/* stretchLeft */
.stretchLeft {animation-name: stretchLeft; -webkit-animation-name: stretchLeft; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; transform-origin: 100% 0%}
@keyframes stretchLeft {
0% {transform: scaleX(0.3)}
40% {transform: scaleX(1.02)}
60% {transform: scaleX(0.98)}
80% {transform: scaleX(1.01)}
100% {transform: scaleX(0.98)}
80% {transform: scaleX(1.01)}
100% {transform: scaleX(1)}
}

/* moverLeft */
.moverLeft {animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-name: moverLeft; -webkit-animation-name: moverLeft; animation-duration: 3s; -webkit-animation-duration: 3s; transform-origin: 100% 0%}
@keyframes moverLeft {
0% {transform: scaleX(0.3)}
40% {transform: scaleX(1.02)}
60% {transform: scaleX(0.98)}
80% {transform: scaleX(1.01)}
100% {transform: scaleX(0.98)}
80% {transform: scaleX(1.01)}
100% {transform: scaleX(1)}
}

/* stretchRight */
.stretchRight {animation-name: stretchRight; -webkit-animation-name: stretchRight; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; transform-origin: 0% 0%}
@keyframes stretchRight {
0% {transform: scaleX(0.3)}
40% {transform: scaleX(1.02)}
60% {transform: scaleX(0.98)}
80% {transform: scaleX(1.01)}
100% {transform: scaleX(0.98)}
80% {transform: scaleX(1.01)}
100% {transform: scaleX(1)}
}

.orbit-wrapper {width:1px; position:relative}
.orbit {width:1px; position:relative; overflow:hidden; margin-bottom:17px}
.orbit.with-bullets {margin-bottom:0px}
.orbit .orbit-slide {width:100%; position:absolute; top:0; left:0; border-radius: 10px}
.orbit a.orbit-slide {border:none; line-height:0; display:none}
.orbit div.orbit-slide {width:100%; height:100%; /*filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0)*/; opacity:0}
.orbit-wrapper .timer {width:40px; height:40px; overflow:hidden; position:absolute; top:10px; right:10px; opacity:.6; cursor:pointer; z-index:31}
.orbit-wrapper span.rotator {display:block; width:40px; height:40px; position:absolute; top:0; left:-20px; background:url('../imagenes/foundation/orbit/rotator-black.png') no-repeat; z-index:3}
.orbit-wrapper span.rotator.move {left:0}
.orbit-wrapper span.mask {display:block; width:20px; height:40px; position:absolute; top:0; right:0; z-index:2; overflow:hidden}
.orbit-wrapper span.mask.move {width:40px; left:0; background:url('../imagenes/foundation/orbit/timer-black.png') repeat 0 0}
.orbit-wrapper span.pause {display:block; width:40px; height:40px; position:absolute; top:0; left:0; background:url('../imagenes/foundation/orbit/pause-black.png') no-repeat; z-index:4; opacity:0}
.orbit-wrapper span.pause.active {background:url('../imagenes/foundation/orbit/pause-black.png') no-repeat 0 -40px}
.orbit-wrapper .timer:hover span.pause, .orbit-wrapper .timer:focus span.pause, .orbit-wrapper span.pause.active {opacity:1}
.orbit-caption {display:none; font-family:inherit}
.orbit-wrapper .orbit-caption {background:#000; background:rgba(0, 0, 0, 0.6); z-index:30; color:#fff; text-align:center; padding:7px 0; font-size:13px; position:absolute; right:0; bottom:0; width:100%}
.orbit-wrapper .slider-nav {display:block}
.orbit-wrapper .slider-nav span {width:39px; height:50px; text-indent:-9999px; position:absolute; z-index:30; top:50%; margin-top:-25px; cursor:pointer}
.orbit-wrapper .slider-nav span.right {background:url('../imagenes/foundation/orbit/right-arrow.png'); background-size:100%; right:0}
.orbit-wrapper .slider-nav span.left {background:url('../imagenes/foundation/orbit/left-arrow.png'); background-size:100%; left:0}
.lt-ie9 .orbit-wrapper .slider-nav span.right {background:url('../imagenes/foundation/orbit/right-arrow-small.png')}
.lt-ie9 .orbit-wrapper .slider-nav span.left {background:url('../imagenes/foundation/orbit/left-arrow-small.png')}
ul.orbit-bullets {position:absolute; z-index:30; list-style:none; bottom:-40px; left:50%; margin-left:-50px; padding:0}
ul.orbit-bullets li {float:left; margin-left:5px; cursor:pointer; color:#999; text-indent:-9999px; background:url('../imagenes/foundation/orbit/bullets.jpg') no-repeat 4px 0; width:13px; height:12px; overflow:hidden}
ul.orbit-bullets li.active {color:#222; background-position:-8px 0}
ul.orbit-bullets li.has-thumb {background:none; width:100px; height:75px}
ul.orbit-bullets li.active.has-thumb {background-position:0 0; border-top:2px solid #000}
.orbit-slide-counter {position:absolute; bottom:0; z-index:99; background:rgba(0, 0, 0, 0.7); color:#fff; padding:5px}
.orbit img.fluid-placeholder {visibility:hidden; position:static; display:block; width:100%}
.orbit, .orbit-wrapper {height:550px; width:100% !important}
.lt-ie9 .timer {display:none !important}
.lt-ie9 .orbit-caption {background:#000; /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); zoom:1*/}
.reveal-modal-bg {position:fixed; height:100%; width:100%; background:#000; background:rgba(0, 0, 0, 0.45); z-index:40; display:none; top:0; left:0}
.reveal-modal {background:#fff; visibility:hidden; display:none; top:100px; left:50%; margin-left:-260px; width:520px; position:absolute; z-index:41; padding:30px; -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.4); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.4); box-shadow:0 0 10px rgba(0, 0, 0, 0.4)}
.reveal-modal .close-reveal-modal:not(.button) {font-size:22px; font-size:2.2rem; line-height:.5; position:absolute; top:8px; right:11px; color:#aaa; text-shadow:0 -1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; cursor:pointer}
.reveal-modal.small {width:30%; margin-left:-15%}
.reveal-modal.medium {width:40%; margin-left:-20%}
.reveal-modal.large {width:60%; margin-left:-30%}
.reveal-modal.xlarge {width:70%; margin-left:-35%}
.reveal-modal.expand {width:90%; margin-left:-45%}
.reveal-modal .row {min-width:0; margin-bottom:10px}
.reveal-modal>:first-child {margin-top:0}
.reveal-modal>:last-child {margin-bottom:0}
@media print {.reveal-modal {border:solid 1px #000; background:#fff}}
.tabs {list-style:none; border-bottom:solid 1px #e6e6e6; display:block; height:40px; padding:0; margin-bottom:20px}
.tabs.contained {margin-bottom:0; margin-left:0}
.tabs dt, .tabs li.section-title {color:#b3b3b3; cursor:default; display:block; float:left; font-size:12px; height:40px; line-height:40px; padding:0; padding-right:9px; padding-left:20px; font-weight:normal; width:auto; text-ransform:uppercase}
.tabs dt:first-child, .tabs li.section-title:first-child {padding:0; padding-right:9px}
.tabs dd, .tabs li {display:block; float:left; padding:0; margin:0}
.tabs dd a, .tabs li a {color:#6f6f6f; display:block; font-size:14px; height:40px; line-height:40px; padding:0px 23.8px}
.tabs dd a:focus, .tabs li a:focus {font-weight:bold; color:#2ba6cb}
.tabs dd.active, .tabs li.active {border-top:3px solid #2ba6cb; margin-top:-3px}
.tabs dd.active a, .tabs li.active a {cursor:default; color:#3c3c3c; background:#fff; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; font-weight:bold}
.tabs dd:first-child, .tabs li:first-child {margin-left:0}
.tabs.vertical {height:auto; border-bottom:1px solid #e6e6e6}
.tabs.vertical dt, .tabs.vertical dd, .tabs.vertical li {float:none; height:auto}
.tabs.vertical dd, .tabs.vertical li {border-left:3px solid #ccc}
.tabs.vertical dd a, .tabs.vertical li a {background:#f2f2f2; border:none; border:1px solid #e6e6e6; border-width:1px 1px 0 0; color:#555; display:block; font-size:14px; height:auto; line-height:1; padding:15px 20px; -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow:0 1px 0 rgba(255, 255, 255, 0.5) inset}
.tabs.vertical dd.active, .tabs.vertical li.active {margin-top:0; border-top:1px solid #4d4d4d; border-left:4px solid #1a1a1a}
.tabs.vertical dd.active a, .tabs.vertical li.active a {background:#4d4d4d; border:none; color:#fff; height:auto; margin:0; position:static; top:0; -webkit-box-shadow:0 0 0; -moz-box-shadow:0 0 0; box-shadow:0 0 0}
.tabs.vertical dd:first-child a.active, .tabs.vertical li:first-child a.active {margin:0}
.tabs.pill {border-bottom:none; margin-bottom:10px}
.tabs.pill dd, .tabs.pill li {margin-right:10px}
.tabs.pill dd:last-child, .tabs.pill li:last-child {margin-right:0}
.tabs.pill dd a, .tabs.pill li a {-webkit-border-radius:1000px; -moz-border-radius:1000px; -ms-border-radius:1000px; -o-border-radius:1000px; border-radius:1000px; background:#e6e6e6; height:26px; line-height:26px; color:#666}
.tabs.pill dd.active, .tabs.pill li.active {border:none; margin-top:0}
.tabs.pill dd.active a, .tabs.pill li.active a {background-color:#2ba6cb; border:none; color:#fff}
.tabs.pill.contained {border-bottom:solid 1px #eee; margin-bottom:0}
.tabs.pill.two-up dd, .tabs.pill.two-up li, .tabs.pill.three-up dd, .tabs.pill.three-up li, .tabs.pill.four-up dd, .tabs.pill.four-up li, .tabs.pill.five-up dd, .tabs.pill.five-up li {margin-right:0}
.tabs.two-up dt a, .tabs.two-up dd a, .tabs.two-up li a, .tabs.three-up dt a, .tabs.three-up dd a, .tabs.three-up li a, .tabs.four-up dt a, .tabs.four-up dd a, .tabs.four-up li a, .tabs.five-up dt a, .tabs.five-up dd a, .tabs.five-up li a {padding:0 17px; text-align:center; overflow:hidden}
.tabs.two-up dt, .tabs.two-up dd, .tabs.two-up li {width:50%}
.tabs.three-up dt, .tabs.three-up dd, .tabs.three-up li {width:33.33%}
.tabs.four-up dt, .tabs.four-up dd, .tabs.four-up li {width:25%}
.tabs.five-up dt, .tabs.five-up dd, .tabs.five-up li {width:20%}
ul.tabs-content {display:block; margin:0 0 20px; padding:0}
ul.tabs-content>li {display:none}
ul.tabs-content>li.active {display:block}
ul.tabs-content.contained {padding:0}
ul.tabs-content.contained>li {border:solid 0 #e6e6e6; border-width:0 1px 1px 1px; padding:20px}
ul.tabs-content.contained.vertical>li {border-width:1px 1px 1px 1px}
.no-js ul.tabs-content>li {display:block}
div.alert-box {display:block; padding:6px 7px 7px; font-weight:bold; font-size:14px; color:#fff; background-color:#2ba6cb; border:1px solid rgba(0, 0, 0, 0.1); margin-bottom:12px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; text-shadow:0 -1px rgba(0, 0, 0, 0.3); position:relative}
div.alert-box.success {background-color:#5da423; color:#fff; text-shadow:0 -1px rgba(0, 0, 0, 0.3)}
div.alert-box.alert {background-color:#c60f13; color:#fff; text-shadow:0 -1px rgba(0, 0, 0, 0.3)}
div.alert-box.secondary {background-color:#e9e9e9; color:#505050; text-shadow:0 1px rgba(255, 255, 255, 0.3)}
div.alert-box a.close {color:#333; position:absolute; right:4px; top:-1px; font-size:17px; opacity:0.2; padding:4px}
div.alert-box a.close:hover, div.alert-box a.close:focus {opacity:0.4}
.label {padding:1px 4px 2px; font-size:12px; font-weight:bold; text-align:center; text-decoration:none; line-height:1; white-space:nowrap; display:inline; position:relative; bottom:1px; color:#fff; background:#2ba6cb}
.label.radius {-webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px}
.label.round {padding:1px 7px 2px; -webkit-border-radius:1000px; -moz-border-radius:1000px; -ms-border-radius:1000px; -o-border-radius:1000px; border-radius:1000px}
.label.alert {background-color:#c60f13}
.label.success {background-color:#5da423}
.label.secondary {background-color:#e9e9e9; color:#505050}
.has-tip {border-bottom:dotted 1px #ccc; cursor:help; font-weight:bold; color:#333}
.has-tip:hover, .has-tip:focus {border-bottom:dotted 1px #196177; color:#2ba6cb}
.has-tip.tip-left, .has-tip.tip-right {float:none !important}
.tooltip {display:none; background:#000; background:rgba(0, 0, 0, 0.85); position:absolute; color:#fff; font-weight:bold; font-size:12px; padding:5px; z-index:999; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; line-height:normal}
.tooltip>.nub {display:block; width:0; height:0; border:solid 5px; border-color:transparent transparent #000 transparent; border-color:transparent transparent rgba(0, 0, 0, 0.85) transparent; position:absolute; top:-10px; left:10px}
.tooltip.tip-override>.nub {border-color:transparent transparent #000 transparent !important; border-color:transparent transparent rgba(0, 0, 0, 0.85) transparent !important; top:-10px !important}
.tooltip.tip-top>.nub, .tooltip.tip-centered-top>.nub {border-color:#000 transparent transparent transparent; border-color:rgba(0, 0, 0, 0.85) transparent transparent transparent; top:auto; bottom:-10px}
.tooltip.tip-left, .tooltip.tip-right {float:none !important}
.tooltip.tip-left>.nub {border-color:transparent transparent transparent #000; border-color:transparent transparent transparent rgba(0, 0, 0, 0.85); right:-10px; left:auto}
.tooltip.tip-right>.nub {border-color:transparent #000 transparent transparent; border-color:transparent rgba(0, 0, 0, 0.85) transparent transparent; right:auto; left:-10px}
.tooltip.noradius {-webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0}
.tooltip.opened {color:#2ba6cb !important; border-bottom:dotted 1px #196177 !important}
.tap-to-close {display:block; font-size:10px; font-size:1rem; color:#888; font-weight:normal}
.panel {margin-top:-10px; padding: 0px 9px}
.panel>:first-child {margin-right:auto; margin-left:auto}
.panel>:last-child {margin-right:auto; margin-left:auto}
.panel.callout {background:#2ba6cb; color:#fff; border-color:#2284a1; -webkit-box-shadow:inset 0px 1px 0px rgba(255, 255, 255, 0.5); -moz-box-shadow:inset 0px 1px 0px rgba(255, 255, 255, 0.5); box-shadow:inset 0px 1px 0px rgba(255, 255, 255, 0.5)}
.panel.callout a {color:#fff}
.panel.callout .button {background:#fff; border:none; color:#2ba6cb; text-shadow:none}
.panel.callout .button:hover, .panel.callout .button:focus {background:rgba(255, 255, 255, 0.8)}
.panel.radius {-webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px}
ul.accordion {margin:0 0 22px 0; border-bottom:1px solid #e9e9e9}
ul.accordion>li {list-style:none; margin:0; padding:0; border-top:1px solid #e9e9e9}
ul.accordion>li>div.title {cursor:pointer; background:#f6f6f6; padding:15px; margin:0; position:relative; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; -webkit-transition:0.15s background linear; -moz-transition:0.15s background linear; -o-transition:0.15s background linear; transition:0.15s background linear}
ul.accordion>li>div.title h1, ul.accordion>li>div.title h2, ul.accordion>li>div.title h3, ul.accordion>li>div.title h4, ul.accordion>li>div.title h5 {margin:0}
ul.accordion>li>div.title:after {content:""; display:block; width:0; height:0; border:solid 6px; border-color:transparent #9d9d9d transparent transparent; position:absolute; right:15px; top:21px}
ul.accordion>li .content {display:none; padding:15px}
ul.accordion>li.active {border-top:3px solid #2ba6cb}
ul.accordion>li.active .title {background:#fff; padding-top:13px}
ul.accordion>li.active .title:after {content:""; display:block; width:0; height:0; border:solid 6px; border-color:#9d9d9d transparent transparent transparent}
ul.accordion>li.active .content {background:#fff; display:block; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9}
ul.side-nav {display:block; list-style:none; margin:0; padding:17px 0}
ul.side-nav li {display:block; list-style:none; margin:0 0 7px 0}
ul.side-nav li a {display:block}
ul.side-nav li.active a {color:#4d4d4d; font-weight:bold}
ul.side-nav li.divider {border-top:1px solid #e6e6e6; height:0; padding:0}
dl.sub-nav {display:block; width:auto; overflow:hidden; margin:-4px 0 18px; margin-right:0; margin-left:-9px; padding-top:4px}
dl.sub-nav dt, dl.sub-nav dd {float:left; display:inline; margin-left:9px; margin-bottom:10px}
dl.sub-nav dt {color:#999; font-weight:normal}
dl.sub-nav dd a {text-decoration:none; -webkit-border-radius:1000px; -moz-border-radius:1000px; -ms-border-radius:1000px; -o-border-radius:1000px; border-radius:1000px}
dl.sub-nav dd.active a {font-weight:bold; background:#2ba6cb; color:#fff; padding:3px 9px; cursor:default}
ul.pagination {display:block; height:24px; margin-left:-5px}
ul.pagination li {float:left; display:block; height:24px; color:#999; font-size:14px; margin-left:5px}
ul.pagination li a {display:block; padding:1px 7px 1px; color:#555}
ul.pagination li:hover a, ul.pagination li a:focus {background:#e6e6e6}
ul.pagination li.unavailable a {cursor:default; color:#999}
ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus {background:transparent}
ul.pagination li.current a {background:#2ba6cb; color:#fff; font-weight:bold; cursor:default}
ul.pagination li.current a:hover, ul.pagination li.current a:focus {background:#2ba6cb}
div.pagination-centered {text-align:center}
div.pagination-centered ul>li {float:none; display:inline-block}
ul.breadcrumbs {display:block; background:#f6f6f6; padding:6px 10px 7px; border:1px solid #e9e9e9; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px; overflow:hidden; margin-left:0}
ul.breadcrumbs li {margin:0; padding:0 12px 0 0; float:left; list-style:none}
ul.breadcrumbs li a, ul.breadcrumbs li span {text-transform:uppercase; font-size:11px; font-size:1.1rem; padding-left:12px}
ul.breadcrumbs li:first-child a, ul.breadcrumbs li:first-child span {padding-left:0}
ul.breadcrumbs li:before {content:"/"; color:#aaa}
ul.breadcrumbs li:first-child:before {content:" "}
ul.breadcrumbs li.current a {cursor:default; color:#333}
ul.breadcrumbs li:hover a, ul.breadcrumbs li a:focus {text-decoration:underline}
ul.breadcrumbs li.current:hover a, ul.breadcrumbs li.current a:focus {text-decoration:none}
ul.breadcrumbs li.unavailable a {color:#999}
ul.breadcrumbs li.unavailable:hover a, ul.breadcrumbs li.unavailable a:focus {text-decoration:none; color:#999; cursor:default}
ul.inline-list, ul.link-list {margin:0 0 17px -22px; padding:0; list-style:none; overflow:hidden}
ul.inline-list>li, ul.link-list>li {list-style:none; float:left; margin-left:22px; display:block}
ul.inline-list>li>*, ul.link-list>li>* {display:block}
.keystroke, kbd {font-family:"Consolas", "Menlo", "Courier", monospace; font-size:13px; padding:2px 4px 0px; margin:0; background:#ededed; border:solid 1px #dbdbdb; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px}
/*.th {display:block}
.th img {display:block; border:solid 4px #fff; -webkit-box-shadow:0 0 0 1px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 0 0 1px rgba(0, 0, 0, 0.2); box-shadow:0 0 0 1px rgba(0, 0, 0, 0.2); -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; -webkit-transition-property:box-shadow; -moz-transition-property:box-shadow; -o-transition-property:box-shadow; transition-property:box-shadow; -webkit-transition-duration:300ms; -moz-transition-duration:300ms; -o-transition-duration:300ms; transition-duration:300ms}
.th:hover img, .th:focus img {-webkit-box-shadow:0 0 6px 1px rgba(43, 166, 203, 0.5); -moz-box-shadow:0 0 6px 1px rgba(43, 166, 203, 0.5); box-shadow:0 0 6px 1px rgba(43, 166, 203, 0.5)}*/
.flex-video {position:relative; padding-top:25px; padding-bottom:67.5%; height:0; margin-bottom:16px; overflow:hidden}
.flex-video.widescreen {padding-bottom:57.25%}
.flex-video.vimeo {padding-top:0}
.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {position:absolute; top:0; left:0; width:100%; height:100%}
/*table {-webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin: 0 0 18px; border: 2px solid #ddd}
table thead, table tfoot {background:#f5f5f5}*/
table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td {display: table-cell; font-size: 14px; line-height: 18px; text-align: center; padding:5px}
table thead tr th, table tfoot tr td {padding:8px 10px 9px; font-size:14px; font-weight:bold; color:#222}
table thead tr th:first-child, table tfoot tr td:first-child {border-left:none}
table thead tr th:last-child, table tfoot tr td:last-child {border-right:none}
table tbody tr.even, table tbody tr.alt {/*background:#f9f9f9*/}
table tbody tr:nth-child(even) {/*background:#f9f9f9*/}
table tbody tr td {color:#fff; /*vertical-align:top; */border:none}
ul.vcard {display:inline-block; margin:0 0 12px 0; border:1px solid #ddd; padding:10px}
ul.vcard li {margin:0; display:block}
ul.vcard li.fn {font-weight:bold; font-size:15px}
p.vevent span.summary {font-weight:bold}
p.vevent abbr {cursor:default; text-decoration:none; font-weight:bold; border:none; padding:0 1px}
div.progress {padding:2px; margin-bottom:10px; border:1px solid #ccc; height:25px}
div.progress .meter {background:#2ba6cb; height:100%; display:block; width:50%}
div.progress.secondary .meter {background:#e9e9e9}
div.progress.success .meter {background:#5da423}
div.progress.alert .meter {background:#c60f13}
div.progress.radius {-webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px}
div.progress.radius .meter {-webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px}
div.progress.round {-webkit-border-radius:1000px; -moz-border-radius:1000px; -ms-border-radius:1000px; -o-border-radius:1000px; border-radius:1000px}
div.progress.round .meter {-webkit-border-radius:1000px; -moz-border-radius:1000px; -ms-border-radius:1000px; -o-border-radius:1000px; border-radius:1000px}
.pricing-table {border:solid 1px #ddd; margin-left:0; margin-bottom:20px}
.pricing-table * {list-style:none; line-height:1}
.pricing-table .title {background-color:#ddd; padding:15px 20px; text-align:center; color:#333; font-weight:bold; font-size:16px}
.pricing-table .price {background-color:#eee; padding:15px 20px; text-align:center; color:#333; font-weight:normal; font-size:20px}
.pricing-table .description {background-color:#fff; padding:15px; text-align:center; color:#777; font-size:12px; font-weight:normal; line-height:1.4; border-bottom:dotted 1px #ddd}
.pricing-table .bullet-item {background-color:#fff; padding:15px; text-align:center; color:#333; font-size:14px; font-weight:normal; border-bottom:dotted 1px #ddd}
.pricing-table .cta-button {background-color:#f5f5f5; text-align:center; padding:20px}
.top-bar-js-breakpoint {width:940px !important; visibility:hidden}
.contain-to-grid {width:100%; background:#222}
.fixed {width:100%; left:0; position:fixed; top:0; z-index:99}
.sticky {float:left; overflow:hidden}
.sticky.fixed {float:none}
.top-bar {background:#fff; /*min-height:45px; line-height:45px; */margin:0 0 30px 0; padding:0; width:100%; position:relative}
.contain-to-grid .top-bar {max-width:940px; margin:0 auto}
.top-bar>ul .name h1 {line-height:45px; margin:0}
.top-bar>ul .name h1 a {font-weight:bold; padding:0 22.5px; font-size:17px !important}
.top-bar>ul .name img {margin-top:-5px; vertical-align:middle}
.top-bar.expanded {margin-bottom:0; background:white; overflow:hidden}
.top-bar ul {display:inline; list-style:none; margin-top:3px}
.top-bar ul>li {float: left; font-weight: bold; color:#f4594f}
.top-bar ul>li a:not(.button) {color:#000; display:block; font-weight:bold; /*font-size:20px; height:45px; padding:0 10px*/line-height:35px}
.top-bar ul>li:not(.name):hover, .top-bar ul>li:not(.name):focus {background:#fff}
.top-bar ul>li:not(.name).active {background:#fcceca}
.top-bar ul>li:not(.name):hover a, .top-bar ul>li:not(.name):focus a {color:#f4594f}
.top-bar ul>li:not(.name).active a {color:#f4594f}
/*.top-bar ul>li.divider {background:#000; -webkit-box-shadow:1px 0 0 rgba(255, 255, 255, 0.1); -moz-box-shadow:1px 0 0 rgba(255, 255, 255, 0.1); box-shadow:1px 0 0 rgba(255, 255, 255, 0.1); height:100%; margin-right:1px; width:1px}*/
.top-bar ul>li.has-button a.button {margin:0 11.25px}
.top-bar ul>li.has-button:hover, .top-bar ul>li.has-button:focus {background:#222}
.top-bar ul>li.has-button:hover a, .top-bar ul>li.has-button:focus a {color:#fff}
.top-bar ul>li.search {padding:0 15px}
.top-bar ul>li.search form {display:inline-block; margin-bottom:0; vertical-align:middle; width:200px}
.top-bar ul>li.search form input[type=text] {-moz-border-radius-topright:0; -webkit-border-top-right-radius:0; border-top-right-radius:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-right-radius:0; border-bottom-right-radius:0; float:left; font-size:13px; margin-top:-1px; height:22.5px; margin-bottom:0; width:130px}
.top-bar ul>li.search form input[type=text]+.button {border-left:none; -moz-border-radius-topleft:0; -webkit-border-top-left-radius:0; border-top-left-radius:0; -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; border-bottom-left-radius:0; float:left; font-size:12px; margin-top:-1px; padding:5px 12px 4px}
.top-bar ul>li.search form input[type=search] {font-size:16px; margin-bottom:0}
.top-bar ul>li.search:hover, .top-bar ul>li.search:focus {background:#222}
.top-bar ul>li.login {padding:0 15px}
.top-bar ul>li.login form {display:inline-block; margin-bottom:0; vertical-align:middle; width:300px}
.top-bar ul>li.login form input {float:left; width:auto; font-size:13px; margin-top:-1px; height:22.5px; margin-bottom:0}
.top-bar ul>li.login form input[type=text] {-moz-border-radius-topright:0; -webkit-border-top-right-radius:0; border-top-right-radius:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-right-radius:0; border-bottom-right-radius:0; width:120px}
.top-bar ul>li.login form input[type=password] {margin-bottom:0; -moz-border-radius-topleft:0; -webkit-border-top-left-radius:0; border-top-left-radius:0; -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; border-bottom-left-radius:0; width:120px}
.top-bar ul>li.login form input[type=password]+.button {border-left:none; -moz-border-radius-topleft:0; -webkit-border-top-left-radius:0; border-top-left-radius:0; -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; border-bottom-left-radius:0; -moz-border-radius-topright:2px; -webkit-border-top-right-radius:2px; border-top-right-radius:2px; -moz-border-radius-bottomright:2px; -webkit-border-bottom-right-radius:2px; border-bottom-right-radius:2px; float:left; font-size:12px; margin-top:-1px; padding:5px 12px 4px; width:60px}
.top-bar ul>li.login:hover, .top-bar ul>li.login:focus {background:#222}
.top-bar ul>li.toggle-topbar {display:none}
.top-bar ul>li.has-dropdown {position:relative}
.top-bar ul>li.has-dropdown:hover>.dropdown, .top-bar ul>li.has-dropdown:focus>.dropdown {display:block; visibility:visible; padding-right:10px; width:auto}
.top-bar ul>li.has-dropdown a {padding-right:33.75px}
.top-bar ul>li.has-dropdown a:after {content:""; display:block; width:0; height:0; border:solid 7px; border-color:#f4594f transparent transparent transparent; margin-right:15px; margin-top:-2.5px; position:absolute; right:0; top:50%}
.top-bar ul>li.has-dropdown .dropdown {height:inherit; background:#fff; left:0; margin:0; padding:9px 0 0 0; position:absolute; visibility:hidden; overflow:hidden; z-index:99}
.top-bar ul>li.has-dropdown .dropdown li {background:#fff; line-height:1; min-width:100%; padding-right:5px}
.top-bar ul>li.has-dropdown .dropdown li a {color:black; font-weight:normal; height:auto; line-height:1; padding:3px 15px; white-space:nowrap}
.top-bar ul>li.has-dropdown .dropdown li a:after {border:none}
.top-bar ul>li.has-dropdown .dropdown li a:hover, .top-bar ul>li.has-dropdown .dropdown li a:focus {background:#fcceca; width:100%}
.top-bar ul>li.has-dropdown .dropdown li label {color: #f4594f; font-size: 10px; font-weight: bold; margin: 0; text-transform: uppercase; letter-spacing: .1em}
.top-bar ul>li.has-dropdown .dropdown li.divider {border-top:solid 1px #ccc; -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.1) inset; -moz-box-shadow:0 10px 0 rgba(255, 255, 255, 0.1) inset; box-shadow:0 1px 0 rgba(255, 255, 255, 0.1) inset; height:5px; padding: 0px; width:100%; margin-top:5px}
.top-bar ul>li.has-dropdown .dropdown li:last-child {padding-bottom:10px}
.top-bar ul>li.has-dropdown .dropdown li.active a {background:#000}
.top-bar ul>li.has-dropdown .dropdown li.has-dropdown>a {padding-right:30px}
.top-bar ul>li.has-dropdown .dropdown li.has-dropdown>a:after {border:none; content:"\00bb"; right:5px; top:6px}
.top-bar ul>li.has-dropdown .dropdown li.has-dropdown .dropdown {position:absolute; left:100%; top:0}
.top-bar ul>li.has-dropdown .dropdown li.has-dropdown:hover>.dropdown, .top-bar ul>li.has-dropdown .dropdown li.has-dropdown:focus>.dropdown {display:block}
.top-bar ul.left {float:left; width:auto; margin-bottom:0}
.top-bar ul.right {float:right; width:auto; margin-bottom:0; font-size:16px !important}
.top-bar ul.right .has-dropdown .dropdown {left:auto; right:0px}
.top-bar ul.right .has-dropdown .dropdown li.has-dropdown>.dropdown {right:100%; left:auto; width:100%}
.top-bar .js-geenerated {display:none}

@-moz-document url-prefix() {
.top-bar ul li .button.small {padding-bottom:6px}
.top-bar ul li.search form input[type=search] {font-size:14px; height:22px; padding:3px}
}

.lt-ie9 .top-bar ul li a {color:#fff; display:block; font-weight:bold; font-size:13px; height:45px; line-height:45px; padding:0 15px}
.lt-ie9 .top-bar ul li a.button {height:auto; line-height:30px; margin-top:7px}
.lt-ie9 .top-bar ul li a img {margin-top:-5px; vertical-align:middle}
.lt-ie9 .top-bar section>ul>li a:hover, .lt-ie9 .top-bar section>ul>li a:focus {color:#ccc}
.lt-ie9 .top-bar section>ul>li:hover, .lt-ie9 .top-bar section>ul>li:focus {background:red}
.lt-ie9 .top-bar section>ul>li.search:hover, .lt-ie9 .top-bar section>ul>li.search:focus, .lt-ie9 .top-bar section>ul>li.has-button:hover, .lt-ie9 .top-bar section>ul>li.has-button:focus {background:none}
.lt-ie9 .top-bar section>ul>li.active {background:#000; color:#d9d9d9}
.lt-ie9 .top-bar ul li.has-dropdown {padding-right:33.75px}
.lt-ie9 .top-bar ul li.has-dropdown>ul li {padding-right:0}
#joyRideTipContent {display:none}
.joyride-tip-guide {display:none; position:absolute; background:#000; background:rgba(0, 0, 0, 0.8); color:#fff; width:300px; z-index:101; top:0; left:0; font-family:inherit; font-weight:normal; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px}
.joyride-content-wrapper {padding:18px 20px 24px}
.joyride-tip-guide span.joyride-nub {display:block; position:absolute; left:22px; width:0; height:0; border:solid 14px}
.joyride-tip-guide span.joyride-nub.top {border-color:#000; border-color:rgba(0, 0, 0, 0.8); border-top-color:transparent !important; border-left-color:transparent !important; border-right-color:transparent !important; top:-28px; bottom:none}
.joyride-tip-guide span.joyride-nub.bottom {border-color:#000; border-color:rgba(0, 0, 0, 0.8) !important; border-bottom-color:transparent !important; border-left-color:transparent !important; border-right-color:transparent !important; bottom:-28px; bottom:none}
.joyride-tip-guide span.joyride-nub.right {border-color:#000; border-color:rgba(0, 0, 0, 0.8) !important; border-top-color:transparent !important; border-right-color:transparent !important; border-bottom-color:transparent !important; top:22px; bottom:none; left:auto; right:-28px}
.joyride-tip-guide span.joyride-nub.left {border-color:#000; border-color:rgba(0, 0, 0, 0.8) !important; border-top-color:transparent !important; border-left-color:transparent !important; border-bottom-color:transparent !important; top:22px; left:-28px; right:auto; bottom:none}
.joyride-tip-guide h1, .joyride-tip-guide h2, .joyride-tip-guide h3, .joyride-tip-guide h4, .joyride-tip-guide h5, .joyride-tip-guide h6 {line-height:1.25; margin:0; font-weight:bold; color:#fff}
.joyride-tip-guide p {margin:0 0 18px 0; font-size:14px; line-height:1.3}
.joyride-timer-indicator-wrap {width:50px; height:3px; border:solid 1px #555; position:absolute; right:17px; bottom:16px}
.joyride-timer-indicator {display:block; width:0; height:inherit; background:#666}
.joyride-close-tip {position:absolute; right:10px; top:10px; color:#777 !important; text-decoration:none; font-size:20px; font-weight:normal; line-height:0.5 !important}
.joyride-close-tip:hover, .joyride-close-tip:focus {color:#eee !important}
.joyride-modal-bg {position:fixed; height:100%; width:100%; background:transparent; background:rgba(0, 0, 0, 0.5); z-index:100; display:none; top:0; left:0; cursor:pointer}
.clearing-blackout {background:#000; background:rgba(0, 0, 0, 0.8); position:fixed; width:100%; height:100%; top:0; left:0; z-index:999}
.clearing-blackout .clearing-close {display:block}
.clearing-container {position:relative; z-index:999; height:100%; overflow:hidden}
.visible-img {height:75%; position:relative}
.visible-img img {position:absolute; left:50%; top:50%; margin-left:-50%; max-height:100%; max-width:100%}
.visible-img .clearing-caption {color:#fff; margin-bottom:0; text-align:center; position:absolute; bottom:0; background:#000; background:rgba(0, 0, 0, 0.7); width:100%; padding:10px 100px}
.clearing-close {z-index:999; position:absolute; top:10px; right:20px; font-size:30px; line-height:1; color:#fff; display:none}
.clearing-close:hover, .clearing-close:focus {color:#ccc}
.clearing-main-left, .clearing-main-right {position:absolute; top:50%; margin-top:-16px}
.clearing-main-left.disabled, .clearing-main-right.disabled {opacity:0.5}
.clearing-main-left:active, .clearing-main-right:active {margin-top:-15px}
.clearing-main-left {left:10px; content:""; display:block; width:0; height:0; border:solid 16px; border-color:transparent #fff transparent transparent}
.clearing-main-right {right:10px; content:""; display:block; width:0; height:0; border:solid 16px; border-color:transparent transparent transparent #fff}
ul[data-clearing].block-grid.three-up>li:nth-child(3n+1) {clear:none}
ul[data-clearing] li {cursor:pointer; display:block}
ul[data-clearing] li.clearing-feature ~ li {display:none}
.clearing-assembled .clearing-container .carousel {background:#000; background:rgba(0, 0, 0, 0.75); height:150px; margin-top:5px}
.clearing-assembled .clearing-container .visible-img {background:#000; background:rgba(0, 0, 0, 0.75); overflow:hidden}
.clearing-assembled .clearing-container ul[data-clearing] {z-index:999; width:200%; height:100%; margin-left:0; position:relative; left:0}
.clearing-assembled .clearing-container ul[data-clearing] li {display:block; width:175px; height:inherit; padding:0; float:left; overflow:hidden; background:#222; margin-right:1px; position:relative}
.clearing-assembled .clearing-container ul[data-clearing] li.fix-height img {min-height:100%; height:100%; max-width:none}
.clearing-assembled .clearing-container ul[data-clearing] li img {cursor:pointer !important; min-width:100% !important}
.clearing-assembled .clearing-container ul[data-clearing] li.visible {border-top:4px solid #fff}
ul.block-grid[data-clearing] {overflow:visible}
.clearing-blackout ul.block-grid[data-clearing].two-up>li:nth-child(2n+1) {clear:none}
.clearing-blackout ul.block-grid[data-clearing].three-up>li:nth-child(3n+1) {clear:none}
.clearing-blackout ul.block-grid[data-clearing].four-up>li:nth-child(4n+1) {clear:none}
.clearing-blackout ul.block-grid[data-clearing].five-up>li:nth-child(5n+1) {clear:none}
.clearing-blackout ul.block-grid[data-clearing].six-up>li:nth-child(6n+1) {clear:none}
.clearing-blackout ul.block-grid[data-clearing].seven-up>li:nth-child(7n+1) {clear:none}
.clearing-blackout ul.block-grid[data-clearing].eight-up>li:nth-child(8n+1) {clear:none}
.clearing-blackout ul.block-grid[data-clearing].nine-up>li:nth-child(9n+1) {clear:none}
.clearing-blackout ul.block-grid[data-clearing].ten-up>li:nth-child(10n+1) {clear:none}
.clearing-blackout ul.block-grid[data-clearing].eleven-up>li:nth-child(11n+1) {clear:none}
.clearing-blackout ul.block-grid[data-clearing].twelve-up>li:nth-child(12n+1) {clear:none}

.clearing-blackout .th img {border:none; -webkit-box-shadow:0 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow:0 0 0 0 rgba(0, 0, 0, 0); box-shadow:0 0 0 0 rgba(0, 0, 0, 0); -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0}

.clearing-blackout:hover img, .clearing-blackout:focus img {-webkit-box-shadow:0 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow:0 0 0 0 rgba(0, 0, 0, 0); box-shadow:0 0 0 0 rgba(0, 0, 0, 0)}
.show-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .show-for-xlarge, .show-for-print {display:none !important}
.hide-for-small, .hide-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .hide-for-xlarge, .hide-for-print {display:inherit !important}

@media only screen and (min-width: 1441px) {
.hide-for-small, .hide-for-medium, .hide-for-medium-down, .hide-for-large, .show-for-large-up, .show-for-xlarge {display:inherit !important}
.show-for-small, .show-for-medium, .show-for-medium-down, .show-for-large, .hide-for-large-up, .hide-for-xlarge {display:none !important}
}

.show-for-landscape, .hide-for-portrait {display:inherit !important}

.hide-for-landscape, .show-for-portrait {display:none !important}

@media screen and (orientation: landscape) {.show-for-landscape, .hide-for-portrait {display:inherit !important}
.hide-for-landscape, .show-for-portrait {display:none !important}
}

@media screen and (orientation: portrait) {.show-for-portrait, .hide-for-landscape {display:inherit !important}
.hide-for-portrait, .show-for-landscape {display:none !important}
}

.show-for-touch {display:none !important}

.hide-for-touch {display:inherit !important}

.touch .show-for-touch {display:inherit !important}

.touch .hide-for-touch {display:none !important}

table.show-for-xlarge, table.show-for-large, table.hide-for-small, table.hide-for-medium {display:table !important}

@media only screen and (max-width: 1279px) and (min-width: 768px) {
.logocomunicart {margin: 5px 0px; max-width:70%; float:left}
.top-bar ul > li a:not(.button) {margin-left: 0px}
.hide-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .hide-for-xlarge {display:inherit !important}
.show-for-small, .hide-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge {display:none !important}
.top-bar ul>li a:not(.button) {color:#000; font-size:12px; font-weight:bold; height:35px; /*line-height:45px; */padding:0 3px; margin:0px; float: left}
.touch table.hide-for-xlarge, .touch table.hide-for-large, .touch table.hide-for-small, .touch table.show-for-medium {display:table !important}
.imgreducidadcha {margin-left:30px; margin-bottom:30px; max-width:95% !important; float:right}
.top-bar ul>li.has-dropdown a:after {content:""; display:block; width:0; height:0; border:solid 5px; border-color:#f4594f transparent transparent transparent; margin-right:-5px; margin-top:-2.5px; position:absolute; right:0; top:50%}
}

@media only screen and (max-device-width: 1280px) {
.touch .nav-bar li.has-flyout>a {padding-right:36px !important}
}

@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {.flex-video {padding-top:0}
}

@media only screen and (max-width: 1279px) and (min-width: 768px) {
.touch .nav-bar li a {font-size:13px}
.touch .nav-bar li.has-flyout>a.flyout-toggle {padding:20px !important}
.touch .nav-bar li.has-flyout>a {padding-right:36px !important}
.clearing-main-right, .clearing-main-left {height:100%; width:40px; top:0; border:none}
.clearing-main-right:before, .clearing-main-left:before {position:absolute; top:50%}
.clearing-main-left {left:0}
.clearing-main-left:before {left:5px; content:""; display:block; width:0; height:0; border:solid 16px; border-color:transparent #fff transparent transparent}
.clearing-main-right {height:100%; right:0}
.clearing-main-right:before {content:""; display:block; width:0; height:0; border:solid 16px; border-color:transparent transparent transparent #fff}
}

@media only screen and (max-width: 767px) {
/*h3 {font-size:120%; line-height:120%; margin-top:40px}*/
.show-for-small, .hide-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .hide-for-xlarge {display:inherit !important}
.hide-for-small, .show-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge {display:none !important}

.orbit.orbit-stack-on-small img.fluid-placeholder {visibility:visible}
.orbit.orbit-stack-on-small .orbit-slide {position:static; margin-bottom:10px}
table.hide-for-xlarge, table.hide-for-large, table.hide-for-medium, table.show-for-small {display:table !important}
.left, .right {float:none}
.row {width:auto; min-width:0; margin-left:5; margin-right:5}
.column, .columns {width:auto !important; float:none}
.column:last-child, .columns:last-child {float:none}
[class*="column"]+[class*="column"]:last-child {float:none}
.column:before, .columns:before, .column:after, .columns:after {content:""; display:table}
.column:after, .columns:after {clear:both}
.offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten {margin-left:0 !important}
.push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten {left:auto}
.pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten {right:auto}
.row .mobile-one {width:25% !important; float:left; padding:0 15px}
.row .mobile-one:last-child {float:right}
.row .mobile-one.end {float:left}
.row.collapse .mobile-one {padding:0}
.row .mobile-two {width:50% !important; float:left; padding:0 15px}
.row .mobile-two:last-child {float:right}
.row .mobile-two.end {float:left}
.row.collapse .mobile-two {padding:0}
.row .mobile-three {width:75% !important; float:left; padding:0 15px}
.row .mobile-three:last-child {float:right}
.row .mobile-three.end {float:left}
.row.collapse .mobile-three {padding:0}
.row .mobile-four {width:100% !important; float:left; padding:0 15px}
.row .mobile-four:last-child {float:right}
.row .mobile-four.end {float:left}
.row.collapse .mobile-four {padding:0}
.push-one-mobile {left:25%}
.pull-one-mobile {right:25%}
.push-two-mobile {left:50%}
.pull-two-mobile {right:50%}
.push-three-mobile {left:75%}
.pull-three-mobile {right:75%}
.block-grid.mobile>li {float:none; width:100%; margin-left:0}
.block-grid>li {clear:none}
.block-grid.mobile-one-up>li {width:100%}
.block-grid.mobile-two-up>li {width:50%}
.block-grid.mobile-two-up>li:nth-child(2n+1) {clear:both}
.block-grid.mobile-three-up>li {width:33.33333%}
.block-grid.mobile-three-up>li:nth-child(3n+1) {clear:both}
.block-grid.mobile-four-up>li {width:25%}
.block-grid.mobile-four-up>li:nth-child(4n+1) {clear:both}
.block-grid.mobile-five-up>li {width:20%}
.block-grid.mobile-five-up>li:nth-child(5n+1) {clear:both}
.block-grid.mobile-six-up>li {width:16.66667%}
.block-grid.mobile-six-up>li:nth-child(6n+1) {clear:both}
.block-grid.mobile-seven-up>li {width:14.28571%}
.block-grid.mobile-seven-up>li:nth-child(7n+1) {clear:both}
.block-grid.mobile-eight-up>li {width:12.5%}
.block-grid.mobile-eight-up>li:nth-child(8n+1) {clear:both}
.block-grid.mobile-nine-up>li {width:11.11111%}
.block-grid.mobile-nine-up>li:nth-child(9n+1) {clear:both}
.block-grid.mobile-ten-up>li {width:10%}
.block-grid.mobile-ten-up>li:nth-child(10n+1) {clear:both}
.block-grid.mobile-eleven-up>li {width:9.09091%}
.block-grid.mobile-eleven-up>li:nth-child(11n+1) {clear:both}
.block-grid.mobile-twelve-up>li {width:8.33333%}
.block-grid.mobile-twelve-up>li:nth-child(12n+1) {clear:both}
label.right {text-align:left}
.nav-bar {height:auto}
.nav-bar>li {float:none; display:block; border-right:none}
.nav-bar>li>a.main {text-align:left; border-top:1px solid #ddd; border-right:none}
.nav-bar>li:first-child>a.main {border-top:none}
.nav-bar>li.has-flyout>a.flyout-toggle {position:absolute; right:0; top:0; padding:22px; z-index:2; display:block}
.nav-bar>li.has-flyout.is-touch>a.flyout-toggle span {content:""; width:0; height:0; display:block}
.nav-bar>li.has-flyout>a.flyout-toggle:hover span {border-top-color:#141414}
.nav-bar.vertical>li.has-flyout>.flyout {left:0}
.flyout {position:relative; width:100% !important; top:auto; margin-right:-2px; border-width:1px 1px 0 1px}
.flyout.right {float:none; right:auto; left:-1px}
.flyout.small, .flyout.large {width:100% !important}
.flyout p:last-child {margin-bottom:18px}
.reveal-modal-bg {position:absolute}
.reveal-modal, .reveal-modal.small, .reveal-modal.medium, .reveal-modal.large, .reveal-modal.xlarge {width:80%; top:15px; left:50%; margin-left:-40%; padding:20px; height:auto}
.clearing-container {margin:0}
.clearing-close {z-index:99; font-size:37px; top:0px; right:5px}
.clearing-caption {position:fixed; bottom:0; left:0; padding:10px !important; line-height:1.3}
.clearing-main-right, .clearing-main-left {display:none}
.clearing-blackout.clearing-assembled .visible-img, .clearing-blackout.clearing-assembled .clearing-container {height:100%}
.clearing-blackout.clearing-assembled ul[data-clearing] {display:none}
.joyride-tip-guide {width:95% !important; left:2.5% !important; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px}
.joyride-tip-guide-wrapper {width:100%}
.tabs.mobile {width:auto; border-bottom:solid 1px #ccc; height:auto; margin:20px -15px 0px -15px}
.tabs.mobile dt, .tabs.mobile li, .tabs.mobile dd {float:none; height:auto}
.tabs.mobile dd a, .tabs.mobile li a {font-size:15px; display:block; width:auto; height:auto; padding:18px 20px; margin:0; color:#555; line-height:1; border:none; border-left:none; border-right:none; border-top:1px solid #ccc; background:#fff}
.tabs.mobile dd a.active, .tabs.mobile li a.active {border:none; background:#2ba6cb; color:#fff; margin:0; position:static; top:0; height:auto}
.tabs.mobile dd:first-child a.active, .tabs.mobile li:first-child a.active {margin:0}
.tabs.mobile+.tabs-content.contained {margin-left:-15px; margin-right:-15px}
.tabs.mobile .section-title {padding-left:20px !important}
.contained.mobile {margin-bottom:0}
.contained.tabs.mobile dd a, .contained.tabs.mobile li a {padding:18px 20px}
.tabs.mobile+ul.contained {margin-left:-20px; margin-right:-20px; border-width:0 0 1px 0}
.tooltip {line-height:1.4; padding:7px 10px 9px 10px; left:50% !important; max-width:80% !important; margin-left:-40%; font-size:110%}
.tooltip>.nub, .tooltip.top>.nub, .tooltip.left>.nub, .tooltip.right>.nub {border-color:transparent transparent #000 transparent; border-color:transparent transparent rgba(0, 0, 0, 0.85) transparent; top:-12px; left:10px}
}

/*max-width: 940px*/
@media only screen and (max-width: 500px) {
.top-bar {margin-bottom:0; overflow:hidden; height:35px; background:#fff}
.top-bar .js-generated {display:block}
.contain-to-grid .top-bar {width:auto}
.top-bar section {left:0; position:relative; width:100%; -webkit-transition:left 300ms 0; -moz-transition:left 300ms 0; -o-transition:left 300ms 0; transition:left 300ms 0}
.top-bar ul {width:100%; height:inherit; margin-bottom:0; display:block}
.top-bar ul>li {float:none}
.top-bar ul>li.active, .top-bar ul>li:hover {background:#fcceca}
.top-bar ul>li.name {padding-top:2px; padding-bottom:2px; height:45px}
.top-bar ul>li.name h1 {line-height:1}
.top-bar ul>li.name h1 a {color:#fff; display:block; line-height:45px !important; padding-left:15px; height:45px; font-size:10px}
.top-bar ul>li:hover a, .top-bar ul>li.active a {color:#000}
.top-bar ul>li a:not(.button) {color:#000}
.top-bar ul>li.toggle-topbar {cursor:pointer; display:block; height:45px; position:absolute; right:0; top:0; width:60%}
.top-bar ul>li.toggle-topbar a {content:""; display:block; width:0; height:0; border:solid 10px; border-color:#000 transparent transparent transparent; padding:0; position:absolute; top:50%; right:22.5px; margin-top:-4px}
.top-bar ul>li.toggle-topbar:hover {background:inherit}
.top-bar ul>li.toggle-topbar a {padding:0 !important}
.top-bar ul>li.divider {border-top:solid 1px #e1e1e1; width:100%}
.top-bar ul>li.search {padding:0 22.5px}
.top-bar ul>li.search form {width:100%}
.top-bar ul>li.search form input[type=text] {width:75%}
.top-bar ul>li.search form .button {top:-1px; width:25%}
.top-bar ul>li.has-dropdown a {padding-right:33.75px}
.top-bar ul>li.has-dropdown:hover>.dropdown {display:block; visibility:hidden}
.top-bar ul>li.has-dropdown .dropdown {height:inherit; background:white; left:0; margin:0; padding:15px 0 0 0; position:absolute; visibility:hidden; overflow:hidden; z-index:0 !important}
.top-bar ul>li.has-dropdown .dropdown li a {color:black; font-weight:normal; height:1px; padding:0}
.top-bar ul>li.has-dropdown.moved {position:static}
.top-bar ul>li.has-dropdown.moved>.dropdown {top:0; visibility:visible}
.top-bar ul>li.has-dropdown.moved>.dropdown li label {margin:5px !important; font-size:14px}
.top-bar ul>li.has-dropdown.moved>.dropdown li:not(.title) {padding-bottom:0}
.top-bar ul>li.has-dropdown.moved>.dropdown li:not(.title) a {padding:2px; display:none/*font-size:14px*/}
.top-bar ul>li.has-dropdown.moved>.dropdown li a, .top-bar ul>li.has-dropdown.moved>.dropdown li label {padding:5px 22.5px; line-height:15px}
.top-bar ul>li.has-dropdown.moved>.dropdown li a:hover {background:#fcceca; display:block}
.top-bar ul>li.has-dropdown.moved>.dropdown li.divider {/*border-bottom:solid 1px red; margin-top:8px !important; margin-bottom:8px !important*/}
.top-bar ul>li.has-dropdown.moved .back.title {padding-bottom:20px}
.top-bar ul>li.has-dropdown.moved .back.title a:before {position:absolute; top:50%; left:-5px; margin-top:-5px; content:""; display:block; width:0; height:0; border:solid 10px; border-color:transparent #fcceca transparent transparent}
.top-bar ul>li.has-dropdown.moved .back.title h5 {margin:0; padding-left:15px; position:relative}
.top-bar ul>li.has-dropdown.moved .back.title h5 a {background:transparent; padding-top:2px; padding-bottom:2px; font-size:18px; font-weight:bold}
.top-bar ul>li.has-dropdown .dropdown li {background:transparent}
.top-bar ul>li.has-dropdown .dropdown li.has-dropdown .dropdown {left:100% !important; top:0; right:auto !important}
.top-bar ul>li.has-dropdown .dropdown li.has-dropdown>a {padding-right:33.75px}
.top-bar ul>li.has-dropdown .dropdown li.has-dropdown>a:after {content:""; margin-right:15px; display:block; width:0; height:0; border:solid 5px; border-color:transparent transparent transparent rgba(255, 255, 255, 0.5); position:absolute; top:50%; margin-top:-4.5px}
.top-bar ul>li.has-dropdown .dropdown li.has-dropdown>a li a:hover {background:#3c3c3c}
.top-bar ul>li.has-dropdown .dropdown li.has-dropdown.moved {position:static}
.top-bar ul>li.has-dropdown .dropdown li.has-dropdown.moved .dropdown {top:0; visibility:visible}
.top-bar ul>li.has-dropdown .dropdown li.has-dropdown:hover {display:block}
.top-bar ul.left, .top-bar ul.right {/*float:none; */width:100%}
.top-bar ul.left>li, .top-bar ul.right>li {display:block; float:none; margin:0 !important}
.top-bar ul.left>li.has-dropdown .dropdown, .top-bar ul.right>li.has-dropdown .dropdown {width:100%; left:100% !important; top:0; right:auto !important}
.top-bar section>ul li a:not(.button) {padding-left:100px !important}
.top-bar.expanded { height:auto}
.top-bar ul li.has-button {padding:0px 10px}
.top-bar ul li .button.small {margin:0 !important; display:inline-block; width:100%}
.top-bar ul>li.has-button a.button {margin:0}
.top-bar ul>li:not(.name).active a {/*margin-top:10px; margin-bottom:10px; */ color:#f4594f}
.top-bar ul>li.has-dropdown .dropdown li {line-height:2; width:350px}
.top-bar ul>li.has-dropdown .dropdown li.divider {height:0px; padding: 0px; width:100%; margin-top:0px}

#menuCA13 {position: absolute; width:100%; z-index:500; background-color:white}}

/*************************************************
MENÚS
*************************************************/
/************
## Toggler ##
************/
.pure-toggle {left: -9999px; position: absolute; top: -9999px}
.pure-toggle:focus ~ .pure-toggle-label {border-color: #00b9c5; color: #00b9c5}
.pure-toggle-label {cursor: pointer; display: block; position: fixed; top: 15px; z-index: 99; color: #5d809d; width: 70px; height: 70px; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; border: 2px solid #5d809d; border-radius: 50%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent}
.pure-toggle-label:hover {border-color: #00b9c5; color: #00b9c5}
.pure-toggle-label:hover .pure-toggle-icon, .pure-toggle-label:hover .pure-toggle-icon:before, .pure-toggle-label:hover .pure-toggle-icon:after {background-color: red}
.pure-toggle-label:active {-webkit-tap-highlight-color: transparent}
.pure-toggle-label .pure-toggle-icon, .pure-toggle-label .pure-toggle-icon:before, .pure-toggle-label .pure-toggle-icon:after {position: absolute; top: 50%; left: 50%; height: 4px; width: 35px; cursor: pointer; background: #5d809d; display: block; content: ''; -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out}
.pure-toggle-label .pure-toggle-icon {transform: translate3d(-50%, -4px, 0)}
.pure-toggle-label .pure-toggle-icon:before {transform: translate3d(-50%, -14px, 0)}
.pure-toggle-label .pure-toggle-icon:after {transform: translate3d(-50%, 10px, 0)}
.pure-toggle-label[data-toggle-label='left'] {left: 15px; right: auto}
.pure-toggle-label[data-toggle-label='right'] {right: 28px; left: auto}
.pure-toggle-label[data-toggle-label='top'] {left: 50%; transform: translate3d(-50%, 0, 0)}
.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label:not([data-toggle-label='left']), .pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label:not([data-toggle-label='right']), .pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label:not([data-toggle-label='top']) {opacity: 0; z-index: -1}

.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'], .pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'], .pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label[data-toggle-label='top'] {border-color: #00b9c5; color: #00b9c5}

.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon, .pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon, .pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label[data-toggle-label='top'] .pure-toggle-icon {background-color: transparent}

.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon:before, .pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon:after, .pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon:before, .pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon:after, .pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label[data-toggle-label='top'] .pure-toggle-icon:before, .pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label[data-toggle-label='top'] .pure-toggle-icon:after {top: 0}

.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon:before, .pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon:before, .pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label[data-toggle-label='top'] .pure-toggle-icon:before {-ms-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg)}

.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon:after, .pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon:after, .pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label[data-toggle-label='top'] .pure-toggle-icon:after {-ms-transform: translateX(-50%) translateY(-10px) rotate(-45deg); transform: translateX(-50%) translateY(-10px) rotate(-45deg); top: 10px}

/***********
## Drawer ##
***********/
.pure-drawer {position: fixed; top: 0; left: 0; z-index: 1; height: 100%; visibility: hidden; background-color: #000; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; width: 70%}
@media only screen and (min-width: 40.063em) {.pure-drawer {width: 300px}}
@media only screen and (min-width: 64.063em) {.pure-drawer {width: 300px}}
.pure-drawer[data-position='right'] {left: auto; right: 0}
.pure-drawer[data-position='top'] {height: 100%; width: 100%}
@media only screen and (min-width: 40.063em) {.pure-drawer[data-position='top'] {height: 100%}}
@media only screen and (min-width: 64.063em) {.pure-drawer[data-position='top'] {height: 100px}}

/*********************
## Effect - Push ##
*********************/
/* DRAWER */
[data-effect='pure-effect-push'] .pure-drawer {-webkit-transition-duration: 500ms; transition-duration: 500ms}
[data-effect='pure-effect-push'] .pure-drawer[data-position='left'] {-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0)}
[data-effect='pure-effect-push'] .pure-drawer[data-position='right'] {-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0)}
[data-effect='pure-effect-push'] .pure-drawer[data-position='top'] {-webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0)}
[data-effect='pure-effect-push'] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'], [data-effect='pure-effect-push'] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'], [data-effect='pure-effect-push'] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}


/*MENU*/

.page-wrap {max-width: 1550px; padding:0px 10px; margin: 0 auto; z-index: 1; margin-bottom:30px}
.vbox-open {overflow: hidden}
/************************* HOME **************************/


ul.submenuNav li a:hover, ul.submenuNav li a:focus {background-color: #ffffff; color: red !important}
nav.pure-drawer li {position: relative}
nav.pure-drawer li ul.submenuNavMobile {margin: 0!important; line-height:90%}
nav.pure-drawer li ul.submenuNavMobile li a {color: red; border-color: green}
nav.pure-drawer li.active ul.submenuNavMobile {background: orange; margin-left: -30px}
nav.pure-drawer li.active ul.submenuNavMobile li a {color: black!important; border-color: white!important; margin-left: -50px; font-size: 14px}
nav.pure-drawer li.active ul.submenuNavMobile li a:hover, nav.pure-drawer li.active ul.submenuNavMobile li a:focus {background: white; color: red !important}
.closed span.iconPlus {position: absolute; top: 0; right: 0; width: 50px; height: 45px; line-height: 1; text-align: center; padding-top: 10px; font-size: 1.6rem; cursor: pointer; color: #fbf5de; transition: all 0.3 ease; border-bottom: 1px solid transparent}
.closed span.iconPlus:before {content: "\f067"; font-family: 'FontAwesome'; color: red}
.closed span.iconPlus:hover, .closed span.iconPlus:focus {color: black; background: rgba(251, 245, 222, 0.8); border-bottom: 1px solid #fbf5de}
.closed ul.submenuNavMobile {display: none; opacity: 0; visibility: hidden}
.active span.iconMinus {position: absolute; top: 0; right: 0; width: 50px; height: 45px; line-height: 1; text-align: center; padding-top: 10px; font-size: 16px; font-size: 1.6rem; cursor: pointer; color: red; transition: all 0.3 ease; border-bottom: 1px solid transparent}
.active span.iconMinus:before {content: "\f068"; font-family: 'FontAwesome'}
.active span.iconMinus:hover, .active span.iconMinus:focus {color: black; background: rgba(251, 245, 222, 0.8); border-bottom: 1px solid #fbf5de}
.active ul.submenuNavMobile {display: block; opacity: 1; visibility: visible}
.logo {position: relative; width: 100px; text-align: center}
.logo a {float: left; width: 100%}
.logo img {width: 100%; height: auto; max-width: 320px; transition: all 0.3s ease}
.active {color: red}
.active a {color: red}
.localizador {position: absolute; right: 2rem; bottom: 3.2rem}
.pure-container {display: none}
.pure-pusher-container {position: absolute; right: 0; width: 100%}
.pure-drawer {display: block; overflow: hidden}
.pure-drawer li {font-family: 'Insaniburger', sans-serif; display: block; font-size: 20px; width: 100%}
.pure-drawer li.active a {color: orange !important; border-color: white!important}
.pure-drawer li a {display: block; color: #fbf5de; padding: .6rem 1.5rem; border-bottom: 1px solid #fbf5de}
.pure-drawer li a:hover, .pure-drawer li a:focus, .pure-drawer li a:active {color: red !important; border-color: orange; background:white !important}

@media (max-width: 1500px) {
nav ul.navLeft, nav ul.navRight {width: 40%}
nav ul.navLeft li, nav ul.navRight li {font-size: 1.2rem}
nav ul.navLeft li:last-child, nav ul.navRight li:last-child {padding-right: 2rem}
nav ul.navLeft li ul.submenuNav li:last-child, nav ul.navRight li ul.submenuNav li:last-child {padding-right: 0!important}
.navRight {padding-right: 5% !important}
.navRight {padding-right: 5%!important}
.logo {width: 10%}
nav ul.navLeft, nav ul.navRight {width: 41%}
}

@media (max-width: 900px) {
nav {height: 75px}
.logo {width: 120px; margin:auto}
.navLeft, .navRight {display: none!important}
.sliderHome, .mTopHeader, .sliderCarta, .slider {margin-top: 70px}
.pure-container {display: block; text-align:center}
.pure-toggle-label {width: 55px; height: 45px; border: none; top: 2px}
.pure-toggle-label .pure-toggle-icon, .pure-toggle-label .pure-toggle-icon:before, .pure-toggle-label .pure-toggle-icon:after {background: green}
.pure-toggle-label[data-toggle-label='right'] {right: 5px}
.localizador {position:relative; right: 30px; top:10px}
.localizador img {width: 100%}
.pure-drawer {border-left: 1px solid red}
}

/*==============================================
FORMS
==============================================*/

.bisque {background:bisque; font-family:'Courier New', Courier, monospace, sans-serif; border:1px solid #ccc; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px; -webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1); color:grey; display:inline-block; font-size:18px; padding:10px; height:40px; margin-top:5px}

input, select, option, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {background:bisque; border:1px solid #ccc; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px; -webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1); display:inline-block; font-size:18px; margin-top:5px; padding:10px; height:40px; /*width:100%; max-width: 400px; */
-webkit-transition:all 0.15s linear; -moz-transition:all 0.15s linear; -o-transition:all 0.15s linear; transition:all 0.15s linear}

.textfieldValidState input, input.textfieldValidState {background-color: #B8F5B1; color: black}

select {width:100%; /*max-width:400px; */ font-family: "Courier New", Courier, monospacesans-serif; color:grey}

fieldset {border:solid 1px #ddd; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; padding:12px; margin:18px 0}

fieldset legend {font-weight:bold; background:#fff; padding:0 3px; margin:0; margin-left:-3px}

.error input, input.error, .error textarea, textarea.error, .error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus {border-color:red; background-color:rgba(198, 15, 19, 0.1)}

.error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus {outline-color:#f5797c}

.error label, label.error {color:#c60f13}

.error small, small.error {display:block; padding:6px 4px; margin-top:-13px; margin-bottom:12px; background:#c60f13; color:#fff; font-size:12px; font-weight:bold; -moz-border-radius-bottomleft:2px; -webkit-border-bottom-left-radius:2px; border-bottom-left-radius:2px; -moz-border-radius-bottomright:2px; -webkit-border-bottom-right-radius:2px; border-bottom-right-radius:2px}

form.custom span.custom {display:inline-block; width:16px; height:16px; position:relative; top:2px; border:solid 1px #ccc; background:#fff}
form.custom span.custom.radio {-webkit-border-radius:100px; -moz-border-radius:100px; -ms-border-radius:100px; -o-border-radius:100px; border-radius:100px}
form.custom span.custom.checkbox:before {content:""; display:block; line-height:0.8; height:14px; width:14px; text-align:center; position:absolute; top:0; left:0; font-size:14px; color:#fff}
form.custom span.custom.radio.checked:before {content:""; display:block; width:8px; height:8px; -webkit-border-radius:100px; -moz-border-radius:100px; -ms-border-radius:100px; -o-border-radius:100px; border-radius:100px; background:#222; position:relative; top:3px; left:3px}
form.custom span.custom.checkbox.checked:before {content:"\00d7"; color:#222}
form.custom div.custom.dropdown {display:block; position:relative; width:auto; height:28px; margin-bottom:9px; margin-top:2px}
form.custom div.custom.dropdown ul {overflow-y:auto; max-height:200px}
form.custom div.custom.dropdown a.current {display:block; width:auto; line-height:26px; min-height:28px; padding:0; padding-left:6px; padding-right:38px; border:solid 1px #ddd; color:#141414; background-color:#fff; white-space:nowrap}
form.custom div.custom.dropdown a.selector {position:absolute; width:27px; height:28px; display:block; right:0; top:0; border:solid 1px #ddd}
form.custom div.custom.dropdown a.selector:after {content:""; display:block; width:0; height:0; border:solid 5px; border-color:#aaa transparent transparent transparent; position:absolute; left:50%; top:50%; margin-top:-2px; margin-left:-5px}
form.custom div.custom.dropdown:hover a.selector:after, form.custom div.custom.dropdown.open a.selector:after {content:""; display:block; width:0; height:0; border:solid 5px; border-color:#222 transparent transparent transparent}
form.custom div.custom.dropdown.open ul {display:block; z-index:10}
form.custom div.custom.dropdown.small {width:134px !important}
form.custom div.custom.dropdown.medium {width:254px !important}
form.custom div.custom.dropdown.large {width:434px !important}
form.custom div.custom.dropdown.expand {width:100% !important}
form.custom div.custom.dropdown.open.small ul {width:134px !important}
form.custom div.custom.dropdown.open.medium ul {width:254px !important}
form.custom div.custom.dropdown.open.large ul {width:434px !important}
form.custom div.custom.dropdown.open.expand ul {width:100% !important}
form.custom div.custom.dropdown ul {position:absolute; width:auto; display:none; left:0; top:27px; margin:0; padding:0; background:#fff; border:solid 1px #ccc}
form.custom div.custom.dropdown ul li {color:#555; font-size:13px; cursor:pointer; padding:3px; padding-left:6px; padding-right:38px; min-height:18px; line-height:18px; margin:0; white-space:nowrap; list-style:none}
form.custom div.custom.dropdown ul li.selected {background:#cdebf5; color:red}
form.custom div.custom.dropdown ul li.selected:after {content:"\2013"; position:absolute; right:10px}
form.custom div.custom.dropdown ul li:hover {background-color:#cdebf5; color:#000}
form.custom div.custom.dropdown ul li:hover:after {content:"\2013"; position:absolute; right:10px; color:#a3dbec}
form.custom div.custom.dropdown ul li.selected:hover {background:#cdebf5; cursor:default; color:#000}
form.custom div.custom.dropdown ul li.selected:hover:after {color:#000}
form.custom div.custom.dropdown ul.show {display:block}
form.custom .custom.disabled {background-color:#ddd}

.js-powrMark, .powrMark, js-powrMark, powrMark {display: none !important;   visibility: hidden !important}
.socialFeed a {visibility: hidden !important}

#appView .powrMark {position: absolute !important; cursor: pointer; display: none !important; visibility: hidden !important; background: black; border: none; color: white; width: 0px; height: 0px; overflow: hidden}
#appView .powrMark a {text-decoration:none}
#appView .powrMark__logo {width:55px;  vertical-align:top}
#appView .powrMark__logo-block {width:65px; display:block; margin:0 auto; margin-bottom:15px}
#appView .powrMark__logo-with-text {width:90px}
#appView .powrMark__dot {display:inline-block;  width:3px;  height:3px;  margin:3px;  -webkit-border-radius:100px;  -moz-border-radius:100px;  border-radius:100px;  background-color:#ccc}
#appView .powrMark .watermark-plugins .powrIcon {font-weight:700;  color:#5287df}
#appView .powrMark .userHasApp {position:absolute;  height:100%;  width:34%;  left:33%;  display:inline-block}
#appView .powrMark .userHasApp.hid {display:none}
#appView .powrMark .watermark-animation .userHasApp {z-index:9}
#appView .powrMark .button-primary {background-color:red !important;  border-color:#5287df;  color:#fff;  transition:background .2s ease;  -webkit-transition:background .2s ease;  -moz-transition:background .2s ease;  -ms-transition:background .2s ease;  -o-transition:background .2s ease}
#appView .powrMark .button-primary:focus {outline:none}
#appView .powrMark .button-primary:hover {background:#6393e2}
#appView .powrMark .button-primary:active {background:#2869d6}
#appView .powrMark .button-primary.is-disabled {background-color:#a0abbe;  border-color:#a0abbe;  color:#fff;  opacity:.4;  cursor:not-allowed}
#appView .powrMark .button-primary.is-disabled-with-color {opacity:.4;  cursor:not-allowed}

/*GALERÍA Grid*/
.figcaptionpp {position: absolute; margin: 10px;  max-width: 190px; padding-top: 64px}
.slideshow {list-style: none; padding: 0; color:#76221c; margin: auto; text-align: center}
.grid-gallery figure {margin: 0}
.grid-gallery figure img {display: block; width: 100%}
.grid-gallery figcaption h3 {margin: 0; padding: 0 0 0.5em; font-size: 18px; color: white; font-family: BerlinSans}
.grid-gallery figcaption p {margin: 0}
/* Grid style */
.grid-wrap {margin: 0px auto 30px auto; max-width: 1450px; text-align: center; display: inline-block}
.grid {margin: 0 auto}
.grid li {width: 450px; display: inline-table; cursor: pointer; position: initial !important; margin: 20px auto}
.grid figure {padding: 10px; -webkit-transition: opacity 0.2s; transition: opacity 0.2s}
.grid li:hover figure {opacity: 0.7}
.grid figcaption {padding: 10px; background: black; text-align:center; height: auto; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px}

/* Slideshow style */
.slideshow {position: fixed; background-color: rgba(255, 255, 255, .8); background-image: url("../images/fondo.svg"); background-size: 200px; background-repeat: repeat; background-position: center; width: 100%; height: 100%; top: 0; left: 0; z-index: 500; opacity: 0; visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; -webkit-transition: opacity 0.5s, visibility 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s; padding-top: 2%; vertical-align: top}
.slideshow-open .slideshow {opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s; transition: opacity 0.5s}
.slideshow ul {-webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translate3d(0, 0, 150px); transform: translate3d(0, 0, 150px); -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; margin: 0px 10%; position: relative; overflow: hidden; width: 100%; height: 100%}
.slideshow ul.animatable li {-webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s}
.slideshow-open .slideshow ul {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
.slideshow li {position: absolute; margin: auto; visibility: hidden; display: block}
.slideshow li.show {visibility: visible; width: 80%; display: inline-flex; flex-direction: column; max-width: 1300px}
.slideshow li:after {content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0}
.slideshow li.current:after {visibility: hidden; opacity: 0; -webkit-transition: opacity 0.3s, visibility 0s 0.3s; transition: opacity 0.3s, visibility 0s 0.3s}
.slideshow figure {width: 100%; background: rgba(247, 234, 210, 0.8); overflow: hidden; height: 100%; border-radius:10px; padding:0px}
.slideshow figcaption {padding-bottom: 0px}
.slideshow figcaption h3 {font-weight: 300; font-size: 1.5em; color: black}
/* Navigation */
.slideshow nav span {position: fixed; display: block; z-index: 1000; color: red; text-align: center; padding: 0px 10%; cursor: pointer; font-size: 2.2em; text-shadow:0 0 5px rgba(0, 0, 0, 1)}
.slideshow nav span.nav-prev, .slideshow nav span.nav-next {top: 47%}
.slideshow nav span.nav-next {right: 0}
.slideshow nav span.nav-close {top: 0; right: 0; padding: 0.5em 10%; color: red}

@media screen and (min-width: 600px) and (max-width: 1600px) /*960 pixels 60em*/ {
.slideshow ul {margin: auto; display: flex; align-items: center}
.grid li {width: 400px}
.slideshow li {margin: 0px 7%}
.slideshow li figure img {width: auto; margin: auto; max-height: 370px; overflow: scroll}
.slideshow nav span, .slideshow nav span.nav-close {font-size: 1.8em; padding: 0.3em}
.info-keys {display: none}
}

@media only screen and (max-width: 600px) {
.marginleft {margin-top: 20px; margin-left: auto}
.slideshow ul {top: 0%}
.grid li {width: 94%; margin-top: 10px}
.slideshow ul {position: absolute; margin-left: 5px; max-width: 98%}
.slideshow nav span.nav-prev, .slideshow nav span.nav-next {top: 20%}
h1 {font-size:36px}
.column, .columns {padding: 0px; margin: 0px}
.column p, .columns p, .column h4, .columns h4 {padding:0px 10px}
.row {padding: 0px}
.grid figure {padding: 0px 10px}
.carta {font-size:22px}
.izda {max-width:365px; padding-left:0px}
.menus, .menusb, .menusmas, .precios {line-height:120%; text-align: center}
.menus {font-size: 28px; margin: 0px auto}
.footerbot {margin: 0px}
.footerpp {width: 350px}
.indent15 {text-indent: -12px}
.indent27 {text-indent: -22px}
.indent37 {text-indent: -28px}
#wowslider-container1 .ws_bullets a {visibility: hidden}
#wowslider-container1 .ws-title {font-size: 16px !important; line-height: 100% !important}
}

.icon:before, .icon:after {font-family: 'fontawesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale}

span.nav-prev:before {content: "\e601"}
span.nav-next:before {content: "\e600"}
span.nav-close:before {content: "\e602"}

/* Info on arrow key navigation */
.info-keys {position: fixed; top: 10px; left: 10px; width: 60px; font-size: 14px; padding-top: 20px; text-transform: uppercase; color: #000; letter-spacing: 1px; text-align: center}
.info-keys:before, .info-keys:after {position: absolute; top: 0; width: 16px; height: 16px; border: 1px solid #fff; text-align: center; line-height: 14px; font-size: 12px}
.info-keys:before {left: 10px; content: "\e603"}
.info-keys:after {right: 10px; content: "\e604"}