@import url(//fonts.googleapis.com/css?family=Roboto&subset=latin,cyrillic,greek,vietnamese);
@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,700&subset=latin,cyrillic,greek);

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.clear {clear:both;}
.table {display:table;}
.wrapper {width:100%; overflow:hidden;}
.relative {position:relative;}
.absolute {position:absolute;}

/* Global properties ======================================================== */
::selection{
  color: #fff;
  background: #ffae00;
}
::-moz-selection{
  color: #fff;
  background: #ffae00;
}

body, html {}

body{ margin:0; padding:0;font-family: 'Roboto', sans-serif; font-size: 14px; line-height:18px; width:100%; max-height: 100%;}

footer{width: 100%; height: 43px; background: #000; font-size: 16px; }
.copyright{color:#979b9d; float: left; line-height: 43px; padding-left: 20px;}
.tola{float: right; padding-right: 20px;}
.marker1{width: 25px; float: right;display: inline-block; height: 100%; background: url(../../images/marker1.png) center center no-repeat;}
.privacy{ text-decoration: none; color: #979b9d; float: right; line-height: 43px; padding-right: 20px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.privacy:hover{color: #fff; }

.top1{width: 90%; margin: 0 auto;}
header{}
.logo { display:block;text-decoration:none; margin:20px auto;text-align:center;}

.bot1{width: 100%; height: 55px; background: url(../../images/bot1.png); position: absolute; left: 0; bottom: 43px; z-index: 30; text-align: center;}

.bot2{display: inline-block;}

.social{width: 100%; margin:20px 0; text-align: center;}

/* ============================= main layout ====================== */

.box_top{width: 100%; height: 20px; position: relative; border-radius: 10px 10px 0 0}
.box{ position: relative; margin: 0 auto}
.box_bottom{width:100%; height: 20px; position: relative;border-radius: 0 0 10px 10px}

.dynamicContent { width: 90%; margin: 0 auto; }
.dynamicContent .content{padding-bottom: 0px;}

.divid{background: url(../../images/divider.png) left top repeat-y;}
.divid2{background: url(../../images/divider.png) right top repeat-y;}
.divider{padding-left: 30px; background: url(../../images/divider.png) left top repeat-y; margin-left: 29px;}
.divider2{padding-right: 30px; background: url(../../images/divider.png) right top repeat-y; margin-right: 29px;}

.col0,.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12   { float:left;}

.col0 { width:1px; background:#131314; margin-left:29px; margin-right:30px; margin-top:20px;}

.col1{ width:200px;}
.col2{ width:20px;}
.col3{ width:200px;}
.col4{ width:600px;}
.col5{ width:360px;}
.col6{ width:440px;}.col7{ width:880px;}


a{text-decoration: underline; outline:none}
a:hover{ text-decoration: none}

h1{ font-family: 'Roboto Slab', serif;font-weight: 400; font-size:28px; line-height:35px; padding:10px 0 20px 0; text-transform: uppercase;  }
h2{ font-family: 'Roboto Slab', serif;font-weight: 400; font-size:24px; line-height:30px; padding:10px 0 20px 0; text-transform: uppercase;  }

h3{ font-family: 'Roboto Slab', serif;font-weight: 400; font-size:18px; line-height:20px; padding-bottom: 7px; text-transform: uppercase;  }

h4{ font-family: 'Roboto Slab';font-weight: 400; font-size:14px; line-height:20px; padding-bottom: 7px; }

.upper { text-transform:uppercase;}


.languages {width: 100%; height: 30px; margin:0; margin-top:20px; padding:0; font-size: 16px;text-align:center;}
.languages a{ border-radius:10px; }
.ipModuleForm .btn {
  color: #FFF;
  border-radius: 0;
}
.side {width:90%; margin: 0 auto;}
.leftmenu ul li:before {
  content: "";
  padding: 0 0.5em;margin:0 8px 0 5px;
background:url(../../images/divider.png) 0 8px repeat-x; height:5px;
}

.leftmenu ul li a{line-height:200%; text-decoration: none;}
.leftmenu ul li a:hover {color:#000; text-decoration: none;}
.leftmenu ul ul, .leftmenu ul ul ul, .leftmenu ul ul ul {margin-left:15px;}
.leftmenu ul{list-style:none;margin:0; padding:0px}
.leftmenu {padding: 5%;}

#menu_bot ul{ list-style: none; display:block; white-space:nowrap;  padding: 0; margin: 0;}
#menu_bot ul > li { list-style: none; display: inline-block; margin-left: 1px; position:relative; float:left; white-space:nowrap;}
#menu_bot ul > li:first-child{ margin-left: 0;}
#menu_bot ul > li > a{ display:block; height:100%; text-decoration:none; position:relative; font-weight: 400; font-size: 12px; color: #fff; line-height: 20px; padding: 10px 15px; text-transform: uppercase;letter-spacing: 2px;}
#menu_bot ul > li > a:hover, #menu_bot > li > a:focus{ text-decoration: underline;}