@font-face {font-family:'DIN';src:url("/fuentes/dine.eot");src:url("/fuentes/dine.eot#iefix") format('embedded-opentype'),url("/fuentes/dine.woff") format('woff'),url("/fuentes/dine.svg#dine") format('svg');font-weight:normal;font-style:normal;}
@font-face {font-family:'FuturaBold';src:url("/fuentes/futura-bold.eot");src:url("/fuentes/futura-bold.eot") format('embedded-opentype'),url("/fuentes/futura-bold.woff") format('woff'),url("/fuentes/futura-bold.svg#FuturaBold") format('svg');}


body {
    font-family: 'Arial',sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
}
.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}
a, a:hover { text-decoration: none; }

.float-left { float: left; }
.float-right { float: right; }

div.footer {
    background: none repeat scroll 0 0 #000000;
    bottom: 0;
    font-family: 'Arial',sans-serif;
    font-size: 12px;
    height: 38px;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 4000;
}
div.footer, div.footer a { color: #ffffff; }
.margin-footer {
    display: table;
    margin: 0 auto;
    padding-top: 12px;
}
.separador-pie {
    margin: 0 5px;
}
.fnd-body {
    background: url("/images/fnd-tira.png") repeat-y scroll 0 0 transparent;
    height: 100%;
    left: 50%;
    margin-left: -274px;
    padding-bottom: 138px;
    position: relative;
    top: 0;
    width: 548px;
}
.cuerpo-all a, .cuerpo-all {
	color: #4d4d4d;
}
.logo-surena-portada {
    padding-top: 66px;
    text-align: center;
}
.logo-surena-noportada {
    padding-top: 66px;
    text-align: center;
}
.cuerpo-portada {
    text-align: center;
}
.slogan {
    font-family: 'DIN',sans-serif;
    font-size: 24px;
    text-transform: uppercase;
}
.menu-li a {
    font-size: 16px;
    text-transform: uppercase;
}
.menu ul {
    float: left;
    margin: 0;
    padding: 0;
}
.menu ul li {
    cursor: pointer;
    float: left;
    font-family: 'DIN',sans-serif;
    font-size: 18px;
    list-style-image: none;
    list-style-type: none;
    margin-right: 30px;
    text-transform: uppercase;
}
.menu ul li.menu-last {
    margin-right: 0;
}
/*.m-la-carta {
    background: url("images/i-carta.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 30px;
    padding-left: 45px;
    padding-top: 6px;
}*/
.m-la-carta a {
    background: url("/images/i-carta.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 30px;
    padding-left: 45px;
    padding-top: 6px;
}
.m-abre-tu-franquicia {
    background: url("/images/i-franquicia.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 25px;
    padding-left: 37px;
    padding-top: 6px;
}
.m-encuentranos {
    background: url("/images/i-encuentranos.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 30px;
    padding-left: 39px;
    padding-top: 6px;
}
.rd-facebook a {
    background: url("/images/i-facebook.png") no-repeat scroll 0 0 transparent;
    color: transparent;
    display: block;
    height: 19px;
    text-indent: -9999px;
    width: 19px;
}
.rd-twitter a {
    background: url("/images/i-twitter.png") no-repeat scroll 0 0 transparent;
    color: transparent;
    display: block;
    height: 18px;
    text-indent: -9999px;
    width: 26px;
}
.rd-tuenti a {
    background: url("/images/i-tuenti.png") no-repeat scroll 0 0 transparent;
    color: transparent;
    display: block;
    height: 19px;
    text-indent: -9999px;
    width: 19px;
}
.rd-instagram a {
    background: url("/images/i-instagram.png") no-repeat scroll 0 0 transparent;
    color: transparent;
    display: block;
    height: 19px;
    text-indent: -9999px;
    width: 19px;
}
.redes-sociales-cuerpo ul li {
    float: left;
    list-style-image: none;
    list-style-type: none;
}
.redes-sociales-cuerpo ul {
    margin: 0;
    padding: 0;
}

.redes-sociales-cuerpo {
    display: table;
    margin: 0 auto;
}
.menu {
    display: table;
    margin: 10px auto -15px;
}
.i-arrow {
    text-align: center;
}
.button.no-button {
    background-color: transparent;
    background-image: url("/images/i-arrow.png");
    bottom: 0;
    display: block;
    height: 48px;
    left: 50%;
    margin-left: -24px;
    position: absolute;
    top: 5px;
    width: 48px;
}
.footer ul li {
    cursor: pointer;
}

.abretf-titulo {
    font-family: 'DIN',sans-serif;
    font-size: 25px;
    text-transform: uppercase;
}
.abretf-subtitulo {
    font-family: 'FuturaBold',sans-serif;
    font-size: 26px;
}
.abretf-titulo-grueso {
    font-family: 'FuturaBold',sans-serif;
    text-transform: uppercase;
}
.abretf-titulo-delgado {
    display: block;
    font-family: 'DIN',sans-serif;
    font-size: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.abretf-subtitulo > span {
    font-size: 18px;
}
.abretf-titulo-delgado > span {
    font-size: 11px;
}
.abretf-titulop-delgado {
    font-family: 'DIN',sans-serif;
    font-size: 19px;
    text-transform: uppercase;
}
.abretf-titulop-grueso {
    font-family: 'FuturaBold',sans-serif;
    font-size: 16px;
    text-transform: uppercase;
}
.abretf-titulop-enlace {
    background: none repeat scroll 0 0 #000000;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: inline-block;
    font-family: 'DIN',sans-serif;
    font-size: 21px;
    margin: 2px 0;
    padding: 1px 7px;
    cursor: pointer;
    text-transform: uppercase;
}
.titulo-redes-sociales {
    display: inline-block;
    font-family: 'DIN',sans-serif;
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 30px;
    text-transform: uppercase;
}
.redes-sociales-cuerpo ul li.rd {
    margin-right: 10px;
}
.redes-sociales-cuerpo ul li.rd-instagram {
    margin-right: 0;
}
.p-politica .cuerpo-all,
.p-cookies .cuerpo-all,
.p-aviso-legal .cuerpo-all {
    padding: 0 30px;
}
.labelwid label {
    float: left;
    font-family: 'DIN',sans-serif;
    font-size: 14px;
    text-align: left;
    text-transform: uppercase;
    width: 153px;
}
.labelwid input {
    border: 1px solid #DCDCDC;
    float: right;
    height: 26px;
    padding: 0 10px;
    width: 135px;
}
.labelwid select {
    border: 1px solid #DCDCDC;
    float: right;
    height: 26px;
    padding: 5px 10px;
    width: 157px;
}
.p-formulario .cuerpo-all {
    margin: 20px auto 0;
    width: 325px;
}
.p-formulario .cuerpo-portada > form > div {
    display: inline-block;
    margin-bottom: 9px;
    width: 100%;
}
input, textarea, select {
    color: #434343;
    font-family: 'Arial',sans-serif;
    font-size: 12px;
}
.labelwid.formcheckbox input {
    border: medium none;
    float: right;
    height: 15px;
    padding: 0 10px;
    width: 15px;
}
.labelwid.formcheckbox span {
    float: right;
    margin-left: 10px;
    padding-right: 5px;
}
.labelwid.formcheckbox label {
    float: left;
    font-family: 'DIN',sans-serif;
    font-size: 14px;
    text-align: left;
    text-transform: uppercase;
    width: 225px;
}
.formcheckboxfinal span {
    font-family: 'DIN',sans-serif;
    font-size: 13px;
    margin-left: 5px;
    text-transform: uppercase;
}
.p-formulario .cuerpo-portada > form div.formcheckboxfinal {
    text-align: left;
    width: 195px;
}
.p-formulario .cuerpo-portada > form > div.form-enviar {
    width: auto;
}
.form-enviar > input {
    background: none repeat scroll 0 0 #000000;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: 'DIN',sans-serif;
    font-size: 21px;
    margin: 20px 10px 0 0;
    padding: 1px 7px;
    text-transform: uppercase;
}
.formcheckboxfinal ul {
    display: inline-block;
    text-decoration: underline;
}
.formcheckboxfinal ul li {
	cursor: pointer;
}
.encuentranos-apt {
    border-bottom: 1px dotted #4D4D4D;
    padding: 7px 0;
    text-align: left;
    text-transform: uppercase;
}

.encuentranos-apt.last {
    border-bottom: none;
    text-align: left;
}
.encuentranos-titulo {
    font-family: 'FuturaBold',sans-serif;
}
.iframescroll {
    height: 525px;
    margin: 20px auto 0;
    overflow-y: auto;
    padding-right: 10px;
    width: 300px;
}
.p-aviso-legal .cuerpo-all {
    text-align: left;
    margin-top: 20px;
}

/* Tiny Scrollbar */
#scrollbar1 {
    margin: 20px auto 0;
    width: 310px;
}
#scrollbar1 .viewport {
    height: 400px;
    overflow: hidden;
    position: relative;
    width: 290px;
}
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background: transparent url("/images/bg-scrollbar-track-y.png") no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track { background: transparent url("/images/bg-scrollbar-trackend-y.png") no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background: transparent url("/images/bg-scrollbar-thumb-y.png") no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end { background: transparent url("/images/bg-scrollbar-thumb-y.png") no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }


.p-cookies p,
.p-politica p,
.p-aviso-legal p {
    margin-bottom: 10px;
}
.p-cookies .cuerpo-portada,
.p-politica .cuerpo-portada {
    margin-top: 20px;
    text-align: left;
}

.p-aviso-legal .fnd-body, .slide.p-aviso-legal {
    padding-bottom: 900px;
}
.p-politica .fnd-body,
.slide.p-politica {
    padding-bottom: 1330px;
}
.p-cookies .fnd-body,
.slide.p-cookies {
    padding-bottom: 605px;
}
.aviso-legal-uls li.enlace,
.p-cookies a,
.p-politica a,
.p-aviso-legal a {
    color: #000000;
    cursor: pointer;
}
.aviso-legal-uls, .aviso-legal-uls li, .aviso-legal-uls ul, .aviso-legal-uls ul li {
    float: left;
}
.p-cookies,
.p-politica,
.p-aviso-legal {
    font-size: 13px;
}
.p-politica ul li {
    list-style: disc inside none;
    padding-left: 15px;
}
.p-politica ul {
    margin-bottom: 10px;
}
.p-politica table {
    margin-bottom: 10px;
}
.navigation.navegar-politica-cookies, .navigation.navegar-politica-cookies li {
    color: #000000;
    cursor: pointer;
    float: left;
    list-style: none outside none;
    padding: 0;
}
.p-politica table tr td.tduno-uno {
    width: 30%;
}
table tr td.tduno-dos,
table tr td.tddos-dos,
table tr td.tdtres-dos {
    padding: 10px;
}
/*.slide.p-formulario, .p-formulario .fnd-body {
    padding-bottom: 345px;
}
*/
.slide.p-formulario, .p-formulario .fnd-body {
    padding-bottom: 20px;
}
.error-label {
    color: #E81010;
    float: right;
    font-size: 11px;
    font-style: italic;
    text-align: right;
    width: 100%;
}
.error-label.correo-error {
    background: none repeat scroll 0 0 #FACCCC;
    border: 1px solid #E81010;
    color: #000000;
    float: none;
    font-size: 13px;
    font-style: normal;
    margin: -20px 50px 20px;
    padding: 10px;
}
.error-label.mensaje-error {
    background: none repeat scroll 0 0 #FACCCC;
    border: 1px solid #E81010;
    color: #000000;
    float: none;
    font-size: 13px;
    font-style: normal;
    margin: 20px 50px;
    padding: 10px;
	text-align: left;
    width: auto;
}
.mensaje-valido {
    background: none repeat scroll 0 0 #ccfacf;
    border: 1px solid #17571c;
    color: #000000;
    font-size: 13px;
    font-style: normal;
    margin: 20px 50px;
    float: none;
    padding: 10px;
}
.labelwid textarea {
    border: 1px solid #DCDCDC;
    margin-bottom: 3px;
    margin-top: 5px;
    padding: 5px;
    resize: none;
    width: 313px;
}
.legales .slide {
    background: url("/images/bg.png") no-repeat fixed center top #000000 !important;
    height: auto;
    padding-bottom: 0;
    position: relative;
    width: auto;
}
.legales .fnd-body {
    background: url("/images/fnd-tira.png") repeat-y scroll 0 0 transparent;
    height: 100%;
    left: 50%;
    margin-left: -274px;
    padding-bottom: 0;
    position: relative;
    top: 0;
    width: 548px;
}
.p-formulario .form-aceptarlegales a {
    text-decoration: underline;
}
.legales .slogan {
    display: inline-block;
    font-family: 'DIN',sans-serif;
    font-size: 24px;
    margin-bottom: 10px;
    margin-top: 20px;
    text-transform: uppercase;
}
.legales .cuerpo-portada {
    font-size: 12px;
	text-align: left;
    padding: 0 30px;
}
.legales .cuerpo-portada p {
    margin: 10px 0;
}

.legales h1, .legales h2, .legales h3, .legales h4, .legales h5, .legales h6 {
    font-family: 'DIN';
    text-transform: uppercase;
	margin: 10px 0;
}
.legales h1 {
    font-size: 18px;
}
.legales h2 {
    font-size: 16px;
}
.legales h3 {
    font-size: 14px;
}
.legales .cuerpo-all a {
    color: #000000;
}
.legales .tduno-uno, .legales .tddos-uno, .legales .tdtres-uno {
    width: 28%;
}

.cuerpo-portada .abretufranquicia-legal {
    float: left;
    font-size: 11px;
    text-align: left;
    text-decoration: underline;
}
.abretf-titulo-min {
    font-family: 'DIN',sans-serif;
    font-size: 18px;
}


.p-portada .abretf-subtitulo {
    font-family: 'FuturaBold',sans-serif;
    font-size: 20px;
}
.p-portada .slogan {
    font-family: 'DIN',sans-serif;
    font-size: 21px;
    text-transform: uppercase;
}
.p-portada .abretf-titulo-delgado {
    display: block;
    font-family: 'DIN',sans-serif;
    font-size: 16px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.abretf-titulo-delgado.dejanostusdatos {
    font-size: 26px;
	margin-top: 5px;
}