@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; color: #000; font-family: 'Open Sans', 'Arial Narrow', sans-serif; font-size:14px;}
img{vertical-align: middle; max-width:100%;}
.main{position:relative; margin:0 auto; width:940px;}
ol,ul{padding:0 0 0 0px;}
ul li{list-style:none;list-style-image:none;}
table{border-collapse:collapse;	border-spacing:0;}
h1,h2,h3,h4,h5{margin:0px; font-weight:400;}
.wrapper{margin:0 auto;	width: 980px;}
.row{overflow:hidden;}

.header{background:url(../images/header.png) no-repeat center top; height:76px; position:fixed; z-index: 100; width:100%;} 
.header p{text-align:right; padding:0px; margin:0px; font:400 12px/10px 'Open Sans', 'sans-serif'; margin-bottom:6px;}
.header ul{margin:0 0 0 100px;}
.header ul li{float:left; padding:0 9px;}
.header ul li a h2{font:700 17px/15px 'Open Sans', 'sans-serif'; color:#fff; padding:0px; margin:5px 0 0 0; text-decoration:underline;}
.header ul li a h3{font:400 14px 'Open Sans', 'sans-serif'; color:#fff; padding:0px; margin:0px; text-decoration:underline;}
.header h4{float:right; color:#fff000; font:bold 26px/20px 'Open Sans', 'sans-serif'; padding:0px; margin:5px 0 0 0;}
.header a{font:400 15px/13px 'Open Sans', 'sans-serif'; color:#fff; padding:0px; margin:0px; text-decoration:underline; float:right;}

.block1{background:rgba(255,255,255,0.8); height:100%; width:100%; padding-top:90px;}
.block1 .main{padding-top:0px;} 
.block1 h2{font:700 60px 'Open Sans', 'sans-serif'; color:#2c2c2c;  text-transform:uppercase; padding-top:10px;}
.block1 h2 span{background:url(../images/val.png) no-repeat center; width:85px; height:83px; display:block; float:left; padding-left:18px; padding-top:10px; margin-top:-10px;}
.block1 h3{font:400 30px 'Open Sans', 'sans-serif'; color:#2c2c2c; text-align:center; padding-top:15px;}
.block1 h4{font:400 60px/55px 'Open Sans', 'sans-serif'; color:#2c2c2c; text-align:center; padding-top:30px;}
.block1 h5{font:400 30px 'Open Sans', 'sans-serif'; color:#2c2c2c; text-align:center;}
.block1 h6{font:400 22px 'Open Sans', 'sans-serif'; color:#2c2c2c; text-align:center; text-decoration:underline; margin:20px 0 0 0;}
.block1 .prebtn{float:left; margin-top:30px; margin-left:40px;}
.block1 .button1{width:418px; margin:15px 5px 5px 5px;}
.block1 .button1 a{background:#f00; border-bottom:4px solid #bd0000; font:700 16px 'Open Sans', 'sans-serif'; color:#fff; text-align:center; text-transform:uppercase; text-decoration:none; padding:12px 20px; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; -webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.12); -moz-box-shadow: 0 0 5px 5px rgba(0,0,0,0.12); box-shadow: 0 0 5px 5px rgba(0,0,0,0.12);}
.block1 .button1 a:hover{background:#bd0000;}

.buyrecord  a{
  background: #f00;
  border-bottom: 4px solid #bd0000;
  font: 700 18px 'Open Sans', 'sans-serif';
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  padding: 12px 12px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.12);
  -moz-box-shadow: 0 0 5px 5px rgba(0,0,0,0.12);
  box-shadow: 0 0 5px 5px rgba(0,0,0,0.12);
}
.buyrecord .button1 a:hover{background:#bd0000;}

.block1 .video-small{width:360px; float:right; margin-right:50px;}
.block1 .video-small p{width:150px; float:left; font:400 22px 'Open Sans', 'sans-serif'; color:#2c2c2c; padding-top:10px;}
.block1 .video-small .for-small-video{float:right; width:193px; height:129px;}
.block1 ul{margin-left:38px; margin-top:30px; overflow:hidden;}
.block1 ul li{width:135px; float:left; padding:0 4px;}
.block1 ul li img{display:block; margin:0 auto;}
.block1 ul li p{font:400 14px 'Open Sans', 'sans-serif'; text-align:center; margin:0px;}
.block1 ul li a{background:#f00; border-bottom:4px solid #bd0000; font:400 22px/25px 'Open Sans', 'sans-serif'; color:#fff; text-align:center; text-decoration:none; margin-top:3px; padding:13px 0px 0px; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; -webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.12); -moz-box-shadow: 0 0 5px 5px rgba(0,0,0,0.12); box-shadow: 0 0 5px 5px rgba(0,0,0,0.12); display:block; width:125px; height:112px;}
.block1 ul li a:hover{background:#bd0000;}
.photo {width: 120px; border: 1px solid #000; border-radius: 4px;}
.photoli { margin-top: 4px;}

.kogo{background:url(../images/polosi.jpg) no-repeat center top; height:509px;}
.kogo h2{padding-top:17px; font:700 36px 'Open Sans', 'sans-serif'; color:#fff; text-decoration:underline; text-align:center;}
.kogo img{display:block; margin:50px auto 0;}

.bgray{background:url(../images/wg.jpg) no-repeat center top;}
.for-form{-webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.12); -moz-box-shadow: 0 0 5px 5px rgba(0,0,0,0.12); box-shadow: 0 0 5px 5px rgba(0,0,0,0.12);}
.bgray form{background:#f8f8f8; border:1px solid #269500; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;  padding:20px 0px; margin:0px 0px 35px;} 
.bgray form h2{font:700 24px 'Open Sans', 'sans-serif'; color:#124b00;  text-transform:uppercase; margin:0px 0 0 10px; margin-bottom:-8px;}
.bgray form p{font:400 18px 'Open Sans', 'sans-serif'; color:#124b00;   margin:0px 0 0 10px; padding-top:0px;}
.bgray form input{width:189px; height:30px; border:1px solid #269500; background:#fff; float:left; margin:5px 8px 0px; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; text-align:center; font:400 18px 'Open Sans', 'sans-serif'; color:#000;}
.bgray form button{background:#f00; border-bottom:4px solid #bd0000; font:700 18px 'Open Sans', 'sans-serif'; color:#fff; text-align:center; text-decoration:none; margin-top:0px; padding:5px 0px; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; -webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.12); -moz-box-shadow: 0 0 5px 5px rgba(0,0,0,0.12); box-shadow: 0 0 5px 5px rgba(0,0,0,0.12); display:block; width:300px;  float:left; border-left:none; border-top:none; border-right:none; cursor:pointer;}
.bgray form button:hover{background:#bd0000;}

.programma{margin:0px auto 30px; -webkit-box-shadow: 0 0 8px 3px rgba(0,0,0,0.18);
-moz-box-shadow: 0 0 8px 3px rgba(0,0,0,0.18);
box-shadow: 0 0 8px 3px rgba(0,0,0,0.18);}
.programma .when{}
.prd{background:#ededed; border-bottom:1px solid #acacac; width:100%; overflow:hidden; padding:15px 0px;}
.prd img{ margin:0 80px 0 90px; border:1px solid #000;}
.prd p{font:400 18px/18px 'Open Sans', 'sans-serif'; color:#5f5f5f; margin:4px 0px; width:630px; text-align:justify;  text-align-last: left; -moz-text-align-last:left;}
.prd h2{font:700 24px/26px 'Open Sans', 'sans-serif'; color:#007303; margin:0px;}
.prd p span{font-weight:700;}
.prw{background:#fbfbfb; border-bottom:1px solid #acacac; width:100%; overflow:hidden; padding:15px 0px;}
.prw img{ margin:0 80px 0 90px; border:1px solid #000;}
.prw p{font:400 18px/18px 'Open Sans', 'sans-serif'; color:#5f5f5f; margin:4px 0px; width:630px; text-align:justify;  text-align-last: left; -moz-text-align-last:left;}
.prw h2{font:700 24px/26px 'Open Sans', 'sans-serif'; color:#007303; margin:0px;}
.prw p span{font-weight:700;}
.prd table tr td:first-child{width:254px;}
.prw table tr td:first-child{width:254px;}

.prd-new{background:#ededed; width:100%; overflow:hidden;}
.prd-new table tr td{padding:25px 0px 15px;}
.prd-new table tr td:first-child{width:130px;}
.prd-new img{display:block; margin:0 auto; border:1px solid #000;}
.small{text-align:center; color:#5f5f5f; font:400 13px/13px 'Open Sans', 'sans-serif';}
.prd-new table tr td:nth-of-type(2){width:330px; vertical-align:top; background: url(../images/sep-1.png) repeat-y right; padding-right:10px;}
.prd-new table tr td:nth-of-type(3){width:130px;}
.prd-new table tr td:nth-of-type(4){width:340px; vertical-align:top; padding-right:0px;}
.green{font:700 18px/18px 'Open Sans', 'sans-serif'; color:#007303; margin:0px;}
.kto{font:700 16px/16px 'Open Sans', 'sans-serif'; color:#5f5f5f; margin:5px 0px 0px 0px;}
.chem{font:400 15px/15px 'Open Sans', 'sans-serif'; color:#5f5f5f; margin:5px 0px 0px 0px; text-align:justify;  text-align-last: left; -moz-text-align-last:left; padding-right: 10px;}
.new-line{background: url(../images/v4.jpg) no-repeat center; width:940px; height:70px; -webkit-box-shadow: 0 0 8px 3px rgba(0,0,0,0.18); -moz-box-shadow: 0 0 8px 3px rgba(0,0,0,0.18); box-shadow: 0 0 8px 3px rgba(0,0,0,0.18);}
.line-left{width:470px; float:left;}
.zal{display:block; margin:7px auto -6px; padding-top:11px; background: url(../images/zal.png) no-repeat center; width:340px; height:32px; font:400 18px/18px 'Open Sans', 'sans-serif'; text-align:center;}
.zalp{font:400 14px/14px 'Open Sans', 'sans-serif'; margin:4px 0 0 0; text-align:center;}
.zalp img{margin-right:5px;}

.what_say{background:url(../images/og2.png) no-repeat center top; min-height:476px; padding-bottom:80px;}
.what_say h2{background:url(../images/uzor.jpg) repeat-x center; height:67px; padding-top:13px; font:700 36px 'Open Sans', 'sans-serif'; color:#fff; text-decoration:underline; text-align:center;}
.say_block{width:295px; float:left; margin:30px 9px 0 9px;}
.say_block h3{font:700 18px 'Open Sans', 'sans-serif'; color:#007303; border-bottom:1px solid #007303; padding-top:15px; margin-bottom:-10px;}
.say_block p{font:400 16px/18px 'Open Sans', 'sans-serif'; text-align:justify;}
.say_block p span{font:400 18px/19px 'Open Sans', 'sans-serif';}
.more{width:281px; margin:20px auto 0;}
.more a{background:#f00; border-bottom:4px solid #bd0000; font:700 18px 'Open Sans', 'sans-serif'; color:#fff; text-align:center; text-transform:uppercase; text-decoration:none; padding:12px 12px; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; -webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.12); -moz-box-shadow: 0 0 5px 5px rgba(0,0,0,0.12); box-shadow: 0 0 5px 5px rgba(0,0,0,0.12);}
.more a:hover{background:#bd0000;}



.mesto{}
.mesto h2{background:url(../images/uzor.jpg) repeat-x center; height:67px; padding-top:13px; font:700 36px 'Open Sans', 'sans-serif'; color:#fff; text-decoration:underline; text-align:center;}

.online{background:#fff url(../images/camera.png) no-repeat center bottom; height:313px; padding-bottom:110px;}
.online h2{background:url(../images/uzor.jpg) repeat-x center; height:67px; padding-top:13px; font:700 36px 'Open Sans', 'sans-serif'; color:#fff; text-decoration:underline; text-align:center;}
.online h3{font:700 36px/40px 'Open Sans', 'sans-serif'; color:#f00; text-transform:uppercase; padding-top:50px;}
.online ul{padding-top:10px;}
.online ul li{color:#353535; font:400 24px 'Open Sans', 'sans-serif'; background:url(../images/red-dot.png) no-repeat left; padding-left:14px;}

.kak{background:#fff url(../images/green1.jpg) no-repeat center bottom; height:449px; padding-bottom:80px;}
.kak h2{background:url(../images/uzor.jpg) repeat-x center; height:67px; padding-top:13px; font:700 36px 'Open Sans', 'sans-serif'; color:#fff; text-decoration:underline; text-align:center;}
.kak_block{width:295px; float:left; margin:30px 9px 10px 9px;}
.kak_block img{display:block; margin:0 auto;}
.kak_block p{color:#fff; font:400 24px 'Open Sans', 'sans-serif'; text-align:center; background:rgba(0,0,0,0.44); -webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px; border:1px solid rgba(255,255,255,0.60); padding:50px 0px;}

.rega{margin-top:20px;}
.rega h2{background:url(../images/uzor.jpg) repeat-x center; height:67px; padding-top:13px; font:700 36px 'Open Sans', 'sans-serif'; color:#fff; text-decoration:underline; text-align:center;}
.tabla{font:400 24px 'Open Sans', 'sans-serif'; color:#333; text-align:center; margin-top:20px;}
.tabl{background:url(../images/tab.png) no-repeat center; width:960px; height:553px; margin:0 auto;}
.timer{overflow:hidden;}
.count{background:url(../images/countd.png) no-repeat center; height:128px; width:529px; margin:10px auto 0px;}
#clou_xs {position:relative;width:60px;height:60px;background: url() no-repeat} 
#clock {width:300px;height:60px;text-align:right;color:#fff;font-size:21px;} 
#RemainsFullDays {position:absolute;bottom:1px;left:32px; top:8px; font:700 60px 'Open Sans', 'sans-serif'; color:#fff000; text-shadow:#666 2px 0px 0px;} 
#RemainsFullHours {position:absolute;bottom:1px;left:165px; top:8px; font:700 60px 'Open Sans', 'sans-serif'; color:#fff000; text-shadow:#666 2px 0px 0px;} 
#RemainsMinutes {position:absolute;bottom:1px;left:298px; top:8px; font:700 60px 'Open Sans', 'sans-serif'; color:#fff000; text-shadow:#666 2px 0px 0px;} 
#lastSec {position:absolute;bottom:1px;left:430px; top:8px; font:700 60px 'Open Sans', 'sans-serif'; color:#fff000; text-shadow:#666 2px 0px 0px;} 
#Rem {font-size:11px;font-weight:normal;color:#fff; margin-right:7px; display:none;} 
#svoy {color:#2C79BF; font-size:10px;}
.do{font:700 30px 'Open Sans', 'sans-serif'; color:#585b62; text-align:center;}
.po{font:400 21px 'Open Sans', 'sans-serif'; color:#585b62; text-align:center; margin:0px;}
.po span{color:#f00;}
.forma{background:url(../images/forma.png) no-repeat center; height:auto; max-width:537px; width: 100%; margin:35px auto 25px;     background-size: 98% 100%;}
.fo1{font:700 30px 'Open Sans', 'sans-serif'; color:#fff; text-align:center; margin:auto; padding-top:11px; width:90%;}
.fo2{font:400 18px 'Open Sans', 'sans-serif'; color:#fff; text-align:center; margin:auto; width:95%;}
.all-in{max-width:460px; width: 95%; margin:30px auto 0px;}
.all-inp{font:400 18px 'Open Sans', 'sans-serif'; color:#fff; margin:6px 0 0 0;}
.forma input[type="text"]{max-width:445px; width: 95%; padding-left:10px; height:52px; border:1px solid #269500; -webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;}
.forma form button{background:#f00; border-bottom:4px solid #bd0000; font:700 24px 'Open Sans', 'sans-serif'; color:#fff; text-align:center; text-decoration:none; margin-top:0px; padding:5px 0px; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; -webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.12); -moz-box-shadow: 0 0 5px 5px rgba(0,0,0,0.12); box-shadow: 0 0 5px 5px rgba(0,0,0,0.12); display:block; max-width:300px; margin:0 auto; border-left:none; border-top:none; border-right:none; cursor:pointer;}
.forma form button:hover{background:#bd0000;}
.vibori{overflow:hidden;max-width:445px; width: 98%;}
.vib{font:400 21px 'Open Sans', 'sans-serif'; color:#fff; float:left;}
.vibor{float:left; font:400 18px 'Open Sans', 'sans-serif'; color:#fff; margin:23px 5px 0px}





.vtabl{overflow:hidden; max-width:950px; width: 95%; margin:20px auto 0px;}
.ta1{width:392px; float:left; margin-top:15px;}
.gta{background:#36a53c;}
.gta p{margin:0px; font:700 24px 'Open Sans', 'sans-serif'; color:#fff; text-align:center; padding:13px 0px;}
.grta{background-color: #fff; background-image: -webkit-linear-gradient(bottom, rgba(0,0,1,.12), rgba(255,255,255,.12)); background-image: -moz-linear-gradient(bottom, rgba(0,0,1,.12), rgba(255,255,255,.12)); background-image: -o-linear-gradient(bottom, rgba(0,0,1,.12), rgba(255,255,255,.12)); background-image: -ms-linear-gradient(bottom, rgba(0,0,1,.12), rgba(255,255,255,.12)); background-image: linear-gradient(to top, rgba(0,0,1,.12), rgba(255,255,255,.12)); padding:10px 15px 10px; border-left:1px solid #008207;}
.grta p{margin:0px; font:400 18px 'Open Sans', 'sans-serif'; color:#2d2d2d; text-align:justify;  text-align-last: left; -moz-text-align-last:left;}
.grta p span{color:#007c07;}

.ta2{width:184px; float:left; margin-top:15px;}
.grta2{background: #e5e6e7; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTZlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYmNjY2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #e5e6e7 0%, #cbcccd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e6e7), color-stop(100%,#cbcccd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e5e6e7 0%,#cbcccd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e5e6e7 0%,#cbcccd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e5e6e7 0%,#cbcccd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e5e6e7 0%,#cbcccd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e6e7', endColorstr='#cbcccd',GradientType=0 ); /* IE6-8 */
}
.grta2 p{margin:0px; font:700 60px/60px 'Open Sans', 'sans-serif'; color:#585b62; text-align:center;}
.grta2 p.price{margin:0px; font:700 24px/24px 'Open Sans', 'sans-serif'; color:#585b62; text-align:center;}
.grta2 p.price span{margin:0px; font:700 24px/24px 'Open Sans', 'sans-serif'; color:#36a53c; text-align:center;}

.ta3{width:184px; float:left;}
.gta2{background:#36a53c; -webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;border-top-left-radius:10px;border-top-right-radius:10px; border-top:1px solid #008207; border-left:1px solid #008207; border-right:1px solid #008207;}
.gta2 p{margin:0px; font:700 24px 'Open Sans', 'sans-serif'; color:#fff; text-align:center; padding:13px 0px;}
.grta3{background-color: #fff; background-image: -webkit-linear-gradient(bottom, rgba(0,0,1,.12), rgba(255,255,255,.12)); background-image: -moz-linear-gradient(bottom, rgba(0,0,1,.12), rgba(255,255,255,.12)); background-image: -o-linear-gradient(bottom, rgba(0,0,1,.12), rgba(255,255,255,.12)); background-image: -ms-linear-gradient(bottom, rgba(0,0,1,.12), rgba(255,255,255,.12)); background-image: linear-gradient(to top, rgba(0,0,1,.12), rgba(255,255,255,.12)); padding:10px 15px 10px; border-left:1px solid #008207; border-right:1px solid #008207;}
.grta3 p{margin:0px; font:700 60px/60px 'Open Sans', 'sans-serif'; color:#585b62; text-align:center;}
.grta3 p.price2{margin:0px; font:700 24px/24px 'Open Sans', 'sans-serif'; color:#585b62; text-align:center;}
.grta3 p.price2 span{margin:0px; font:700 24px/24px 'Open Sans', 'sans-serif'; color:#f00; text-align:center;}

.bordr{border-right:1px solid #008207;}




.part{}
.part h2{background:url(../images/uzor.jpg) repeat-x center; height:67px; padding-top:13px; font:700 36px 'Open Sans', 'sans-serif'; color:#fff; text-decoration:underline; text-align:center;}
.part .main{padding:30px 0px;}
.nata{float:left; width:190px;}
.nata h3{font:700 18px 'Open Sans', 'sans-serif'; color:#007c07; text-align:center;}
.nata p{font:400 14px 'Open Sans', 'sans-serif'; text-align:center;}
.nata h4{font:700 18px 'Open Sans', 'sans-serif'; text-align:center; margin-bottom:-12px;}
.nata a{color:#004cb4; font:400 18px 'Open Sans', 'sans-serif'; text-align:center; display:block; margin:0 auto;}
.nata-text{font:400 18px/19px 'Open Sans', 'sans-serif'; font-style:italic; float:right; max-width:545px; width: 90%; color:#232323;}


.sponsor{}
.sponsor h2{background:url(../images/uzor.jpg) repeat-x center; height:67px; padding-top:13px; font:700 36px 'Open Sans', 'sans-serif'; color:#fff; text-decoration:underline; text-align:center;}
.sponsor .main{padding:30px 0px;}


.organ{}
.organ h2{background:url(../images/uzor.jpg) repeat-x center; height:67px; padding-top:13px; font:700 36px 'Open Sans', 'sans-serif'; color:#fff; text-decoration:underline; text-align:center;}
.organ .main{padding:30px 0px;}
.organ-text{max-width:585px; width: 95%; float:left;}
.organ-text p{text-align:justify; font:18px 'Open Sans', 'sans-serif'; color:#333; margin:0px;}
.organ-text p span{font-weight:700;}
.organ-social{float:right;}


.klienti{}
.klienti h2{background:url(../images/uzor.jpg) repeat-x center; height:67px; padding-top:13px; font:700 36px 'Open Sans', 'sans-serif'; color:#fff; text-decoration:underline; text-align:center;}
.klienti .main{padding:30px 0px;}

.footer{background:url(../images/footer.jpg) repeat-x center top; overflow:hidden; height:120px;}
.pf1{width:240px; float:left; font:16px 'Open Sans', 'sans-serif'; color:#fff; text-shadow:#666 1px 0px 0px; padding-top:10px; margin:0;}
.blf{width:330px; float:right; overflow:hidden;}
.blf img{float:right; padding-top:10px;}
.pf1 span{float:left; font:700 30px 'Open Sans', 'sans-serif'; color:#fff000;}
.pf3{float:left; text-align:right; font:16px 'Open Sans', 'sans-serif'; color:#fff; text-shadow:#666 1px 0px 0px; padding-top:14px; margin:0;}
.footer ul li{float:left; padding:0 20px; border-right:1px solid #fff;}
.footer ul li:last-child{border-right:none;}
.footer ul{display:block; margin:0 auto; width:700px;}
.footer ul li a{font:16px 'Open Sans', 'sans-serif'; color:#fff; text-decoration:underline; text-shadow:1px 1px 0px #333;}



ul.slides li table tr td{width:152px; height:140px;}
ul.slides li table tr td a img{display:block; margin:0 auto;}





.m-dotted { color: #106d9f; border-bottom: 1px dotted #106d9f; cursor: pointer; font-size:13px; }
.m-dotted:hover { color: #c00; border-color: #c00; }

/* global */
.g-hidden { display: none; }
.g-line { zoom: 1; }
.g-line:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* layouts */
.l-container { width: 720px; padding: 0 40px; margin: 0 auto; }

/* header */
.b-header { position: relative; padding-top: 32px; }
.b-header .title { float: left; padding: 18px 0 0 0; }
.b-header .title .name { float: left; padding: 4px 12px; background: #86c7e0; color: #fff; font-size: 36px; line-height: 40px; }
.b-header .title .slogan { padding: 4px 0 0 13px; color: #545454;}
#touch-menu{display: none;}
.none{display: none;}
/*==========  Desktop First Method  ==========*/
@media only screen and (max-width : 1200px) {
  
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
  
}
/* Small Devices, Tablets */
@media only screen and (max-width : 810px) {
  .footer .pf1{
    width: 40% !important;
  }
  .footer .blf{
    width: 55% !important;
  }
    table{
      width: 100% !important;
    }
    .header h4{
      margin-top: 8px;
    }
    .topLink{
      margin-top: 9px !important;
    }
    .main > a:last-of-type{
      margin-top: 20px;
    }
    .nav{
      display: none;
    }
    .nav h2{
      font-size: 14px !important;
      margin: 0 !important;
      text-decoration: none !important;
    }
    .nav h3{
      font-size: 13px !important;
      text-decoration: none !important;
    }
    .nav li{
      float: none !important;
      border-top:1px solid #222;
      padding: 5px 0 !important; 
    }
    .nav{
      background-color: #a0a0a0;
      width: 40%;
      margin-left: -20% !important;
      left: 50%;
      position: absolute;
      top: 50px;
      text-align: center;
    }
    .nav li a{
      float: none !important;
    }
    #touch-menu{
      display: block;
      position: absolute;
      margin-left: -11px;
      left:50%;
      top:29px;
    }

    .wrapper{
        min-width: 0;
        width: 100% !important;
    }
    .main,.prw p{
        width: 100% !important;
    }
    #jivo-iframe-container{
      display: none !important;
    }
    .block1 h4{
      font-size: 50px !important;
    }
    .block1 .prebtn{
      float: none !important;
      margin-left: 30% !important;
    }
    .block1 .video-small .for-small-video{
      float: none !important;
      display: inline-block !important;
      margin-left: 30px;
      width: 25% !important;
    }
    .block1 h6{
      margin-top: 60px !important;
    }
    .block1 ul li{
      margin-left: 0 !important;
      width: 32% !important;
      display: inline-block;
      float: none !important;
    }
    .block1 ul{
      margin-left: 20%;
    }
    .say_block{
      width: 46% !important;
      float: none !important;
      display: inline-block !important;
    }
    .what_say h2,.mesto h2,.kak h2,.rega h2,.kogo h2,.online h2{
      font-size: 28px !important;
      padding-top:18px !important;
    }
    .kak_block{
      float: none !important;
      display: inline-block !important;
      width: 29% !important;
    }
    .kak_block p{
      font-size: 18px !important;
    }
    .bl-item.accent::before{
      background-image: none !important;
    }
    .bl-button{
      left:54% !important;
      margin-left: -116px !important;
    }
    .bl-item{
      width: 40% !important;
      margin-bottom: 20px !important;
    }
    .block1{
      background: #fff url("../images/block1.jpg") repeat scroll 0% 0% !important;
    }
    .block1 .video-small{
      float: none !important;
      width: 100%;
      margin-top: 50px;
    }
    .block1 .video-small > a{
      display: none !important;
    }
    .block1 .video-small > p{
      margin-right: 40px;
      margin-left: 0 !important;
      display: inline-block;
    }
    .line-left{
      width: 49%;
    }
    .new-line{
      width: 100% !important;
    }
    .prd-new table tr td:first-child{
      width: 13% !important;
    }
    .prd-new table tr td:nth-of-type(2){
      width: 36% !important;
    }
    .prd-new table tr td:nth-of-type(3){
      width: 13% !important;
    }
    .prd-new table tr td:nth-of-type(4){
      width: 36% !important;
    }
    .prw table tr td:first-child{
      padding-left: 27% !important;
    }
    .prd p{
      width: 100% !important;
    }
  /*Disable Animation on Mobile Devices*/
  .animated {
    /*CSS transitions*/
    -o-transition-property: none !important;
    -moz-transition-property: none !important;
    -ms-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;
    /*CSS transforms*/
    -o-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    /*CSS animations*/
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
  }

}
@media only screen and (max-width : 620px) {
	
	.timer{
    display: none;
  }
  
  .blf img{
    display: none;
  }
  .kogo{
    height: 375px;
  }
  .prw h2,.prd h2{
    font-size: 20px;
    line-height: 20px;
  }
  .prw p{
    font-size: 16px;
    line-height: 16px;
  }
  .nav{
    left: 20% !important;
  }
  .prw table tr td:first-child,.prd table tr td:first-child{
    width: auto;
  }
  .prd img,.prw img{
    margin: 0 20px !important;
  }
  .what_say h2, .mesto h2, .kak h2, .rega h2, .kogo h2, .online h2 {
    font-size: 24px !important;
    padding-top: 18px !important;
}
  #touch-menu {
    left: 0;
    margin-left: 15px;
}
  .prw table tr td:first-child{
    padding-left: 0 !important;
  }
  .zal{
    -webkit-background-size: 85%;
    background-size: 85%;
    width: 100% !important;
  }
  .sponsor,.klienti{
    display: none;
  }
  .prd-new img{
    margin-right: 2px;
  }
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

  .timer{
    display: none;
  }
  .footer ul{
    display: none;
  }
  .roomphoto img{
    margin-left: -130px !important;
    width: 30% !important;
  }
  .organ img{
    float: none !important;
    margin-right: 0 !important;
  }
  .footer{
    height: 165px;
    background-repeat: repeat;
  }
  .pf1 span{
    float: none;
    font-size: 25px;
  }
  .pf1{
    width: 100% !important;
  }
  .pf3{
    float: none;
    text-align: center;
    padding-top: 3px;
  }
  .blf{
    width: 100%;
    float: none;
  }
  .block1 ul li{
      width: 47% !important;
      display: inline-block;
      float: none !important;
      padding: 0 !important;
  }
  .rega{
    text-align: center;
  }
  .nata{
    width: 100% !important;
  }
  .button_out{
    width: 90% !important;
    margin: 0 !important;
  }
  .organ img{
    width: 30% !important;
    text-align: center;
  }
  .part img{
    width: 132px !important;
    float: none !important;
    margin-right: 0 !important;
  }
  .sponsor,.klienti{
    display: none;
  }
  .bl-item{
    width: 90% !important;
  }
  .kak{
    background-repeat:repeat-y !important;
    height: 950px ;
    padding-bottom: 0;
  }
  .kak_block{
    margin-top: 4px !important;
  }
  .online h3{
    font-size: 28px !important;
  }
  .online ul li{
    font-size: 19px !important;
  }
  .say_block,.kak_block,.nata-text,.organ-text,.sert{
    width: 95% !important;
  }
  .kak_block img{
    width: 72px !important;
  }
  .prw h2,.prd h2{
    font-size: 17px;
    line-height: 17px;
  }
  .prw p,.prd p{
    font-size: 15px;
  }
  .what_say h2, .mesto h2, .kak h2, .rega h2, .kogo h2, .online h2{
    font-size: 24px !important;
  }
  .prw img,.prd img{
    margin: 0 4px !important;
  }
  .prw table tr td:first-child,.prd table tr td:first-child{
    width: 30% !important;
  }
  .green{
    font-size: 16px;
  }
  .prd img,.prw img{
    width: 90%;
  }
  .kto{
    font-size: 14px;
  }
  .chem{
    font-size: 13px;
  }
  .zal,.prd p{
    width: 100% !important;
  }
  .kogo{
    height: 292px !important;
  }
  .zalp img{
    width: 11px;
  }
  .block1 ul li{
    margin-left: 0 !important;
  }
  img{
    width: 100%;
    height: auto;
}
  #touch-menu{
    left:0;
    margin-left: 15px;
  }
  .nav{
    left:20%;
  }
  .block1 h3,.block1 h5{
    font-size: 24px !important;
  }
  .block1 h4{
    font-size: 38px !important;
  }
  .block1 .prebtn{
    margin-left: 16% !important;
  }
  .block1 .video-small p{
    margin-right: -16px !important;
  }
  .nata-text{
    width: 100% !important;
  }
  .organ-text p{
    font-size: 15px;
  }
 
}
@media only screen and (max-width : 360px) {
  .pic{
	  display: none;
  }
  
  .zalp{
    font-size: 12px !important;
  }
  .block1 ul{
    margin: 0 !important;
  }
  .block1 .prebtn{
    margin-left: 3% !important;
  }
  .block1 .video-small{
    display: none;
  }
  .green{
    font-size: 14px !important;
    line-height: 14px !important;
  }
  .kto{
    font-size: 12px !important;
    line-height: 12px !important;
  }
  .chem{
    font-size: 11px !important;
    line-height: 11px !important;
  }
  .prw table tr td:first-child{
    padding-left: 0 !important;
  }
  .button_in{
    width: 90% !important;
  }
  .header h4{
    margin-top: 1px !important;
  }
  .timer{
    display: none;
  }
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
  .prd-new table tr td img{
    width: 40% !important;
  }
   .prd-new table tr td:first-child,.prd-new table tr td:nth-of-type(3){
    display: table-row;
  }
  .prd-new table tr td:nth-of-type(2),.prd-new table tr td:nth-of-type(4){
    display: table-row;
  }

}