body {
  background:#ccc;
color:#484138;
  font-size: 11pt; 
  font-family: Helvetica Neue,Helvetica,Arial, sans-serif;
  //background:url('file:///home/jirik/weby/sablony/new.agroportal24h.cz/branding/viessmann/viessmann-bg.jpg') 50% 270px repeat-y;
  margin:0px; padding:0px;
}

#body {
  //background:url('file:///home/jirik/weby/sablony/new.agroportal24h.cz/branding/viessmann/viessmann-top.jpg') 50% 0 no-repeat;
}

#topbanner {
  margin:auto;
  display:block;
  width:930px;
  height:180px;
  background:yellow;
}

#banner970x250 {
  margin:auto;
  display:block;
  width:970px;
  height:250px;
  background:yellow;
}


#wrapper {
}

#wrapper_in {
  margin:auto;
  display:block;
  max-width:1000px;
  min-height:300px;
  background:white;
  box-shadow: 0px 0px 5px #888888;
  position:relative;
}

.r300x600-wrapper {text-align:center;display:block;}
.r300x600 {margin:auto;width:300px; height:600px; text-align:left;  /*border:solid #ccc 1px;*/}

.r970x250-wrapper {text-align:center;display:block; margin-bottom:15px;}
.r970x250 {margin:auto;width:970px; /*height:250px;*/ text-align:left;  /*border:solid #ccc 1px;*/}

.r300x600-wrapper .label, .r970x250-wrapper .label {
text-align:left; margin-left:15px;
}

.wrapper_left_liquid, .wrapper_left_liquid2 {
   float: left;
   width: 100%;
   //background-color: #cfcfcf
}
.left, .left2{
   margin-right: 333px;
   color:rgb(32, 32, 32);
}
.right, .right2{
   float: right;
   width: 333px;
   margin-left: -333px;
   //background-color: #98fb98;
}


/*barvy*/
.bg-black {
  background:black;
}

.bg-darkgray {
  background:#191919;
}

.bg-black, .bg-darkgray {
  color:#999;
}

.bg-black a, .bg-darkgray a {
  text-decoration:none;
  color:#999;
  text-decoration:underline;
}

.bg-black a:hover, .bg-darkgray a:hover {
  color:white;
}

.clr-light {
	color:#f39200;
	text-decoration:none;
}

.clr-light a {
	text-decoration:none;
}

.clr-dark {
	color:#f39200;
	text-decoration:none;
}

.clr-dark a {
	text-decoration:none;
}


/*odkazy */

a {color: #bb7000; text-decoration:none;}
a:visited {color: #bb7000;}
a:hover {color: #8f5600;}




#banner970x250 {
  margin:15px;
}





.range>.cell-lg {
  float:left;
}

.clear-left {
  clear:left;
}

.range {
  position:relative;
}

/* bloky - FULL SIZE */
div.margin1 {margin:15px 15px 15px 15px;}
div.margin2 {margin-top:20px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px;}
div.margin3 {margin:0px 30px 0px 30px;}

div.no-margin-top {margin-top:0px;}

div.header-wrapper .logo-wrapper {width: 305px; float:left;}
div.header-wrapper .header-logo {margin:20px 20px 20px 30px;}
div.header-wrapper .right-wrapper {margin:17px 30px 15px 15px; float:right; text-align:right;}
div.header-wrapper .header-nameday {margin-bottom:5px; float:right; text-align:right}

.footer div.footer-about-wrapper {width: 33.33333%; float:left;}
.footer div.footer-about {margin:15px; text-align:left;}
.footer div.article-list-wrapper {width: 33.33333%; float:left;}
.footer div.footer-article-list {text-align:left;}
.footer div.footer-copy-wrapper {width: 33.33333%; float:left;}
.footer div.footer-links-wrapper {width: 66.66667%; float:right;}

.range .cell-head1-wrapper {margin-top:15px;}
.range .cell-head1-image {width: 50%;float:left;}
.range .cell-head1-text {width: 50%;float:left;}
.cell-head1-image > div.image {margin:0px 15px 15px 15px;}
.cell-head1-text > div.text {margin:0px 15px 15px 15px;}

.cell-head2-wrapper {width: 33.33333%;float:left;}
.cell-head2-image {width: 100%;}
.cell-head2-text {width: 100%;}
.cell-head2-image > div.image {margin:15px;}
.cell-head2-text > div.text {margin:15px;}


.cell-head3-wrapper {width: 25%;float:left;}
.cell-head3-image > div.image {margin:10px;}
.cell-head3-text > div.text {margin:10px;}

.range .cell-lbhead1-wrapper {width: 100%; clear:left;}
.range .cell-lbhead1-image {width: 33.33333%; float:left;}
.range .cell-lbhead1-text {width: 66.66667%; float:left;}
.cell-lbhead1-image > div.image {margin:10px;}
.cell-lbhead1-text > div.text {margin:10px;}

.range .cell-lbhead2-wrapper {width: 100%; clear:left;}
.range .cell-lbhead2-image {width: 40%; float:left;}
.range .cell-lbhead2-text {width: 60%; float:left;}
.cell-lbhead2-image > div.image {margin:10px;}
.cell-lbhead2-text > div.text {margin:10px;}

.head-fontsize1 h2 {font-size:22px; line-height:normal; margin:15px 0px 15px 0px;}
.head-fontsize1 p {font-size:16px; line-height:normal; margin:15px 0px 15px 0px;}

.head-fontsize2 h2 {font-size:18px; line-height:normal; margin:10px 0px 10px 0px;}
.head-fontsize2 p {font-size:15px; line-height:normal; margin:10px 0px 10px 0px;}


.head-fontsize3 h2 {font-size:16px; line-height:normal; margin:5px 0px 5px 0px;}
.head-fontsize3 p {font-size:14px; line-height:normal; margin:5px 0px 5px 0px;}

.head-fontsize1 span.pubdate, .head-fontsize2 span.pubdate, .head-fontsize3 span.pubdate {
	//font-size:95%;
	color:#999;
}

div.margin1 div.headline {margin: 15px 15px 15px 15px;}


div.margin1 div.undheadline-wrap {margin:15px 15px 0px 15px;}
div.margin2 div.undheadline-wrap {margin:10px 10px 0px 10px;}
div.undheadline-wrap {
  border-bottom: solid #f39200 3px;
}

div.undheadline-text {
background:#f39200;
display:inline-block;
}

div.undheadline-text h2 {
  color:white;
  text-transform: uppercase;
  font-weight:normal;
  padding:3px 10px 3px 10px;
	margin:0px;
  font-size:1.1em;
}


.range>.cell-lg-2 {
  -webkit-flex-basis: 16.66666%;
  -ms-flex-preferred-size: 16.66666%;
  flex-basis: 16.66666%;
  width: 16.66666%;
}

.range>.cell-lg-3 {
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  width: 25%;
}


.range>.cell-lg-4 {
  -webkit-flex-basis: 33.33333%;
  -ms-flex-preferred-size: 33.33333%;
  flex-basis: 33.33333%;
  width: 33.33333%;
}

.range>.cell-lg-5 {
  -webkit-flex-basis: 41.66667%;
  -ms-flex-preferred-size: 41.66667%;
  flex-basis: 41.66667%;
  width: 41.66667%;
}

.range>.cell-lg-6 {
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  width: 50%;
}

.range>.cell-lg-7 {
  -webkit-flex-basis: 58.33333%;
  -ms-flex-preferred-size: 58.33333%;
  flex-basis: 58.33333%;
  width: 58.33333%;
}

.range>.cell-lg-8 {
  -webkit-flex-basis: 66.66667%;
  -ms-flex-preferred-size: 66.66667%;
  flex-basis: 66.66667%;
  width: 66.66667%;
}

.range>.cell-lg-9 {
  -webkit-flex-basis: 75%;
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  width: 75%;
}


.range>.cell-lg-12 {
  width: 100%;
}


.range-16>.cell-lg-3-cl-4 {
	clear:left;
}

.btn,.form-control {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42;
border-radius: 0px;
}

.form-control {
width: 135px;
border: 1px solid #ddd;
padding: 3px 5px;
background: #fff;
font-size: 13px;
height: 32px;
border-radius: 0px;
box-shadow: none;
}

.btn-primary {
    text-align: center;
    color: #ffffff;
    background-color: #f39200;
    border-color: #f39200;
}

.btn-primary:hover {
    background-color: #432a19;
    border-color: #432a19;
}





@media screen and (max-width: 850px) {

#banner970x250 {
  margin:auto;
  display:block;
  width:728px;
  height:90px;
}
.r300x600-wrapper {text-align:center;display:block;}
.r300x600 {margin:auto;width:300px; height:250px; text-align:left; }

.r970x250-wrapper {text-align:center;display:block; margin-bottom:15px;}
.r970x250 {margin:auto;width:728px; height:90px; text-align:left;}

div.margin1 {margin:5px 5px 5px 5px;}
div.margin2 {margin:5px 5px 5px 5px;}
div.margin3 {margin:0px 15px 0px 15px;}

div.header-wrapper .logo-wrapper {width: 305px; float:left;}
div.header-wrapper .header-logo {margin:15px 15px 15px 20px;}
div.header-wrapper .right-wrapper {margin:13px 20px 15px 13px; float:right; text-align:right;}
div.header-wrapper .header-nameday {margin-bottom:5px; float:right; text-align:right;}


.footer div.footer-about-wrapper {width: 100%; float:auto;}
.footer div.footer-about {margin:15px; text-align:left;}
.footer div.article-list-wrapper {width: 50%; float:left;}
.footer div.footer-article-list {text-align:left;}
.footer div.footer-copy-wrapper {width: 100%; float:left;}
.footer div.footer-links-wrapper {width: 100%; float:right;}


.range .cell-head1-wrapper {margin-top:15px;}
.range .cell-head1-image {width: 50%;float:left;}
.range .cell-head1-text {width: 50%;float:left;}
.cell-head1-image > div.image {margin:0px 10px 10px 10px;}
.cell-head1-text > div.text {margin:0px 10px 10px 10px;}

.cell-head2-wrapper {width: 33.33333%;float:left;}
.cell-head2-image {width: 100%;}
.cell-head2-text {width: 100%;}
.cell-head2-image > div.image {margin:10px;}
.cell-head2-text > div.text {margin:10px;}


.cell-head3-wrapper {width: 33.33333%;float:left;}
.cell-head3-image > div.image {margin:10px;}
.cell-head3-text > div.text {margin:10px;}

.range .cell-lbhead1-wrapper {width: 100%; clear:left;}
.range .cell-lbhead1-image {width: 33.33333%; float:left;}
.range .cell-lbhead1-text {width: 66.66667%;; float:left;}
.cell-lbhead1-image > div.image {margin:10px;}
.cell-lbhead1-text > div.text {margin:10px;}

.range .cell-lbhead2-wrapper {width: 100%; clear:left;}
.range .cell-lbhead2-image {width: 40%; float:left;}
.range .cell-lbhead2-text {width: 60%; float:left;}
.cell-lbhead2-image > div.image {margin:10px;}
.cell-lbhead2-text > div.text {margin:10px;}

.head-fontsize1 h2 {font-size:18px; line-height:normal; margin:5px 0px 5px 0px;}
.head-fontsize1 p {font-size:15px; line-height:normal; margin:5px 0px 5px 0px;}

.head-fontsize2 h2 {font-size:16px; line-height:normal; margin:5px 0px 5px 0px;}
.head-fontsize2 p {font-size:14px; line-height:normal; margin:5px 0px 5px 0px;}


.head-fontsize3 h2 {font-size:16px; line-height:normal; margin:5px 0px 5px 0px;}
.head-fontsize3 p {font-size:14px; line-height:normal; margin:5px 0px 5px 0px;}

.head-fontsize1 span.pubdate, .head-fontsize2 span.pubdate, .head-fontsize3 span.pubdate {
	//font-size:95%;
	color:#999;
}

div.margin1 div.headline {margin: 15px 15px 15px 15px;}


div.margin1 div.undheadline-wrap {margin:10px 10px 0px 10px;}
div.margin2 div.undheadline-wrap {margin:10px 10px 0px 10px;}
div.undheadline-wrap {
  border-bottom: solid #f39200 3px;
}




.wrapper_left_liquid, .wrapper_left_liquid2 {
   float: none;
   width: 100%;
   //background-color: #cfcfcf
}
.left, .left2{
   margin-right: 0px;
   color:rgb(32, 32, 32);
}




}


@media screen and (max-width: 750px) {

.r970x250-wrapper {text-align:center;display:block; margin-bottom:15px;}
.r970x250 {margin:auto;width:234px; height:60px; text-align:left;}

}


@media screen and (max-width: 640px) {

#banner970x250 {
  margin:auto;
  display:block;
  width:234px;
  height:60px;
}

div.margin1 {margin:5px 5px 5px 5px;}
div.margin2 {margin:5px 5px 5px 5px;}
div.margin3 {margin:0px 15px 0px 15px;}

div.header-wrapper .logo-wrapper {width: 305px; float:left;}
div.header-wrapper .header-logo {margin:15px 15px 15px 20px;}
div.header-wrapper .right-wrapper {margin:13px 20px 15px 13px; float:right; text-align:right;}
div.header-wrapper .header-nameday {margin-bottom:5px; float:right; text-align:right;}

.footer div.footer-about-wrapper {width: 100%; float:auto;}
.footer div.footer-about {margin:15px; text-align:left;}
.footer div.article-list-wrapper {width: 100%; float:left;}
.footer div.footer-article-list {text-align:left;}
.footer div.footer-copy-wrapper {width: 100%; float:left;}
.footer div.footer-links-wrapper {width: 100%; float:right;}


.range .cell-head1-wrapper {margin-top:15px;}
.range .cell-head1-image {width: 100%;float:left;}
.range .cell-head1-text {width: 100%;float:left;}
.cell-head1-image > div.image {margin:0px 10px 10px 10px;}
.cell-head1-text > div.text {margin:0px 10px 10px 10px;}

.cell-head2-wrapper {width: 100%;float:left;}
.cell-head2-image {width: 33.33333%; float:left;}
.cell-head2-text {width: 66.66667%; float:left;}
.cell-head2-image > div.image {margin:10px;}
.cell-head2-text > div.text {margin:10px;}


.range .cell-lbhead1-wrapper {width: 100%; clear:left;}
.range .cell-lbhead1-image {width: 33.33333%; float:left;}
.range .cell-lbhead1-text {width: 66.66667%;; float:left;}
.cell-lbhead1-image > div.image {margin:10px;}
.cell-lbhead1-text > div.text {margin:10px;}

.range .cell-lbhead2-wrapper {width: 100%; clear:left;}
.range .cell-lbhead2-image {width: 33.33333%; float:left;}
.range .cell-lbhead2-text {width: 66.66667%; float:left;}
.cell-lbhead2-image > div.image {margin:10px;}
.cell-lbhead2-text > div.text {margin:10px;}

.head-fontsize1 h2 {font-size:18px; line-height:normal; margin:5px 0px 5px 0px;}
.head-fontsize1 p {font-size:15px; line-height:normal; margin:5px 0px 5px 0px;}

.head-fontsize2 h2 {font-size:16px; line-height:normal; margin:5px 0px 5px 0px;}
.head-fontsize2 p {font-size:14px; line-height:normal; margin:5px 0px 5px 0px;}


.head-fontsize3 h2 {font-size:16px; line-height:normal; margin:5px 0px 5px 0px;}
.head-fontsize3 p {font-size:14px; line-height:normal; margin:5px 0px 5px 0px;}

.head-fontsize1 span.pubdate, .head-fontsize2 span.pubdate, .head-fontsize3 span.pubdate {
	//font-size:95%;
	color:#999;
}

div.margin1 div.headline {margin: 15px 15px 15px 15px;}




}



@media screen and (max-width: 360px) {

div.margin1 {margin:5px 5px 5px 5px;}
div.margin2 {margin:5px 5px 5px 5px;}
div.margin3 {margin:0px 15px 0px 15px;}

div.header-wrapper .logo-wrapper {width: 90%;}
div.header-wrapper .header-logo {margin:15px 15px 15px 20px;}
div.header-wrapper .right-wrapper {margin:13px 20px 15px 13px; float:right; text-align:right;}
div.header-wrapper .header-nameday {margin-bottom:5px; float:right; text-align:right;}

.range .cell-head1-wrapper {width: 100%; margin-top:0px; margin-bottom:25px;}
.range .cell-head1-image {width: 100%;}
.range .cell-head1-text {width: 100%;}
.cell-head1-image > div.image {margin:0px 10px 0px 10px;}
.cell-head1-text > div.text {margin:0px 10px 10px 10px;}

.cell-head2-wrapper {width: 100%; margin-bottom:25px;}
.cell-head2-image {width: 100%; float:none;}
.cell-head2-text {width: 100%; float:none;}
.cell-head2-image > div.image {margin:10px 10px 0px 10px;}
.cell-head2-text > div.text {margin:0px 10px 10px 10px;}


.range .cell-lbhead1-wrapper {width: 100%; clear:left; margin-bottom:25px;}
.range .cell-lbhead1-image {width: 100%; float:none;}
.range .cell-lbhead1-text {width: 100%; float:none;}
.cell-lbhead1-image > div.image {margin:10px 10px 0px 10px;}
.cell-lbhead1-text > div.text {margin:0px 10px 0px 10px;}

.range .cell-lbhead2-wrapper {width: 100%; clear:left; margin-bottom:25px;}
.range .cell-lbhead2-image {width: 100%; float:none;}
.range .cell-lbhead2-text {width: 100%; float:none;}
.cell-lbhead2-image > div.image {margin:10px 10px 0px 10px;}
.cell-lbhead2-text > div.text {margin:0px 10px 0px 10px;}

.head-fontsize1 h2 {font-size:18px; line-height:normal; margin:5px 0px 5px 0px;}
.head-fontsize1 p {font-size:15px; line-height:normal; margin:5px 0px 5px 0px;}

.head-fontsize2 h2 {font-size:16px; line-height:normal; margin:5px 0px 5px 0px;}
.head-fontsize2 p {font-size:14px; line-height:normal; margin:5px 0px 5px 0px;}


.head-fontsize3 h2 {font-size:16px; line-height:normal; margin:5px 0px 5px 0px;}
.head-fontsize3 p {font-size:14px; line-height:normal; margin:5px 0px 5px 0px;}

.head-fontsize1 span.pubdate, .head-fontsize2 span.pubdate, .head-fontsize3 span.pubdate {
	//font-size:95%;
	color:#999;
}

div.margin1 div.headline {margin: 15px 15px 15px 15px;}




}




@media screen and (min-width: 851px) {
.cell-head3-ix4a {clear:left;}
}


@media screen and (max-width: 850px) and (min-width: 361px) {
.cell-head3-ix3a {clear:left;}
}


@media screen and (max-width: 360px) {
.cell-head3-wrapper {width: 50%;float:left;}
.cell-head3-image > div.image {margin:10px;}
.cell-head3-text > div.text {margin:10px;}
.cell-head3-ix2a {clear:left;}
}