/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 0.063em; /* 1px/16 = 0.063em */
    border: 0;
    border-top: 0.063em solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

a img {
    border: 0;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html,
body {
    margin: 0px;
    padding: 0px;
    height: 100%;
}

body {
    padding: 0!important;
    margin: 0!important;
    background: #ffffff;
    line-height: 1.4;
}

#wrapper{
    padding-bottom: 53px;
    /*min-height: calc(100% - 53px);*/
    min-height: 100%;
    position: relative;
}

/* REDEFINE BOOTSTRAP STYLES */

a {
    color: #8f2430; /*#de1c31;*/
    cursor: pointer;
}

a:focus, a:hover {
    text-decoration: underline;
}

.hidden {
	display: none;
}

.center {
	text-align: center;
}

.modal-overflow-body-short {
	width: 585px;
	height: 250px;
	overflow: auto; 
}

.modal-overflow-body-middle {
	width: 585px;
	height: 425px;
	overflow: auto; 
}

table.historical {
    border-collapse: collapse;
    width: 100%;
    margin-top: 10px;
}

table.historical th, table.historical td {
	text-align: left;
    padding: 8px;
}

table.historical th.center, table.historical td.center {
	text-align: center;
}

span.highlight {
    color: #de1c31;
    font-weight: bold;                    
}

table.historical tr:nth-child(even) {
	background-color: #f2f2f2;
}

table.historical th {
	 background-color: #de1c31;
     color: white;
}

table.historical tr {
	font-size: 14px;
}

.form-control:focus, .focused {
  border-color: #de1c31;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(222, 28, 49, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(222, 28, 49, .6);
}

label {
	cursor: pointer;
	font-weight: normal;
}

.label-danger {
	background-color: #7b7c7c;
}

.label-info, .label-success {
	background-color: #de1c31;
}

.input-group-addon.login {
	min-width: 100px;
	font-family: allerbold, Arial, Helvetica, sans-serif;
	text-align: left;
}

.input-group-addon.login.border {
    border: 1px solid #ccc;
    border-right-color: rgb(204, 204, 204);
    border-right-style: solid;
    border-right-width: 1px;
    border-left-color: rgb(204, 204, 204);
    border-left-style: solid;
    border-left-width: 1px;
}

.input-group-addon.register {
	min-width: 190px;
	font-family: allerbold, Arial, Helvetica, sans-serif;
	text-align: left;
}

.input-group-addon.nopadding {
	padding: 0;
}

.input-group-addon.nopadding label {
	display:inline-block;
	position: relative;
	width:120px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.input-group-addon.nopadding.versionmulti label {
	width:160px;
}
.input-group-addon.nopadding.languagelist label {
	width:60px;
}
.input-group-addon.nopadding input[type=checkbox] {
	margin-right: 5px;
}

.btn-primary, .btn-info {
  background-image: -webkit-linear-gradient(top, #de1c31 0%, #8f2430 100%);
  background-image:      -o-linear-gradient(top, #de1c31 0%, #8f2430 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#de1c31), to(#8f2430));
  background-image:         linear-gradient(to bottom, #de1c31 0%, #8f2430 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffde1c31', endColorstr='#ff8f2430', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #595757;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-info:hover,
.btn-info:focus {
  background-color: #8f2430;
  background-position: 0 -15px;
}
.btn-primary:active,
.btn-primary.active,
.btn-info:active,
.btn-info.active
 {
  background-color: #8f2430;
  border-color: #80245a;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active,
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active
 {
  background-color: #8f2430;
  background-image: none;
}

.btn-primary {
  color: #fff;
  background-color: #8f2430;
  border-color: #80245a;
  font-family: allerbold, Arial, Helvetica, sans-serif;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
 background-color: #8f2430;
  border-color: #80245a;
}
.btn-primary:hover {
  color: #fff;
  background-color: #8f2430;
  border-color: #80245a;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #8f2430;
  border-color: #80245a;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #8f2430;
  border-color: #80245a;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #8f2430;
  border-color: #80245a;
}
.btn-primary.btn-cancel {
  background-image: -webkit-linear-gradient(top, #dccbcd 0%, #8c8a8a 100%);
  background-image:      -o-linear-gradient(top, #dccbcd 0%, #8c8a8a 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dccbcd), to(#8c8a8a));
  background-image:         linear-gradient(to bottom, #dccbcd 0%, #8c8a8a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdccbcd', endColorstr='#8c8a8a', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #8c8a8a;
}
.btn-primary.btn-cancel:hover,
.btn-primary.btn-cancel:focus {
  background-color: #8c8a8a;
  background-position: 0 -15px;
}
.btn-primary.btn-cancel:active,
.btn-primary.btn-cancel.active
 {
  background-color: #8c8a8a;
  border-color: #8c8a8a;
}
.btn-primary.btn-cancel.disabled,
.btn-primary.btn-cancel[disabled],
fieldset[disabled] .btn-primary.btn-cancel,
.btn-primary.btn-cancel.disabled:hover,
.btn-primary.btn-cancel[disabled]:hover,
fieldset[disabled] .btn-primary.btn-cancel:hover,
.btn-primary.btn-cancel.disabled:focus,
.btn-primary.btn-cancel[disabled]:focus,
fieldset[disabled] .btn-primary.btn-cancel:focus,
.btn-primary.btn-cancel.disabled.focus,
.btn-primary.btn-cancel[disabled].focus,
fieldset[disabled] .btn-primary.btn-cancel.focus,
.btn-primary.btn-cancel.disabled:active,
.btn-primary.btn-cancel[disabled]:active,
fieldset[disabled] .btn-primary.btn-cancel:active,
.btn-primary.btn-cancel.disabled.active,
.btn-primary.btn-cancel[disabled].active,
fieldset[disabled] .btn-primary.btn-cancel.active
 {
  background-color: #8c8a8a;
  background-image: none;
}

.btn-primary.btn-cancel {
  color: #fff;
  background-color: #8c8a8a;
  border-color: #8c8a8a;
  font-family: allerbold, Arial, Helvetica, sans-serif;
}
.btn-primary.btn-cancel:focus,
.btn-primary.btn-cancel.focus {
  color: #fff;
  background-color: #8c8a8a;
  border-color: #8c8a8a;
}
.btn-primary.btn-cancel:hover {
  color: #fff;
  background-color: #8c8a8a;
  border-color: #8c8a8a;
}
.btn-primary.btn-cancel:active,
.btn-primary.btn-cancel.active,
.open > .dropdown-toggle..btn-primary.btn-cancel {
  color: #fff;
  background-color: #8c8a8a;
  border-color: #8c8a8a;
}
.btn-primary.btn-cancel:active:hover,
.btn-primary.btn-cancel.active:hover,
.open > .dropdown-toggle..btn-primary.btn-cancel:hover,
.btn-primary.btn-cancel:active:focus,
.btn-primary.btn-cancel.active:focus,
.open > .dropdown-toggle..btn-primary.btn-cancel:focus,
.btn-primary.btn-cancel:active.focus,
.btn-primary.btn-cancel.active.focus,
.open > .dropdown-toggle..btn-primary.btn-cancel.focus {
  color: #fff;
  background-color: #8c8a8a;
  border-color: #8c8a8a;
}
.btn-primary.btn-cancel:active,
.btn-primary.btn-cancel.active,
.open > .dropdown-toggle.btn-primary.btn-cancel {
  background-image: none;
}
.btn-primary.btn-cancel.disabled:hover,
.btn-primary.btn-cancel[disabled]:hover,
fieldset[disabled] .btn-primary.btn-cancel:hover,
.btn-primary.btn-cancel.disabled:focus,
.btn-primary.btn-cancel[disabled]:focus,
fieldset[disabled] .btn-primary.btn-cancel:focus,
.btn-primary.btn-cancel.disabled.focus,
.btn-primary.btn-cancel[disabled].focus,
fieldset[disabled] .btn-primary.btn-cancel.focus {
  background-color: #8c8a8a;
  border-color: #8c8a8a;
}
.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eee;
  color: #de1c31;
}

.pagination > li > a,
.pagination > li > span { 
  color: #de1c31;
  background-color: #fff;
  border: 1px solid #ddd;
}


.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #de1c31;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #de1c31;
  border-color: #de1c31;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

/* HEADER */

header {
	
}

.navbarRedRake {
    background-color: #de1c31;
    border: 0;
    margin-bottom: 0;
}

#header {
    text-align: center;
    background-color: #de1c31;
}

#headerCenter {
    display: inline-block;
    position: relative;
    padding: 0;
    background-color: #de1c31;
}

#headerLogo {
    display: inline-block;
    position: relative;
    float: left;
}

#headerLogo h1 {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: rajdhanibold, Arial, Helvetica, sans-serif;
    font-size: 1.429em; /* 20px/14 = 1.429em */
    color: #ffffff;
}

#headerLogo img {
    margin-top: 0;
    margin-left: 1.875em; /* 30px/16 = 1.875em */
}

#headerHello {
	margin-right: 31px;
	color: #ffffff;
}

@media (max-width: 767px) { /* Extra small devices (phones, less than 768px) */
    .navbarRedRake {
        min-height: 0;
    }
    #headerLogo {
        width: 20%;
    }
    #headerLogo h1 {
        text-align: left;
        font-size: 1.286em; /* 18px/14 = 1.286em */
        margin-top: 1.111em; /* 20px/18 = 1.111em */
    }
    #headerLogo img {
        width: 80%;
        height: auto;
        margin-left: 0.313em; /* 5px/16 = 0.313em */
        margin-top: 0.313em; /* 5px/16 = 0.313em */
    }
}

@media (max-width: 767px) and (orientation: portrait) { /* Extra small devices (phones, less than 768px) and portrait */
	#headerLogo {
        width: 100%
    }
    #headerLogo h1 {      
        font-size: 1.214em; /* 17px/14 = 1.214em */
    }
    #headerLogo img {
        width: 30%;
    }
}

@media (max-width: 767px) and (orientation: landscape) { /* Extra small devices (phones, less than 768px) and landscape */
	#headerLogo {
        width: 100%
    }
    #headerLogo h1 {      
        font-size: 1.429em; /* 20px/14 = 1.429em */
    }
    #headerLogo img {
        width: 20%;
    }
}

.navbar-toggle {
    margin-right: 0;
    margin-left: 0.357em; /* 5px/14 = 0.357em */
}

.navbuttonRedRake, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    border-color: #ffffff;
    background-color: transparent;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}

#headerRegister {
	display: inline-block;
    position: relative;
    float: right;
}

#headerRegister .registerButton {
    font-family: rajdhanibold, Arial, Helvetica, sans-serif;
    font-size: 1.500em; /* 21px/14 = 1.500em */
    color: #de1c31;
    text-transform: uppercase;
    border: 0;
    border-radius: 7px;
    background: #ffffff;
    padding: 0.238em 0.476em 0.095em 0.476em; /* 5px/21 = 0.238em */ /* 10px/21 = 0.476em */ /* 2px/21 = 0.095em */
    margin-top: 0.714em; /* 15px/21 = 0.714em */
    margin-right: 0.714em; /* 15px/21 = 0.714em */
    margin-bottom: 1.667em; /* 35px/21 = 1.667em */
    outline: none;
    cursor: pointer;
}

#headerRegister .registerButton:hover {
    color: #585757;
}

#headerMenu {
    display: inline-block;
    position: relative;
    float: right;
    text-align: right;
}

#headerMenuTitle {
    display: inline-block;
    position: relative;
    width: 11.429em; /* 160px/14 = 11.429em */
    height: 2.214em; /* 31px/14 = 2.214em */
    margin-top: 1.071em; /* 15px/14 = 1.071em */
    margin-right: 1.429em; /* 20px/14 = 1.429em */
}

#headerMenuItems {
    display: block;
    position: absolute;
    top: 4.286em; /* 60px/14 = 4.286em */
    width: 100%;
    text-align: right;
    padding-right: 1.000em; /* 14px/14 = 1.000em */
}

@media (max-width: 767px) { /* Extra small devices (phones, less than 768px) */
    .navbar-collapse {
        border: 0;
        box-shadow: none;
        background: #ca2132; /* Non-CSS3 browsers */
        background-image: -moz-linear-gradient(right, #ca2132, #660c1f); /* OLD Firefox (3.6 to 15) */
        background-image: -ms-linear-gradient(right, #ca2132, #660c1f); /* For pre-releases of IE 10 */
        background-image: -webkit-linear-gradient(right, #ca2132, #660c1f); /* Webkit browsers (Chrome and Safari) */
        background-image: -o-linear-gradient(right, #ca2132, #660c1f); /* OLD Opera (11.1 to 12.0) */
        background-image: linear-gradient(to right, #ca2132 , #660c1f);
    }
    #headerMenu {
        display: none;
    }
    #headerMenuTitle {
        height: auto;
    }
    #headerMenuItems {
        display: inline-block;
        position: static;
        width: 80%;
        /* padding-top: 0.571em; /* 8px/14 = 0.571em */
        padding-right: 0;
        text-align: center;
    }
}

@media (max-width: 767px) and (orientation: landscape) { /* Extra small devices (phones, less than 768px) and landscape */
	#headerMenuItems {
		width: 100%;
		text-align: right;
	}
}

#headerMenuLinks {
    display: inline-block;
    position: relative;
}

.nav > li > a {
    padding: 0;
}

.navbar-nav > li > a {
    line-height: 1.429em; /* 20px/14 = 1.429em */
    padding-bottom: 0.286em; /* 4px/14 = 0.286em */
    padding-top: 0;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background: 0;
    padding-bottom: 0.357em; /* 5px/14 = 0.357em */
}

@-moz-document url-prefix() { /* For Firefox only */
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        background: 0;
        padding-bottom: 0.286em; /* 4px/14 = 0.286em */
    }
}

#headerMenuLinks a {
    margin-right: 1.579em; /* 30px/19 = 1.579em */
    font-family: allerbold, Arial, Helvetica, sans-serif;
    font-size: 1.357em; /* 19px/14 = 1.357em */
    text-decoration: none;
    text-transform: uppercase;
    color: #fffeee;
    outline: none;
    cursor: pointer;
}

#headerMenuLinks .menuLinkSelected {
    color: #7e121e;
}

#logoutContainer a, #logoutContainer a:visited {
    display: inline-block;
    position: relative;
    height: 32px;
    text-decoration: none;
    color: #000000;
    background-image: url('../img/logout.png');
    background-repeat: no-repeat;
    padding-left: 35px;
}

#logoutContainer a:hover, #logoutContainer a:visited:hover {
    /*color: #de1c31;*/
}

.logoutbtn {
	display: inline-block;
	position: relative;
	height: 32px;
	text-decoration: none;
    color: #000000;
    background-image: url('../img/logout.png');
    background-repeat: no-repeat;
    padding-left: 35px;
}

.logoutbtn:hover, .logoutbtn:visited, .logoutbtn:visited:hover {
	text-decoration: none;
    color: #000000;
}

#headerMenuFlags {
    display: inline-block;
    position: relative;
    top: -0.857em; /* -12px/14 = -0.857em */
}

#headerMenuFlags a {
    display: inline-block;
    margin-right: 0.214em; /* 3px/14 = 0.214em */
    width: 1.500em; /* 21px/14 = 1.500em */
    height: 1.000em; /* 14px/14 = 1.000em */
    outline: none;
    cursor: pointer;
}

#ukFlag {
    background-image: url('../img/ukFlag.png');
}

#esFlag {
    background-image: url('../img/esFlag.png');
}

@media (max-width: 767px) { /* and (orientation: portrait) { /* Extra small devices (phones, less than 768px) */
    .kkcollapse {
        /*height: 2.786em; /* 39px/14 = 2.786em */
    }
    #headerMenuLinks li {
        float: left;
    }
    #headerMenuLinks a {
        margin-right: 0.800em; /* 8px/10 = 0.800em */
        font-size: 0.714em; /* 10px/14 = 0.714em */
    }
    #headerMenuFlags a {
        width: 1.286em; /* 18px/14 = 1.286em */
        height: 0.857em; /* 12px/14 = 0.857em */
        background-size: 1.286em 0.857em; /* 18px/14 = 1.286em */ /* 12px/14 = 0.857em */
    }
}

@media (max-width: 767px) and (orientation: portrait) { /* Extra small devices (phones, less than 768px) and portrait */
    .navbar-nav {
        margin: 0.571em 0 0 0; /* 8px/14 = 0.571em */
        
    }
    #headerMenuLinks {
        top: 0.571em; /* 8px/14 = 0.571em */
    }
    #headerMenuLinks a {
        margin-right: 1.000em; /* 10px/10 = 1.000em */
    }
    #headerMenuLinks a.en {
        margin-right: 2.500em; /* 25px/10 = 2.500em */
    }
    #headerMenuFlags {
        display: block;
        position: absolute;
        margin-left: 0;
        margin-right: 0;
        top: 0.714em; /* 10px/14 = 0.714em */
        right: 0.714em; /* 10px/14 = 0.714em */
        float: right;
    }
    #headerMenuFlags a {
        margin-left: 0.571em; /* 8px/14 = 0.571em */
    }
}

@media (max-width: 767px) and (orientation: landscape) { /* Extra small devices (phones, less than 768px) and landscape */
    #headerMenuItems {
        /* padding-top: 1.000em; /* 14px/14 = 1.000em */
    }
    #headerMenuLinks a {
        margin-right: 0.625em; /* 10px/16 = 0.625em */
        font-size: 1.143em; /* 16px/14 = 1.143em */
    }
    #headerMenuFlags {
        top: -4.357em; /* -61px/14 = -4.357em */
        margin-left: 1.429em; /* 20px/14 = 1.429em */
        margin-right: 1.143em; /* 16px/14 = 1.143em */
    }
    #headerMenuFlags a {
        width: 1.500em; /* 21px/14 = 1.500em */
        height: 1.000em; /* 14px/14 = 1.000em */
        background-size: 1.500em 1.000em; /* 21px/14 = 1.500em */ /* 14px/14 = 1.000em */
        margin-right: 0.857em; /* 12px/14 = 0.857em */
    }
}

@media (min-width: 768px) and (max-width: 992px) { /* Small devices (tablets, greater or equal than 768px and less than 992px) */
    #headerMenuLinks a {
        font-size: 1.143em; /* 16px/14 = 1.143em */
    }
    #headerMenuFlags {
        top: -5.000em; /* -70px/14 = -5.000em */
    }
    #headerMenuFlags a {
        margin-right: 1.000em; /* 14px/14 = 1.000em */
    }
}

@media (min-width: 993px) and (max-width: 1200px) {
    #headerMenuFlags a {
        margin-right: 1.000em; /* 14px/14 = 1.000em */
    }
}

@media (min-width: 1201px) and (orientation: landscape) {
    #headerMenuFlags a {
        margin-right: 1.000em; /* 14px/14 = 1.000em */
    }
}

.nopadding {
    padding: 0;
}

/* CONTENT */

#content, #features, #mobile, #demoFooter, #advantages, #licences {
    display: block;
    position: relative;
    text-align: center;
}

.contentCenter {
    display: inline-block;
    position: relative;
    text-align: center;
}

.mainContainer {
	margin-top: 50px;
}

/* SECONDARY MENU */

#secondMenu {
    display: inline-block;
    position: relative;
    width: 100%;
    text-align: right;
}

#secondMenuLinks {
    display: inline-block;
    position: relative;
    margin-top: 0.357em; /* 5px/14 = 0.357em */
}

#secondMenuLinks a, #secondMenuLinksXS a{
    margin-left: 1.579em; /* 30px/19 = 1.579em */
    font-family: allerbold, Arial, Helvetica, sans-serif;
    font-size: 1.357em; /* 19px/14 = 1.357em */
    text-decoration: none;
    text-transform: uppercase;
    color: #7d7d7d;
    outline: none;
    cursor: pointer;
}

#secondMenuLinks .secondMenuLinkSelected {
    color: #7e121e;
}

#secondMenuLinksXS {
    display: none;
}

#dropdownMenuButton {
    background: #ca2132; /* Non-CSS3 browsers */
    background-image: -moz-linear-gradient(right, #ca2132, #660c1f); /* OLD Firefox (3.6 to 15) */
    background-image: -ms-linear-gradient(right, #ca2132, #660c1f); /* For pre-releases of IE 10 */
    background-image: -webkit-linear-gradient(right, #ca2132, #660c1f); /* Webkit browsers (Chrome and Safari) */
    background-image: -o-linear-gradient(right, #ca2132, #660c1f); /* OLD Opera (11.1 to 12.0) */
    background-image: linear-gradient(to right, #ca2132 , #660c1f);
    border-radius: 0.429em; /* 6px/14 = 0.429em */
    -moz-border-radius: 0.429em; /* 6px/14 = 0.429em */ /* Old Firefox (3.6 to 15) */
    border-color: #ffffff;
    border-style: solid;
    border-width: 0.071em; /* 1px/14 = 0.071em */
    margin-top: 0.357em; /* 5px/14 = 0.357em */
    margin-bottom: 0.357em; /* 5px/14 = 0.357em */
}

.dropdown-menu {
    background: #ca2132; /* Non-CSS3 browsers */
    background-image: -moz-linear-gradient(right, #ca2132, #660c1f); /* OLD Firefox (3.6 to 15) */
    background-image: -ms-linear-gradient(right, #ca2132, #660c1f); /* For pre-releases of IE 10 */
    background-image: -webkit-linear-gradient(right, #ca2132, #660c1f); /* Webkit browsers (Chrome and Safari) */
    background-image: -o-linear-gradient(right, #ca2132, #660c1f); /* OLD Opera (11.1 to 12.0) */
    background-image: linear-gradient(to right, #ca2132 , #660c1f);
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background: none;
}

@media (max-width: 767px) { /* Extra small devices (phones, less than 768px) */
    #secondMenu {
        height: auto;
    }
    #secondMenuLinks {
        display: none;
    }
    #secondMenuLinksXS {
        display: block;
    }
    #secondMenuLinksXS ul {
        margin: 0;
        padding: 0;
        float: right;
        margin-right: 1.929em; /* 27px/14 = 1.929em */
    }
    #secondMenuLinksXS li {
        list-style: none;
        float: left;
        margin-top: 0.357em; /* 5px/14 = 0.357em */
        margin-bottom: 0.357em; /* 5px/14 = 0.357em */
    }
    #secondMenuLinksXS a {
        font-size: 0.857em; /* 12px/14 = 0.857em */
    }
    #secondMenuLinksXS a.secondMenuLinkSelected {
        color: #d72326;
    }
}

/* HOME */

#homeContainer {}

/* LOGIN FORM */

#frmLogin {	
    margin-top: 85px;
}

@media (max-width: 767px) { /* and (orientation: portrait) { /* Extra small devices (phones, less than 768px) */
	#frmLogin {	
	    margin-top: 40px;
	    margin-bottom: 40px;
	}
}

@media (max-width: 767px) and (orientation: portrait) { /* Extra small devices (phones, less than 768px) and portrait */
	#changepwdintro {
		width: 250px;
		white-space: normal;
		word-wrap: break-word;
	}
}

@media (min-width: 768px) and (max-width: 992px) { /* Small devices (tablets, greater or equal than 768px and less than 992px) */
	#frmLogin {	
	    margin-top: 40px;
	    margin-bottom: 40px;
	}
}

/* REGISTER FORM */

#captcha {
    margin-top: 0 !important; /* 10px/14 = 0.714em */
    border-collapse: separate;
    border: 1px solid #ccc;
	border-radius: 4px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	padding: 20px 12px;
	text-align: left;
}

#captcha label {
    width: 7.857em; /* 110px/14 = 7.857em */
    font-family: exolight, Arial, Helvetica, sans-serif;
    font-size: 1.000em; /* 14px/14 = 1.000em */
    font-weight: normal;
    text-transform: none;
    margin-top: 0.857em; /* 12px/14 = 0.857em */
    text-align: left;
}

#captcha_code {
    width: 7.286em; /* 102px/14 = 7.286em */
    font-family: exolight, Arial, Helvetica, sans-serif;
    font-size: 1.000em; /* 14px/14 = 1.000em */
    border: 0;
    background: #e4e3e1;
    text-indent: 0.357em; /* 5px/14 = 0.357em */
    outline: none;
}

#messagePanel {
	font-family: allerbold, Arial, Helvetica, sans-serif;
	margin-top: 50px;
}

#messagePanel.left {
	text-align: left;
}

@media (max-width: 767px) and (orientation: portrait) { /* Extra small devices (phones, less than 768px) and portrait */
	#spancaptcha {
		display: none;
	}
}

/* TOURNAMENTS */

#tournamentsContainer h2 {
	font-family: rajdhanibold, Arial, Helvetica, sans-serif;
}

#tournamentsContainer h3 {
	font-family: rajdhanibold, Arial, Helvetica, sans-serif;
	color: #de1c31;
}

#activeTournaments select, #pendingTournaments select, #finishedTournaments select {
	width: 300px;
}

.tournamentsTitle {
	display: inline-block;
    position: relative;
    float: left;
}

.tournamentsHeaderMenu {
	display: inline-block;
    position: relative;
    float: right;
}

.tournamentsFooter {	
	background-color: #de1c31;
	padding: 10px 10px 10px 10px;
}

.tournamentsFooter label {
	color: #ffffff;
}

.btn-prizes {
	font-weight: bold;
	color: #de1c31;
	text-decoration: none;
	cursor: pointer;
}

.btn-prizes:hover {
	color: #7b7c7c;
}

#frmTournamentPrizes {
	height: 382px;
	margin-top: -191px;
}

#frmTournamentSummary {
	height: 558px;
	margin-top: -279px;
}

#frmTournamentPrizes h3, #frmTournamentSummary h3 {
	font-family: rajdhanibold, Arial, Helvetica, sans-serif;
	color: #de1c31;
}

#tabs {
	margin-bottom: 10px;
}

.ui-tabs-anchor {
	font-family: rajdhanibold, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 18px;
	color: #de1c31;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #7b7c7c;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
 color: #de1c31;
 text-decoration: none
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
 border: 1px solid #fff;
 background: #fff;
 font-weight: bold;
 color: #de1c31;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited, .ui-state-active a:hover {
    color: #de1c31;
}

.ui-state-active a:hover {
	background: #fff;
	border-bottom: 1px solid #fff;
}

.ui-widget-content {    
    background: #fff;
}

.ui-widget-header {    
    background: #ddd;
}

active, .ui-widget-header .ui-state-active {   
    background: #fff;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #f6f6f6;
}

@media (max-width: 767px) and (orientation: portrait) { /* Extra small devices (phones, less than 768px) and portrait */
	.ui-widget {
    	font-size: 12px;
	}	
	.ui-tabs .ui-tabs-nav li {
		width: 100%;
	}
	.ui-tabs .ui-tabs-panel {
		padding: 1em 0.5em;
	}
	#activeTournaments select, #pendingTournaments select, #finishedTournaments select {
		width: 30px;
	}
	.tournamentsFooter {
		font-size: 15px;
	}
}

@media (max-width: 767px) and (orientation: landscape) { /* Extra small devices (phones, less than 768px) and landscape */
	.ui-widget {
    	font-size: 12px;
	}
}


/* CONTENT */

h3.modal-title {
	font-family: rajdhanibold, Arial, Helvetica, sans-serif;
	color: #70685e;
}

.contentHeader {
    display: inline-block;
    position: relative;
    height: 1.133em; /* 34px/30 = 1.133em */
    background-image: url('../img/contentHeaderBg.png'), url('../img/contentHeaderBg.png');
    background-repeat: no-repeat, no-repeat;
    background-position: bottom left, bottom right;
    padding-left: 0.700em; /* 21px/30 = 0.700em */
    padding-right: 0.700em; /* 21px/30 = 0.700em */
    font-family: rajdhanibold, Arial, Helvetica, sans-serif;
    font-size: 2.143em; /* 30px/14 = 2.143em */
    text-decoration: none;
    text-transform: uppercase;
    color: #70685e;
    text-align: center;
    vertical-align: middle;
}

.contentHeader h2 {
    margin: 0;
    padding-top: 0.167em; /* 5px/30 = 0.167em */
}

@media (max-width: 767px) and (orientation: portrait) { /* Extra small devices (phones, less than 768px) and portrait orientation */
    .contentHeader h2 {
        font-size: 0.867em; /* 26px/30 = 0.867em */
    }
}

@media (max-width: 767px) and (orientation: landscape) { /* Extra small devices (phones, less than 768px) and landscape orientation */
    
}

@media (min-width: 768px) and (max-width: 992px) { /* Small devices (tablets, greater or equal than 768px and less than 992px) */
    
}

@media (min-width: 993px) and (max-width: 1200px) {
	
}

.nopaddingright {
    padding-right: 0;
}

.nopaddingleft {
    padding-left: 0;
}

.wrap {
    position: relative;
    margin: 0;
}

.frame {
    height: 9.071em; /* 127px/14 = 9.071em */
    line-height: 9.071em; /* 127px/14 = 9.071em */
    overflow: hidden;
}
.frame ul {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 100%;
}
.frame ul li {
    float: left;
    width: 10.000em; /* 140px/14 = 10.000em */
    height: 9.071em; /* 127px/14 = 9.071em */
    margin: 0;
    padding: 0;
    background: none;
    color: #ddd;
    text-align: center;
    cursor: pointer;
}

.ui-state-default .ui-icon {
    background-image: url("../img/ui-icons_ffffff_256x240.png")!important;
}

.ui-state-active .ui-icon, .ui-button:active .ui-icon {
     background-image: url("../img/ui-icons_ffffff_256x240.png")!important;
}

.ui-state-active .ui-icon {
    background-image: url("../img/ui-icons_ffffff_256x240.png")!important;
}

.rightSide {
	float: right;
}


.asterisk {
    color: #de1c31;
}

/* LEGAL ADVICE */

#legalContainer { 
    font-family: exolight, Arial, Helvetica, sans-serif;
    color: #70685e;
    font-size: 1.286em; /* 18px/14 = 1.286em */
    text-decoration: none;
    text-align: left;
}

#legalContainer h3{
    font-family: rajdhanibold, Arial, Helvetica, sans-serif;
    font-size: 1.111em; /* 20px/18 = 1.111em */
}

#legalContainer table {
    margin-bottom: 0.556em; /* 10px/18 = 0.556em */
}

#legalContainer td, #legalContainer th {
    border: 0.056em solid #ddd; /* 1px/18 = 0.056em */
    padding: 0.444em; /* 8px/18 = 0.444em */
}

/* ICE */

#iceHeader {
	margin-top: 30px;
	margin-bottom: 30px;
}

.iceLink {
	width: 225px;
	height: 225px;
	text-align: center;
	vertical-align: middle!important;
	background: #de1c31;
	font-size: 45px;
}

.iceLink.used {
	background: #70685e;
	font-size: 30px; 
}

.iceLink a {
	color: #ffffff;
}

.iceLink a:hover {
	text-decoration: none;
	font-weight: bolder;
}

.iceText {
	font-size: 30px;
	color: #ffffff;
}

.iceUserRegistration {
	font-size: 22px;
}

.iceText input[type=text] {
	width: 200px;
	color: #70685e;
}

.iceTextButton {
	width: 200px;
	color: #70685e;
}

.changeNameLink {
	font-size: 15px; 
}

#messagesPanel {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 30px;
    background: url('../img/blackTrasparent.png');
    text-align: center;
    padding: 0;
    margin: 0;
    bottom: 0;
    padding-top: 5px;
    z-index: 2000;
    color: #ffffff;
    text-align: left;
    padding-left: 20px;
    opacity: 0.0;
}

.success {
    color: #45fa06;
}
.warning {
    color: #f7fa06;
}
.error {
    color: #de1c31;
}
.required {
    font-family: Arial, Helvetica, sans-serif;
    color: #de1c31;
}

.keyPressed {
    background-color: #8c8a8a !important;
    color: #ffffff !important;
}

.legend {
    font-family: allerbold, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin-top: 10px;
    color: #70685e;
}

/* FOOTER */

#footer {
	width: 100%;
    height: 53px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #de1c31;
}

#footerCenter {
    display: inline-block;
    position: relative;
    color: #ffffff;
    font-family: allerbold, Arial, Helvetica, sans-serif;
    font-size: 0.786em; /* 11px/14 = 0.786em */
    background-color: #de1c31;
}

#licences a, #licences a:visited, #licences a:link {
	text-decoration: none;
    color: #de1c31;
}

#licences a:hover, #licences a:visited:hover {
    color: #912430;
}

#footerCopyright {
    float: left;
    margin-top: 1.091em; /* 12px/11 = 1.091em */
}

#footerLinks {
    float: right;
    margin-top: 0.818em; /* 9px/11 = 0.818em */
    margin-bottom: 0.727em; /* 8px/11 = 0.727em */
}

@media (max-width: 767px) { /* Extra small devices (phones, less than 768px) */
    #footerLinks img {
        width: 113px;
        height: 28px;
    }
}

#footerLinks a, #footerLinks a:visited, #footerLinks a:active, .footerLink, .footerLink:visited, .footerLink:active, #footerCopyright a, #footerCopyright a:visited, #footerCopyright a:active {
    color: #ffffff;
    text-decoration: none;
}

#footerLinks a:hover, #footerLinks a:visited:hover, .footerLink:hover, .footerLink:visited:hover, #footerCopyright a:hover, #footerCopyright a:visited:hover {
    color: #7e121e;
    text-decoration: none;
}

#footerCopyright a.terms {
	margin-left: 0.818em; /* 9px/11 = 0.818em */
}

/* FOOTER MESSAGE */
#messages {
	opacity: 0;
}

#footerMessage {
    display: block;
    position: fixed;
    width: 100%;
    height: 3.786em; /* 53px/14 = 3.786em */
    background: url('../img/blackTrasparent.png');
    text-align: center;
    padding: 0;
    margin: 0;
    bottom: 0;
    padding-top: 0.357em; /* 5px/14 = 0.357em */
    z-index: 20;
}

.footerMessageTextPanel {
    display: inline-block;
    position: relative;
    height: 3.313em; /* 53px/16 = 3.313em */
    color: #ffffff;
    font-family: allerbold, Arial, Helvetica, sans-serif;
    font-size: 1.143em; /* 16px/14 = 1.143em */
    text-align: center;
    margin-top: 0.750em; /* 12px/16 = 0.750em */
}

.footerMessageTextPanel a, .footerMessageTextPanel a:visited{
    color: #ffffff;
    text-decoration: underline;
}

.footerMessageTextPanel a:hover, .footerMessageTextPanel a:active, .footerMessageTextPanel a:visited:hover {
    color: #ffffff;
    text-decoration: none;
}

@media (max-width: 767px) { /* Extra small devices (phones, less than 768px) */
   #footerMessage {
        height: auto;
   }
   .footerMessageTextPanel {
        padding: 0 0.625em 0 0.625em; /* 10px/16 = 0.625em */
   }
}

@media (min-width: 768px) and (max-width: 992px) { /* Small devices (tablets, greater or equal than 768px and less than 992px) */
   .footerMessageTextPanel {
        padding: 0 0.625em 0 0.625em; /* 10px/16 = 0.625em */
   }
}

/* COOKIES BANNER */

#cookiesBanner {
    display: block;
    position: fixed;
    width: 100%;
    height: 5.000em; /* 70px/14 = 5.000em */
    background: url('../img/blackTrasparent.png');
    text-align: center;
    padding: 0;
    margin: 0;
    bottom: 0;
    padding-top: 0.357em; /* 5px/14 = 0.357em */
    z-index: 20;
}

.cookiesBannerTextPanel {
    display: inline-block;
    position: relative;
    height: 6.364em; /* 70px/11 = 6.364em */
    color: #ffffff;
    font-family: allerbold, Arial, Helvetica, sans-serif;
    font-size: 0.786em; /* 11px/14 = 0.786em */
    text-align: center;
    margin-top: 1.818em; /* 20px/11 = 1.818em */
}

.cookiesBannerTextPanel a, .cookiesBannerTextPanel a:visited{
    color: #ffffff;
    text-decoration: underline;
}

.cookiesBannerTextPanel a:hover, .cookiesBannerTextPanel a:active, .cookiesBannerTextPanel a:visited:hover {
    color: #ffffff;
    text-decoration: none;
}

.cookiesBannerButtonPanel {
    display: inline-block;
    position: relative;
    width: 4.545em; /* 50px/11 = 4.545em */
    height: 2.091em; /* 23px/11 = 2.091em */
    vertical-align: top;
    background: #de1c31;
    color: #ffffff;
}

.cookiesBannerButton, .cookiesBannerButton:visited {
    display: block;
    position: relative;
    font-family: rajdhanibold, Arial, Helvetica, sans-serif;
    font-size: 1.636em; /* 18px/11 = 1.636em */
    color: #ffffff !important;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none !important;
}

.cookiesBannerButton:hover, .cookiesBannerButton:active, .cookiesBannerButton::visited:hover {
    text-decoration: none !important;
}

@media (max-width: 767px) { /* Extra small devices (phones, less than 768px) */
   #cookiesBanner {
        height: auto;
   }
   .cookiesBannerTextPanel {
        padding: 0 0.909em 0 0.909em; /* 10px/11 = 0.909em */
   }
}

@media (min-width: 768px) and (max-width: 992px) { /* Small devices (tablets, greater or equal than 768px and less than 992px) */
   .cookiesBannerTextPanel {
        padding: 0 0.909em 0 0.909em; /* 10px/11 = 0.909em */
   }
}

/* MODAL WINDOWS */

#modalContainer {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url('../img/blackTrasparent.png');
    z-index: 100;
}

.modalItem {
    display: inline-block;
    position: absolute;
    text-align: center;
    padding: 0;
    margin: 0;
    top: 50%;
    left: 50%;
}

.modalForm {
	display: inline-block;
    width: 600px;
    height: 242px;
    text-align: left;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    margin-top: -121px;
}

.modalIceForm {
    display: inline-block;
    width: 1100px; /*1100px;*/ /*800px;*/ /*600px;*/
    height: 406px; /*508px; */ /*406px;*/
    text-align: left;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -550px; /*-550px;*/ /*-400px;*/ /*-300px;*/
    margin-top: -350px; /*-254px;*/ /*-203px;*/
}

.modalIceForm .modal-dialog {
    width: auto;
    height: auto;
    margin: 0;
}

.modalIceForm .input-group-addon.register {
     font-size: 20px;
}

.modalIceForm .form-control {
    font-size: 20px;
    height: 50px;
}

.modalIceForm .legend {
    font-size: 15px;
}

.modalIceForm .btn {   
    font-size: 20px;
}

.modalItem img {
    width: 100%;
    height: 100%;
}

.modalItem.legalAgeConfirmation {
	width: 34.000em; /* 476px/14 = 34.000em */
	height: 25.714em; /* 360px/14 = 25.714em */
	margin-left: -17.000em; /* -238px/14 = -17.000em */ 
	margin-top: -12.857em; /* -180px/14 = -12.857em */
}

#ageConfirmationContainer {
	display: inline-block;
	position: relative;
	width: 34.000em; /* 476px/14 = 34.000em */
	height: 25.714em; /* 360px/14 = 25.714em */
	background-color: #de1c31;
	color: #ffffff;
	border-radius: 1.857em; /* 26px/14 = 1.857em */
	-moz-border-radius: 1.857em; /* 26px/14 = 1.857em */
}

#ageConfirmationLogo {
	display: inline-block;
	position: relative;
	width: 13.786em; /* 193px/14 = 13.786em */
	height: 8.929em; /* 125px/14 = 8.929em */
	margin-top: 0.357em; /* 5px/14 = 0.357em */
}

#ageConfirmationText {
	display: inline-block;
	position: relative;
	font-family: exobold, Arial, Helvetica, sans-serif;
	font-size: 1.571em; /* 22px/14 = 1.571em */
}

#ageConfirmationText.en {
	width: 15.818em; /* 348px/22 = 15.818em */
}

#ageConfirmationText.es {
	width: 19.545em; /* 430px/22 = 19.545em */
}

#ageConfirmationButtons {
	display: inline-block;
	position: relative;
	width: 24.857em; /* 348px/14 = 24.857em */
	margin-top: 0.714em; /* 10px/14 = 0.714em */
}

.ageConfirmationButtonContainer {
	display: inline-block;
	position: relative;
	width: 100%;
}

.ageConfirmationButton, .ageConfirmationButton:hover, .ageConfirmationButton:active, .ageConfirmationButton:visited, .ageConfirmationButton:visited:hover {
	display: inline-block;
	position: relative;
	font-family: exobold, Arial, Helvetica, sans-serif;
	font-size: 1.571em; /* 22px/14 = 1.571em */
	text-decoration: none;
	border-radius: 1.182em; /* 26px/22 = 1.182em */
	-moz-border-radius: 1.182em; /* 26px/22 = 1.182em */
	padding-top: 0.318em; /* 7px/22 = 0.318em */
	padding-bottom: 0.318em; /* 7px/22 = 0.318em */
	margin-top: 0.909em; /* 20px/22 = 0.909em */
}

.ageConfirmationButton.en {
	width: 10.909em; /* 240px/22 = 10.909em */
}

.ageConfirmationButton.en:hover {
	width: 11.136em; /* 245px/22 = 11.136em */
	padding-top: 0.409em; /* 9px/22 = 0.409em */
	padding-bottom: 0.409em; /* 9px/22 = 0.409em */
}

.ageConfirmationButton.es {
	width: 13.636em; /* 300px/22 = 13.636em */
}

.ageConfirmationButton.es:hover {
	width: 13.864em; /* 305px/22 = 13.864em */
	padding-top: 0.409em; /* 9px/22 = 0.409em */
	padding-bottom: 0.409em; /* 9px/22 = 0.409em */
}

#ageConfirmationYesButton, #ageConfirmationYesButton:hover, #ageConfirmationYesButton:active, #ageConfirmationYesButton:visited, #ageConfirmationYesButton:visited:hover {
	background-color: #ffffff;
	color: #de1c31;
}

#ageConfirmationNoButton, #ageConfirmationNoButton:hover, #ageConfirmationNoButton:active, #ageConfirmationNoButton:visited, #ageConfirmationNoButton:visited:hover {
	background-color: #de1c31;
	color: #ffffff;
	border: 0.091em solid #ffffff; /* 2px/22 = 0.091em */
}

@media (max-width: 767px) and (orientation: portrait) { /* Extra small devices (phones, less than 768px) and portrait orientation */
    .modalItem.legalAgeConfirmation {
		width: 21.429em; /* 300px/14 = 21.429em */
		height: 16.286em; /* 228px/14 = 16.286em */
		margin-left: -10.714em; /* -150px/14 = -10.714em */ 
		margin-top: -8.143em; /* -114px/14 = -8.143em */
	}
	#ageConfirmationContainer {
		width: 21.429em; /* 300px/14 = 21.429em */
		height: 16.286em; /* 228px/14 = 16.286em */
		border-radius: 1.286em; /* 18px/14 = 1.286em */
		-moz-border-radius: 1.286em; /* 18px/14 = 1.286em */
	}
	#ageConfirmationLogo {
		width: 8.571em; /* 120px/14 = 8.571em */
		height: 5.571em; /* 78px/14 = 5.571em */
	}
	#ageConfirmationText {
		font-size: 1.000em; /* 14px/14 = 1.000em */
	}
	#ageConfirmationText.en {
		width: 20.000em; /* 280px/14 = 20.000em */
	}	
	#ageConfirmationText.es {
		width: 20.000em; /* 280px/14 = 20.000em */
	}
	#ageConfirmationButtons {
		width: 20.000em; /* 280px/14 = 20.000em */
		margin-top: 0.357em; /* 5px/14 = 0.357em */
	}
	.ageConfirmationButton, .ageConfirmationButton:hover, .ageConfirmationButton:active, .ageConfirmationButton:visited, .ageConfirmationButton:visited:hover {
		font-size: 1.000em; /* 14px/14 = 1.000em */
		border-radius: 1.286em; /* 18px/14 = 1.286em */
		-moz-border-radius: 1.286em; /* 18px/14 = 1.286em */
		padding-top: 0.357em; /* 5px/14 = 0.357em */
		padding-bottom: 0.357em; /* 5px/14 = 0.357em */
		margin-top: 0.714em; /* 10px/14 = 0.714em */
	}
	.ageConfirmationButton.en {
		width: 9.286em; /* 130px/14 = 9.286em */
	}
	.ageConfirmationButton.en:hover {
		width: 9.643em; /* 135px/14 = 9.643em */
		padding-top: 0.500em; /* 7px/14 = 0.500em */
		padding-bottom: 0.500em; /* 7px/14 = 0.500em */
	}
	.ageConfirmationButton.es {
		width: 12.857em; /* 180px/14 = 12.857em */
	}
	.ageConfirmationButton.es:hover {
		width: 13.214em; /* 185px/14 = 13.214em */
		padding-top: 0.500em; /* 7px/14 = 0.500em */
		padding-bottom: 0.500em; /* 7px/14 = 0.500em */
	}
}

@media (max-width: 767px) and (orientation: landscape) { /* Extra small devices (phones, less than 768px) and landscape orientation */
    .modalItem.legalAgeConfirmation {
		width: 28.286em; /* 396px/14 = 28.286em */
		height: 18.571em; /* 260px/14 = 18.571em */
		margin-left: -14.143em; /* -198px/14 = -14.143em */ 
		margin-top: -9.286em; /* -130px/14 = -9.286em */
	}
    #ageConfirmationContainer {
		width: 28.286em; /* 396px/14 = 28.286em */
		height: 18.571em; /* 260px/14 = 18.571em */
		border-radius: 1.429em; /* 20px/14 = 1.429em */
		-moz-border-radius: 1.429em; /* 20px/14 = 1.429em */
	}
	#ageConfirmationLogo {
		width: 10.000em; /* 140px/14 = 10.000em */
		height: 6.500em; /* 91px/14 = 6.500em */
	}
	#ageConfirmationText {
		font-size: 1.143em; /* 16px/14 = 1.143em */
	}
	#ageConfirmationText.en {
		width: 17.500em; /* 280px/16 = 17.500em */
	}	
	#ageConfirmationText.es {
		width: 18.750em; /* 300px/16 = 18.750em */
	}
	#ageConfirmationButtons {
		width: 21.429em; /* 300px/14 = 21.429em */
		margin-top: 0.357em; /* 5px/14 = 0.357em */
	}
	.ageConfirmationButton, .ageConfirmationButton:hover, .ageConfirmationButton:active, .ageConfirmationButton:visited, .ageConfirmationButton:visited:hover {
		font-size: 1.143em; /* 16px/14 = 1.143em */
		border-radius: 1.250em; /* 20px/16 = 1.250em */
		-moz-border-radius: 1.250em; /* 20px/16 = 1.250em */
		padding-top: 0.313em; /* 5px/16 = 0.313em */
		padding-bottom: 0.313em; /* 5px/16 = 0.313em */
		margin-top: 0.750em; /* 12px/16 = 0.750em */
	}
	.ageConfirmationButton.en {
		width: 10.000em; /* 160px/16 = 10.000em */
	}
	.ageConfirmationButton.en:hover {
		width: 10.313em; /* 165px/16 = 10.313em */
		padding-top: 0.438em; /* 7px/16 = 0.438em */
		padding-bottom: 0.438em; /* 7px/16 = 0.438em */
	}
	.ageConfirmationButton.es {
		width: 13.438em; /* 215px/16 = 13.438em */
	}
	.ageConfirmationButton.es:hover {
		width: 13.750em; /* 220px/16 = 13.750em */
		padding-top: 0.438em; /* 7px/16 = 0.438em */
		padding-bottom: 0.438em; /* 7px/16 = 0.438em */
	}
}

@media (min-width: 768px) and (max-width: 992px) { /* Small devices (tablets, greater or equal than 768px and less than 992px) */
    .modalItem.legalAgeConfirmation {
		width: 28.571em; /* 400px/14 = 28.571em */
		height: 21.714em; /* 304px/14 = 21.714em */
		margin-left: -14.286em; /* -200px/14 = -14.286em */ 
		margin-top: -10.857em; /* -152px/14 = -10.857em */
	}
    #ageConfirmationContainer {
		width: 28.571em; /* 400px/14 = 28.571em */
		height: 21.714em; /* 304px/14 = 21.714em */
		border-radius: 1.643em; /* 23px/14 = 1.643em */
		-moz-border-radius: 1.643em; /* 23px/14 = 1.643em */
	}
	#ageConfirmationLogo {
		width: 10.929em; /* 153px/14 = 10.929em */
		height: 7.071em; /* 99px/14 = 7.071em */
	}
	#ageConfirmationText {
		font-size: 1.286em; /* 18px/14 = 1.286em */
	}
	#ageConfirmationText.en {
		width: 15.556em; /* 280px/18 = 15.556em */
	}	
	#ageConfirmationText.es {
		width: 19.667em; /* 354px/18 = 19.667em */
	}
	.ageConfirmationButton, .ageConfirmationButton:hover, .ageConfirmationButton:active, .ageConfirmationButton:visited, .ageConfirmationButton:visited:hover {
		font-size: 1.286em; /* 18px/14 = 1.286em */
		border-radius: 1.278em; /* 23px/18 = 1.278em */
		-moz-border-radius: 1.278em; /* 23px/18 = 1.278em */
		padding-top: 0.278em; /* 5px/18 = 0.278em */
		padding-bottom: 0.278em; /* 5px/18 = 0.278em */
		margin-top: 0.833em; /* 15px/18 = 0.833em */
	}
	.ageConfirmationButton.en {
		width: 10.000em; /* 180px/18 = 10.000em */
	}
	.ageConfirmationButton.en:hover {
		width: 10.278em; /* 185px/18 = 10.278em */
		padding-top: 0.389em; /* 7px/18 = 0.389em */
		padding-bottom: 0.389em; /* 7px/18 = 0.389em */
	}
	.ageConfirmationButton.es {
		width: 13.333em; /* 240px/18 = 13.333em */
	}
	.ageConfirmationButton.es:hover {
		width: 13.611em; /* 245px/18 = 13.611em */
		padding-top: 0.389em; /* 7px/18 = 0.389em */
		padding-bottom: 0.389em; /* 7px/18 = 0.389em */
	}
}

/* 404 PAGE */

.pageNotFoundImg {
    width: 31.111em; /* 560px/18 = 31.111em */
}

@media (max-width: 767px) { /* Extra small devices (phones, less than 768px) */
    .pageNotFoundImg {
        width: 50%;
    }
}

@media (min-width: 768px) and (max-width: 992px) { /* Small devices (tablets, greater or equal than 768px and less than 992px) */
    .pageNotFoundImg {
        width: 50%;
    }
}

@media (min-width: 993px) and (max-width: 1200px) {
    .pageNotFoundImg {
        width: 50%;
    }
}

/* Loader Panel */

#loaderPanel {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: url('../img/blackTrasparent.png');
    z-index: 100;
}

#loaderPanel.visible {
    display: block;
}

#loader {
    display: inline-block;
    width: 126px;
    height: 126px;
    text-align: center;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -63px;
    margin-top: -63px;
}

#loader img {
    width: 126px;
    height: 126px;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}


/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

@media only screen and (max-width: 96.688em) {
    /* Resolución PC with < 1548px/16 = 96.750em */
    #mainBody {
        width: 96.688em;
    }
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}