@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,900&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic&subset=latin-ext');
/*
@import url(https://fonts.googleapis.com/css?family=Lato:400,300italic,300,100italic,100,400italic,700,700italic,900,900italic&subset=latin,latin-ext);
@font-face{font-family:"Montserrat";
           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:"Montserrat";
           src:url("../fonts/Montserrat-SemiBold.eot");
           src:url("../fonts/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"),
               url("../fonts/Montserrat-SemiBold.woff2") format("woff2"),
               url("../fonts/Montserrat-SemiBold.woff") format("woff"),
               url("../fonts/Montserrat-SemiBold.ttf") format("ttf")}
@font-face{font-family:"Montserrat";
           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")}      
*/
* { box-sizing: border-box;font-size: 14px;}

html,body {margin: 0; padding: 0;font-family:"Open Sans";font-weight:200;}

.col-1{max-width:1180px;margin: 0 auto; padding: 0;display: block; }
.col-1 img{width:100%; margin: 0 auto; padding: 0; display: block;}

.col-1200{position:relative;max-width:1200px; margin: 0 auto; padding: 0; }
.col-1024{position:relative;max-width:1024px; margin: 0 auto; padding: 0; background-color:rgba(239, 239, 239, 0.21);}
.col-900{position:relative;max-width:900px; margin: 0 auto; padding: 0 auto; text-align:left;/*****border-top:5px solid #e1417e;border-bottom: :5px solid #d6c30e;******/}
.col-1170{position:relative;max-width:1200px; margin: 0 auto; padding: 0 auto; text-align:left;/*****border-top:5px solid #e1417e;border-bottom: :5px solid #d6c30e;******/}
.col-admin{position:relative;max-width:1180px; margin: 0 auto 20px auto; padding: 0 0 20px 0; /*background-color:rgba(239, 239, 239, 0.21);*/border-top:5px solid #e1417e;border-bottom:5px solid #d6c30e;}
.col3{  position:relative;}
.col3 {/*width: 100%;text-align: center;display: block;*/position: relative;}
.col3 .icon-categorie,
.col3 .icon-play,
.col3 .icon-find{	position: absolute;top:15px; right: 15px; bottom: 15px; left:15px;
	                opacity: 0.5;filter: alpha(opacity=50);cursor: pointer;}

.col3 .icon-categorie{background: url(../images/icon-categorie.png);background-size:50%;background-repeat: no-repeat;background-position: center center;}
.col3 .icon-play{background: url(../images/icon-play.png);background-size:50%;background-repeat: no-repeat;background-position: center center;}
.col3 .icon-find{background: url(../images/icon-find.png);background-size:50%;background-repeat: no-repeat;background-position: center center;}

.col3 .icon-categorie:hover,
.col3 .icon-play:hover,
.col3 .icon-find:hover {  opacity: 0.97;  filter: alpha(opacity=97); }

.col3 .gallerry-desc{position:absolute; height:auto;left:0px;right:0px;bottom:0px;text-align:left;color:black;background-color:white;font-weight:bold;line-height:0.7em;border-left: 20px solid white;border-top: 20px solid white;border-bottom: 20px solid white;visibility:hidden;cursor:pointer;text-decoration: none;}
.col3 .gallerry-desc p{font-family:"Open Sans";font-weight: 100;letter-spacing: 0em;font-size:0.8em;line-height:1em;}
.col3:hover .gallerry-desc{visibility:visible;}

/**
.title { font-family:"Montserrat";font-weight:700;color: #9b8959; display: block;text-transform: uppercase; }
.title-alt {font-family:"Montserrat";font-weight:700; color: #211915; display: block; }
.title-gallery-detail {font-family:"Montserrat";font-weight:700; color: #9b8959; display: block;text-transform:uppercase;font-size:2.2em;line-height:1.5em; }
.title-gallery-list {font-family:"Montserrat";font-weight:700; color: #9b8959; display: block;text-transform:uppercase;font-size:1.4em; }
.gallery-category{font-family:"Montserrat"; font-weight:400; color: #c5c5c5; border-top:2px solid #9b8959; border-bottom:2px solid #9b8959; display: block;width:100%;text-transform:uppercase;font-size:1.4em;line-height:2em; }
.gallery-category-list{font-family:"Montserrat"; font-weight:600; color: #9b8959; border-top:0px solid #9b8959; border-bottom:0px solid #9b8959; display: block;width:100%;text-transform:uppercase;font-size:1.3em;line-height:2em; }
.gallery-title{font-family:"Montserrat"; font-weight:700; color: #9b8959; border-top:2px solid #9b8959; border-bottom:2px solid #9b8959; display: block;width:100%;text-transform:uppercase;font-size:2.4em;line-height:2em; }
.gallery-image-list{height:175px;overflow: hidden;}
.gallery-image-list img { object-fit: cover;}
**/
.text { color: #aeaeb3; display: block;}
.read-more{display:inline-block; padding:10px; border: 3px solid #9b8959; color: #87868a; text-transform: uppercase;font-family:"Montserrat";font-weight:700;text-decoration: none;margin:30px 0;}
.read-more:hover{color:#d42e66;}

.div-center{ position: absolute;height:30px; right: 0px; bottom: 70px; left:0px;text-align: center;}
.div-center a{ display:inline-block; padding:20px 35px; 
                  background-color: #9b8959; 
                  color: white; 
                  font-size: 1.4em;
                  text-transform: uppercase;
                  font-family:"Montserrat";font-weight:700;
                  text-decoration: none;
                  letter-spacing: 0.15em;}

.div-center  a:hover{color: #d42e66;cursor: pointer;}






#form {display: block;margin-top:0px; margin-bottom: 70px;}
#form p{font-size: 1em;}
#form strong{font-size: 1em; font-family:"Montserrat";font-weight:700; color:#87868a;}
#form a {color: #211915;text-decoration: none;font-size: 1em;}
#form a:hover {color: #d42e66;}
#form #button-upload{display: block;
                  margin-top: 20px;
                  padding:10px 15px; 
                  background-color: #838485; 
                  color: white; 
                  font-size:1em;
                  font-family:"Montserrat";font-weight:700;
                  text-decoration: none;
                  letter-spacing: 0.1em;
                  -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
                  cursor:pointer;}
#form #button-upload:hover{color: #d42e66;}
#form textarea{height: 60px;width: 100%; margin: 0px 10px 10px 10px; max-width:880px;border:1px solid #e6e6e6;}
#form input{padding:4px; border:1px solid #e0e0e0; background-color: #fefefe; font-size: 1.2em; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin: 0px 10px 0 10px; max-width:880px;}
/********
#form #input-upload,
*******/
#menu ul{display: inline; list-style-type: none;}
#menu li a{font-family:"Montserrat";font-weight:700;  color:white; text-transform: uppercase;  text-decoration: none;}
#menu li a:hover{color:#ff9ab0;}

header{position:relative;display:block;width:100%;background-color:#000;margin-bottom:20px;/*background: url(../images/bg_gallery.jpg);*/}
header #menu{/*background-color:rgba(129, 113, 107, 0.2);*/padding-bottom:20px;}
#menu {text-align: center;margin: 0 auto;display: block;padding-top:20px;}
#menu.black {background-color: black;}
#menu li a{letter-spacing: 0.1em;font-size: 0.9em;font-family:"Open Sans";font-weight: 100;letter-spacing: 0em;}
#menu li.lang a{border:1px solid white;padding:4px 8px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 20px;}
 #slider{position:relative;}
    #slider .title_categorie{position: absolute;text-align: left;top:0px;left:0px;right:0px;bottom:0px;font-family: Arial,helvetica;color:white;/*line-height:100%; */ font-weight: bold;
	letter-spacing: -0.05em;}
    #slider img{ width:100%;}
   
    #slider .title_categorie .text_categorie{color:white;font-family:"Open Sans";font-weight: 100;letter-spacing: 0em;}

.actions {z-index:10;display:block;position:absolute;top:25px;right:20px;padding:2px 8px;/*border:1px solid transparent;*/background-color:rgba(129, 113, 107, 0.4);}
.actions:hover{/*border:1px solid rgba(129, 113, 107, 0.4);*/background-color:white;}
.actions a {cursor:pointer;text-decoration:none;font-size: 1.2em;display:inline-block;}
.actions a.edit {color:#20b9ff;}
.actions a.delete {color:#f81175;}

.action-buttons{position:absolute;top:-45px;right:20px;height:30px;width:90%;text-align:right;}
.action-buttons a{text-decoration:none;font-size:1.2em;padding:4px 15px;}
.action-buttons a:hover{background-color:white;}
.action-buttons a.add{color:#2b996c;}
.action-buttons a.admin{color:#477cb8;}

@media screen and (min-width: 1200px) {    
    #menu ul{width:auto;height: 40px;line-height: 40px;}
    #menu ul li{ display: inline-block; vertical-align: middle;padding: 0 10px;height: 40px;}
    #menu ul li.image img{ max-width: 130px; margin-top: 5px;margin-right:300px;}
   /******* #form #input-upload,
    #form input{min-width:650px; }********/
}

@media screen and (max-width: 1200px) {
/***********
    #form #input-upload,
    #form input{min-width:550px; }
    **************/
    #slider .title_categorie{top: 20%;}
}

@media screen and (min-width: 850px) {    
    #menu ul{width:auto;height: 40px;line-height: 40px;}
    #menu ul li{ display: inline-block; vertical-align: middle;padding: 0 10px;height: 40px;}
    #menu ul li.image img{ max-width: 130px; margin-top: 5px;margin-right:300px;}
    #slider .title_categorie{font-size: 5em;left:100px;}
    #slider .title_categorie{top: 40%;}
}

@media screen and (max-width: 850px) {
    /*
    #menu ul{width:auto;height: 40px;line-height: 40px;}
    #menu ul li{ display: inline-block; vertical-align: middle;padding: 0 10px;height: 40px;}
    */
    #menu ul li.image img{ max-width: 100px;display:block;margin:-20px auto 30px auto;}

    #slider .title_categorie{font-size: 5em;left:50px;}
    #slider .title_categorie{top: 30%;}
    #menu li.lang{position:absolute; right:20px; top:130px;}
}

@media screen and (max-width: 800px) {
    header{/*min-height:800px;*/}
    header #menu img{display:none;}
    header #menu{height:100%;/*margin-top:-100px;*/}
    #menu ul li.image img{ max-width: 200px; margin: 20px auto;}
    /************************
    #form #input-upload,
    #form input{min-width:200px; }
    ************/
    #slider .title_categorie{top: 20%;font-size: 3em;}
}

#gallery {position: relative; display: block;/*max-width: 900px;*/}
#gallery .col3{ min-width: 300px; display: inline-block; vertical-align: top; /*border-top:5px solid #2dc45d;border-bottom: :5px solid #d01ca0;*/}
#gallery .col3 img{width:100%; }


@media screen and (min-width: 630px) {
    #slider {margin-bottom: 5px;}
    #gallery {margin:0 0 10px 0;}
    #gallery .col3{margin:0;padding:0;display:inline-block; max-width: 300px;}
    #gallery .col3>a{margin:0;padding: 0;}
    #gallery .col3>a>img{ width: 280px;height:170px;margin:15px 10px 0 10px;padding: 0;}
    #gallery .col3:first-child{/*padding-left: 0px;*/}
    #gallery .col3:last-child{/*padding-left: 0px;*/}
    #slider .title_categorie{font-size: 3em;}
    #slider .text_categorie{font-size: 0.6em;}
}
@media screen and (max-width: 630px) {
    #slider {margin: 0 0 10px 0;}
    #slider .title_categorie{top: 30%;font-size: 2em;}
    #slider .text_categorie{font-size: 0.6em;}

    #bases,
    #sinopsis,
    #gallery{/*border-left: 10px solid transparent;border-right: 10px solid transparent;*/}
    #gallery {display:block;}
    #gallery .col3{display:block;width: 100%; padding-left:0px;margin-top:15px;}
    #gallery .col3:first-child{margin-top:20px;}
    #gallery .col3:last-child{margin-bottom:15px;}
    #form{border-left: 15px solid transparent;border-right: 15px solid transparent;}
   .action-buttons{top:-50px;}
   .action-buttons a {cursor:pointer;text-decoration:none;font-size: 0.8em;}
}

@media screen and (max-width: 600px) {
/*    #slider .title_categorie{top: 2%;font-size: 3em;}*/
}

p.warning{font-size:1.3em !important;color:#db1971;border:1px solid #f3e743;line-height: 1em;}
p.error{font-size:1.3em !important;color:#db1971;border:1px solid #db1971;line-height: 1em;}
p.info{font-size:1.2em !important;color:#0375bc;border:1px solid #0375bc;line-height: 1em;}

#footer {background-color: #211915;text-align: center;min-height: 200px;}
#footer>img {max-width: 150px; margin: 0 auto 50px auto;padding-top: 30px;}
#footer ul {width:auto;height: 70px;line-height: 100px;}
#footer ul li {display: inline-block; vertical-align: middle;padding: 0 10px;height: 100px;}
#footer a{font-size: 1em;color:white;text-decoration:none;font-family:"Montserrat";font-weight:700; text-transform: uppercase;  }
#footer a:hover{color:#ff9ab0;}


#footer a:hover{color:#ff9ab0;}
#footer .text{font-size: 0.8em;}

#admin{margin:0 auto 10px auto;}
#admin>ul {width:900px;/*height: 40px;line-height: 28px;*/padding-left:0;margin:0 auto;}
#admin>ul>li {display: inline-block; vertical-align: middle;padding: 4px 10px;border: 1px solid #9bc1f0;margin: 20px 10px 20px 0;}
#admin>ul>li>a{font-family:"Montserrat";font-weight:100;font-size: 1em;text-decoration: none;}
#admin>ul>li>a:hover{color:#ff9ab0;}

.cke_toolbar_last{display:none;}


.old_ie_wrapper {  height: 300px;  width: 1000px;  overflow-x: hidden;  overflow-y: auto;}
.old_ie_wrapper tbody {  height: auto;}


#top-menu{position:fixed;top:4px;right:14px;}
#top-menu  a{ text-decoration:none;font-family: 'Open Sans';text-transform: uppercase; }
a.close_session{color:#ffc5e4;text-decoration:none;font-size:1.2em;}
a.open_session {color:#99ceff;text-decoration:none;font-size:1.2em;visibility:hidden;}
a.link_lang    {color:#ffffff;text-decoration:none;font-size:0.9em;}

#form_login{position:relative;display:block;padding:15px 0;text-align:center;}

.rwd-table {  min-width: 350px;max-width: 1024px;width:100%;border-collapse:collapse; background-color:silver; }
.rwd-table tr { }
.rwd-table th { display: none;}
.rwd-table td { display: block;}
.rwd-table td:first-child {}
.rwd-table td:last-child {}
.rwd-table td:before { content: attr(data-th) ": ";  font-weight: bold;  min-width:150px;  width:35%;display:inline-block;  background-color: #d1e0fc; padding: 4px 10px; margin-right:10px;}
.rwd-table th, 
.rwd-table td:before { /*color: #dd5;*/color:#706d1b;}
.rwd-table th, 
.rwd-table td {  text-align: left;}
.rwd-table tr:nth-child(even) {background: #e9f7fe;}
.rwd-table tr:nth-child(odd) {background: #f9fdff;}
.rwd-table th{ background-color: #d1e0fc;color:#706d1b;}
@media (min-width: 1024px) {
  .rwd-table td:before {    display: none;  }
  .fixed_headers {  width: 1024px;  table-layout: fixed;  border-collapse: collapse;margin: 0 auto;}
  .fixed_headers th {  }
  .fixed_headers th,
  .fixed_headers td { text-align: left;}
  .fixed_headers td:nth-child(1),
  .fixed_headers th:nth-child(1) { width: 250px;}    /* 150 */
  
  .fixed_headers.table-files      tr:nth-child(2) th:nth-child(1) { width: 250px;}    /* 150 */
  .fixed_headers.table-files      td:nth-child(1) { width: 250px;}    /* 150 */
  .fixed_headers.table-categories tr:nth-child(2) th:nth-child(1) { width: 450px;}    /* 150 */
  .fixed_headers.table-categories td:nth-child(1) { width: 450px;}    /* 150 */

  
  .fixed_headers td:nth-child(2),
  .fixed_headers th:nth-child(2) { width: 190px;}   /* 150 + 190 = 340 */
  .fixed_headers td:nth-child(3),
  .fixed_headers th:nth-child(3) {  width: 250px;}  /* 340 + 250 = 590 */
  .fixed_headers td:nth-child(4),
  .fixed_headers th:nth-child(4) {  width: 150px;}  /* 590 + 230 = 820 */
  .fixed_headers td:nth-child(5),
  .fixed_headers th:nth-child(5) {  width: 154px;}  /* add 44px, 160+44 =204,  820 + 204 = 1024   */
  .fixed_headers td:nth-child(6),
  .fixed_headers th:nth-child(6) {  width: 60px;}  /* add 44px, 160+44 =204,  820 + 204 = 1024   */
  .fixed_headers th.th-title{width:1024px;text-align: center;}
  .fixed_headers thead {  /*background-color: #333;  color: #FDFDFD;*/background-color: #d1e0fc;}
  .fixed_headers thead tr {  display: block;  position: relative;}
  .fixed_headers tbody {  display: block;  overflow: auto;  width: 1017px; /* 1024 - 7 */  height: 300px;}
  .fixed_headers tbody tr:nth-child(even) {  /*background-color: #DDD;*/}

  .rwd-table th, 
  .rwd-table td {    display: table-cell;  }
  .rwd-table th:first-child, 
  .rwd-table td:first-child {  }
  .rwd-table th:last-child, 
  .rwd-table td:last-child { }
}

.rwd-table { /*color: #fff;*/  overflow: hidden;}
.rwd-table tr { }
.rwd-table th, 
.rwd-table td {margin: 0;padding: 0;}

@media (max-width: 1024px) {
  .rwd-table { border-bottom:4px solid navy;}
  .rwd-table td:first-child {border-top:4px solid navy;}
  .rwd-table td {border-bottom:1px solid red; border-left:4px solid navy; border-right:4px solid navy;}
  .rwd-table td:last-child { border-bottom-width:0px;}
  .rwd-table td:before {  }
}

@media (min-width: 1024px) {
  .rwd-table { border:4px solid navy;}
  .rwd-table th,
  .rwd-table td {  padding: 4px 10px 4px 10px;  }
  .rwd-table th{ border-bottom:2px solid red;border-left:0px solid red;}
  .rwd-table td{ border-bottom:1px solid red;border-left:0px solid red;}
}

.rwd-table tr.valid td{color:#2162da;}
.rwd-table tr.pending td{color:#7983c1;}
.rwd-table td .download{text-decoration:none;color:#abb4cb;}
.rwd-table tr.valid td .download{text-decoration:none;color:#2162da;}
.rwd-table td a{display:inline;text-decoration:none;cursor:pointer;}
.rwd-table tr.valid   td .delete{color:#eaeaea;cursor:none;}
.rwd-table tr.pending td .delete{color:red;}
.rwd-table td a.active{color:#00d545;}
.rwd-table td a.validate{color:#00d545;}
.rwd-table tr.deleted td a.validate{color:#eaeaea;cursor:none;}
.rwd-table tr.deleted td{text-decoration: line-through;color:#bcbcbc;background-color:#f4f4f4;}
.rwd-table tr.inactive td{color:#bcbcbc;background-color:#f4f4f4;}