body{min-height:100%;height:100%; background:#eeeeee; }
body{font-family: "Source Sans Pro", sans-serif; color:#43453e;font-size:10px;}
hr{display: none;}

a{outline:0!important;color:#004b4b; -moz-transition:color 0.3s ease-in-out;transition:color 0.3s ease-in-out;}
a:hover{ text-decoration: none;color: #c80000;}
a.currentPage{color:lightgray; font-weight:normal; text-decoration: none;}
a.currentPage:hover{color:lightgray;font-weight:normal;text-decoration: none;cursor:default;}

/* Mensajes */
.msg { padding:10px 20px 10px 50px; position: relative; -moz-border-radius:3px;border-radius:3px; margin-bottom: 20px; }
.msg p { font-size:14px; line-height: 20px; color:#fff;}

.msg.ok { background: #77b854;}
.msg.ok:before { content:""; display: block; width: 14px; height: 16px; background: url('../img/bg.png') no-repeat -405px 0; position:absolute; left:17px; top:11px;}

.msg.err { background: #eb4242;}
.msg.err:before { content:""; display: block; width: 12px; height: 13px; background: url('../img/bg.png') no-repeat -425px 0; position:absolute; left:19px; top:13px;}

.msg.wrn { background: #ffc938;}
.msg.wrn:before { content:""; display: block; width: 5px; height: 20px; background: url('../img/bg.png') no-repeat -440px 0; position:absolute; left:22px; top:9px;}.btn{ outline:none;display:inline-block; text-decoration: none; border:none; cursor: pointer; font-family:inherit;}
a.btn{}
/* btn01 */
.btn01 { font-size:16px; line-height: 30px; padding:10px 40px; color:#ffffff; -moz-border-radius: 3px;border-radius: 3px;
  background: #004b4b; font-weight: 600; border-bottom: 1px solid #003232; -moz-box-shadow:0px 1px 0px 0px rgba(0, 0, 0, 0.2);
  box-shadow:0px 1px 0px 0px rgba(0, 0, 0, 0.2); text-transform: uppercase; text-shadow:-1px 0 0 #003232; -moz-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;  }
.btn01:hover { background: #c80000; border-color:#c20000; text-shadow:-1px 0 0 #c20000;}

/* btn02 */
.btn02 { font-size:16px; line-height: 30px; padding:5px 30px; color:#ffffff; -moz-border-radius: 3px;border-radius: 3px;
  background: #004b4b; font-weight: 600; border-bottom: 1px solid #003232; -moz-box-shadow:0px 1px 0px 0px rgba(0, 0, 0, 0.2);
  box-shadow:0px 1px 0px 0px rgba(0, 0, 0, 0.2); text-transform: uppercase; text-shadow:-1px 0 0 #003232; -moz-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out; }
.btn02:hover { background:#c80000; border-color:#c20000;text-shadow:-1px 0 0 #c20000; }

/* btn-download */
.btn-download { display: inline-block; font-size: 15px; line-height: 20px; text-transform: uppercase; font-weight: 600; letter-spacing: -0.03em; padding:9px 19px 9px 44px; box-sizing: border-box; border:1px solid #e7e9e0; -moz-border-radius: 2px;border-radius: 2px; -moz-box-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.05);box-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.05); position: relative; background: #ffffff; }
.btn-download:before { content:""; display: block; width: 18px; height: 17px; background: url(../img/bg.png) no-repeat -450px 0; position: absolute; left:14px; top:10px; }
.btn-download em { font-style: normal; font-weight: normal; font-size: 13px; line-height: 20px;}
.btn-download:hover { color:#c80000;}
.row:after { content:""; display:block; clear:both; overflow:hidden;}


/*  breadcrumbs */
#breadcrumb{  margin-bottom:15px; position: relative; top:-1px;}
#breadcrumb > * { font-size:13px; line-height: 15px; position:relative; top:-1px; color:#767870; }
#breadcrumb strong { font-weight: normal; display: inline-block; }
#breadcrumb a { display: inline-block; color:#767870; text-decoration: underline; padding-right:16px; position: relative; margin-right:4px; }
#breadcrumb a:after { content:"/"; font-size:12px; line-height: 15px; color:#767870; position: absolute; right:0; top:0; text-decoration: none; }
#breadcrumb a:hover { color:#004b4b; text-decoration: none;}
/*  Formulario    */
.frm {}
.frm .fld-grp{}
.frm .fld-grp .fld {}
.frm .fld-grp .fld.hidden{display: none}
.frm .fld-grp .fld .lbl{}
.frm .fld-grp .fld .lbl > b{}
.frm .actions {}

.frm .fld input::-webkit-input-placeholder ,
.frm .fld select::-webkit-input-placeholder,
.frm .fld textarea::-webkit-input-placeholder{ color:#cccccc;font-weight: normal;}
.frm .fld input:-moz-placeholder,
.frm .fld select:-moz-placeholder,
.frm .fld textarea:-moz-placeholder{color:#cccccc;font-weight: normal;}

.frm .fld input,
.frm .fld select,
.frm .fld textarea,
.frm .fld input:focus,
.frm .fld select:focus,
.frm .fld textarea:focus{}
.frm .fld textarea{resize:vertical;font-family:inherit;}
.sending .actions .btn {line-height: 150px;cursor:default;overflow:hidden;border:none;-moz-box-shadow:none;box-shadow:none;background: url('/maronas/hipica/public/web/img/loader-03.gif?0') no-repeat center center;}


/* frm01 */
.frm01 { }
.frm01 .fld-grp{ }
.frm01 .fld-grp .fld { margin-bottom: 30px;}
.frm01 .fld-grp .fld .lbl{}
.frm01 .fld-grp .fld .lbl > b{ display:block; font-size:15px; line-height: 20px; color:#000000; font-weight: 600;margin-bottom: 10px;}
.frm01 .fld-grp .fld .lbl > b > .opcional{font-weight: normal;font-style:italic;font-size:.9em;line-height:0;}
.frm01 .fld-grp .fld .lbl .req { display: inline-block; color:#006464; font-weight:bold;}
/* Campos */
.frm01 .fld-grp .fld .lbl > select,
.frm01 .fld-grp .fld .lbl > textarea,
.frm01 .fld-grp .fld .lbl > input[type="password"],
.frm01 .fld-grp .fld .lbl > input[type="email"],
.frm01 .fld-grp .fld .lbl > input[type="text"] { padding:10px;height: 40px; display:block; background: #f6f6f6; border:1px solid #e7e9e0; -moz-border-radius:2px;border-radius:2px; box-sizing:border-box; font-size:15px; color:#000000; line-height: 20px; }
.frm01 .fld-grp .fld .lbl > input[type="password"],
.frm01 .fld-grp .fld .lbl > input[type="email"],
.frm01 .fld-grp .fld .lbl > input[type="text"] {padding:8px 10px;width: 385px; }
.frm01 .fld-grp .fld .lbl > select {width: 300px;}
.frm01 .fld-grp .fld .lbl > input:focus,
.frm01 .fld-grp .fld .lbl > select:focus,
.frm01 .fld-grp .fld .lbl > textarea:focus { background:#ffffff; border:2px solid #6eb414;}
.frm01 .fld-grp .fld .lbl > textarea {  width: 640px; height: 110px; resize:vertical; font-size:14px;}
.frm01 .fld-grp .fld .lbl > textarea[readonly] {min-height:80px; background: #ffffff; font-size:11px; line-height: 15px; color:#43453e; height:80px;}
.frm01 .fld-grp .fld .lbl > input.medium { width: 215px;}
/*  Error   */
.frm01 .fld-grp .fld .lbl > strong.err{display:block;font-size:12px;color:#e60000;line-height:15px;margin:5px 0}
.frm01 .fld-grp .fld .lbl > input.err,
.frm01 .fld-grp .fld .lbl > textarea.err,
.frm01 .fld-grp .fld .lbl > select.err { background:#ffffff;border:2px solid #e60000;color:#e60000;}
/*  Checkbox y radio buttons */
.frm01 .fld-grp .fld .lbl > label { position: relative;}
.frm01 .fld-grp .fld .lbl > label > b { font-size: 14px; line-height: 20px; position: relative; display: inline-block; font-weight:normal;  }
.frm01 .fld-grp .fld .lbl > label > input[type="radio"],
.frm01 .fld-grp .fld .lbl > label > input[type="checkbox"] { position:absolute; left:0; top:0; visibility: hidden; }
.frm01 .fld-grp .fld .lbl > label > input[type="radio"] + b,
.frm01 .fld-grp .fld .lbl > label > input[type="checkbox"] + b { padding-left:30px; }
.frm01 .fld-grp .fld .lbl > label > input[type="radio"]    + b:before,
.frm01 .fld-grp .fld .lbl > label > input[type="checkbox"] + b:before { content:""; display:block; background: url('../img/bg.png'); position: absolute; left:0; top:0;}
.frm01 .fld-grp .fld .lbl > label > input[type="radio"]    + b:before { width:20px; height:20px; background-position:-315px -25px;}
.frm01 .fld-grp .fld .lbl > label > input[type="checkbox"] + b:before { width:18px; height:18px; background-position:-365px 0;}
.frm01 .fld-grp .fld .lbl > label > input[type="radio"]:checked + b:before { background-position: -335px -25px;}
.frm01 .fld-grp .fld .lbl > label > input[type="checkbox"]:checked + b:before { background-position: -385px 0;}
/* Captcha */
.frm01 .fld-grp .fldCaptcha > .lbl > .tit { display:block; font-size:15px; line-height: 20px; color:#000000; font-weight: bold;margin-bottom: 10px; }
.frm01 .fld-grp .fldCaptcha > .lbl .img { display: inline-block; margin-right:10px;}
.frm01 .fld-grp .fldCaptcha > .lbl input[type="text"] { display: inline-block; width: 200px; vertical-align: top;}
/*  Actions */
.frm01 .actions { border-top:1px solid #e7e9e0; padding-top:14px; margin-top: 20px; position:relative; top:-1px;}
.frm01 .actions:after { content:""; display:block; clear:both; overflow:hidden;;}
.frm01 .actions > .mandatory { float: left; font-size: 12px; line-height: 20px; color:#43453e; position:relative; top:20px; }
.frm01 .actions > .mandatory .req { color:#004b4b;}
.frm01 .actions > .btn { float:right;}

/* frm02 */
.frm02 { }
.frm02 .fld-grp { margin-bottom: 20px; }
.frm02 .fld-grp .fld { display: block; margin-bottom: 20px;}
.frm02 .fld-grp .fld .lbl b { font-size:15px; line-height: 20px; color:#777777; display: block; font-weight: normal; margin-bottom: 10px;}
.frm02 .fld-grp .fld input[type="text"],
.frm02 .fld-grp .fld input[type="email"],
.frm02 .fld-grp .fld input[type="password"],
.frm02 .fld-grp .fld select { background:#f6f6f6; border:1px solid #e7e9e0; width: 400px; height: 50px;line-height:50px; -moz-border-radius: 2px;border-radius: 2px; padding:0 10px; font-family:inherit; box-sizing: border-box; }
.frm02 .fld-grp .fld textarea { width: 100%; box-sizing: border-box; border:1px solid #e7e9e0; background: #f6f6f6; font-family:inherit; -moz-border-radius: 2px;border-radius: 2px; padding:10px; font-size:13px; line-height: 20px; color:#000000; resize:vertically; height: 150px; }
.frm02 .fld-grp .fld .info { margin-top:5px; display: block; font-size:12px; line-height: 20px; color:#43453e;}
.frm02 .actions {}
.frm02 .actions:after { content:""; display:block; clear:both; overflow:hidden;; }
.frm02 .actions > .btn { float: right;}
.frm02 .actions > .alt { float:left; font-size:14px; line-height: 20px; position:relative; top:17px;}

/* v01 */
.frm02.v01 { }
.frm02.v01 .fld-grp {}
.frm02.v01 .fld-grp .row {}
.frm02.v01 .fld-grp .row:after { content:""; display:block; clear:both; overflow:hidden;;}
.frm02.v01 .fld-grp .row > .fld { float:left; }
.frm02.v01 .fld-grp .row > .fld + .fld { float: right;}
/* checkbox */
.frm02.v01 .fld-grp .fld .lbl { position:relative;}
.frm02.v01 .fld-grp .fld .lbl > input[type="checkbox"] { position:absolute; left:0; top:0; visibility: hidden; }
.frm02.v01 .fld-grp .fld .lbl > input[type="checkbox"] + b { padding-left:30px; }
.frm02.v01 .fld-grp .fld .lbl > input[type="checkbox"] + b:before { content:""; display:block; background: url('../img/bg.png') no-repeat -170px -275px; position: absolute; left:0; top:9px; width:18px; height:18px;}
.frm02.v01 .fld-grp .fld .lbl > input[type="checkbox"]:checked + b:before { background-position: -195px -275px;}
.frm02.v01 .destacado { background: rgba(0,75,75,0.1); border:1px solid #004b4b; padding:10px;}
.frm02.v01 .destacado > p { font-size:16px; line-height: 20px; font-weight: bold; color:#004b4b; margin-bottom: 5px;}
.frm02.v01 .destacado > .fld .lbl input { width: 100%; background: #ffffff;}
.frm02.v01 .actions {}
.frm02.v01 .actions > .btn + .btn { margin-right:15px; }
/* Errores */
.frm02.v01 .fld-grp .fld [type=text].err,
.frm02.v01 .fld-grp .fld [type=email].err,
.frm02.v01 .fld-grp .fld [type=number].err,
.frm02.v01 .fld-grp .fld [type=password].err,
.frm02.v01 .fld-grp .fld select.err,
.frm02.v01 .fld-grp .fld textarea.err{border-color:#e60000; }
.frm02.v01 .fld-grp .fld strong.err{font-style: italic;display:block;line-height:15px; font-size:11px;padding-top:5px; color:#e60000; }
.frm02.v01 .fld-grp .fld .lbl {}/*  gallery */


/*
En esta hoja de estilos se deben incluir reglas que afecten el layout
*/
#pre {  width: 100%; max-width: 1680px; overflow: hidden; background: #fff; margin:0 auto; -moz-box-shadow: 0 -1px 5px 5px #dddddd;box-shadow: 0 -1px 5px 5px #dddddd; }
#wrapper{ width: 980px; margin:0 auto;}
#header{ position: relative; margin-bottom:20px; margin: 0 auto; }
#header:before { content: ""; display: block; top:0; bottom:0; -moz-box-shadow:0px 1px 5px 2px rgba(0, 0, 0, 0.15);box-shadow:0px 1px 5px 2px rgba(0, 0, 0, 0.15); background: #ffffff; z-index: 1; }
#header:after { content:""; display:block; clear:both; overflow:hidden;}
#central{clear:both;min-height:300px; position: relative; }
.hdrimg #central {padding-top: 155px;}
#main{}
#footer{ margin-top:70px; border-top:1px solid #e7e9e0; padding-top: 20px; height:auto;overflow:hidden;}

#pre[data-state*=pre]:before{-moz-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;content:'';z-index:9999;position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(255,255,255,0.8);opacity:0; }
#pre[data-state*=loading]:before{opacity:1}

/* LAYOUTS */
.layout01 {}
.layout02 {}

.layout02 #central > #main { width: 640px; float: left;}
.layout02 #central > #secondary { width: 300px; float:right;}

.hdrimg #central:before { content: ""; display: block; left:-99000px; right: -99000px; top:-20px;; height: 155px; background: url(/maronas/hipica/public/web/img/bgHeader.jpg?1414766878) no-repeat center top; position: absolute; }
#central > .hdr{ padding-bottom: 8px; border-bottom: 2px solid #000000; margin-bottom: 25px; position: relative; }
#central > .hdr > .tit{ font-size: 22px; line-height: 30px; font-weight: 600; color:#000000; position:relative; top:2px; text-transform: uppercase; letter-spacing: -0.03em;}
/*
    Estilos que aplican a los hijos de #header
    Si es necesario darle estilos a #header se debe ir a la hoja
    layout.css
*/
/*  HEADER  */
#header > * { z-index: 2;}

/* Parte superior */
#header > .top { position: relative; min-height: 40px; padding:8px 0 0; box-sizing: border-box; }
#header > .top > * { position:relative; }
#header > .top:before { content: ""; display: block; position: absolute; left:-9000px; right:-9000px; top:0; bottom:0; background:#000000; }
#header > .top:after { content:""; display:block; clear:both; }
#header > .top > #logo { position: absolute; left:7.5%; top:0;  }
#header > .top > #logo > a { width: 220px; height:125px; display: block; text-indent: -9900px; background:url("../img/bg.png") no-repeat left top; }
#header > .top #btnMiCompra { float:right;}
#header > .top > .nav { float:right; margin-right:95px; }
#header > .top > .nav > li { float: left; font-size:13px; line-height: 20px; position:relative; color: rgba(255,255,255,0.5);}
#header > .top > .nav > li + li { margin-left: 10px; }
#header > .top > .nav > li > a { display: block; color:#ffffff; font-size:15px; font-weight: 600; -moz-transition:color 0.3s ease-in-out;transition:color 0.3s ease-in-out; padding:0; text-decoration:underline;}
#header > .top > .nav > li > a:hover { text-decoration:none; background:none;}
#header > .top > .nav > li > a > b { font-weight: bold; color:#000; font-size: 18px; line-height: 40px; display: block; -moz-transition:color 0.3s ease-in-out;transition:color 0.3s ease-in-out;}
#header > .top > .nav > li > a:hover { text-decoration: none;}
#header > .top > .nav > li + li + li { padding-left: 13px;}
#header > .top > .nav > li + li + li:before { content: "/"; font-size: 10px; line-height: 20px; color:#888888; position: absolute; left:0; top:2px;}
#header > .top > .nav > li.contact { padding-left: 17px; margin-left: 15px; top:3px; }
#header > .top > .nav > li.contact a { display: block; text-indent: -99000px; width: 18px; height: 14px; background: url(../img/bg.png) no-repeat -240px -20px;}
#header > .top > .nav > li.contact:before { content:""; width: 1px; background:rgba(255,255,255,0.15); left:0; top:0; bottom:0; }

/* Club Maroñas */
#header > .clubMaronas { position: relative; background: #021428; padding:5px 0; text-align:  center;  }
#header > .clubMaronas:before { content:""; display: block; position: absolute; left: -9900px; right: -9900px; top:0; bottom:0; background: #021428; border-bottom: 1px solid #04243d;}
#header > .clubMaronas > * { position:relative; z-index: 2;}
#header > .clubMaronas > .tit { font-size: 15px; line-height: 30px; text-transform: uppercase; color:#ffffff; display:inline-block; margin-right:15px; }
#header > .clubMaronas > .tit:before { content:""; display: block; width: 244px; height: 39px; background: url(../img/bg.png) no-repeat -240px -150px; position:absolute; left:-185px; top:-5px; z-index:-1;}
#header > .clubMaronas > a { font-size: 15px; line-height: 30px; color:#ffffff; display:inline-block; text-decoration:underline; }
#header > .clubMaronas > a:hover { text-decoration:none; }

/* Navegación */
#header #mainNav { position: relative; padding:30px 0; float: right; margin-right:80px; }
#header #mainNav:after,
#header #mainNav > .nav:after { content:""; display:block; clear:both; overflow:hidden;;}
/* items menu */
#header #mainNav > .nav { float: left; position: relative;  }
#header #mainNav > .nav > li { float:left; font-size:15px; line-height: 25px; position:relative; }
#header #mainNav > .nav > li > a,
#header #mainNav > .nav > li > strong { padding-top:0; padding-bottom:0; padding-right:0 ; display: block; color:#43453e; text-decoration: none; -moz-transition:color 0.3s ease-in-out;transition:color 0.3s ease-in-out; color:#004b4b; text-transform: uppercase; font-weight: 600;}
#header #mainNav > .nav > li > strong,
#header #mainNav > .nav > li > .sld {color:#c80000;}
#header #mainNav > .nav > li > strong:before,
#header #mainNav > .nav > li > .sld:before { content:""; display: block; height: 3px; background: #c80000; position: absolute; left:15px; right:0; bottom:-30px; }

#header #mainNav > .nav > li > a:hover { color:#c80000; background:none;}
#header #mainNav > .nav > li.current:after {   }

/* En vivo */
#liveTransmition { position:absolute; top:10px; left:0; right:0; z-index:3; border-radius:3px; width:29.6%; background: #c80000; border:1px solid #aa0000; -moz-border-radius:3px; text-align: center; padding:10px 0; margin:auto;  }
#liveTransmition .tit { display: inline-block; position: relative; font-size: 14px; line-height: 20px; color:#ffffff; text-transform: uppercase; padding:0 15px 0 28px;  }
#liveTransmition .tit:before { content:""; display: block; width: 18px; height: 12px; position: absolute; left: 0; top:5px; background:url(../img/bg.png) no-repeat -240px 0;  }
#liveTransmition .tit:after { content:""; display: block; width: 6px; height: 10px; position: absolute; right: 0; top:5px; background:url(../img/bg.png) no-repeat -265px 0;  }
#liveTransmition .tit > a { font-weight: bold; color:#ffffff; text-decoration:underline; }
#liveTransmition .tit > a:hover { text-decoration:none; }
#liveTransmition .close { display: block; width: 8px; height: 8px; text-indent: -9900px; overflow:hidden; background: url(../img/bg.png) no-repeat -265px -130px; position: absolute; top:15px; right: 10px; opacity:1; }

#descargaApp { position:absolute; top:10px; left:0; right:0; z-index:3; border-radius:3px; width:70%; background: #004b4b; border:1px solid #023a32; -moz-border-radius:3px; text-align: center; padding:10px 0; margin:auto;  }
#descargaApp .tit { display: inline-block; position: relative; font-size: 14px; line-height: 20px; color:#ffffff; text-transform: uppercase; padding:0 15px 0 28px;  }
#descargaApp .tit:before { content:""; display: block; width: 18px; height: 12px; position: absolute; left: 0; top:5px; }
#descargaApp .tit:after { content:""; display: block; width: 6px; height: 10px; position: absolute; right: 0; top:5px; }
#descargaApp .tit > a { font-weight: bold; color:#ffffff; text-decoration:underline; }
#descargaApp .tit > a:hover { text-decoration:none; }
#descargaApp .close { display: block; width: 8px; height: 8px; text-indent: -9900px; overflow:hidden; background: url(../img/bg.png) no-repeat -265px -130px; position: absolute; top:15px; right: 10px; opacity:1; }

#main > * {}
#main > .hdr{ padding-bottom: 8px; border-bottom: 2px solid #000000; margin-bottom: 25px; }
#main > .hdr > .tit{ font-size: 22px; line-height: 30px; font-weight: 600; color:#000000; position:relative; top:2px; text-transform: uppercase; letter-spacing: -0.02em; }


/*
    Estilos que aplican a los hijos de #secondary.
    Si es necesario darle estilos a #secondary se debe ir a la hoja
    layout.css
*/
#secondary > * {}
#secondary > .hdr { padding-bottom: 14px; border-bottom: 1px solid #e7e9e0; margin-bottom: 15px;}
#secondary > .hdr .tit { font-size:16px; line-height: 20px; color:#000000; font-weight: bold;}
#secondary > .blk01 > .hdr { margin-bottom: 15px; padding-bottom:14px; }
#secondary > .blk01 { margin-bottom:25px; }

#footer > * {position:relative;z-index:1}
/* blkNewsletter */
#footer > .blkNewsletter {  text-align: center; margin-bottom: 40px;}
#footer > .blkNewsletter > .tit { display: block; font-size:20px; line-height: 30px; color:#000000; text-transform:uppercase; font-weight: 600; margin-bottom: 20px; position: relative; top:2px; }

/* input box */
#footer > .blkNewsletter > .box { background: #fff; border:1px solid #e7e9e0; padding:4px 4px 4px 20px;  box-sizing: border-box; margin: 0 auto 30px; max-width: 470px;}/*cambio*/
#footer > .blkNewsletter > .box:after { content:""; display:block; clear:both; overflow:hidden;; }
#footer > .blkNewsletter > .box > input[type="text"] { height:40px; float:left; border:none; font-size:16px; font-family: inherit; }
#footer > .blkNewsletter > .box > .btn { padding:5px 20px;}

/* list checkboxes */
#footer > .blkNewsletter > .mail-lists { text-align: center;}
.js #footer > .blkNewsletter > .mail-lists { display:none;}
#footer > .blkNewsletter > .mail-lists > .tit { font-size:16px; line-height: 25px; color:#000000; font-weight: 600; display:block; text-transform: uppercase; margin-bottom: 15px;}
#footer > .blkNewsletter > .mail-lists > .lbl { display: block; }
#footer > .blkNewsletter > .mail-lists > .lbl label { display: inline-block; position: relative;}
#footer > .blkNewsletter > .mail-lists > .lbl label + label { margin-left:30px;}
#footer > .blkNewsletter > .mail-lists > .lbl input[type="checkbox"] { position:absolute; left:0; top:0; visibility: hidden; }
#footer > .blkNewsletter > .mail-lists > .lbl input[type="checkbox"] + b { padding-left:30px; display: inline-block; position: relative; font-size: 15px; line-height: 20px; font-weight: normal; vertical-align: top; }
#footer > .blkNewsletter > .mail-lists > .lbl input[type="checkbox"] + b:before { content:""; display:block; background: url('../img/bg.png') no-repeat -365px 0; position: absolute; left:0; top:1px; width:18px; height:18px; }
#footer > .blkNewsletter > .mail-lists > .lbl input[type="checkbox"]:checked + b:before {background-position: -385px 0;}

/* */
#footer > .bottom { position: relative; padding-bottom: 25px;}
#footer > .bottom:before { content:""; display: block; position: absolute; left:-99000px; right: -99000px; top:0; bottom:0; background: #000000; }
#footer > .bottom > * {position: relative; z-index: 1;}
#footer > .bottom > .row.n2 {padding:20px; }
#footer > .bottom > .row.n2 > * { float: left; box-sizing: border-box;}
#footer > .bottom > .row.n2 > * + * { float: right; }
#footer > .bottom .it { padding-left: 140px; position: relative; }
#footer > .bottom .it > .tit {font-size:15px; line-height: 20px; color:#ffffff; text-transform: uppercase; font-weight: 600; margin-bottom: 15px; display: block;}
#footer > .bottom .it > p { font-size:14px; line-height: 20px; color:#999999;}

#footer>.bottom .it.hipica a.logo {
    display: inline-block;
    width: 100px;
    height: 40px;
    position: relative;
    margin-left: -160px;
    top: 11px;
    float: left;
}
#footer>.bottom .it.hipica a.logo span,
#footer>.bottom .it.maronas a.logo span {
    height: 0px;
    overflow: hidden;
    display: inline-block;
}
#footer>.bottom .it.maronas a.logo {
    display: inline-block;
    width: 100px;
    height: 50px;
    position: relative;
    margin-left: -147px;
    top: 8px;
    float: left;
}

#footer > .bottom .it.hipica:before { content:""; display:block; width: 65px; height: 25px; background: url(/Content/img/bg.png) no-repeat -225px -70px; position: absolute; left:0; top:20px;}
#footer > .bottom .it.maronas:before { content:""; display:block; width: 90px; height: 46px; background: url(/Content/img/bg.png) no-repeat -305px -60px; position: absolute; left:0; top:10px;}

#footer > .bottom > .info { border-top:1px solid #222222;padding-top:24px;}
#footer > .bottom > .info:after { content:""; display:block; clear:both; overflow:hidden;}
#footer > .bottom > .info > .copy { float:left; font-size:14px; line-height: 20px; color:#777777; position: relative; top:13px;}
#footer > .bottom > .info > .copy strong { font-weight: normal; display: inline-block; margin-right: 30px;}
#footer > .bottom > .info > .copy a { color:#777777; text-decoration:underline;}
#footer > .bottom > .info > .copy a:hover { text-decoration:none;}
#footer > .bottom > .info > .copy a + a { margin-left:15px;}

#footer > .bottom > .info > .social-links { float: right; font-size:14px; line-height: 20px; color:#777777;}
#footer > .bottom > .info > .social-links .tit { display: inline-block; line-height: 50px; margin-right:15px;}
#footer > .bottom > .info > .social-links a { display: inline-block; width: 50px; height: 50px; text-indent:-99000px; -moz-border-radius:2px;border-radius:2px; overflow: hidden; vertical-align: top; position: relative; background: #111111; margin-left: 5px; }
#footer > .bottom > .info > .social-links .fb:before { content:""; display: block; width: 10px; height: 16px; background: url(../img/bg.png) no-repeat -365px -20px; position: absolute; top:17px; left:20px;}
#footer > .bottom > .info > .social-links .fb:hover { background: #2c4e95; }
#footer > .bottom > .info > .social-links .tw:before { content:""; display: block; width: 17px; height: 14px; background: url(../img/bg.png) no-repeat -380px -20px; position: absolute; top:18px; left:18px;}
#footer > .bottom > .info > .social-links .tw:hover { background: #22a6e7; }
#footer > .bottom > .info > .social-links .yt:before { content:""; display: block; width: 20px; height: 23px; background: url(../img/bg.png) no-repeat -400px -20px; position: absolute; top:13px; left:15px;}
#footer > .bottom > .info > .social-links .yt:hover { background: #cc181e;}

#footer>.bottom>.info>.social-links .ins:before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background: url(/Content/img/bg.png?1445282024) no-repeat -440px -40px;
    position: absolute;
    top: 16px;
    left: 16px;
}
#footer>.bottom>.info>.social-links .ins:hover {
    background: #3a82ac;
}

.crown img{vertical-align:bottom !important;}
@media (max-width:767px){
  #footer > .bottom .it.maronas
  {margin-top:20px}
  .reunion .time-career
  {line-height:25px;}
  .reunion-cont .info:first-child
  {padding-bottom:20px}
  .reunion-cont .info .hp-column,
  .reunion-cont .info .name-career,
  .reunion-cont .info .brand-column,
  .reunion-cont .info .speedway-column,
  .reunion-cont .info .type-career
   {line-height:50px;}
  .reunion-cont .info .brand-column img,
  .reunion-cont .info .speedway-column img,
  .resultado-reunion-cont .info .brand-column img,
  .resultado-reunion-cont .info .speedway-column img
  { width:100%}
  .comisariato {
    font-size:16px;
  }
  .info {
    padding-top:20px
    }
  .info .info {
    padding-bottom:20px;
    padding-top:0;
  }
  .jo-cu-st {
    padding-top:20px;
    padding-bottom:20px;
  }
  .search-result .info{
    padding-top:0;
  }
  .search-result .career-cont div:first-of-type,
  .call .career-cont div:first-of-type {
    margin-bottom:10px;
  }
  .btn02{
    font-size:12px;
  }
  .info_floreo div.link{
    text-align:left;
  }
  .filter-box{margin-bottom:10px;}
}
@media (min-width:768px){
  #footer > .bottom > .row.n2 {padding:40px 30px; }
  #footer > .bottom > .info > .social-links{text-align:right}

}
@media (min-width:992px){
  .crown {padding:0 !important;}
  /*.reunion-cont .info .hp-column, .reunion-cont .info .name-career{line-height:73px}*/
}
@media (min-width:1200px){
  .reunion-cont .info .name-career,
  .reunion-cont .info .type-career,
  .reunion-cont .info .brand-column,
  .reunion-cont .info .speedway-column,
  .resultado-reunion-cont .info .type-career,
  .resultado-reunion-cont .info .brand-column,
  .resultado-reunion-cont .info .speedway-column {
    /*line-height:73px;*/
  }
}
@media (min-width:992px){
  .bottom{
    width:980px !important;
    margin:0 auto !important;
    float:none !important;
  }
  #footer > .bottom > .row.n2 > * {
    width: 410px;
  }
}