@charset "utf-8";
@import url(reset.css);
@import url(360.css);
@import url(768.css);
@import "bjqs.css";
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700');

*{
font-family:'Roboto Condensed', arial, tahoma, verdana;
}

.windowbox p{
text-align:left!important;
}

.shortdesc{
float:left;
width:100%;
height:65px!important;
}

.offboxes{
margin-top:-40px!important;
}

.map{
width:100%;
float:left;
margin-top:30px;
padding-bottom:30px;
}

td{
vertical-align:top!important;
}

.zuruck{
font-size:14pt!important;
font-weight:700!important;
color:#167a3c!important;
}

@media screen and (min-width: 1150px) and (max-width: 5900px){

body{
margin:0px;
padding:0px;
text-align:center;
background:url(../img/user/bg.jpg) no-repeat center top #D3D3D3;
}

header{
width:100%;
margin:0px;
padding:0px;
float:left;
text-align:center;
}

div.gray-top-stripe{
width:100%;
height:26px;
float:left;
background:url(../img/user/top-gray.jpg) repeat-x left top;
text-align:center;
}

div.gray-top-stripe div.separator{
width:1px;
height:26px;
margin:0px;
padding:0px;
overflow:hidden;
background:black;
display:inline-block;
}

div.gray-top-stripe a{
font-size:10pt;
color:black;
height:26px;
line-height:26px;
padding:0px 16px;
margin:0px 0px 0px 0px!important;
display:inline-block;
overflow:hidden;
text-transform:uppercase;
}

div.gray-top-stripe a:hover{
text-decoration:underline;
}

div.container{
width:1150px;
margin:0px auto;
padding:0px;
position:relative;
}

div.wrapper{
width:1150px;
float:left;
margin:0px;
padding:0px;
text-align:left;
}

div.top-white{
width:100%;
float:left;
position:relative;
height:99px;
background:white;
text-align:center;
z-index:200;
}

.logo{
float:left;
margin:15px 0px 0px 0px;
}

div.menu{
float:left;
height:30px;
margin:39px 0px 0px 100px;
}

div.menu a{
float:left;
height:30px;
line-height:30px;
font-size:12pt;
color:black;
padding:0px 10px;
text-transform:uppercase;
}

div.menu a:hover{
text-decoration:underline;
}

.rel{
position:relative;
}

.lang{
width:17px;
height:12px;
float:right;
margin:39px 0px 0px 0px;
}

.lang img{
float:left;
padding:4px 0px;
}

.expand{
width:17px;
height:5px;
float:left;
z-index:200;
margin:0px;
padding:0px;
background:url(../img/user/lang-down.png) no-repeat left top;
cursor:pointer;
}

.expand1{
width:17px;
height:5px;
float:left;
z-index:200;
margin:0px;
padding:0px;
background:url(../img/user/lang-up.png) no-repeat left top;
cursor:pointer;
}

.flags{
width:17px;
height:20px;
float:left;
overflow:hidden;
margin:0px;
padding:0px;
}

.flags1{
width:17px;
min-height:20px;
float:left;
overflow:visible;
margin:0px;
padding:0px;
}

div.search{
height:25px;
float:right;
margin:39px 0px 0px 0px;
width:175px;
}

div.banner{
width:100%;
float:left;
overflow-x:hidden;
height:450px;
}

div.green-stripe{
width:100%;
float:left;
text-align:center;
height:50px;
line-height:50px;
font-size:20pt;
color:white;
font-family:Times New Roman, arial;
background:#167A3C;
}

a.magnify{
width:14px;
height:15px;
margin:5px 20px 0px 0px;
float:right;
background:url(../img/user/magnify.jpg) no-repeat left top;
cursor:pointer;
}

div.search form{
float:right;
margin:0px 13px 0px 0px;
}

div.search input{
height:23px;
line-height:23px;
width:120px;
border:1px solid black;
text-align:left;
text-indent:5px;
color:black;
float:right;
}

div.boxes{
width:calc(100% + 35px);
float:left;
margin:0px 20px 0px 0px;
padding:30px 0px 65px 0px;
}

a.box{
width:360px;
height:170px;
float:left;
position:relative;
margin:35px 35px 0px 0px;
}

.last{
margin-right:0px!important;
}

a.box img{
float:left;
width:360px;
height:170px;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-o-transition: all 0.7s;
transition:0.7s;
opacity:1.0;
}

/*a.box div.frame{
width:320px;
height:130px;
position:absolute;
top:15px;
left:15px;
border:5px solid white;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-o-transition: all 0.7s;
transition:0.7s;
z-index:9999;
}*/

a.box div.frame{
width:320px;
height:130px;
float:left;
margin:-155px 0px 0px 15px;
border:0px solid white;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-o-transition: all 0.7s;
transition:0.7s;
z-index:9997;
position:relative;
}

a.box:hover img{
opacity:0.5;
}

a.box:hover div.frame{
border:0px solid #167A3C;
}

div.frame h2{
font-size:24pt;
color:white;
font-weight:700;
margin:20px 0px 0px 20px;
float:left;
text-decoration:none;
color:white;
-webkit-text-shadow:2px 2px 2px black;
-moz-text-shadow:2px 2px 2px black;
-o-text-shadow:2px 2px 2px black;
text-shadow:2px 2px 2px black;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-o-transition: all 0.7s;
transition:0.7s;
}

a.box:hover div.frame h2{
color:#167A3C;
}

a.box div.go{
width:31px;
height:42px;
position:absolute;
bottom:0px;
right:0px;
background:url(../img/user/box-arrow.jpg) no-repeat left top;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-o-transition: all 0.7s;
transition:0.7s;
}

a.box:hover div.go{
background:url(../img/user/box-arrow-hover.jpg) no-repeat left top;
}

/* Style dla boxu efektowne */

a.box .foranton-effect {
    position:relative;
    width:360px;
    height:170px;
    overflow:hidden;
    float:left;
}
a.box  .foranton-effect figure {
    margin:0;
    padding:0;
    position:relative;
    cursor:pointer;
}
a.box .foranton-effect figure img {
	width:360px;
	height:170px;
	border:0px solid #00923f;
    display:block;
    position:relative;
    z-index:10;
}
a.box .foranton-effect figure figcaption {
    display:block;
    position:absolute;
    z-index:5;
}
a.box .foranton-effect figure h3 {
	float:left;
	width:100%;
	text-align:center;
    color:white;
    font-size:1.2em;
	margin-left:-43px;
	line-height:1.2em;
}
a.box .foranton-effect figure p {
	width:88%;
	padding:0% 6%;
    display:block;
    font-size:1em;
    line-height:23px;
    color:#fff;
    text-align:justify!important;
	margin:10px 0px 0px -43px;
	float:left;
}
a.box .foranton-effect figure figcaption {
    top:0;
    left:0;
    width:265px;
    height:120px;
    padding:50px 30px 0px 65px;
    /*background:url(../img/user/box-photo.png) no-repeat left top;*/
    text-align:center;
    backface-visibility:hidden;
    -webkit-transform:rotateY(-180deg);
    -moz-transform:rotateY(-180deg);
    transform:rotateY(-180deg);
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s
}

a.box .foranton-effect figure figcaption p{
color:black!important;
font-size:12pt!important;
text-align:justify!important;
line-height:23px!important;
width:100%!important;
}


a.box .foranton-effect figure img {
    backface-visibility:hidden;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s
}
a.box:hover .foranton-effect figure img,figure.hover img {
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
a.box:hover .foranton-effect figure figcaption,figure.hover figcaption {
    -webkit-transform:rotateY(0);
    -moz-transform:rotateY(0);
    transform:rotateY(0)
}

/* Koniec efektu */

div.line{
width:100%;
height:1px;
background:#B2B2B2;
float:left;
}

div.content{
width:100%;
float:left;
padding:65px 0px;
}

div.content h2{
width:100%;
display:inline-block;
padding:0px 0px 25px 0px;
text-align:left;
font-size:14pt;
color:#167A3C;
font-weight:700;
}

div.content p{
display:inline-block;
line-height:21px;
font-size:11pt;
color:black;
padding:0px 0px 25px 0px;
width:100%;
}

.more{
height:30px;
line-height:32px;
display:inline-block;
font-size:11pt;
color:white;
background:#167A3C;
padding:0px 30px;
text-transform:uppercase;
font-weight:700;
}

.more:hover{
background:#10562B;
}

div.shadow-bottom{
width:100%;
height:15px;
float:left;
background:url(../img/user/shadow-bottom.png) repeat-x left top;
}

div.details-stripe{
width:100%;
float:left;
height:35px;
margin:32px 0px 0px 0px;
}

div.detail{
float:left;
height:35px;
line-height:35px;
font-size:13pt;
color:black;
padding-right:65px;
border-right:1px solid #B2B2B2;
font-weight:700;
}

div.detail img{
margin:4px 13px 0px 0px;
float:left;
}

div.detail a{
color:black;
}

div.detail a:hover{
text-decoration:underline;
}

.middle{
padding-left:65px;
}

.lastone{
padding-left:65px;
border-right:none!important;
}

div.tags{
padding:40px 0px;
text-align:center;
font-size:10pt;
color:#8F8F8F;
text-align:center;
}

div.tags a{
color:#8F8F8F;
text-decoration:none;
}

div.tags a:hover{
text-decoration:underline;
}

div.footer{
width:100%;
float:left;
margin:30px 0px 0px 0px;
}

div.copyright{
height:35px;
line-height:15px;
float:left;
font-size:10pt;
font-family:tahoma;
color:white;
}

div.mediasoft{
float:right;
height:35px;
line-height:15px;
}

div.mediasoft a{
font-size:10pt;
font-family:tahoma;
color:white;
}

h1{
width:100%;
float:left;
padding:25px 0px 5px 0px;
border-bottom:1px solid #B3B3B3;
font-size:18pt;
font-weight:700;
color:black;
text-transform:uppercase;
}

h1 span{
font-weight:300;
font-size:15pt;
padding:0px 15px;
}

h1 span.smaller{
font-size:12pt;
font-weight:400;
padding:0px!important;
}

a.windowbox{
width:325px;
float:left;
margin:40px 0px 0px 42px;
cursor:pointer;
}

a.windowbox img{
float:left;
width:319px;
height:358px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
border:3px solid white;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-o-transition: all 0.7s;
transition:0.7s;
}

a.windowbox:hover img{
border:3px solid #167A3C;
}

a.windowbox h2{
width:100%;
font-size:26pt;
line-height:26pt;
color:#167A3C;
float:left;
padding:8px 0px 14px 0px;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-o-transition: all 0.7s;
transition:0.7s;
height:60px;
overflow:hidden;
}

a.windowbox:hover h2{
color:#10562B;
}

a.windowbox h3{
width:100%;
font-size:16pt;
line-height:18pt;
color:black;
float:left;
padding:0px 0px 15px 0px;
height:40px;
}

a.windowbox p{
font-size:11pt;
color:black;
line-height:21px;
text-align:justify;
float:left;
height:65px;
}

a.windowbox .more1{
height:30px;
line-height:32px;
float:left;
font-size:11pt;
color:white;
background:#167A3C;
padding:0px 30px;
text-transform:uppercase;
font-weight:700;
margin:20px 0px 0px 0px;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-o-transition: all 0.7s;
transition:0.7s;

}

a.windowbox:hover .more1{
background:#10562B;
}

/* Podstrona Produktu */

div.product{
width:100%;
float:left;
margin:0px 0px 0px 0px;
padding:30px 0px 65px 0px;
min-height:450px;
}

div.image-box{
width:100%;
float:left;
z-index:999;
position:relative;
}

div.image{
float:left;
position:fixed;
top:250px;
left:calc(50% - 570px);
}

div.image img{
width:419px;
height:469px;
float:left;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
}

.smallerimg{
top:50px!important;
}

.smallerimg img{
width:320px!important;
height:auto!important;
}

div.thumbs{
width:721px;
float:right;
margin:-19px 0px 0px 0px;
padding:0px;
/*overflow-y:scroll;
overflow-x:hidden;*/
}

div.thumbs img{
float:left;
width:150px;
height:168px;
margin:0px;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
}

div.thumbs div{
width:150px;
margin:19px 0px 0px 19px;
padding:0px;
float:left;
}

div.thumbs div p{
width:150px;
float:left;
margin:0px 0px 0px 0px;
padding:6px 0px 6px 0px;
height:30px;
text-align:center;
font-size:1.5em;
line-height:16px;
}

#unwrap{
height:445px;
overflow-y:hidden;
}

#unwrap1{
height:auto;
}

.unw{
height:30px;
line-height:32px;
float:right;
font-size:11pt;
color:white;
background:#e80000;
padding:0px 30px;
text-transform:uppercase;
font-weight:700;
margin:20px 0px 0px 10px;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-o-transition: all 0.7s;
transition:all 0.7s;
cursor:pointer;
}

.unw:hover{
background:#ff5050;
}

#dsy,
#dsyy{
display:initial;
}

#dsn,
#dsnn{
display:none;
}
	
div.product-description{
float:left;
width:100%;
margin:0px 0px 0px 0px;
}

/* Collapse content test code */
.collapse a{
  float:left;
  color: black;
  height:30px;
  line-height:30px;
  padding:0px 16.5px;
}

.collapse a:hover{
color:#167A3C;
border-bottom:2px solid #167A3C;
height:28.5px;
}

.collapse > div{
  display:none;
}
.collapse > div:target{
  display:block; 
}

.collapsemenu{
width:100%;
float:left;
padding:25px 0px 0px 0px;
border-bottom:1px solid #B3B3B3;
font-size:13pt;
font-weight:400;
color:black!important;
}

.collapse-content{
width:100%;
float:left;
padding:25px 0px;
font-size:11pt;
line-height:21px;
position:relative;
}

.collapse-content p{
padding-bottom:20px;
}
/* End of collapse content test code */

.product-description header{
width:100%;
float:left;
padding:25px 0px 10px 0px;
border-bottom:1px solid #B3B3B3;
font-size:13pt;
font-weight:700;
color:black!important;
text-transform:uppercase;
}

.submit-input{
display:none;
}

a.pobierz{
color:#e6302d;
float:left;
font-weight:700;
text-align:center;
width:50%;
height:auto!important;
border:none!important;
line-height:23px!important;
}

a.pobierz img{
display:inline-block;
margin:5px 0px 0px 0px;
}

a.pobierz:hover{
border:none!important;
}

a.pobierz:hover img{
margin:5px 0px 0px 0px;
opacity:0.8;
}

.smallerpadding{
padding:25px 0px!important;
}

table.google_map{
margin:15px 0px 15px 0px;
padding:0px;
border:0px solid #023F88;
width:100%;
border-collapse:collapse;
}

td.cent{
margin:0px;
padding:0px;
width:25%;
}

td.google{
margin:0px;
padding:0px;
line-height:0px;
border:0px solid #4A6791;
}

td.movie_desription{
margin:0px;
padding:4px 0px;
line-height:18px;
text-align:justify;
font-size:12pt;
font-weight:400;
line-height:22px;
}

td.spaceros{
height:15px;
}

div.download{
width:100%;
float:left;
height:40px;
padding:0px 0px 20px 0px;
}

div.download a{
float:left;
background:#167a3c;
border-radius:3px;
height:40px;
line-height:40px;
padding:0px 25px;
color:white;
font-weight:700;
font-size:12pt;
}

div.download a:hover{
background:#026d30;
}

div.gallery{
width:100%;
float:left;
padding:0px 0px 25px 0px;
margin:0px;
}

div.gallery a{
margin:25px 0px 0px 30px;
width:150px;
height:192px;
float:left;
}

div.gallery a img{
float:left;
margin:0px;
width:150px;
height:168px;
}

div.gallery a:hover img{
opacity:0.8;
}

div.gallery a div{
width:150px;
float:left;
margin:0px 0px 0px 0px;
padding:6px 0px 6px 0px;
height:30px;
text-align:center;
font-size:1.5em;
line-height:16px;
}

.searchresultmore,
.result{
font-weight:700;
color:#167a3c;
}

.mobilemenu,
.mobile-menu{
display:none;
}

#closeform2,
div#fb-button2,
div#formslide2{
display:none!important;
}

}

.more2{
height:30px;
line-height:32px;
float:right;
font-size:11pt;
color:white;
background:#167A3C;
padding:0px 30px;
text-transform:uppercase;
font-weight:700;
margin:20px 0px 0px 0px;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-o-transition: all 0.7s;
transition:0.7s;
}

a.windowbox:hover .more2{
background:#10562B;
}

.more3{
font-size:1.4em;
color:#167A3C;
text-transform:uppercase;
font-weight:700;
display:inline-block;
padding-top:20px!important;
}

.more3:hover{
text-decoration:underline;
}

/*.sidebutton{
position:fixed;
right:-170px;
height:30px;
line-height:30px;
width:200px;
font-size:1.4em;
color:white;
background:#167a3c;
cursor:pointer;
text-align:left;
z-index:9999;
float:left;
text-indent:10px;
-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
}

#b1{
top:323px;
}

#b2{
top:361px;
}

#b3{
top:399px;
}

#b4{
top:437px;
}

#b5{
top:475px;
}
*/

.sidebutton{
position:fixed;
left:0px;
width:30px;
cursor:pointer;
text-align:left;
z-index:9999;
float:left;
-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
}

#b1{
top:42px;
background:url(../img/user/bb1.jpg) no-repeat left top;
height:62px;
}

#b2{
top:114px;
background:url(../img/user/bb2.jpg) no-repeat left top;
height:46px;
}

#b3{
top:170px;
background:url(../img/user/bb3.jpg) no-repeat left top;
height:97px;
}

#b4{
top:277px;
background:url(../img/user/bb4.jpg) no-repeat left top;
height:119px;
}

#b5{
top:406px;
background:url(../img/user/bb5.jpg) no-repeat left top;
height:109px;
}


.prebutt{
width:30px;
height:30px;
line-height:30px;
text-align:center;
font-weight:700;
border-right:1px solid white;
float:left;
text-indent:0px;
}

#bmehr{
width:30px;
height:178px;
background:url(../img/user/bmehr.jpg) no-repeat left top;
position:fixed;
right:0px;
top:137px;
-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
z-index:200;
display:none;
}

.bigger{
font-size:1.4em;
}

/* ZoomSlider */

		#demo-1 {
			position: relative; /* can either be relative, absolute or fixed. If position is not set (i.e. static), it would be set to "relative" by script */
			overflow: hidden; /* to bound the empty top space created by inner element's top margin */
			width: 100%;
			padding-bottom:33.3%;
			background-color: #999;
		}
		.demo-inner-content {
			position: relative; /* if position is not set, the script will set it to 'relative'. */
			z-index: 2; /* if z-index is not set, the script will set it to '2'. */
			margin: 180px auto;
			padding: 40px;
			max-width: 600px;
			color: #fff;
			text-align: center;
			font-size: 1.5em;
		}
		.demo-inner-content h1 {
			font-size: 2.5em;
			margin: 0;
		}
		
/* ZoomSlider End */

div#formslide1{
width:294px;
height:560px!important;
position:fixed;
top:42px;
right:-339px;
z-index:300;
background:white;
-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
}

.bot{
height:110px;
}

#dorecaptcha,
#dorecaptcha2{
width:100%;
float:left;
text-align:center;
font-size:10pt;
color:red;
line-height:16px;
font-weight:bold;
margin-top:20px;
}

div.formstripe{
width:100%;
float:left;
margin:2px 0px 0px 0px;
}

div.formstripe label{
width:100%;
height:28px;
line-height:28px;
text-align:center;
color:#9D9D9D;
font-size:10pt;
font-weight:400;
float:left;
padding-left:0px;
padding-top:5px;
}

div.formstripe input{
height:30px;
float:left;
width:250px;
background:#9D9D9D;
line-height:30px;
font-size:12pt;
color:white;
border:none;
text-indent:4px;
margin-left:21px;
}

div.formstripe textarea{
width:240px;
height:90px;
float:left;
padding:5px;
font-size:10pt;
color:white;
font-family:'Ubuntu', trebuchet ms, arial, sans-serif;
border:none;
background:#9D9D9D;
resize:no;
margin-left:21px;
}

div.formstripe input.sendit{
height:30px;
line-height:30px;
background:#010103;
padding:0px 25px;
font-size:12pt;
color:white;
border:none;
width:120px;
float:left;
margin:10px 0px 0px 21px;
cursor:pointer;
}

div#fb-button1{
width:169px;
height:69px;
margin:0px;
padding:0px;
position:fixed;
top:42px;
right:0px;
display:block;
z-index:200;
-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
cursor:pointer;
}

div#fb-button1 a{
width:169px;
height:69px;
text-decoration:none!important;
}

.messages{
background:red;
color:white;
font-size:2em;
padding:8px 0px;
}

#dontleave{
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
background:url(../img/user/black-trans.png) repeat;
z-index:9999;
overflow:hidden;
}

#close{
width:52px;
height:52px;
position:absolute;
top:30px;
right:30px;
background:url(../img/user/closerx.png) no-repeat left top;
cursor:pointer;
}

#dontleave img{
width:800px;
max-width:100%;
margin-top:100px;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
}

#closeform{
height:35px;
line-height:35px;
width:120px;
text-align:left;
text-indent:15px;
background:#167a3c;
font-size:1.4em;
color:white;
float:none;
position:fixed;
top:7px;
right:-120px;
z-index:900;
cursor:pointer;
background:url(../img/user/closerx.png) no-repeat 86px center #167a3c;
background-size:30px 30px;
}

.cbox{
width:33%;
float:left;
}

.whole{
width:100%;
float:left;
height:1px;
}

.langjez{
float:right;
margin-top:10px;
margin-right:200px;
line-height:24px;
font-size:12pt;
}

.langjez:hover{
color:red;
}

.gtmff{
float:left;
margin-right:8px;
}