@import "../../_css_/jux_common.css";
@import "../../_css_/jux_paginator.css";
@import "../../_css_/jux_styles.css";
@import "../../_css_/jux_forms.css";

@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url(https://fonts.googleapis.com/css?family=Lato:400,300italic,300,100italic,100,400italic,700,700italic,900,900italic);
@font-face { font-family: 'DsignesR'; src: url("../../_fonts_/DsignesR.eot") }
@font-face { font-family: 'DsignesR'; src: url("../../_fonts_/DsignesR.ttf") }
@font-face { font-family: 'DsignesB'; src: url("../../_fonts_/DsignesB.eot") }
@font-face { font-family: 'DsignesB'; src: url("../../_fonts_/DsignesB.ttf") }
@font-face { font-family: 'DsignesL'; src: url("../../_fonts_/DsignesL.eot") }
@font-face { font-family: 'DsignesL'; src: url("../../_fonts_/DsignesL.ttf") }

@font-face { font-family: 'Montserrat'; src: url("./fonts/Montserrat-Regular.eot") }
@font-face { font-family: 'Montserrat'; src: url("./fonts/Montserrat-Regular.ttf") }

@font-face{font-family:"MontserratBold";
	       src:url("./fonts/Montserrat-Bold.eot");
	       src:url("./fonts/Montserrat-Bold.eot?#iefix") format("embedded-opentype"),
	           url("./fonts/Montserrat-Bold.woff2") format("woff2"),
	           url("./fonts/Montserrat-Bold.woff") format("woff"),
	           url("./fonts/Montserrat-Bold.ttf") format("ttf")}
@font-face{font-family:"MontserratLight";
	       src:url("./fonts/Montserrat-Light.eot");
	       src:url("./fonts/Montserrat-Light.eot?#iefix") format("embedded-opentype"),
	           url("./fonts/Montserrat-Light.woff2") format("woff2"),
	           url("./fonts/Montserrat-Light.woff") format("woff"),
	           url("./fonts/Montserrat-Light.ttf") format("ttf")}
	           
@font-face{font-family:"PTregular";
	       src:url("./fonts/PTF55F.eot");     
	       src:url("./fonts/PTF55F.eot?#iefix") format("embedded-opentype"),
               url("./fonts/PTF55F.woff2") format("woff2"),
     	       url("./fonts/PTF55F.woff") format("woff"),
	           url("./fonts/PTF55F.ttf") format("ttf")}
	           
@font-face{font-family:"PTitalic";
	       src:url("./fonts/PTF56F.eot");
           src:url("./fonts/PTF56F.eot?#iefix") format("embedded-opentype"),
	           url("./fonts/PTF56F.woff2") format("woff2"),
	           url("./fonts/PTF56F.woff") format("woff"),
	           url("./fonts/PTF56F.ttf") format("ttf")}
@font-face{font-family:"PTbold";
	       src:url("./fonts/PTF75F.eot"); 
       	   src:url("./fonts/PTF75F.eot?#iefix") format("embedded-opentype"),
	           url("./fonts/PTF75F.woff2") format("woff2"),
	           url("./fonts/PTF75F.woff") format("woff"),
	           url("./fonts/PTF75F.ttf") format("ttf")}
@font-face{font-family:"PTboldItalic";
	       src:url("./fonts/PTF76F.eot");
	       src:url("./fonts/PTF76F.eot?#iefix") format("embedded-opentype"),
	           url("./fonts/PTF76F.woff2") format("woff2"),
	           url("./fonts/PTF76F.woff") format("woff"),
     	       url("./fonts/PTF76F.ttf") format("ttf")}


/*****  begin - copiado  de themeforest *************/
/**/
html, body, div, span, object, iframe,
/*h1, h2, h3, h4, h5, h6,*/ p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video { margin:0;padding:0;border:0;outline:0;/*font-weight:300;font-size:100%;*/vertical-align:baseline;background:transparent;}                  
article, aside, figure, footer, header, 
hgroup, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
blockquote {display: block;padding: 10px 30px;width: auto; }
blockquote p {font-size:15px;font-style:italic;color:#999 !important; }
blockquote:before, blockquote:after {color: #ccc;display: block;font-size: 700%;width: 50px; }
blockquote:before {content: open-quote;height: 0;margin-left: -0.55em; }
blockquote:after {content: close-quote;height: 50px;margin-top: -60px;margin-left: 400px; }
a { margin:0; padding:0; /*font-size:100%;*/ vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
ul,ol{margin-left: 30px;}

*{font-weight:300;font-family: 'Open Sans'; letter-spacing: -0.05em;font-size:12px;}
th,td{font-family:DsignesL;font-size:12px;height:16px;}
/**/
/* END RESET CSS */
h1,
h2,
h3,
h4,
h5, 
h6 {font-family:DsignesR,Arial;text-decoration: none; color: #404040;/*font-weight: bolder;*/color: #0e7b9e;letter-spacing: -0.05em;}

h1 {font-size: 2em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.3em;}
h5 {font-size: 1.1em;}   
h6 {font-size: 1em;}
/*
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{font-family:Arial;text-decoration: none; color: #404040;/ *color: #0e7b9e;* /letter-spacing: -0.02em; font-weight: bolder;}
*/
/*
.header h1,  
.header h2,  
.header h3,  
.header h4,  
.header h5,  
.header h6  {  font-family:Arial; margin-top: 20px;line-height: 0.9em;font-weight: bolder;color: #0e7b9e;}
.header h1 a,header h2 a,header h3 a,header h4 a,header h5 a,header h6 a{ font-size: 1em;}
**/
/************/

* { 'Open Sans'; letter-spacing: -0.05em;}
/*
html,body{
    margin:0;padding:0;
    width:100%;
    height: 100%;	
    font-family: 'montserrat', sans-serif;
    font-size: 12px;
    color: #888;
    letter-spacing: 0.28px;
    line-height: 26px;
}

#content p,
#content div,
#content span,
#content li,
#content p{font-weight:300;font-family: 'Open Sans'; letter-spacing: -0.05em;}
*/



#header { position:relative; display: inline-block; width:100%;  height:100px; margin:0px !important;border-bottom: 0px solid #da1952;}
#header .logo img{height:100px;}

#menu{display:block;width:100%;background-color:#252525;color:#ececec;text-align: center;position:absolute; top:100px; right:0;z-index: 2; }
#menu{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#menu ul{margin:0 auto;position:relative;width:auto;z-index: 3;}
#menu ul li{list-style-type: none;margin:0;padding: 0;position:relative;min-width: 135px;}
#menu ul li>span,
#menu ul li a{font-family:Montserrat;color:white;font-weight: bold;text-decoration: none;text-transform: uppercase;display:block;line-height:50px;padding:0 15px;}
#menu ul li.selected a{color:#e6ae48;}
#menu ul li:hover{	background:#1f1f1f;}
#menu ul ul{display:none;position:absolute;top:100%;left:0;background-color:#454545;padding:0;}
#menu ul ul li{float:none;}
#menu #pull{background-color:#252525;padding:0;height:42px;width:60px;border-radius: 4px;}
#menu #pull div {height:4px;background-color:white;margin:5px 0;border-radius:25px;transition: 0.3s;}
#menu #pull .nav {width: 30px;display:block;margin:10px auto 0 auto;}
#menu #pull .one {width: 30px;}
#menu #pull .two {width: 20px;}
#menu #pull .three {width: 25px;}
#menu #pull .nav:hover div {width: 30px;}
@media screen and (min-width: 1000px) {
	#menu #pull{display:none;}
	#menu ul li{display: inline-block;}
	#menu ul ul li{width:100%;text-align: left;}
}
@media screen and (max-width: 1000px) {
    #menu ul{display:none;padding-bottom:50px;}
    #menu ul li{display:block;}
    #menu #pull{position:absolute;left:2px;top:2px;width:50px; z-index:5; }
    #menu #pull:hover+ul{display:block;}
    #menu ul:hover{display: block;}
	#menu ul ul{width: 100%;}
	#menu ul ul li{width:100%;text-align: center;}
	#menu ul li:hover > ul{z-index: 4;}
}
#menu ul ul a{line-height:120%;padding:10px 15px;}
#menu ul ul ul{top:0;left:100%;}
#menu ul li:hover > ul{display:block;}
.button-logout,.button-login{position:absolute;top:0px;right:10px;font-family:Montserrat;color:white;text-decoration: none;text-transform: uppercase;display:block;line-height:50px;cursor:pointer;z-index:4;}
.button-logout:hover,.button-login:hover{color:yellow;}
.button-meet{position:absolute;top:0px;right:110px;font-family:Montserrat;color:white;text-decoration: none;text-transform: uppercase;line-height:50px;cursor:pointer;z-index:4;}
.button-meet:hover{color:yellow;}
#slider{position: relative; display:block;margin: 0 auto;text-align: center;}
#slider>img {width: 100%;}
#slider p{display:block;position:absolute;top:0px;left:0px;bottom:0px;right:0px;text-align:center;background-color:red;}

#idiomas{  position: absolute; top:5px;  right: 10px; z-index: 10;}  
#idiomas a{ font-size: .6em; text-transform: uppercase; color:#aaaaaa; cursor: pointer;text-decoration:none;}  
#idiomas a.active_lang{ font-size: .6em; text-transform: uppercase; color:#ffffff;}  
  
.flag_lang_active    {border-bottom: 0px solid orange;}
.flag_lang_inactive  {border-bottom: 0px solid #E6E6E6;filter: alpha(opacity=40);-moz-opacity: 0.4;	opacity: 0.4;}


#content{
	position: relative;
    display:block;
    max-width: 1024px;
    min-height: 700px;
    margin: 0 auto;
}
h1{
margin-top: 0;
letter-spacing: 2px;
color: #FF9900;
padding-bottom: 20px;
word-wrap: break-word;

}

@media screen and (min-width: 1024px) {#content{min-width: 1024px;}}
@media screen and (max-width: 1024px) {#content p,#content h1,#content h2,#content h3,#content h4{width:98%;margin:0 auto;}}
.responsivestaff ul {list-style-type: none;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  grid-gap: 0.9rem; 
}
.responsivestaff img {
  display: block;
  width: 100%; 
}


#footer{
	position: relative;
    display:inline-block;
    width:100%;
    background-color:#252525;
    color:#ececec;
    text-align: center;
    padding-bottom: 20px;
}
#footer p{display:block;max-width:600px;margin:15px auto;

font-family: 'Lora', serif;
font-size: 12px;
color: #9e9e9e;
letter-spacing: 0.36px;
font-style: italic;
line-height: 26px;

}
#footer-copyright{
	position: relative;
    display:inline-block;
    width:100%;
    background-color:#1e1e1e;
    color: #c2c2c2;
font-size: 10px;
letter-spacing: 1.1px;
margin-bottom: 0;
    text-align: center;
}


.footer-legal ul {
    padding-left: 0;
    margin-top:10px;
    margin-bottom:10px;
}
.footer-legal li {
    display: inline-block;
    margin-right: 20px;
}
.footer-legal li a {
    color: #fff;
    font-size: 11px;
    width: 100%;
    line-height: 32px;
    border-radius: 50px;
    display: inline-block;
    border: 1px solid transparent;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}
.footer-legal li a:hover {
    display: inline-block;

    border: 1px solid #e0aa47;
    color: #e0aa47;
}


.footer-social ul {
    padding-left: 0;
    margin-top:20px;
}
.footer-social li {
    display: inline-block;
    margin-right: 20px;
}
.footer-social li a {
    color: #fff;
    font-size: 13px;
    height: 33px;
    width: 33px;
    line-height: 32px;
    border-radius: 50px;
    display: inline-block;
    border: 1px solid transparent;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}
.footer-social li a:hover {
    display: inline-block;
    height: 33px;
    width: 33px;
    line-height: 32px;
    border-radius: 50px;
    border: 1px solid #e0aa47;
    color: #e0aa47;
}


    #div_cookies {
    position: fixed;
    font-family: 'robotoregular', Arial, Helvetica, sans-serif;    
    font-size: 1em;
    color: #fff !important;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.9);
    bottom: 0;
    z-index: 9999 !important;
    width: 100%;
}

#div_cookies #no_cookies,
#div_cookies #yes_cookies{
	display: block;
    position: absolute;
    top: 10px;
    width: 35px;
    height: 35px;
    color:white;
    font-size: 2em;
    cursor: pointer;
    border-radius: 50%;
    text-align: center;
    line-height: 1.3em;
}  

#div_cookies #yes_cookies{
    right: 100px;
    background-color: #00d208;
}  

#div_cookies #no_cookies{
    right: 60px;
    background-color: #F23514;
}  






/******************************************************/
a:focus{outline:none;/*outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;*/}
ul,ol{padding:0;margin:0px;/*margin:0 0 9px 25px;*/}
label,input,button,select,textarea{line-height:20px;}
label{ margin-bottom:0px;padding-top:2px;}
input[type="text"],
textarea,
.uneditable-input{width:auto;height:20px;padding:0px;margin-bottom:2px;font-size:13px;line-height:20px;}
select{width:auto;height:22px;padding:2px;margin-bottom:2px;font-size:13px;line-height:20px;}
textarea{height:auto !important;}
input[type="file"]{height:20px;margin-top:0px;line-height:20px;}
input[type="file"]{line-height:20px \9;}
select,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus{outline:none;/*outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;*/}
/*
input[type="image"],input[type="checkbox"],input[type="radio"]{margin-left:7px;}
*/

  #admin_dropdown {filter: alpha(opacity=40);-moz-opacity: 0.4;	opacity: 0.4;top:150px;left:20px;}
  #admin_dropdown:hover{filter: alpha(opacity=100);-moz-opacity: 1;	opacity: 1}
  #admin_dropdown label{border-radius:0 0 4px 4px;}

form .btn {
    display: inline-block;
    padding: 10px 25px;
    border-radius: 0;
    font-size: 12px;
    margin-top: 20px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #e6ae48;
    letter-spacing: 2.4px;
    border: 1px solid #e6ae48;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}
form .btn:hover {
    background-color: #fff;
    color: #e6ae48;
}



  .btn {
    /*box-sizing: border-box;*/
      display: inline-block;
      padding: 5px 10px;
      color: #fff;
      font-family: 'Montserrat', sans-serif;
      border-radius:4px;
      /*
      font-size: 12px;
      border-radius: 0;
      font-weight: 700;
      text-transform: uppercase;*/
      background-color: #e6ae48;
      border: 5px solid  transparent;
      -webkit-transition: all 0.5s ease 0s;
      -moz-transition: all 0.5s ease 0s;
      -o-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s;
      cursor:pointer;
  }
/*
  .btn-mini{padding: 2px 10px;}
*/
  .btn:hover {
      background-color: #fff;
      color: #ffebc6;
      border-color:transparent;
     /* border: 1px solid rgba(255,255,255,1);;*/
      border-color:  rgba(255,255,255,0.7);
  }

  form.btn {
      margin-top: 20px;
      display: inline-block;
      padding: 10px 25px;
      letter-spacing: 2.4px;
      background-color: #e6ae48;
  }
  a.btn{
    border-radius:4px;
     text-shadow: 0 0.04em 0.04em rgba(0,0,0,0.35);
     text-align:center;
  }


  @media all and (max-width:30em){
  .btn{/*
  display:block;
  margin:0.2em auto;*/
  }
  }
  .btn-mini{font-size: 0.9em;padding: 1px 8px;}
  .btn-small{font-size: 0.9em;padding: 4px 8px;}
  .btn-large{line-height: 1.4em; font-size: 1.4em;padding: 8px 30px;}
  .btn.btn-primary{background-color:#0069aa;}
  .btn.btn-secondary{background-color:#b7b7b7;}
  .btn.btn-success{background-color:#00c453;}
  .btn.btn-danger{background-color:#ef0071;}
  .btn.btn-warning{background-color:#f5e610;color:#7a7a7a;}
  .btn.btn-info{background-color:#3794f7;}
  .btn.btn-light{background-color:#cce9ff;color:#7a7a7a;}
  .btn.btn-dark{background-color:#4f4d4d;}
  .btn.disabled{background-color:#bababa;color:#e6e6e6;cursor:none;}

  input[type="text"],  input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],
  input[type="month"], input[type="time"],    input[type="week"],    input[type="number"],        input[type="email"], 
  input[type="search"],input[type="tel"],     input[type="color"],   input[type="url"],           .uneditable-input
  {display:inline-block;height:20px;padding:0px;margin-bottom:0px;font-size:13px;line-height:20px;width:auto;/*color:#555*/}

.icon-white{color: white;}

.datatable-rows .cell-bool.online.checked{background-repeat:no-repeat; background-position:center center; background-size:cover;}
.datatable-rows .cell-bool.online.unchecked{background-repeat:no-repeat; background-position:center center; background-size:cover;}