* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: none; }

body { background-color: #fff; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; }

h1,
h2,
h3 { font-weight: 400; }

label { font-weight: 600; }
label.labelNoBold { font-weight: 400; }
label.labelNoBold strong { font-weight: 600; }

a { text-decoration: none; }
a:focus { outline: none; }

li { list-style: none inside; }


td[data-targeturi] { cursor: pointer; }

.closer { clear: both; }

.buttonDisabled {
    pointer-events: none;
    cursor: default;
    background-color: #999 !important;
}

.functionsButton { background-color: #999; border-radius: 15px; color: #fff; display: inline-block; font-size: 15px; font-weight: normal; margin-right: 5px; min-width: 190px; text-align: center; padding: 7px 13px; text-align: center; vertical-align: bottom; }
.functionsButton.green { background-color: #1b8f00; }
.functionsButton.red { background-color: #ff0000; }
.functionsButton.blue { background-color: #006699; }
.functionsButton.black { background-color: #333; }
.functionsButton span { color: #FFF; }
.functionsButton .fa { font-size: 18px; vertical-align: middle; margin-right: 5px; }
.functionsButton.addFunction { margin-right: 20px; }
.functionsButton:hover { opacity: 0.8; }
.generic-cursor-pointer {
    cursor: pointer;
}

.filter-alert-msg {
  
    font-size: 20px;
}

span.status { cursor: help; display: inline-block; position: relative; width: 12px; height: 12px; border-radius: 100%; vertical-align: middle; background-color: #666; margin-right: 10px; }
span.status .statusLabel { background-color: #fff88e; color: #666; display: none; font-size: 12px; margin: auto; min-width: 170px; padding: 10px; position: absolute; right: 20px; text-align: center; top: -10px; }
span.status:hover .statusLabel { display: inline-block; }


span.status.green { background-color: #1b8f00; }
span.status.orange { background-color: #ff6d00; }
span.status.red { background-color: #ff0000; }
span.status.blue { background-color: #006699; }
span.status.black { background-color: #000; }
span.status.gray { background-color: #666; }
span.status.yellow { background-color: #fef900; }

.smallIcon { display: inline-block; vertical-align: middle; font-size: 23px; margin-left: 3px; margin-right: 3px; }

a.smallIcon { color: #999; }
span.smallIcon { color: #CCC; }

a.smallIcon:hover,
a:hover .smallIcon { opacity: 0.6; }


.buttonText { display: inline-block; vertical-align: middle; font-weight: normal; }

.container input,
.container select,
.container textarea { width: 100%; background-color: #FFF; border: solid 1px #ddd; padding: 4px; font-size: 14px; color: #666; margin-right: 5px; font-family: 'Open Sans', sans-serif; }
.container input[type=file] { width: 70%; display: inline-block; }

.container input[type="radio"],
.container input[type="checkbox"] { width: auto; margin-right: 5px; margin-top: 0; vertical-align: top; margin-left: 0; }

.container label { display: block; margin-bottom: 7px; font-size: 14px; color: #888; }
.container label.blue { color: #006699; }

.container .editForm fieldset a { color: #888; text-decoration: underline; }
.container textarea { resize: none; font-family: 'Open Sans', sans-serif; min-height: 150px; }
.container form { display: inline-block; }
.container fieldset { display: inline-block; vertical-align: top; margin-bottom: 15px; margin-right: 15px; }

.loadingBox { position: fixed; z-index: 100; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(255,255,255,0.8); text-align: center; display: none; }
.loadingBox > div { position: absolute; text-align: center; height: 70px; top: 50%; width: 80%; left: 10%; }
.loadingBox > div span.fa { display: block; color: #006699; font-size: 130px; line-height: 10px; margin-bottom: 60px; }

.editForm fieldset > span.bigCheck { display: inline-block; vertical-align: middle; font-size: 50px; color: #1b8f00; }

/* default layout styles */
.wrapperMain { width: 1200px; margin: auto; position: relative; }
.contentMain { border-bottom: 1px solid #eee; padding-bottom: 40px; padding-top: 15px; margin-bottom: 40px; }
.star::after {
    content:" *";
}


/*news*/
#ticker {
    overflow:hidden;
    font-size:13px;
    margin:0;
    padding:0;    
    height: 100%;
    }
#ticker li {
    overflow:scroll;
    text-overflow: clip;
    list-style:none;
    padding:0;
    margin:0;
    height: 240px;
    padding:5px;
    border-bottom:1px solid #CCC;
}
#ticker  h3 
{   
    font-size: 1.4em; 
    line-height: 1.2em; 
    font-weight: 400; 
    margin-bottom: 0.8em; 
}
#ticker a 
{ 
     line-height: 1.2; 
     font-size: 1.1em; 
     font-weight: 200;  
     color: #333; 
     border-bottom:none;    
}

/* header */
header.headerMain { border-bottom: 5px solid #eee; padding-top: 20px; min-height: 100px; }
header.headerMain .logo { background-image: url("img/logo.png"); background-position: 0 0; background-repeat: no-repeat; background-size: contain; display: block; height: 60px; vertical-align: middle; width: 70px; }
header.headerMain .logo img { display: none; }

/* main menu */
.headerMain nav { display: inline-block; font-family: "Homenaje",sans-serif; font-size: 20px; font-weight: 400; margin-top: 40px; width: 100%; padding-top: 10px; vertical-align: middle; border-top: solid 1px #eee; }
.headerMain ul.mainMenu > li { display: inline-block; color: #fff; position: relative; margin-bottom: 15px; }
.headerMain ul.mainMenu > li > a { display: block; font-family: 'Homenaje', sans-serif; color: #006699; padding: 0 20px 0 0; }
.headerMain ul.mainMenu > li:first-child a { padding-left: 0; }
.headerMain ul.mainMenu > li:last-child a { padding-right: 0; border-right: 0; }
.headerMain ul.mainMenu > li a:hover { opacity: 0.8; }

.headerMain ul.mainMenu > li:hover > .secondLevel { display: block; }
.headerMain ul.mainMenu .secondLevel { display: none; left: -10px; min-width: 180px; position: absolute; top: 21px; z-index: 2; }
.headerMain ul.mainMenu .secondLevel ul { margin-top: 10px; padding: 15px; background-color: #006699; }
.headerMain ul.mainMenu .secondLevel ul li { margin-bottom: 8px; padding-bottom: 8px; font-size: 0.8em; border-bottom: solid 1px #006699; color: #fff; }
.headerMain ul.mainMenu .secondLevel ul li a { color: #fff; }
.headerMain ul.mainMenu .secondLevel ul li a:hover { color: #000; }
.headerMain ul.mainMenu .secondLevel ul li.active a { color: #000; }
.headerMain ul.mainMenu .secondLevel ul li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }

.menusLeft {
    position: absolute;
    top: 18px;
    left: 80px
}
.menusRight { position: absolute; top: 18px; right: 0; }

/* user */
.headerMain .user { background-color: #006699; color: #fff; display: inline-block; margin-left: 20px; padding: 10px; vertical-align: middle; }
.headerMain .user span { display: inline-block; font-size: 15px; font-weight: 100; vertical-align: middle; }
.headerMain .user a { color: #fff; display: inline-block; vertical-align: middle; margin: 0 7px; }
.headerMain .user a:hover { opacity: 0.7; }

.headerMain .passwordRec { display: block; text-align: right; margin-top: 10px; text-transform: uppercase; color: #006699; font-size: 11px; }

/* languages */
.headerMain .languages { display: inline-block; vertical-align: middle; color: #999; }
.headerMain .languages li { display: inline-block; }
.headerMain .languages a { background-color: #999; color: #fff; display: inline-block; padding: 5px; }
.headerMain .languages li.active a,
.headerMain .languages a:hover { background-color: #666; }


/* data miss */
.dataMiss { margin-top: 20px; padding-top: 20px; border-top: solid 1px #eee; }
.dataMiss a { display: block; margin-bottom: 5px; color: #666; }
.dataMiss a:hover { color: #666; }

/* breadcrumb */
.breadcrumb { font-size: 14px; font-weight: 100; color: #666; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; }
.breadcrumb ul li { display: inline-block; margin-right: 5px; }
.breadcrumb ul li a { color: #666; }
.breadcrumb ul li.active,
.breadcrumb ul li.active a { color: #006699; }
.breadcrumb ul li a:hover { color: #000; }

/* main section */
.mainSection > header { border-bottom: 1px solid #EEE; padding-bottom: 5px; margin-bottom: 15px; }
.mainSection > header h1 { font-family: 'Homenaje', sans-serif; font-size: 35px; color: #666; padding-bottom: 5px; }
.mainSection > header h2 { color: #999; font-size: 20px; }
.mainSection > header h2.explain { background-color: #1b8f00; border-radius: 15px; color: #fff; font-weight: 200; margin-bottom: 10px; margin-top: 10px; padding: 7px 11px; }
.mainSection > header h2 a { color: #333; }
.mainSection > header h2 a:hover { color: #000; }
a.infoLink { background-color: #006699; color: #fff; display: inline-block; font-size: 18px; margin-left: 5px; padding: 5px; vertical-align: middle; }

.mainSection article { padding: 12px; margin-bottom: 20PX; background-color: #fafafa; }
.mainSection article.column { display: inline-block; vertical-align: top; width: 23.85%; margin-right: 1%; }

.mainSection .column3 article.column { width: 32%; }

.columnLeft { float: left; width: 49.5%; }
.columnRight { float: right; width: 49.5%; }

.paymentMethod { border: 2px dotted #ccc; margin-top: 50px; padding: 30px; }
.paymentMethod h3 { border-bottom: 1px solid #ddd; color: #006699; font-family: "Homenaje",sans-serif; font-size: 20px; margin-bottom: 20px; padding-bottom: 10px; text-transform: uppercase; }
.paymentMethod .total { color: #888; display: block; font-size: 14px; margin-bottom: 7px; font-weight: 600; }
.paymentMethod .total span { color: #1b8f00; font-family: "Homenaje",sans-serif; font-size: 58px; }
.paymentMethod img { display: inline-block; margin-bottom: 20px; margin-top: 8px; max-width: 170px; }
.editForm .paymentMethod .functionsButton { margin-top: 30px; }
.paymentMethod .columnLeft { width: 49%; }
.paymentMethod .columnRight { width: 49%; }



.mainSection article:nth-of-type(2n+1) { background-color: #f7f7f7; }
.mainSection article header { border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-bottom: 10px; }
.mainSection article header h3 { color: #666; font-family: 'Homenaje', sans-serif; font-size: 23px; }
.mainSection article header h4 { color: #999; font-family: 'Homenaje', sans-serif; font-size: 17px; margin-top: 10px; }
.mainSection article.orderNotes textarea { height: 160px; width: 616px; }

.mainSection .orderCount { background-color: #f7f7f7; padding: 12px; margin-top: 20px; margin-bottom: 20px; text-align: right; }
.mainSection .orderCount span { display: block; }
.mainSection .orderCount span.subtotal { font-size: 20px; font-family: 'Homenaje', sans-serif; margin-bottom: 10px; color: #666; }
.mainSection .orderCount span.total { font-size: 30px; font-family: 'Homenaje', sans-serif; color: #1b8f00; }
/*.mainSection .orderCount span.total { font-size: 30px; font-family: 'Homenaje', sans-serif; color: #1b8f00;  float:right;}*/

.mainSection .orderActions { margin-top: 20px; }

.mainSection .topDivisor { margin-top: 20px; border-top: solid 1px #eee; padding: 20px 0; background-color: transparent; }

/* main section */
.noticeWall { margin-bottom: 20px; border-bottom: solid 1px #eee; }
.noticeWall ul li { float: left; width: 49.5%; }
.noticeWall ul li:nth-child(2n+1) { margin-right: 1%; }
.noticeWall ul li article { min-height: 200px; }
.noticeWall ul li article header { margin-bottom: 15px; }
.noticeWall ul li article h1 { margin-bottom: 15px; font-family: 'Homenaje', sans-serif; font-size: 25px; color: #006699; }
.noticeWall ul li article p { color: #666; font-size: 14px; line-height: 18px; height: 72px; overflow: auto; }

/* actions section */
.actionsWall { margin-bottom: 20px; padding-bottom: 10px; border-bottom: solid 1px #eee; }
.actionsWall ul li { float: left; margin-bottom: 20px; margin-left: 2%; width: 15%; }
.actionsWall ul li:nth-child(6n+1) { margin-left: 0; }
.actionsWall ul li a { background-color: #f7f7f7; display: inline-block; height: 180px; width: 100%; border-radius: 15px; padding: 20px; text-align: center; position: relative; }
.actionsWall ul li a:hover { opacity: 0.8; }
.actionsWall ul li a span { display: block; }
.actionsWall ul li a span.fa { color: #999; font-size: 80px; margin-top: 12px; }
.actionsWall ul li a span.buttonText { position: absolute; left: 20px; right: 20px; bottom: 20px; color: #999; font-size: 16px; }

/* functions */
.mainFunctions,
.filters,
.pagination { margin-bottom: 20px; }

.mainFunctions { margin-top: 10px; }

.filters { background-color: #f6f6f6; border: 1px solid #ddd; padding: 20px; width:100%;}
.filters .functionsButton { display: block; max-width: 190px; }
    .filters .positionRight {
       float:right !important;
    }

/* simplelinks */
ul.simpleLinks { padding-top: 10px; padding-bottom: 10px; }
ul.simpleLinks li { display: inline-block; margin-right: 20px; }
ul.simpleLinks li a { color: #000; text-decoration: underline; text-decoration-style: dotted; -moz-text-decoration-style: dotted; font-size: 15px; }
ul.simpleLinks li a:hover { color: #666; }


/*------- Datatable ----------------------*/


.dataTableContainer { overflow: auto; width: 100%; padding-bottom: 20px; }

table.dataTable { width: 100%; text-align: left; border-bottom: 1px solid #DDD; border-right: 1px solid #DDD; background-color: #FFF; line-height: 18px; }
.productsinOrder table.dataTable { margin-bottom: 20px; }
table.dataTable .sorter { padding-left: 5px; }

table.dataTable tr th,
table.dataTable tr td { padding: 4px 8px; }

table.dataTable tr th { background-color: #999; color: #fff; height: 30px; border-left: 1px solid #777; }
table.dataTable tr th a { color: #fff; }
table.dataTable tr th a:hover { color: #CCC; }

table.dataTable tr td { color: #666; border-left: 1px solid #DDD; }

table.dataTable tr:hover { background-color: #f5f5f5; !important; }
table.dataTable tr:hover td { background: none !important; }

table.dataTable tr:nth-child(even) td { background-color: #F7F7F7; }
table.dataTable tr td.easyFunctions { text-align: right; width: 75px; }
table.dataTable tr td.easyFunctions.threeIcons { width: 105px; }
table.dataTable tr td.easyFunctions.fourIcons { width: 135px; }
table.dataTable tr td.easyFunctions.fiveIcons { width: 165px; }

table.dataTable tr td.easyFunctions .smallIcon { margin-left: 7px; margin-right: 0; }
table.dataTable tr td.easyFunctions .smallIcon:first-child { margin-left: 0; }

table.dataTable tr.green td { background-color: #D8FFCE; }
table.dataTable tr.orange td { background-color: #FFE1CC; }
table.dataTable tr.red td { background-color: #FFDDDE; }
table.dataTable tr.blue td { background-color: #E0F4FF; }
table.dataTable tr.yellow td { background-color: #FFFCC1; }

table.dataTable tr td a:not(.smallIcon) { color: #000; text-decoration: underline; text-decoration-style: dotted; -moz-text-decoration-style: dotted; }
table.dataTable tr td a:not(.smallIcon):hover { color: #666; }
table.dataTable tr td a.ref { padding-left: 5px; }

table.dataTable tfoot tr.numberPages { border-top: 1px solid #ddd; }
table.dataTable tfoot tr.numberPages > td { padding-top: 20px; padding-bottom: 20px; }
table.dataTable tfoot tr.numberPages table td { border-left: 0; padding: 0; }
table.dataTable tfoot tr.numberPages table td span { padding: 5px 7px; background-color: #999; color: #fff; }
table.dataTable tfoot tr.numberPages table td a { padding: 5px 7px; text-decoration: none; }
table.dataTable tfoot tr.numberPages table td a:hover { background-color: #F5F5F5; }

table.dataTable tr.redBackground td, table.dataTable tr.redBackground:hover td { background-color: #ee9494 !important; color: black; }


/* form steps */
ul.formSteps { border-bottom: 1px solid #eee; color: #666; font-size: 14px; margin-bottom: 10px; padding-bottom: 10px; }
ul.formSteps li { display: inline-block; }
ul.formSteps li > span { display: inline-block; }
ul.formSteps li:last-of-type > span { display: none; }
ul.formSteps li a { display: inline-block; color: #666; font-size: 25px; margin-right: 20px; }
ul.formSteps li a span.number { background-color: #666; border-radius: 100%; color: #fff; display: inline-block; height: 15px; margin-right: 5px; text-align: center; width: 15px; }


ul.formSteps li.active a { color: #1b8f00; }
ul.formSteps li.active a span.number { background-color: #1b8f00; }

ul.formSteps li a:hover { opacity: 0.5; }


/* section edit */
.editForm form { width: 100%; }
.editForm fieldset { margin-bottom: 20px; vertical-align: top; width: 23.70%; margin-right: 1%; }
.editForm fieldset.full { width: 100%; }

.editForm .stop { display: block; width: 100%; }


.editForm input[type="text"],
.editForm input[type="password"],
.editForm input[type="email"],
.editForm input[type="date"],
.editForm select,
.editForm textarea { width: 100%; }

.editForm .dataTable input[type="text"],
.editForm .dataTable input[type="password"],
.editForm .dataTable input[type="email"],
.editForm .dataTable input[type="date"],
.editForm .dataTable select,
.editForm .dataTable textarea { width: auto; }

.editForm .functionsButton { margin-top: 15px; }
.editForm .functionsButton.positionRight { float: right; }
.editForm fieldset > span { color: #000; display: inline-block; font-size: 16px; margin-bottom: 8px; }
.editInfo fieldset img { float: left; margin-right: 15px; }

.editForm fieldset.fieldRadioCheck h4 { margin-bottom: 10px; margin-top: 15px; font-family: 'Homenaje', sans-serif; font-size: 16px; color: #999; }
.editForm fieldset.fieldRadioCheck table { background-color: #f7f7f7; }
.editForm fieldset.fieldRadioCheck table td { border: 1px dotted #ccc; margin-right: 5px; padding: 7px; float: left; }
.editForm fieldset.fieldRadioCheck table td label { margin-bottom: 0; display: inline-block; font-size: 13px; }
.editForm fieldset.fieldRadioCheck table td input { margin-left: 0; margin-top: 1px; margin-right: 0; }

/* section popup */


.mainPopUp { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(255,255,255,0.8); z-index: 1000; display: block; }

.mainPopUp .mainSection.listSection { width: 100%; }

.mainPopUp a.closePopUp { color: #666; font-size: 40px; position: absolute; right: 10px; top: 10px; }
.mainPopUp a.closePopUp:hover { color: #333; }
.mainPopUp .wrapperMain { margin-top: 70px; background-color: #fff; border: solid 1px #f7f7f7; padding: 20px; height: 700px; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.20); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.20); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.20); }
.mainPopUp .wrapperMain .cutFrame { border: #1b8f00; width: 100%; overflow: auto; height: 540px; border-bottom: solid 1px #eee; }
.mainPopUp.noFunctions .wrapperMain .cutFrame { border-bottom: 0; height: 589px; }

/* advanced editor container */
.articleContent { margin-bottom: 20px; }
.articleContent:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.articleContent > h1 { font-size: 20px; line-height: 20px; margin-bottom: 5px; margin-top: 5px; color: #666; }
.articleContent > h2 { font-size: 18px; line-height: 28px; margin-bottom: 5px; margin-top: 5px; color: #666; }
.articleContent > h3 { font-size: 26px; line-height: 26px; margin-bottom: 5px; margin-top: 5px; color: #666; }
.articleContent > p { color: #666; font-size: 15px; line-height: 18px; padding-bottom: 5px; }
.articleContent > p:last-of-type { padding-bottom: 0; }
.articleContent > blockquote { background-color: #eee; font-family: 'Homenaje', sans-serif; font-size: 17px; font-weight: 100; line-height: 30px; margin-bottom: 20px; padding: 15px; font-style: italic; }
.articleContent > blockquote b,
.articleContent > blockquote strong { color: #999; }
.articleContent > img { width: 100%; display: block; margin-top: 10px; margin-bottom: 10px; }
.articleContent > ul,
.articleContent > ol { display: block; margin-top: 10px; margin-bottom: 10px; }
.articleContent > ul li { list-style: inside circle; padding-left: 20px; }
.articleContent > ol li { list-style: inside decimal; padding-left: 20px; }
.articleContent > table { font-size: 14px; line-height: 16px; margin-bottom: 10px; margin-top: 10px; text-align: left; width: 100%; }
.articleContent > table th { border-bottom: solid 1px #ddd; padding: 10px; font-weight: bold; }
.articleContent > table td { border-bottom: dotted 1px #ddd; padding: 10px; }
.articleContent > table td:nth-child(1),
.articleContent > table td:nth-child(2),
.articleContent > table td:nth-child(3) { width: 130px; }
.articleContent > table td:nth-child(4) { width: 170px; }
.articleContent fieldset { display: block; margin-bottom: 10px; margin-top: 10px; padding-bottom: 10px; padding-top: 10px; border-bottom: 1px solid #eee; border-top: 1px solid #eee; }
.articleContent label { display: block; margin-bottom: 5px; }
.articleContent input,
.articleContent textarea { display: block; margin-bottom: 15px; width: 100%; padding: 5px; border: 1px solid #eee; }
.articleContent input[type=submit],
.articleContent input[type=button] { width: auto; font-size: 18px; cursor: pointer; }
.articleContent input[type=submit]:hover,
.articleContent input[type=button]:hover { background-color: #666; color: #fff; }
.articleContent a { color: #666; text-decoration: underline; }
.articleContent a:hover { color: #000 !important; }
.articleContent em,
.articleContent i { font-style: italic; }
.articleContent strong,
.articleContent b,
.articleContent label { font-weight: bold; }
.articleContent u { text-decoration: underline; }
.articleContent .inside-icon { color: #999; display: block; float: left; font-size: 65px; margin-right: 20px; }

/*errors and legends*/
.mainLegend { background-color: #ddd; color: #999; font-size: 14px; font-style: italic; margin-bottom: 10px; padding: 10px; }
.mainAlert { background-color: #666; color: #FFF; padding: 10px 15px; font-family: 'Homenaje', sans-serif; font-size: 16px; margin-bottom: 20px; margin-top: 20px; }
.mainAlert span { font-size: 25px; margin-right: 5px; }
.mainAlert.ok { background-color: #8dc77f; }
.mainAlert.ko { background-color: #f48f93; }
fieldset .alert { border-color: #f48f93; }
.field-validation-error { font-size: 0.8em; font-style: italic; background-color: #f48f93; padding: 5px; color: #000; }

/*popup custom*/
.customPopUp { width: 900px !important; left: 50% !important; margin-left: -450px !important; }
.customPopUp textarea { resize: none; width: 100%; }

/* footer */
.siteFooter { background-color: #006699; min-height: 5px; color: #fff; padding: 30px 0; }
.navFooter { margin-bottom: 20px; }
.navFooter ul { padding-bottom: 10px; border-bottom: solid 1px rgba(255,255,255,0.3); }
.navFooter ul li { display: inline-block; margin-right: 5px; }
.navFooter ul li a { display: block; font-family: 'Homenaje', sans-serif; font-size: 1.5em; color: #fff; padding: 0 20px 0 0; }



/*########### Loading ###############################################*/
.loading { background-color: rgba(255, 255, 255, 0.95); height: 100vh; left: 0; overflow: hidden; padding: 16%; position: fixed; text-align: center; top: 0; width: 100vw; z-index: 9999; }
.loading i { font-size: 60px; color: #006699; }
.loading p { margin-top: 20px; font-family: 'Homenaje'; font-size: 30px; }


/*########### Home page ###############################################*/
.homePage .intro { padding-bottom: 10px; padding-top: 20px; }
.homePage .typography { padding: 20px 20px 1px 20px; background-color: #f6f6f6; }
.homePage .accordions { display: none; }
.homePage .accordions .firstStep { margin-bottom: 30px; padding-bottom: 20px; color: #333; border-bottom: dotted 1px #ccc; }
.homePage .accordions .firstStep > h2 { font-size: 1.6em; line-height: 1.2em; font-weight: 400; margin-bottom: 0.8em; color: #006699; }
.homePage .accordions .firstStep > ul { }
.homePage .accordions .firstStep > ul > li { margin-bottom: 10px; }
.homePage .accordions .firstStep > ul > li > a { color: #666; font-size: 1.2em; }
.homePage .accordions .firstStep > ul > li > a .fa-minus-circle { display: none; }
.homePage .accordions .firstStep > ul > li > a:hover { color: #333; }
.homePage .accordions .firstStep > ul > li .tent { display: none; padding-top: 50px; }

.homePage .accordions .clubGuidesStep { margin-bottom: 30px; padding-bottom: 20px; color: #333; border-bottom: dotted 1px #ccc; }
.homePage .accordions .clubGuidesStep > h2 { font-size: 1.6em; line-height: 1.2em; font-weight: 400; margin-bottom: 0.8em; color: #006699; }
.homePage .accordions .clubGuidesStep > ul { }
.homePage .accordions .clubGuidesStep > ul > li { margin-bottom: 10px; }
.homePage .accordions .clubGuidesStep > ul > li > a { color: #666; font-size: 1.2em; }
.homePage .accordions .clubGuidesStep > ul > li > a .fa-minus-circle { display: none; }
.homePage .accordions .clubGuidesStep > ul > li > a:hover { color: #333; }
.homePage .accordions .clubGuidesStep > ul > li .tent { display: none; padding-top: 50px; }

.homePage .mainTabs { margin-bottom: 30px; color: #333; text-align: center; }
.homePage .mainTabs li { display: inline-block; width: 24%; }
.homePage .mainTabs li a { display: inline-block; height: 50px; width: 100%; background-color: #006699; color: #fff; vertical-align: middle;  font-weight: 200; padding-top: 15px; text-transform: uppercase; }
.homePage .mainTabs li a:hover { opacity: 0.8; }
.homePage .mainTabs li.active a { background-color: #333; }
.homePage .mainTabs li.active a:hover { opacity: 1; }

/*active*/
.homePage .accordions .firstStep > ul > li.active { margin-top: 10px; }
.homePage .accordions .firstStep > ul > li.active .tent { display: block; margin-top: -30px; }
.homePage .accordions .firstStep > ul > li.active > a { background-color: #006699; border-radius: 20px; color: #fff; display: inline-block; padding: 6px 10px; }
.homePage .accordions .firstStep > ul > li.active > a .fa-minus-circle { display: inline-block; }
.homePage .accordions .firstStep > ul > li.active > a .fa-plus-circle { display: none; }


/*########### Typography ###############################################*/
.typography { line-height: 1.2; font-size: 1.1em; font-weight: 200; margin-bottom: 30px; color: #333; }
.typography h1 { font-size: 2em; line-height: 1.2em; font-weight: 400; margin-bottom: 0.8em; color: #333; }
.typography h1.masterTitle { color: #006699; }
.typography h2 { font-size: 1.6em; line-height: 1.2em; font-weight: 400; margin-bottom: 0.8em; color: #006699; }
.typography h3 { font-size: 1.4em; line-height: 1.2em; font-weight: 400; margin-bottom: 0.8em; }
.typography h4 { font-size: 1.3em; line-height: 1.2em; font-weight: 400; margin-bottom: 0.8em; }
.typography h5 { font-size: 1.2em; line-height: 1.2em; font-weight: 400; }
.typography h6 { font-size: 1.1em; line-height: 1.2em; font-weight: 400; }
.typography p { color: #333; margin-bottom: 20px; }
.typography strong,
.typography b { font-weight: 600; }
.typography strong em,
.typography strong i { color: #999; }
.typography a { color: #006699; border-bottom: 1px dotted #006699; }
.typography a:hover { color: #575756; border-color: #575756; }
.typography ul, .typography ol { font-weight: 300; color: #575756; margin-bottom: 20px; line-height: 1.5; }
.typography ul li { margin-bottom: 10px; list-style: inside; }
.typography ol li { margin-bottom: 10px; list-style: inside; list-style-type: decimal; }
.typography table { font-size: 1em; width: 100%; margin-bottom: 20px; }
.typography table caption { border-bottom: 1px solid #ddd; font-size: 1.4em; font-weight: 400; line-height: 1.2em; padding-bottom: 10px; }
.typography table th { text-align: left; padding: 10px 10px 10px 0; border-bottom: solid 2px #006699; font-weight: 600; }
.typography table td { padding: 10px 10px 10px 0; border-bottom: dotted 1px #ddd; }
.typography table ul { margin-bottom: 0; }


.typography blockquote { font-size: 1.2em; font-weight: 300; font-style: italic; margin: 20px 10px; padding: 10px; quotes: "\201C""\201D""\2018""\2019"; }
.typography blockquote:before { content: open-quote; color: #ccc; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; }
.typography blockquote:after { content: no-close-quote; }
.typography blockquote p { display: inline; }

.typography figure figcaption h1 { margin-bottom: 0; font-size: 1.2em; color: #006699; }
.typography figure figcaption h2 { font-size: 0.9em; color: #333; }

.typography .lf-quote blockquote { position: relative; margin: 0; padding: 20px 30px 20px 20px; border: 1px dotted #eee; box-shadow: 0 0 10px #f5f5f5; }
.typography .lf-quote blockquote:before { }
.typography .lf-quote blockquote:after { position: absolute; top: 0; bottom: 0; left: 0; width: 10px; background-color: #006699; }
.typography .lf-quote blockquote p { display: inline; }
.typography .lf-quote blockquote footer { text-align: right; margin-top: 10px; font-weight: 400; }
.easyFunctions .fa.fa-arrow-right { color: #006699; }

/* error page */
.errorPage { text-align: center; margin-top: 20px; }
.errorPage .headerCustom .fa { font-weight: 600; color: #006699; font-size: 90px; }
.errorPage .headerCustom h1 { margin-bottom: 20px; font-weight: 600; color: #006699; font-size: 60px; }
.errorPage .headerCustom p { color: #666; font-size: 17px; line-height: 26px; margin-top: 0; }
.errorPage .headerCustom p a { color: #333; }

.requiredFieldsMessage { display:block;margin-bottom:20px;font-weight:600;color: #888;}

.redTextDisclaimer{color:red; font-style:normal}
.faqHeaderSection{color:red; font-style:normal; font-weight:600}
.languageLink { height: 35px; width: 40px; line-height: 23px; text-align: center }
.btnRegisterClub { background-color: #ff322f !important }
.btnNavBarTop {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

@media screen and (max-width:1200px) {

	/* default layout styles */
	.wrapperMain { width: 1200px; }
}


@media screen and (max-width:979px) {

	/* default layout styles */
	.wrapperMain { width: 98%; margin-left: 1%; margin-right: 1%; }
    .headerMain .languages {
        position: absolute;
        right: 10px;
        top: 18px;
    }
    .menusRight {
        width: 100%;
        display: block;
        margin-top: 25px;
        margin-bottom: 15px;
        position: static;
    }
}

@media screen and (max-width:710px) {
    .container { width: 96%; margin: auto; }

	.headerMain .user { margin-left: 0; padding-left: 2px; }
	
	.headerMain nav { margin-top: 0; }
    .menusLeft {
        width: 100%;
        display: block;
        margin-top: 25px;
        margin-bottom: 15px;
        position: static;
        padding-left: 0;
    }
	.menusRight {
		width: 100%;
		display: block;
		margin-top: 75px;
		margin-bottom: 30px;
		position: static;
    }
	.headerMain .passwordRec { text-align: left; }


	fieldset { width: 100% !important; margin-right: 0 !important; }

	.noticeWall ul li:nth-child(2n+1) { margin-right: 0; }
	.noticeWall ul li { float: none; width: 100%; }

	.functionsButton.positionRight { float: none !important; }
}



@media print {

	@page { size: portrait; }

	* { -moz-print-color-adjust: exact; -webkit-print-color-adjust: exact; print-color-adjust: exact; }

	.headerMain nav,
	.menusRight { display: none; }

	.functionsButton { display: none; }

	header.headerMain { border-bottom: none; }
	header.headerMain .logo { width: 100%; text-align: center; background-image: none; }
	header.headerMain .logo img { display: inline-block; height: 100%; }

	.contentMain { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
	.mainSection > header { border-bottom: none; }

	.wrapperMain { width: 100%; }


	.certificatePage header.headerMain { display: none !important; }
	.certificatePrint.mainSection > header { display: none !important; }
	.certificatePrint > header { text-align: center; }
	.certificatePrint .columnLeft { display: none; }
	.certificatePrint .columnRight { float: none; height: auto !important; overflow: inherit !important; width: 100%; text-align: center; }
	.certificatePrint .columnRight img { max-height: 730px !important; width: auto !important; }
	.certificatePrint article { display: none; }

	table.dataTable tr td.easyFunctions { width: 0 !important; padding: 0 !important; }
	table.dataTable tr td.easyFunctions a { display: none !important; }

	#checkPersonForm { display: none; }
	.siteFooter { display: none; }
}