@import url("alert-messages.css");

body { background-color:#fff;margin:0;padding:0;font-family:'Roboto', Helvetica,Arial, 'DejaVu Sans','Liberation Sans',Freesans,sans-serif;line-height: 27px;font-weight:300;color:#505050;}


/* Reset */
.nav,.nav a,.nav ul,.nav li,.nav div,.nav form,.nav input {	margin: 0;	padding: 0;	border: none;	outline: none;}
.nav a { text-decoration: none; }
.nav li { list-style: none; }
*:focus {outline: 0;}
hr.clear { clear:both; width:100%; border:0px; height:1px; background:transparent; }

/* header */

.clear { clear:both; width:100%; } 
.form-control { float:left; }
.dropdowntab { display:none; width:97%; float:left;  margin-top:3px;margin-left:10px; padding:3px; }
.line { float:left; border:0px; background-color:#f5f5f5; border:0px; margin-top:7px; padding:8px; width:100%; padding-top:15px; padding-bottom:15px; }
.line a { color:#116dd3; font-family:'Roboto'; font-size:17px; font-weight:300; }

span.highlight_word { background-color:#f1780c; color:#fff; }

.styleContactForm input.form-control, .styleContactForm select.form-control { width:50%; }
.styleContactForm span { width:100%; float:left; margin-top:15px; margin-bottom:5px;  }

/* top header strop */
/* =============================================== */

header { margin:auto; width:100%; }
header .tBox { margin:auto; width:1358px; }


header .top_info { background-color:#164d82; height:55px; color:#79a8c4; width:100%; margin:auto; position:fixed; z-index:999; top:0px; }

/* tip */       
header .tBox #left_tip { float:left; width: 50%; margin-top:10px; }
header .tBox #left_tip small { float:left; padding:5px; font-weight:normal; color:#79a8c4; font-size:16px; background-color:#082d50; font-weight:bold; -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px;}
header .tBox #left_tip p { float:left; padding-left:15px; font-weight:normal; color:#79a8c4; font-size:16px; padding-top:5px; }
header .tBox #left_tip a { float:left; color:#fff; padding-top:5px; padding-left:5px; }

/* right contact info */
header .tBox #right_contact { float:right; width:auto;  color:#79a8c4;  }
header .tBox #right_contact .info { float:left; color:#79a8c4; width:100%; text-align:right; }
header .tBox #right_contact .info a { float:left; color:#79a8c4; margin-left:30px; margin-top:15px;  }
header .tBox #right_contact .info a span { color:#79a8c4; padding-right:10px; font-size:12px;   }
header .tBox #right_contact .info a:hover { text-decoration:none; color:#fff; }

/* button client zone */
header .tBox #right_contact .info a.clientZone { float:left; color:#fff; font-size:14px; font-weight:bold;  margin-top:9px; background-color:#46b4e6; padding-left:12px; padding-right:12px; padding-top:5px; padding-bottom:5px;  -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px; }
header .tBox #right_contact .info a.clientZone span { color:#fff; font-size:16px;  }

/* button client zone1 */
header .tBox #right_contact .info a.clientZone1 { float:left; color:#fff; font-size:14px; font-weight:bold;  margin-top:9px; background-color:#46b4e6; padding-left:12px; padding-right:12px; padding-top:5px; padding-bottom:5px;  -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px; }
header .tBox #right_contact .info a.clientZone1 span { color:#fff; font-size:16px;  }


header .loginBox {
    position: absolute;
    background-color:#46b4e6;
    width: 230px;
    top: 42px;
    margin-left:-31px;
    z-index: 999;
    height: auto; 
    padding-top:10px; 
    padding-bottom:10px;  
}

header .clZone { float:left; }
header .clZone {
    -webkit-border-radius: 2px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 2px;
    -moz-border-radius-topleft: 0;
    border-radius: 2px;
    border-top-left-radius: 0; }


   header .clZone form {
      display: block;
      width: 100%; }
      header .clZone form > p {
        display: block;
        padding: 0;
        margin: 0;
        width: 100%; }
      header .clZone form input {
          
        display: block;
        width: 90%;
        height: 36px;
        border: none;
        padding: 0;
        margin-left:10px;
        margin-top:3px; 
        font-family: 'Roboto';
        font-weight: 300;
        font-size: 16px;
        color: #fff;
        box-sizing: border-box;
        -webkit-box-sizing:  border-box;;
        -moz-box-sizing:border-box;
        padding-left: 15px;
        padding-right: 15px;
        box-shadow: none;
        border-radius: 0; 
        
        
      }
        header .clZone form input.log-email {
          -webkit-border-top-left-radius: 2px;
          -webkit-border-top-right-radius: 2px;
          -moz-border-radius-topleft: 2px;
          -moz-border-radius-topright: 2px;
          border-top-left-radius: 2px;
          border-top-right-radius: 2px;
          background-color:#fff;
          color:#505050;
        }
        
        header .clZone form input.log-password {
          -webkit-border-bottom-left-radius: 2px;
          -webkit-border-bottom-right-radius: 2px;
          -moz-border-radius-bottomleft: 2px;
          -moz-border-radius-bottomright: 2px;
          border-bottom-left-radius: 2px;
          border-bottom-right-radius: 2px; 
          background-color:#fff;
          color:#505050;
        }
        
        
        header .clZone form input.log-password::-webkit-input-placeholder,
        header .clZone form input.log-email::-webkit-input-placeholder{
           color: #c9c9c9;
        }

        header .clZone form input.log-password::-moz-placeholder,
        header .clZone form input.log-email::-moz-placeholder{
           color: #c9c9c9;  
        }

        header .clZone form input.log-password::-moz-placeholder,
        header .clZone form input.log-email::-moz-placeholder{
           color: #c9c9c9;  
        }
        header .clZone form input.log-password::-ms-input-placeholder,
        header .clZone form input.log-email::-ms-input-placeholder{
           color: #c9c9c9;  
        }

        header .clZone form input[type="submit"] {
          background: #164d82;
          color: #fff;
          border-radius: 5px;
          -webkit-transition: background-color 0.3s linear;
          -moz-transition: background-color 0.3s linear;
          -ms-transition: background-color 0.3s linear;
          -o-transition: background-color 0.3s linear;
          transition: background-color 0.3s linear; 
            border:1px solid #164d82; }
          header .clZone form input[type="submit"]:hover {
            background: transparent; border-color:#fff;
            color: #fff; }
          
    header .clZone p.reg {
      text-align: left;
      display: block;
      float: none;
      min-height: 36px;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      color:#fff;
      
      }
      
      header .clZone span.rep { float:left; color:#fff; margin-top:4px; }

      header .clZone p.reg a {
        color: #FFF !important;
        text-decoration: none;
        font-size:14px;
        font-family: 'Roboto';
        font-weight: 400;
        text-align: left;
        margin-left:0px !important;
        padding-left:10px;
        margin-top:0px !important;
        padding: 5px;
        float: left; }

        header .clZone p.reg a:hover {
          color:#fff;
          font-weight:normal;
          text-decoration:underline!important;
        }

  
/* top header logo / navigation menu  */
/* =============================================== */

header .navigation { background:transparent url(../images/top_menu_bg.png) repeat-x; height:125px; color:#79a8c4; width:100%; margin:auto; position:fixed; z-index:99; top:55px; }
header .navigation #logo { float:left; width:auto; margin-top:10px;   }
header .navigation #logo img { max-width:140px; height:auto; }
/* menu */
header .navigation .top-menu { float:left; width:55%; text-align:right; }
header .navigation .top-menu .nav { display: inline-block;position: relative;cursor: default;z-index: 500; }
header .navigation .top-menu .nav > li { display: block;float: left;}
header .navigation .top-menu .nav > li > a {	position: relative;	display: block;	z-index: 510;	height: 105px;	padding: 0 20px;	line-height: 108px;	font-weight: 400;	font-size: 16px;	color: #505050;	-webkit-transition: all .3s ease;	-moz-transition: all .3s ease;	-o-transition: all .3s ease;	-ms-transition: all .3s ease;	transition: all .3s ease;}
header .navigation .top-menu .nav > li:hover > a { background: #fff; border-top:7px solid #f1780c; color:#f1780c; }
header .navigation .top-menu .nav > li:first-child > a {	border-left: none;}
header .navigation .top-menu .nav > li > a:focus { background-color: #fff; }

header .navigation .top-menu .nav > li > div {	position: absolute;	display: block;	width: 400px;	top: 105px;	opacity: 0;	visibility: hidden;	overflow: hidden;	background: #ffffff;	border-radius: 0 0 3px 3px;	-webkit-transition: all .3s ease .15s;	-moz-transition: all .3s ease .15s;	-o-transition: all .3s ease .15s;	-ms-transition: all .3s ease .15s;	transition: all .3s ease .15s;}
header .navigation .top-menu .nav > li > div.clLeft { left:0; }
header .navigation .top-menu .nav > li > div.clRight { right:0; }
header .navigation .top-menu .nav > li:hover > div {	opacity: 1;	visibility: visible;	overflow: visible;}

header .navigation .top-menu .nav .columnWidth { width:300px; }
header .navigation .top-menu .nav .columnWidth .nav-column {	float: left;	width: 45%;	padding: 2.5%;}
header .navigation .top-menu .nav .columnWidth .nav-column h3 {	margin: 8px 5px 8px 5px;	line-height: 18px; text-align:left;	font-weight: 400;	font-size: 15px; color: #f1780c;	text-transform: uppercase;}
header .navigation .top-menu .nav .columnWidth .nav-column li { }
header .navigation .top-menu .nav .columnWidth .nav-column li a {	display: block;	padding-left:10px; line-height: 30px;text-align:left;	font-weight: 300;	font-size: 14px; 	color: #8b9092; }
header .navigation .top-menu .nav .columnWidth .nav-column li a:hover { color: #fff; background-color:#56aee3; }

/* search */
header .navigation .nav-search { float:right; width:15%; text-align:right; margin-top:30px; }
header .navigation .sjKontakt { float:right; width:15%; text-align:right; margin-top:30px; margin-right:0px;  }

header .navigation .sjKontakt a { float:right; -webkit-transition: background-color 0.3s linear;-moz-transition: background-color 0.3s linear;-ms-transition: background-color 0.3s linear;-o-transition: background-color 0.3s linear;transition: background-color 0.3s linear; border:2px solid fff; display:block; height:40px; line-height:40px; color:#fff; font-size:15px; font-weight:400; background-color:#faa31a; padding-left:12px; padding-right:12px; -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px; }
header .navigation .sjKontakt a:hover { color:#fff; font-size:15px; border:2px solid #faa31a; color:#faa31a; background-color:#fff; text-decoration:none;  }


header .navigation .nav-search #search { }
header .navigation .nav-search #search input {	background-color: #fff;	border: 1px solid #ececec;	color: #7F7F7F;	float: left;	height: 40px;  font-size:14px;  font-weight:100;	margin: 0;  margin-left:5px;	padding: 10px;	-o-transition: background 0.3s ease-in-out 0s; transition: background 0.3s ease-in-out 0s; -moz-transition: background 0.3s ease-in-out 0s; -webkit-transition: background 0.3s ease-in-out 0s;	width: 76%;  -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px;}
header .navigation .nav-search #search button {	cursor: pointer;	height: 40px;	
         transition: background 0.3s ease-in-out 0s;	
-webkit-transition:  background 0.3s ease-in-out 0s;	
-moz-transition: background 0.3s ease-in-out 0s;	
-o-transition:  background 0.3s ease-in-out 0s;	
transition:  background 0.3s ease-in-out 0s;	

         width: 40px;	border: 2px solid #49b7e9;  color:#49b7e9;  background-color:transparent;  
         -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px;}
header .navigation .nav-search #search button:hover {  color:#fff;	background-color:#46b4e6;}


/* top header slide  */

header .slide { margin-top:0px; width:100%; margin-top:160px; }
header .slide #carousel { padding: 0;width: 100%;height: 387px;display: block;position: relative;z-index: 5; }
header .slide #carousel li {position: relative;width: 100%;height:  387px; display: none;margin-top: 0px; }
header .slide #carousel li img  { position:absolute;left:0;margin:0px auto;width:100%;top:30px;}
header .slide #carousel li .op_text  {margin:auto;width:800px;float:left; padding-top:1px;}
header .slide #carousel li:first-of-type {display: block; }
header .slide #carousel li h1 {position: relative;width: 800px;color: #fff;font-size: 48px;font-weight: 300;display: block;text-align:left;line-height: 58px;margin-top:60px; }
header .slide #carousel li .desc {position: relative;width: 800px;color: #fff;font-size: 30px;margin-top: 10px;line-height:30px; text-align:left;font-weight: 100;display: block; }
header .slide #carousel li a{position: relative;padding: 14px 12px 12px;color: #fff;font-size: 24px;font-weight: 300;border: 2px solid #fff;-webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px;width: auto;text-decoration: none;float: left;margin-top: 30px;margin-right:20px;-webkit-transition: background-color 0.3s linear;-moz-transition: background-color 0.3s linear;-ms-transition: background-color 0.3s linear;-o-transition: background-color 0.3s linear;transition: background-color 0.3s linear;background-color: transparent; }
header .slide #carousel li a:hover {background: #FFF;color: #164d82; }
header .slide #carousel li a.contact_now{ background-color:#fff; border-color:#fff; color:#164d82 }

header .slide .car-control {  margin:auto;  width: 1500px;}
header .slide .car-control .op_wid { position:absolute; height:400px;  width:100%;}
header .slide .car-left, .car-right {  display: inline-block;  background: url(../images/prev-next.png) left top no-repeat;  width: 33px;  height: 82px;  position: absolute;  top: 40px;  z-index: 10; }
header .slide a.car-left:hover {  background-position: left bottom; }
header .slide .car-left {  float:left;  position:relative;  margin-top:100px; }
header .slide .car-right {  background-position: right top;    margin-right: 0px;  float:right;  position:relative;  margin-top:100px;}
header .slide a.car-right:hover {  background-position: right bottom; }
  
  
  
/* content */
/* =============================================== */


#content { margin:auto; width:100%;  float:left; }
#content .tBox { margin:auto; width:1358px; }



#content_news { margin:auto; width:100%; background:#e0eaff; padding-bottom:30px; float:left; }
#content_news .tBox { margin:auto; width:1358px; }

#spisova { margin:auto; width:100%; background:#f1f1f1; float:left; }
#spisova .tBox { margin:auto; width:1358px; }

#spisova {

    background: url(../images/spisovka.jpg) no-repeat ;
    -webkit-transition: all 0.8s ease 0s;
       -moz-transition: all 0.8s ease 0s;
        -ms-transition: all 0.8s ease 0s;
         -o-transition: all 0.8s ease 0s;
            transition: all 0.8s ease 0s;
    
    background-position:50% 50%;
    color: #222;
    height:350px;
    position:relative;
    width:100%;
    
}


      
#spisova h4 {

  text-align:center;
  color:#fff;
  text-transform:uppercase;
  font-weight:700;
  font-size:52px;
  margin-top:50px;

}



#spisova .infoWL {

  text-align:center;
  color:rgba(255,255,255,0.9);
  text-transform:uppercase;
  font-weight:300;
  font-size:26px;
  
  line-height:32px;

}

#spisova .infoWL font.redfont {
  font-weight:600;
}

#spisova .brtop{
  margin-top:20px;
  font-weight:600;
}

/* homepage news */

 .home_news { float:left; margin-top:20px; width:100%; padding-bottom:30px;  }
 .home_news .new { float:left; width:25%; background-color:#e0eaff;}
 .home_news .new h2 { float:left; width:95%; color:#3aafe6; font-weight:400; font-size:15px; line-height: 16px; text-decoration:none; text-align:left; }
 .home_news .new small { float:left; width:95%; color:#464646; font-weight:400; font-size:14px; text-decoration:none; text-align:left;  line-height: 16px; }
 .home_news .new p { float:left; width:90%; color:#807f7f; font-weight:300; font-size:14px; text-decoration:none; text-align:left;  line-height: 20px; margin-top:20px;  }
 .home_news .new a.viewmore { float:left; width:95%; color:#282727; text-align:left; font-weight:400; font-size:14px; text-decoration:none; }

 .home_news a.all_news{padding: 14px 12px 12px; margin-left:38%;  text-align:center; width:330px; color: #fff;font-size: 24px;font-weight: 300;border: 2px solid #1c1c1c;-webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px;text-decoration: none;float: left;margin-top: 30px;margin-right:20px;-webkit-transition: background-color 0.3s linear;-moz-transition: background-color 0.3s linear;-ms-transition: background-color 0.3s linear;-o-transition: background-color 0.3s linear;transition: background-color 0.3s linear;background-color: #444; }
 .home_news a:hover.all_news{background: #FFF;color: #1c1c1c; }


/* homepage moduls   */


 .home_moduls { float:left; margin-top:20px; width:100%; padding-bottom:50px; border-bottom:1px solid #f0f0f0; }
 .home_moduls .modul { float:left; width:33.2%; height:260px; padding:15px; border:0px solid white ; -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px; }

 .home_moduls .modul .modulImage { float:left; width:20%; margin-top:50px; }
 .home_moduls .modul .modulImage img { float:left; border:none; }  
 .home_moduls .modul .modulInfo { float:right; width:70%; }
 .home_moduls .modul .modulInfo h2 { float:left; width:95%; color:#807f7f; font-weight:300; font-size:22px; line-height: 16px; text-decoration:none; text-align:left; }
 .home_moduls .modul .modulInfo p { 
     float:left; width:90%; color:#807f7f; font-weight:300; font-size:14px; text-decoration:none; text-align:left;  line-height: 20px; margin-top:20px;  
     height:110px;
 }
 .home_moduls .modul .modulInfo a.viewmore { float:left; width:auto; padding:6px 10px; background:#fff; border-radius:5px; color:#067bd4; text-align:left; font-weight:400; font-size:14px; text-decoration:none; }
.home_moduls .modul .modulInfo a:hover.viewmore { background: #067bd4; color:#fff; }

 .home_moduls a.all_moduls{padding: 14px 12px 12px; margin-left:38%; text-align:center; width:330px; color: #fff;font-size: 24px;font-weight: 300;border: 2px solid #067bd4;-webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px;text-decoration: none;float: left;margin-top: 30px;margin-right:20px;-webkit-transition: background-color 0.3s linear;-moz-transition: background-color 0.3s linear;-ms-transition: background-color 0.3s linear;-o-transition: background-color 0.3s linear;transition: background-color 0.3s linear;background-color: #067bd4; }
 .home_moduls a:hover.all_moduls{background: #FFF;color: #067bd4; }

  .IMES a.IMESERP{padding: 14px 12px 12px; margin-left:0%; text-align:center; width:100%; color: #fff;font-size: 24px;font-weight: 300;border: 2px solid orange;-webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px;text-decoration: none;float: left;margin-top: 0px;margin-right:20px;-webkit-transition: background-color 0.3s linear;-moz-transition: background-color 0.3s linear;-ms-transition: background-color 0.3s linear;-o-transition: background-color 0.3s linear;transition: background-color 0.3s linear;background-color: orange; }
 .IMES a:hover.IMESERP{background: #FFF;color: orange; }
 
   .IMES a.AKTUALITY{padding: 14px 12px 12px; margin-left:35%; text-align:center; width:30%; color: #fff;font-size: 24px;font-weight: 300;border: 2px solid #067bd4;-webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px;text-decoration: none;float: left;margin-top: 15px;margin-right:20px;-webkit-transition: background-color 0.3s linear;-moz-transition: background-color 0.3s linear;-ms-transition: background-color 0.3s linear;-o-transition: background-color 0.3s linear;transition: background-color 0.3s linear;background-color: #067bd4; }
 .IMES a:hover.AKTUALITY{background: #FFF;color: #067bd4; }

/* sup pages */

#content_sub { margin:auto; width:100%; background-color:#f1f1f1; float:left; padding-bottom:50px;  }
#content_sub .tBox { margin:auto; width:1358px; padding-top:40px; }


/*leftside*/ 

#content_sub .leftSide { float:left; width: 24%; }
#content_sub .leftSide h1 { float:left; font-size: 36px;font-family:'Roboto'; padding-bottom:20px; border-bottom:1px solid #f1780c; display:block; font-weight: 400; color:#f1780c; width:80%; margin-bottom:20px; }

#content_sub .leftSide ul.leftmenu { float:left; width: 100%; padding-left:0px; }
#content_sub .leftSide ul.leftmenu li { float:left; list-style:none; width:90%; border-bottom:1px solid #e9e7e7; background:transparent; /* url('../images/leftpoint.png') no-repeat 10px 10px; */display:block; margin-left:0px; padding-left:12px; padding-top:8px; padding-bottom:8px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-top:3px;    }
#content_sub .leftSide ul.leftmenu li.active { background:#126cc2; /*background:#126cc2 url('../images/leftpoint_active.png') no-repeat 10px 10px; */  }
#content_sub .leftSide ul.leftmenu li:hover { background:#fff;  /*background:#fff url('../images/leftpoint.png') no-repeat 10px 10px;*/  text-decoration:none;  }
#content_sub .leftSide ul.leftmenu li i { width:20px; font-size:18px; padding-right:25px; }
#content_sub .leftSide ul.leftmenu li a { font-size:16px; font-family:'Roboto'; display:block; font-weight:bold; color:#164d82; }
#content_sub .leftSide ul.leftmenu li a:hover { text-decoration:none; color:#126cc2; }
#content_sub .leftSide ul.leftmenu li.active a { font-size:14px; font-family:'Roboto'; display:block; font-weight:500; color:#fff; }
#content_sub .leftSide ul.leftmenu li.active a:hover {color:#126cc2;  } 


/*right side*/


#content_sub .rightSide { float:right; width: 75%;  min-height:650px; background-color:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-top:3px; padding:20px;  }
#content_sub .rightSide .refbox { margin-top:15px; float:left; width: 100%; padding:15px;  min-height:100px;  background-color:#fff;}
#content_sub .rightSide .teamBox { margin-top:15px; margin-right:1%;  float:left; width: 24%; padding:15px;  min-height:100px;  background-color:#fff;}
#content_sub .rightSide .teamBox .gImg { width:100%; height:160px; }
#content_sub .rightSide .teamBox .gImg img { max-width:100%; max-height:160px; }

#content_sub .rightSide .teamBox span { width:100%; float:left; margin-top:5px; margin-bottom:5px; font-size:14px; }
#content_sub .rightSide .teamBox span i { margin-right:5px;  }

#content_sub .rightSide .teamBox h2 { float:left; width:100%; margin-top:15px;  font-style: normal; font-size:16px; color:#313232; font-weight:400; font-family:'Roboto';  }
#content_sub .rightSide .teamBox h3 { float:left; width:100%; margin-top:5px; font-style:italic; font-size:14px; color:#047dca; font-weight:400; font-family:'Roboto'; height:15px;  }

#content_sub .rightSide a.rx_infolink { padding:5px; margin-right:20px; float:left; color:#888; }
#content_sub .rightSide a.rx_infolink i { padding-right:8px; }
#content_sub .rightSide a:hover.rx_infolink { text-decoration:none; color:#FF6600; }

.gme p { color:#aaa; }
.gme h3 { color:#555; }


#content_sub .rightSide a.ref_infolink { border-bottom:2px solid #126cc2; padding:5px; margin-right:20px; float:left; }
#content_sub .rightSide a:hover.ref_infolink { text-decoration:none; border-bottom:2px solid #FF6600; color:#FF6600; }

#content_sub .rightSide a.full_article { border:2px solid #126cc2; padding:9px; margin-right:20px; float:right; position:relative; margin-top:-30px;  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
#content_sub .rightSide a:hover.full_article { text-decoration:none; background-color:#126cc2; color:#FFFFFF; }

#content_sub .rightSide a.addCm { border:2px solid #126cc2; float:right; padding:9px; float:right; position:relative; margin-top:10px;  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;  }
#content_sub .rightSide a:hover.addCm { text-decoration:none; background-color:#126cc2; color:#FFFFFF; }


#content_sub .rightSide .download_pdf {padding:10px;padding-left:20px;padding-right:20px; background-color:#fff;color:#fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:2px solid #126cc2;text-decoration:none;color:#126cc2;margin-top:-30px;margin-right:20px;float:right;}
#content_sub .rightSide .download_pdf:hover {background-color:#126cc2; color:#fff;text-decoration:none;}
    
#content_sub .rightSide hr.hr { float:left; width:100%; height:1px; background-color:#f0f0f0; margin-top:30px; margin-bottom:30px; border:0px; }
#content_sub .rightSide .art { line-height:16px; font-size:14px; font-family:'Roboto'; float:left; width: 100%; }

#content_sub .rightSide .download_pdf i { padding-right:5px; }
#content_sub .rightSide h1 { float:left; font-family:'Roboto'; width:100%;  font-size:36px; font-weight:400; color:#164d82; }
#content_sub .rightSide .webpad { float:left; width:100%; font-size:15px; font-family:'Roboto'; font-weight:300; line-height:19px; }
#content_sub .rightSide .webpad ul { list-style:none; }

#content_sub .rightSide .downloadBox {
    float:left; margin-right:10px; background-color:#fff; padding-left:5px;padding-right:5px;  margin-top:10px; 
    border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:0px;
    min-height:100px; 
}

#content_sub .rightSide .downloadBox.hover {
      -webkit-box-shadow: 0px 0px 12px 0px #a3a3a3;
      -moz-box-shadow: 0px 0px 12px 0px #a3a3a3;
      box-shadow: 0px 0px 12px 0px #a3a3a3; 
}

#content_sub .rightSide .downloadBox h2, 
#content_sub .rightSide .downloadBox h2 a {
    color:#505050; text-decoration:none; 
    width:100%; font-size:14px; font-family:'Roboto';
    margin-top:5px;
}
#content_sub .rightSide .downloadBox span { width:100%; float:left; }
#content_sub .rightSide .downloadBox span a { font-size:14px; }
#content_sub .rightSide .downloadBox span  { font-size:14px; } 


#content_sub .rightSide .youtubeBox {
    float:left; width:48%; margin-right:10px; height: 270px; background-color:#fff; padding:10px; margin-top:10px; 
    border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:0px;   
}

#content_sub .rightSide .youtubeBox.hover { 
      -webkit-box-shadow: 0px 0px 12px 0px #a3a3a3;
      -moz-box-shadow: 0px 0px 12px 0px #a3a3a3;
      box-shadow: 0px 0px 12px 0px #a3a3a3; 
}


#content_sub .rightSide form.form span{ float:left; width:100%; padding-top:10px; padding-bottom:6px; } 
#content_sub .rightSide form.form input[type="radio"]{ float:left; width:3%; } 

#content_sub .rightSide .contact_ch { float:left; width:100%; padding-top:20px; padding-bottom:20px; }

#anketa { background-color: #fff; padding-top: 9px; float:left; width: 25%; margin-bottom:25px; margin-right:70px; }
#anketa div#otazka { width: 100%; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:0px; padding:9px; background-color: #126cc2; 
                     color: #ffffff; height:auto; font-weight: bold; text-align: left; padding-left:5px;}

#anketa p { margin: 10px 0 }
#anketa a { text-decoration: none; float: left; margin-left: 5px }
#anketa a:hover { color: #ffb800 }
#anketa span { text-decoration: underline; float: right; color: #ffb800; margin-right: 22px }
#anketa div.question { padding-top:4px; padding-bottom:4px; }
#anketa div.bar {
  background: #f2f2f2; width: 100%; height: 18px; padding: 2px 2px 0 2px; margin: 0 auto;
  -moz-border-radius:5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari, Chrome */
  border-radius: 5px; /* CSS3 */
}

#anketa div.bar div.fill { background: #126cc2; height: 16px;
                           margin-top:-1px;
                           margin-left:-1px; 
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari, Chrome */
  border-radius:5px; /* CSS3 */
}

#anketa_bottom { background: url('../images/anketa_bottom.png'); width: 250px; height: 11px }

.op_pager {
  width:100%;
   height:auto;
   z-index:90;
   position:absolute;
   margin-top:340px; 

}

#carpager {
  width:1320px;
  margin:auto;
  text-align:center;

}

#carpager a {
  font-size: 0px;
  color: #bee2f7;
  /* Hide the text. */
  text-indent: 100%;
  white-space: nowrap;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  zoom: 1;
  width: 0px;
  position: relative;
  margin-right: 15px;
  height: 24px;
  line-height: 24px;
  background-color: #bee2f7;
  vertical-align: middle; }

#carpager a:hover, #carpager a.activeSlide {
  color: #fff;
  background-color: #94664d; }


#carpager a span {
  width: 9px;
  height: 9px;
  background-color: #bee2f7;
  display: block;
  float: right;
  position: absolute;
  right: -12px;
  top: 0;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px; }

#carpager a:hover span, 
#carpager a.activeSlide span {
  color: #fff;
  background-color: #fff; }


/* listovani stranek */
.listS{ margin-top:30px;  float:left;     width: 100%;}

.listS span a{
    
 text-decoration:none; 
 border: none;
 
-webkit-transition: -webkit-box-shadow 0.3s linear; 
-moz-transition: -moz-box-shadow 0.3s linear; 
-o-transition: -o-box-shadow 0.3s linear; 
transition: box-shadow 0.3s linear; 

 -moz-border-radius: 4px; 
 -webkit-border-radius: 4px;
 border-radius: 4px; 

 background-color: #fff;
 
 color:#555;
 font-size:18px;
 font-weight:300;
 cursor:  pointer;
    padding:10px;
 
}

.listS span a:hover{

text-decoration:none; border: none;
-webkit-transition: -webkit-box-shadow 0.3s linear; 
-moz-transition: -moz-box-shadow 0.3s linear; 
-o-transition: -o-box-shadow 0.3s linear; 
transition: box-shadow 0.3s linear; 

-moz-border-radius: 4px; 
 -webkit-border-radius: 4px; 
 border-radius: 4px;  

background-color: #d9d8d8;	
color:#fff; font-size:16px; cursor: pointer; font-weight:normal; }
 
.listS span a.actual,
.listS span a:hover.actual{


text-decoration:none; border: none;
-webkit-transition: -webkit-box-shadow 0.3s linear; 
-moz-transition: -moz-box-shadow 0.3s linear; 
-o-transition: -o-box-shadow 0.3s linear; 
transition: box-shadow 0.3s linear; 

-moz-border-radius: 4px; 
 -webkit-border-radius: 4px; 
 border-radius: 4px;  

  background-color: #126cc2;	color:#fff; 
 font-size:18px;
 font-weight:300;
 cursor:  pointer;
    padding:10px;



}

.newsletter {
    background-color: #0c83d5 !important;
    color: #222;
    float:left;
    width:100%;
    min-height:120px;
    margin:auto; 
    height:auto;
    padding-bottom:30px;
    padding-top:30px;
}


.newsletter .tBox { margin:auto; width:1358px; }



.newsletter .nlInfo {
    margin-top:10px;
    float:left;
}

.newsletter .nlInfo span {
    font-size:28px;
    font-weight:600;
    color:#fff;
}

.newsletter .nlInfo div {
    font-size:18px;
    font-weight:300;
    color:#fff;
}


.newsletter .nlLogin {
    float:right;    
     margin-top:0px;
}

.newsletter .nlLogin input[type="text"]{
    background:rgba(255,255,255,0.2);
    
    color:#fff;
    border:0px;
    padding:20px;
    font-weight:600;
    min-width:250px;
        font-size:18px;
}


.newsletter .nlLogin button{
    background:#fff;
    
    color:#0c83d5;
    border:0px;
    padding:20px 12px;
    font-weight:600;
}


.newsletter .nlLogin button:hover{
    background:#fff;
    
    color:#4ebceb ;
    border:0px;
    padding:20px 12px;
    font-weight:600;
}

.newsletter .nlLogin input[type="text"]::-webkit-input-placeholder {   color: #fff; font-weight:300;}
.newsletter .nlLogin input[type="text"]:-moz-placeholder { /* Firefox 18- */   color: #fff; font-weight:300; }
.newsletter .nlLogin input[type="text"]::-moz-placeholder {  /* Firefox 19+ */   color: #fff; font-weight:300; }
.newsletter .nlLogin input[type="text"]:-ms-input-placeholder {     color: #fff; font-weight:300; }
.newsletter .nlLogin input[type="text"]:focus { outline:none; box-shadow:none; }



/* footer */
footer { margin:auto; width:100%; background-color:#101010; padding-bottom:50px; float:left; }
footer .tBox { margin:auto; width:1358px; min-height:450px;  }

footer .footBox { display: inline-block;width: 20%;float: left;margin-top: 40px;margin-bottom: 40px; }

footer .footBox.foot1 { width:16%; }
footer .footBox.foot2 { width:25%; }
footer .footBox.foot3 { width:18%; }
footer .footBox.foot4 { width:18%; }
footer .footBox.foot5 { width:23%; text-align:right; }

footer .footBox .title {font-size: 16px;font-weight: 400;color: #4ebceb; }
footer .footBox ul { margin-top: 15px; padding:0; }
footer .footBox ul li { list-style:none; float:left; padding-left:0px; width:100%; height:22px;   }
footer .footBox ul li a {color: #8f8f8f;font-weight: 400;font-size: 15px;text-decoration: none;line-height: 20px; padding-left:0px;  }
footer .footBox ul li a:hover { color: #fff; }

footer .footBox span.contact_info { color:#fff; font-size:15px; font-weight:300; width:100%; float:left; }
footer .footBox span.contact_info_mail { color:#fff; font-size:15px; font-weight:300; width:100%; float:left; margin-top:18px; }
footer .footBox span.contact_tel { color:#fff; font-size:30px; font-weight:600; width:100%;  float:left; }
footer .footBox span.contact_mail { color:#fff; font-size:24px; font-weight:600; width:100%;  float:left; line-height:26px;  }

/* button client zone */
footer .footBox  a.clientZone { float:right; margin-top:20px; color:#fff; font-size:14px; font-weight:bold; background-color:#46b4e6; padding-left:12px; padding-right:12px; padding-top:5px; padding-bottom:5px;  -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px; }
footer .footBox  a.clientZone span { color:#fff; font-size:16px;   }
footer .footBox  a:hover.clientZone, footer .footBox  a:hover.clientZone span { text-decoration:none; background-color:#fff; color:#46b4e6;   }

footer hr { float:left; clear:both; margin-top:15px; background-color:#3d3c3c; width:100%; height:1px; border:none; }
footer span.copy { float:left; clear:both; margin-top:15px; color:#c0c0c0; width:50%;  border:none; }
footer span.copy a { color:#fff; }
footer span.copy a:hover { color:#fff; }
footer span.logo { float:right; width:333px; height:70px; background:transparent url(../images/footer_logo.png) no-repeat; }


form.imesRegisterForm {
    float:left; width:100%;
}

form.imesRegisterForm span {
    float:left; width:100%;
    color:#555;
    font-weight:300;
    font-size:15px; margin-top:10px;
    
}

form.imesRegisterForm input {
    width:85%;
    border:1px solid #ccc;
}

form.imesRegisterForm select {
    width:85%;
    border:1px solid #ccc;
}


form.imesRegisterForm textarea {
    width:85%;
    border:1px solid #ccc;
}



.btn-blue {
    padding:16px 15px;
    width:auto !important;
    font-size:18px;
    float:left;
    margin-left:0px;
    margin-top:10px;
    background:#0983ea;
    color:#fff;
    border:0px !important;
}

.btn-blue:hover {
    background:#074890;
    color:#fff;
}

/* all others */

a.btn_href {
    padding:10px;
    background-color:#fff;
    color:#fff;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:2px solid #126cc2;
    text-decoration:none;
    color:#126cc2;
    

}

a:hover.btn_href {
   background-color:#126cc2; 
   color:#fff;
    text-decoration:none;
}

/* tables */


table {
  border-collapse: separate;
  border-spacing: 0 5px;
}

thead th {
  color: #101010;
  padding-top:14px; 
  padding-bottom:14px; 
  font-size:16px; 
  font-weight:300;
  font-family:'Roboto';
  
}

tbody td {
  background-color: #f7f8f9;
  padding:10px; 
}

tr td:first-child,
tr th:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

tr td:last-child,
tr th:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}



/* page loader */

#loader { 
    display:none; 
}

.page_loader {

  width:100%;
  top:0px;
  background: rgba(0,0,0,   0.9);
  left:0px;
  height:100%;
  position:fixed;
  z-index:99999;

}

.center_loading { margin:auto; width:100px; height:100px; position:relative; top:40%; }
.text_loading { margin:auto; width:180px; height:100px; position:relative; top:42%; color:#fff; font-size:14px; }


.loading-effect-2 {
  width: 100px;
  height: 100px;
}
.loading-effect-2 > span,
.loading-effect-2 > span:before,
.loading-effect-2 > span:after {
  content: "";
  display: block;
  border-radius: 50%;
  border: 2px solid #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.loading-effect-2 > span {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-left-color: transparent;
  -webkit-animation: effect-2 2s infinite linear;
  -moz-animation: effect-2 2s infinite linear;
  -ms-animation: effect-2 2s infinite linear;
  -o-animation: effect-2 2s infinite linear;
  animation: effect-2 2s infinite linear;
}
.loading-effect-2 > span:before {
  width: 75%;
  height: 75%;
  border-right-color: transparent;
}
.loading-effect-2 > span:after {
  width: 50%;
  height: 50%;
  border-bottom-color: transparent;
}
@-webkit-keyframes effect-2 {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes effect-2 {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}