/* #### Created for hrad.eu by  #### */
#mygallery {    overflow: hidden;}
/* Basic rules */
@viewport { width: device-width; zoom: 1;}
input, select, textarea{ color:#242424; font-size:1em; font-family:Verdana, sans-serif; font-weight: normal; }
a{color:#404040;}
img{	border:0;}
body{ color:#242424; margin:0 auto; padding:0; background: url(../img/bg.jpg) center top no-repeat; overflow-x:hidden; }
body.sub{ color:#242424;	margin:0 auto; padding:0; background: none; /*overflow-x:hidden;*/ }
/*horni navigace*/
  div.wrappertop{ width:100%; margin:0; background: url(../img/bgtop.png) repeat-x; height:11.625em;/*186px*/ }
  div.top_line{ position:relative; margin:0 auto; width:62.5em /*1000px*/; height:5.938em; background: url(../img/bgtoplogo.png) no-repeat;}
  div.logo { float:left; width:7.813em /*125px*/; height:4.938em;padding:1.0em 0 0 0;}
  div.topinfobox { float:left; width:42.875em /*686px*/; height:5.938em; padding:0; margin:0; }
  div.topinfobox .call{ float:left; width:14.250em /*228px*/; height:3.750em /*60px*/; padding:0; margin:0; background: url(../img/call.png) 1em 0.7em no-repeat; }
  div.topinfobox .call .hours{ text-transform:uppercase; text-align:center; font-family:'Open Sans',Sans-Serif; color:#3a3775; font-weight:500; font-size: 0.7em; float:left;  padding:0; margin:1.0em 0 0 4.8em;}
  div.topinfobox .call .hours span{ font-family:'Open Sans',Sans-Serif; color:#3a3775; font-weight:500; font-size: 1.2em; line-height:0.8em;}
  div.topinfobox .call .number{ font-family:'Open Sans Condensed',Sans-Serif; color:#3a3775; font-weight:700; font-size:1.0em; float:right; padding:0; margin:0.5em 1em 0 0;line-height:1em;}
  div.topinfobox .email{ float:left; width:9.6em /*228px*/; height:3.250em /*60px*/; padding:0.5em 0 0 4.65em; margin:0; background: url(../img/email.png) 2.70em 0.8em no-repeat; line-height:1em; font-family:'Open Sans Condensed',Sans-Serif; color:#3a3775; font-weight:700; font-size:1.0em; text-transform:uppercase;}
  div.topinfobox .info{ float:left; width:10.7em /*230px*/; height:3.250em /*60px*/; padding:0.5em 0 0 3.675em; margin:0; background: url(../img/info.png) 1.65em 0.8em no-repeat; line-height:1em; font-family:'Open Sans Condensed',Sans-Serif; color:#3a3775; font-weight:700; font-size:1.0em; text-transform:uppercase;}
  div.top_line .catchword{ float:right; width:7.913em /*189px*/; height:5.35em; padding:0.5em 0 0 3.6em; background: url(../img/catchword.png) no-repeat; color:#ec403e; font-family:'Open Sans',Sans-Serif; text-transform:uppercase; line-height:1.15em;}
  div.top_line .catchword strong.red{ color:#ec403e; font-family:'Open Sans',Sans-Serif; font-size:1.15em; font-weight:700;}
  div.top_line .catchword strong.blue{ color:#3a3775; font-family:'Open Sans',Sans-Serif; font-size:1.15em; font-weight:700;}
  div.top_line .catchword span{ color:#3a3775; font-weight:700; font-family:'Open Sans',Sans-Serif; text-transform:uppercase; line-height:1.1em;}

/* submenu*/
  div.wrappersubmenu{ width:100%; margin:0; background: url(../img/bgcustomproduction.png) 50% 0 no-repeat; height:5.750em;/*92px*/;  }
  div.wrappersubmenu a:hover { color: white; }
  #subnav, .snav, #subnav .snav li {margin:0 auto; width:62.75em; padding:0; text-align:center;}
  #subnav li {float:left; display:inline; list-style:none; position:relative; text-align:center; height:1.55em; padding-top:3.8em; border-right:6px #fff solid; border-top:6px #fff solid;}
  #subnav li:first-child{ border-left:6px #fff solid; }
  #subnav li span.a{ display:block; width:auto; padding:0 1.70em;font-family:'Open Sans Condensed',Sans-Serif; color:#fff; font-weight:700; font-size:0.95em; text-decoration:none; text-transform:uppercase; }
  #subnav li:hover > a { color:#3a3775; }
  #subnav li ul.snav {left:-1px; top:100%; margin:0; padding: 0;  }
/* obrazky v submenu*/
  #subnav li.tshirt{ background:url(../img/tshirt.png) 50% 0.6em no-repeat; }
  #subnav li.polo{ background:url(../img/polo.png) 50% 0.6em no-repeat; }
  #subnav li.shirt{ background:url(../img/shirt.png) 50% 0.6em no-repeat; }
  #subnav li.sweatshirt{ background:url(../img/sweatshirt.png) 50% 0.6em no-repeat; }  
  #subnav li.vest{ background:url(../img/vest.png) 50% 0.6em no-repeat; }  
  #subnav li.outdoor{ background:url(../img/outdoor.png) 50% 0.6em no-repeat; }
  #subnav li.sport{ background:url(../img/sport.png) 50% 0.6em no-repeat; }  
  #subnav li.rest{ background:url(../img/rest.png) 50% 0.6em no-repeat; }
  #subnav .snav li { width:8em; text-align:center; padding:0 0 0 0;border-top:1px #fff solid; border-left:none; border-right:none; background:#3a3775;}
/* Drop Down Menu */
  ul.snav { display:none; }
  .snav li:hover> a { background-color:#ec403e; z-index:99999; }
  li:hover > .snav { display:block; position:absolute; width:auto;  z-index:99999;  color:#fff; } 
  li:hover { position:relative; z-index:99999; } 

/* slider */
  div.wrapper_slider{ position:relative;  width:100%; margin: 0 auto;  padding:0; }
  div#mygallery-paginate{  position:relative; width:0px;height:0px;} 
  div#mygallery-paginate img{ width:0px;height:0px; } 
  div.slider_box{ position:relative; width:62.5em; margin: 0 auto; height:24.688em;}
  .slider{ position:relative; overflow:scroll; width:1000px;  height:23.750em;  margin: 0 auto; }
  .slider .belt{  position: absolute;	left: 0; top: 0; }
  .slider .panel{ overflow: hidden;  width:62.5em;  height:23.750em;	background-repeat:no-repeat; z-index:10;}

/*3 kruhy slider*/
  div.slidercircle1{position:absolute; text-align:center; padding:4.3em 0 0 0; left:36.250em; top:1.875em; opacity: 0.4; filter: alpha(opacity=40); z-index:9999; width:12em; height:7.7em; border: #fff 4px solid; margin:0.7em auto 0 auto; box-shadow: 0 0 1em #7c7c7c; background: url(../img/s-cicrcle1.png) 50% 50% no-repeat;border-radius: 140px; -webkit-border-radius: 140px; -moz-border-radius: 140px; }
  div.slidercircle2{position:absolute; text-align:center; padding:4.3em 0 0 0; left:48.750em; top:1.875em; opacity: 0.4; filter: alpha(opacity=40); z-index:9999; width:12em; height:7.7em; border: #fff 4px solid; margin:0.7em auto 0 auto; box-shadow: 0 0 1em #7c7c7c; background: url(../img/s-cicrcle1.png) 50% 50% no-repeat;border-radius: 140px; -webkit-border-radius: 140px; -moz-border-radius: 140px; }
  div.slidercircle3{position:absolute; text-align:center; padding:4.3em 0 0 0; left:42.625em; top:8.438em; opacity: 0.4; filter: alpha(opacity=40); z-index:9999; width:12em; height:7.7em; border: #fff 4px solid; margin:0.7em auto 0 auto; box-shadow: 0 0 1em #7c7c7c; background: url(../img/s-cicrcle1.png) 50% 50% no-repeat;border-radius: 140px; -webkit-border-radius: 140px; -moz-border-radius: 140px; }
  div.slidercircle1:hover{opacity: 1; filter: alpha(opacity=100); background: url(../img/s-cicrcle1hover.png) 90% 50% no-repeat;z-index:99999; }
  div.slidercircle2:hover{opacity: 1; filter: alpha(opacity=100); background: url(../img/s-cicrcle2hover.png) 50% 50% no-repeat;z-index:99999; }
  div.slidercircle3:hover{opacity: 1; filter: alpha(opacity=100); background: url(../img/s-cicrcle3hover.png) 50% 50% no-repeat;z-index:99999; }
  div.slidercircle1 a, div.slidercircle2 a, div.slidercircle3 a {color:#fff; opacity: 1; filter: alpha(opacity=100);padding:0; font-family:'Open Sans',Sans-Serif; font-weight:500; font-size:1.4em; text-decoration:none; line-height:1.2em}

/*content*/
  div.wrapperbattlements{ position:absolute; width:100%; height:0.625em; margin:23.188em 0 0 0; z-index:999999; padding:0; background: url(../img/battlements.png) bottom center repeat-x;}
  div.wrapper_content{ display:table; width:100%; margin:0; padding:0; background:#fff; min-height:auto; }
  div.content{ position:relative; margin:0 auto; width:62.5em; }

/* homepage body text */
  div.content .hp_body{ float:left; margin:0; width:62.5em; }
  div.content .hp_body img {max-width:100%;}
  div.content .hp_body h3,   div.content .hp_body h1{ color: #3a3775; font-family:'Open Sans',Sans-Serif; font-weight:700; font-size: 1.9em; margin:0.8em 0 0.4em 0;  }
  div.content .hp_body p{ color: #393939; font-family:'Open Sans',Sans-Serif; font-weight:300; font-size: 1.2em; padding:0 0 0.5em 0; line-height:1.6em; margin:0 0 2em 0;}
  div.content .hp_body p strong{ font-weight:500; }

/* news */
  div.wrappernews{display:table; width:100%; margin:0 0 0 0; padding:0; height:7.500em; background: #eee url(../img/bgnews.gif) repeat-x;}
  div.bottomnews{ position:relative; margin:0 auto; width:62.5em; }
  div.bottomnews .newsbox{ float:left; margin:0 2em 3em 0; width:13.625em;min-height:auto; background: url(../img/bgnewsdate.png) 0 0 no-repeat;}
  div.bottomnews .newsbox /*h4*/span{ display:block;margin:0; padding:0.4em 0 0 1.15em; font-family:'Open Sans',Sans-Serif; color:#fff; font-weight:500; font-size:0.95em;  }
  div.bottomnews .newsbox /*h5*/span.newsyear{ display:block; line-height:0.9em; margin:0; padding:0 0 0 0.7em; font-family:'Open Sans',Sans-Serif; color:#ff9185; font-weight:300; font-size:1.3em;  }
  div.bottomnews .newsbox h2{ min-height:90px; margin:0.9em 0 0 0; padding:0 0 0 0; font-family:'Open Sans Condensed',Sans-Serif; color:#302e5b; font-weight:700; font-size:1.3em;  }
  div.bottomnews .newsbox p{ min-height:120px; color: #393939; font-family:Verdana,Sans-Serif; font-weight:normal; font-size: 13px; padding:0 0 0.8em 0; line-height:1.5em; }
  div.bottomnews .newsbox a.newsmore{ background:url(../img/newsmore.png) 0 50% no-repeat;float:right; text-transform:uppercase; text-decoration:none; color: #ec403e; font-family:'Open Sans Condensed',Sans-Serif; font-weight:700; font-size: 0.7em; padding:0 0 0 0.6em; margin:0; }

/* footer*/
  div.footerwrap{ float:left; width:100%; min-height:28em; margin:0; padding:0; background:#f13435; }
  div.footer{ position:relative; width:62.5em; margin:0 auto; padding:0;}
  div.footer_top{ float:left;	width:62.5em; padding:1em 0;}
  div.footer_top .footerlogo{ float:left; line-height:1.6em; width:12.2em /*460*/; height:6.3em; padding:0.5em 0 0 5.5em; color:#fff; font-size:1.6em; font-family:'Open Sans',Sans-Serif; font-weight: 300; background: url(../img/footerlogo.png) 0 40% no-repeat;}
  div.footer_top .footerlogo span{ font-size:0.85em; }
  div.footer_top .demand{ float:left; text-align:center; width:9em; height:3.5em; padding:5.5em 0 0 0; color:#fff; font-size:1.1em; font-family:'Open Sans',Sans-Serif; font-weight: 700; line-height:1.2em; background: url(../img/demand.png) 50% 1.7em no-repeat; border-left:1px #ff686a solid; }
  div.footer_top .demand a, div.footer_top .telmail a, div.footer_top .fcb a{ text-decoration:none; color:#fff;}
  div.footer_top .demand a:hover, div.footer_top .telmail a:hover, div.footer_top .fcb a:hover{ text-decoration:underline; }
  div.footer_top .fcb{ float:left; text-align:center; width:7.5em; height:3.5em; padding:5.5em 0 0 0; color:#fff; font-size:1.1em; font-family:'Open Sans',Sans-Serif; font-weight: 700; line-height:1.2em; background: url(../img/fcb.png) 50% 1.7em no-repeat; border-left:1px #ff686a solid; border-right:1px #ff686a solid; }
  div.footer_top .telmail{ float:right; text-align:right; width:8.6em; height:5.8em; padding:0.3em 0 0 0; color:#fff; font-size:1.6em; font-family:'Open Sans',Sans-Serif; font-weight: 300; line-height:1.30em; background: url(../img/telmail.png) left 0.6em no-repeat;  }
  div.footer .footerinfo{ float:left; width:54.5em; border-top: 1px #ff686a solid; margin:0; padding:2.0em 0 2em 8em; color:#393939; font-size:1.0em; font-family:'Open Sans',Sans-Serif; font-weight: 300; background: url(../img/footerinfo.png) 0 50% no-repeat;}
  div.footer .footerinfo strong{ font-weight: 700;}
  div.footer_btm{ float:left; width:62.5em; margin:0; color:#fff; font-size:1em; font-family:'Open Sans',Sans-Serif; font-weight: 300;}
  div.footer_btm p{ margin:-1.5em 0 0 0; text-align:right; color:#393939; font-size:0.75em; font-family:Verdana,Sans-Serif; font-weight: normal;}
  div.footer_btm p a{ text-decoration:underline; color:#393939;}
  div.footer_btm p a:hover{ text-decoration:none; color:#fff;}

/* *** subpage *** */
/*content subpage*/
  div.wrappersubpage{display:table; width:100%; margin:0 0 0 0; padding:0; background:#fff; min-height:auto;}
  div.content h1{ color: #3a3775; font-family:'Open Sans',Sans-Serif; font-weight:700; font-size: 1.9em; margin:0 0 0.4em 0;  }
  div.content p{ color: #393939; font-family:'Open Sans',Sans-Serif; font-weight:300; font-size: 1.2em; padding:0 0 0 0; line-height:1.6em; margin:0 0 0.5em 0;}

/* breadcrumbs*/
  div.breadcrumbs{ position:relative; width:62.5em;	margin: 0 auto; height:3.125em; }
  div.breadcrumbs ul{ float:left; width:100%; margin:0; padding:0;}
  div.breadcrumbs ul li{ list-style-type:none; float:left; font-size:0.9em; margin:0; padding:0.85em 1em 0 1em; color:#ec403e; font-family:Verdana,Sans-Serif; font-weight: normal;  background:url(../img/small_arrow.png) 0 19px no-repeat; }
  div.breadcrumbs ul li:first-child{ padding-left:0; padding:0.85em 0.75em 0 1.4em; background:url(../img/home.png) 0 19px no-repeat;  }
  div.breadcrumbs ul li:last-child{	color:#ec403e; background:url(../img/small_arrow.png) 0 19px no-repeat; }
  div.breadcrumbs ul li a{	font-family:Verdana,Sans-Serif;  font-weight: normal; text-decoration:none;}
  div.breadcrumbs ul li a:hover{	text-decoration:underline;}

/* paging */
  table.pagerer {   clear: both;  float: left;  width: 100%;  margin: 1em 0;}
  li { display: block; }
  ul.pager,div.paging{float:left; width:100%; height:3.875em; border-top: #dbdbdb 1px solid; border-bottom: #dbdbdb 1px solid; margin:0.6em 0 0.6em 0; padding: 0 !important;}
  table.pagerer tbody tr td div.item-list ul.pager li.first, .pagprev{ color: transparent; float:left; left:0; top:0; width:4.4em; height:3.875em; background: #dbdbdb url(../img/pagprev.png) 50% 50% no-repeat;}
  div.paging .pagnum{float:left; width:42.8em; padding:0.75em 0 0.3em 0; color:#ababab; font-size:1.250em; font-family:'Open Sans',Sans-Serif; font-weight: 300; text-align:center; } 
  table.pagerer tbody tr td div.item-list ul.pager li.last, div.paging .pagnext{ color: transparent;position:relative; float:right; top:0; width:4.4em; height:3.875em; background: #dbdbdb url(../img/pagnext.png) 50% 50% no-repeat;}
  table.pagerer tbody tr td div.item-list ul.pager li:hover, table.pagerer tbody tr td div.item-list ul.pager li.last:hover { background-color: #ec403e;  }
  div.paging .pagnext.active{ background: #ec403e url(../img/pagnext.png) 50% 50% no-repeat;}
  div.paging .pagprev.active{ background: #ec403e url(../img/pagnext.png) 50% 50% no-repeat;}
  div.paging .pagprev.a{ display:block; }
  
  
  .pager-next.active > a {  color: transparent;  display: block;  height: 100%;  text-align: center;  width: 100%;}
  .pager-previous.active > a {  color: transparent;  display: block;  height: 100%;  text-align: center;  width: 100%;}
  .pager-current {  float: left;  line-height: 300%;  text-align: right;  width: 40%; color: #ababab;float: left;font-family: "Open Sans",sans-serif;font-size: 1.25em;font-weight: 300;}
  .pager-item {  float: left;  line-height: 300%;  text-align: left;  color: #ababab;float: left;font-family: "Open Sans",sans-serif;font-size: 1.25em;font-weight: 300;}
  
  table.pagerer tbody tr td div.item-list ul.pager li.pager-item,
  table.pagerer tbody tr td div.item-list ul.pager li.pager-current:hover { background: none; }
  
/* product box */
  div.prodbox{float:left; width:15.25em; height:21.250em; background: url(../img/prodshadow.png)0 0 no-repeat; }
  div.prodbox .prodimage{ float:left; margin:0 0 0 0.625em; top:0; width:14.375em; height:17.375em; }
  div.prodbox .proddesc {float:left;  margin:0 0.625em; width:13.8em; padding: 0.5em 0 0 0.575em; height:3.375em; background:#ec403e; color:#fff; font-size:1em; font-family:'Open Sans',Sans-Serif; font-weight: 300;}
  div.prodbox .proddesc h3{margin:-0.3em 0 0 0; padding: 0 0 0 0; color:#fff; font-size:1.2em; font-family:'Open Sans',Sans-Serif; font-weight: 700;}  
  
/* footef subpage links */  
  div.wrappersubpagefooter{display:table; width:100%; margin:0 0 0 0; background:#eeeeee; min-height:20.625em; padding:0;}
  div.subfootercontent{ position:relative; margin:0 auto; width:62.5em; background: url(../img/subfooter.jpg) 0 0 no-repeat; min-height:20.625em; }
  div.subfootercontent .flinksbox{ float:left; margin:0; width:20.813em; text-align:center; }
  div.subfootercontent .flinksbox .circimg{ width:13.125em; height:13.125em; border: #fff 4px solid; margin:1.5em auto 0 auto; box-shadow: 0 0 1em #7c7c7c; background: url(../images/2.jpg) 50% 50% no-repeat;border-radius: 140px; -webkit-border-radius: 140px; -moz-border-radius: 140px; }
  div.subfootercontent .flinksbox .circimg2{ width:13.125em; height:13.125em; border: #fff 4px solid; margin:1.5em auto 0 auto; box-shadow: 0 0 1em #7c7c7c; background: url(../images/3.jpg) 50% 50% no-repeat;border-radius: 140px; -webkit-border-radius: 140px; -moz-border-radius: 140px; }
  div.subfootercontent .flinksbox .circimg3{ width:13.125em; height:13.125em; border: #fff 4px solid; margin:1.5em auto 0 auto; box-shadow: 0 0 1em #7c7c7c; background: url(../images/1.jpg) 50% 50% no-repeat;border-radius: 140px; -webkit-border-radius: 140px; -moz-border-radius: 140px; }
  div.subfootercontent .flinksbox h2{ margin:0.6em 0 0 0; padding: 0 0 0 0; color:#ec403e; font-size:1.6em; font-family:'Open Sans',Sans-Serif; font-weight: 500; }
  div.subfootercontent .flinksbox a{text-decoration:none; }
  div.subfootercontent .flinksbox a:hover{text-decoration:underline; }
  
/* *** subpage form *** */
/*content form*/
  div.content ul.demand{ float:left; margin:1em 0 0 0; padding:0; width:62.50em; }
  div.content ul.demand li{ list-style:none; float:left; padding:0 1.250em 0 0; margin:0 0 1.5em 0; width:30em; }
  form#webform-client-form-5 input, div.content ul.demand li input{
    border: 1px solid #9c9c9c;box-shadow: none;color: #393939;/*#9c9c9c*/;float: left;font-family: "Open Sans",sans-serif;font-size: 1.5em;font-weight: 300;
margin: 0.5em 1% 0.5em 0;padding: 0.25em 0.5em;width: 45%; }
  form#webform-client-form-5 input.star, div.content ul.demand li input.star { background: url(../img/star.png) 97% 50% no-repeat;  }
  form#webform-client-form-5 textarea, div.content ul.demand li textarea{ float:left; margin:0; resize:none; white-space: pre;  word-wrap: normal; overflow-y: scroll; width:963px; padding:0.25em 0.5em; appearance: none;  color: #393939;/*#9c9c9c;*/ font-size:1.5em; font-family:'Open Sans',Sans-Serif; font-weight: 300; box-shadow: none; border: #9c9c9c 1px solid; border-radius: none; }
  div.content .btm_form  {float:left; width:62.50em; margin:0 0 4em 0;}
  .webform-component--question label, div.content .btm_form .count  {float:left; width:3.5em; padding:0.5em 0 0 0; color: #393939; font-family:'Open Sans',Sans-Serif; font-weight:300; line-height: 2.8em; font-size: 1.2em; margin:0 0 0 0;}
  div.content .btm_form .sum  {float:left; width:20em; }
  .webform-component--question input#edit-submitted-question, div.content .btm_form .sum input {float:left; width:2.2em; padding:0.25em 0.5em; appearance: none;  color:#9c9c9c; font-size:1.5em; font-family:'Open Sans',Sans-Serif; font-weight: 300; box-shadow: none; border: #9c9c9c 1px solid; border-radius: none; }
  div.sent{ float:right; }
  form#webform-client-form-5 input[type="submit"], div.sent input {  background: #ec403e none repeat scroll 0 0;  border: 1px solid #ec403e;  color: #fff;  cursor: pointer;  font-family: "Open Sans Condensed",sans-serif;
  font-size: 1.8em;  font-weight: 700;  margin: 0.5em 0;  padding: 0.15em 0;  text-align: center;  width: 16.75em;}
  .webform-component-textarea .grippie { display: none;}
  .form-item, .form-actions { margin: 0; }
  
  .webform-component--question {  float: left;  width: 48%; margin: 0.5em 0;}



/* *** menu *** */
/* responsive menu */
    #nav { width: 41em; font-family: 'Open Sans', sans-serif;  font-weight:300; position: absolute; top: 3.750em; left: 9.500em; }
    #nav > a  { display: none; 	}
    #nav li 	{ position: relative; list-style:none; }
    #nav li a { font-size:0.8em; color:#393939; display:block; text-decoration:none; padding:0 0.8em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 	box-sizing: border-box; }
    #nav li a:active 	{ }
    #nav span:after {  width: 0;  height: 0; border-bottom: none; border-top-color: #efa585;	content: ''; 	vertical-align: middle;display: inline-block;	position: relative; right: -0.313em; }
/* first level */
    #nav > ul { position: relative; height:2.188em /*35px*/; padding:0; margin:0; 	}
    #nav > ul > li {  width: auto;	height: 100%; float: left;	}
    #nav > ul > li > a  {  height: 100%; text-align: center; }
    #nav > ul/*:not( :hover )*/ > li.active > a 	{ text-shadow: 1px 1px 1px #fff; background:url(http://www.hrad.eu/sites/all/themes/hradeu/img/nav_li_active.jpg) repeat-x; /* background-color: #2684e4;*/ }
    #nav > ul > li:hover > a,#nav > ul:not( :hover ) > li.active > a 	{background-color: #ec403e; height:20px; text-shadow: none; }
    #nav > ul:not( :hover ) > li.active > a 	{ color:#ec403e; background-color:transparent;  }
/* second level */
    #nav li ul 	{ padding:0; margin:0; background-color: #ff6c00; display: none; position: absolute; top: 100%; }
    #nav li:hover ul{ display: block; left: 0; right: 0; 	}
    #nav li:not( :first-child ):hover ul 	{  left: /*-1px*/0;  }
    #nav li ul a	{  font-size: 1.0em; border-top: 1px solid #ba9768; padding:0.85em 0.5em; height:auto; 	}
    #nav li ul li a:hover, #nav li ul:not( :hover ) li.active a  { background-color: #fff; height:20px;	}

div.content .hp_body p.m0{margin: 0;}
.ul-dot{margin: 0;padding: 0 0 0 20px;list-style-type: disc;}
.ul-dot li{display: list-item;}
.ul-dot li a{font-size: 1.2em;line-height: 1.2em;}
.ul-lst-none{list-style-type: none;}
.fcb a{display: block;width: 46px;height: 46px;margin: -66px 0 0 42px;}

@media screen and (max-width : 960px) {
    #top .nav-btn {  border: 0; clip: rect(0 0 0 0); height: 1px;  margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
    #nav .close-btn {  border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden;  padding: 0; position: absolute;  width: 1px; }
    #nav .block-title {  border: 0; clip: rect(0 0 0 0); height: 1px;  margin: -1px; overflow: hidden; padding: 0; position: absolute;  width: 1px; }
    #nav{width:100%; font-family: 'Open Sans', sans-serif;  font-weight:300; position: absolute; top: 3.750em; /*left: 12.500em;*/}
    #nav ul { /*text-align: center; white-space: nowrap;  */ }
    #nav li { display: inline-block;  }
    #nav li:last-child { border-right: none;  }
		#nav li a { font-size:0.85em; color:#393939; display:block; text-decoration:none; padding:0 0.8em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 	box-sizing: border-box; }
}

@media screen and (max-width : 768px) {
  #nav{width:100%;height:2.813em;}
		#nav li a { font-size:0.85em; color:#393939; display:block; text-decoration:none; padding:0 0.8em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 	box-sizing: border-box; }
}
 
/*@media only screen and ( max-width: 40em )*/ 
@media screen and (max-width : 700px) {
    #nav  { max-width: 100%;  border:none; position: relative; top: 0px; left: auto; z-index:100; }
    #nav > a  { width: 3.125em; height: 3.125em; text-align: left; text-indent: -9999px;  background-color: #ec403e; position: relative;	}
    #nav li a { font-size:1em; color:#393939; display:block; text-decoration:none; padding:0 0.8em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 	box-sizing: border-box; }
			/*#nav li a.single {  padding:10px 15px 10px 15px; }*/
    #nav > a:before, #nav > a:after  {  position: absolute; border: 2px solid #fff; top: 35%; left: 25%;	right: 25%; content: ''; }
    #nav > a:after 	{ top: 60%; }
    #nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type	{  display: block; }
/* first level */
    #nav > ul { height: auto;display: none; position: absolute;  left: 0;	right: 0; }
    #nav:target > ul { display: block;  }
    #nav > ul > li {  width: 100%; background:#ec403e; float: none; }
    #nav > ul > li > a 	{ height: auto;  text-align: left; padding: 0.833em; 	}
    #nav > ul > li:hover > a 	{background-color: #eb5d5b; height: auto; padding: 0.833em; }
    #nav > ul > li:not( :last-child ) > a  {  border-right: none; border-bottom: 1px solid #fff; }
/* second level */
   #nav li ul 	{ position: static; padding: 1.25em; padding-top: 0; 	}
	 #nav li ul a  { border-right:none }
}

/*****************************************************************************************************************************************************
MEDIA QUERIES - to 1220 px
*****************************************************************************************************************************************************/
@media screen and (max-width:1220px){
/* submenu*/
  div.wrappersubmenu{ width:100%; margin:0 0 0 0; background: none; height:5.750em;/*92px*/ }
}

/*****************************************************************************************************************************************************
MEDIA QUERIES - to 1010 px
*****************************************************************************************************************************************************/
@media screen and (max-width:1010px){
/* horni navigace*/
  div.wrappertop{ width:100%; margin:0; background: url(../img/bgtop.png) repeat-x; height:11.625em;/*186px*/ }
  div.top_line{ position:relative; margin:0 auto; width:100% ; height:5.938em; background: url(../img/bgtoplogo.png) 50% 0 no-repeat;}
  div.logo { float:left; width:8.213em /* 7.813em*/ /*125px*/; height:4.938em;padding:1.0em 0 0 0; margin:0 0 0 0.40em;}
  div.topinfobox { float:left; width:39.875em ; height:5.938em; padding:0; margin:0; }
  div.topinfobox .call{ float:left; width:13.250em ; height:3.750em ; padding:0; margin:0; background: url(../img/call.png) 0.5em 0.7em no-repeat; }
  div.topinfobox .call .hours{ text-transform:uppercase; text-align:center; font-family:'Open Sans',Sans-Serif; color:#3a3775; font-weight:500; font-size: 0.7em; float:left;  padding:0; margin:1.0em 0 0 4.0em;}
  div.topinfobox .email{ float:left; width:8.6em; height:3.250em ; padding:0.5em 0 0 4.65em; margin:0; background: url(../img/email.png) 2.70em 0.8em no-repeat; line-height:1em; font-family:'Open Sans Condensed',Sans-Serif; color:#3a3775; font-weight:700; font-size:1.0em; text-transform:uppercase;}
  div.topinfobox .info{ float:left; width:9.7em; height:3.250em ; padding:0.5em 0 0 3.675em; margin:0; background: url(../img/info.png) 1.65em 0.8em no-repeat; line-height:1em; font-family:'Open Sans Condensed',Sans-Serif; color:#3a3775; font-weight:700; font-size:1.0em; text-transform:uppercase;}
  div.top_line .catchword{ display:none;}
/* submenu*/
  div.wrappersubmenu{ width:100%; margin:0 0 0 0; background: none; height:5.750em;/*92px*/ }
  #subnav, .snav, #subnav .snav li { margin:0 auto; width:100%; }
  #subnav li a{ display:block; width:auto; padding:0 14%; font-family:'Open Sans Condensed',Sans-Serif; color:#fff; font-weight:700; font-size:0.95em; text-decoration:none; text-transform:uppercase; }
/* breadcrumbs*/
  div.breadcrumbs{ float:left; width:96%;	margin: 0 2%; height:3.125em;}
/* slider */
  div.slider_box{ position:relative; width:50em; margin: 0 auto; height:395px;}
  .slider{ position:relative; overflow:scroll; width:50em;  height:23.750em;  margin: 0 auto; }
  .slider .belt{  position: absolute;	left: 0; top: 0; }
  .slider .panel{ overflow: hidden;  width:50em;  height:23.750em;	background-repeat:no-repeat; z-index:10;}
  .slider .panel img {max-width:100%}
/*3 kruhy slider*/
  div.slidercircle1{position:absolute; text-align:center; padding:3.3em 0 0 0; left:430px; top:40px; opacity: 0.4; filter: alpha(opacity=40); z-index:9999; width:10em; height:6.7em; border: #fff 4px solid; margin:0.7em auto 0 auto; box-shadow: 0 0 1em #7c7c7c; background: url(../img/s-cicrcle1.png) 50% 50% no-repeat;border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; }
  div.slidercircle2{position:absolute; text-align:center; padding:3.3em 0 0 0; left:595px; top:40px; opacity: 0.4; filter: alpha(opacity=40); z-index:9999; width:10em; height:6.7em; border: #fff 4px solid; margin:0.7em auto 0 auto; box-shadow: 0 0 1em #7c7c7c; background: url(../img/s-cicrcle1.png) 50% 50% no-repeat;border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; }
  div.slidercircle3{position:absolute; text-align:center; padding:3.3em 0 0 0; left:515px; top:130px; opacity: 0.4; filter: alpha(opacity=40); z-index:9999; width:10em; height:6.7em; border: #fff 4px solid; margin:0.7em auto 0 auto; box-shadow: 0 0 1em #7c7c7c; background: url(../img/s-cicrcle1.png) 50% 50% no-repeat;border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; }
  div.slidercircle1 a, div.slidercircle2 a, div.slidercircle3 a {color:#fff; opacity: 1; filter: alpha(opacity=100);padding:0; font-family:'Open Sans',Sans-Serif; font-weight:500; font-size:1.4em; text-decoration:none; line-height:1.2em}
/* homepage body text */
  div.content .hp_body{ float:left; margin:0 0 0 0.5em; width:50em; }
/* news */
  div.wrappernews{display:table; width:100%; margin:0 0 0 0; padding:0; height:7.5em; background: #eee url(../img/bgnews.gif) repeat-x;}
  div.bottomnews{ position:relative; margin:0 auto; width:50em; }
  div.bottomnews .newsbox{ float:left; margin:0 2em 3em 0; width:23em; min-height:auto; background: url(../img/bgnewsdate.png) 0 0 no-repeat;}
/* paging */
  div.paging{float:left; width:94%; height:3.875em; border-top: #dbdbdb 1px solid; border-bottom: #dbdbdb 1px solid; margin:0.6em 2% 0.6em 2%;}
  div.paging .pagprev{ float:left; left:0; top:0; width:4.4em; height:3.875em; background: #dbdbdb url(../img/pagprev.png) 50% 50% no-repeat;}
  div.paging .pagnum{float:left; width:auto; padding:0.75em 0 0.3em 0.75em; color:#ababab; font-size:1.250em; font-family:'Open Sans',Sans-Serif; font-weight: 300; text-align:center; } 
  div.paging .pagnext{ position:relative; float:right; top:0; width:4.4em; height:3.875em; background: #dbdbdb url(../img/pagnext.png) 50% 50% no-repeat;}
  div.paging .pagnext.active{ background: #ec403e url(../img/pagnext.png) 50% 50% no-repeat;}
  div.paging .pagprev.active{ background: #ec403e url(../img/pagnext.png) 50% 50% no-repeat;}
  div.paging .pagprev.a{ display:block; }
/*content*/
  div.content{ position:relative; margin:0 auto; width:100%; }
  div.content h1{ color: #3a3775; font-family:'Open Sans',Sans-Serif; font-weight:700; font-size: 1.9em; margin:0 2% 0.4em 2%;  }
  div.content p{ color: #393939; font-family:'Open Sans',Sans-Serif; font-weight:300; font-size: 1.2em; padding:0 0 0 0; line-height:1.6em; margin:0 2% 0.5em 2%;}
/* product box */
  div.prodbox{float:left; width:24%; height:auto; background: none; }
  div.prodbox .prodimage{ float:left;  margin:0 0 0 12%; top:0; max-width:80%; height:auto; }
  div.prodbox .prodimage img{ max-width:100%;}
  div.prodbox .proddesc {float:left;  margin:0 0.625em; width:90%; padding: 0.5em 0 0 0.575em; height:100%; background:#ec403e; color:#fff; font-size:1em; font-family:'Open Sans',Sans-Serif; font-weight: 300;}
  div.prodbox .proddesc h3{margin:-0.3em 0 0.5em 0; padding: 0 0 0 0; color:#fff; font-size:1.2em; font-family:'Open Sans',Sans-Serif; font-weight: 700;}  
/* footef subpage links */  
  div.subfootercontent{ position:relative; margin:0 auto; width:100%; background: none; min-height:20.625em; } 
  div.subfootercontent .flinksbox{ float:left; margin:0; width:33%; text-align:center; }
  div.subfootercontent .flinksbox h4{ margin:0.5em 0 0 0; padding: 0 0 0 0; color:#ec403e; font-size:1.5em; font-family:'Open Sans',Sans-Serif; font-weight: 500; } 
/* footer*/
  div.footerwrap{ float:left; width:100%; min-height:auto; padding:0 0 2% 0; margin:0; background:#f13435; }
  div.footer{ position:relative; width:100%; margin:0 auto; padding:0;}
  div.footer_top{ float:left;	width:100%; padding:1em 0;}
  div.footer_top .footerlogo{ float:left; line-height:1.6em; width:100%; height:6.3em; padding:0.5em 0 0 7em; color:#fff; font-size:1.6em; font-family:'Open Sans',Sans-Serif; font-weight: 300; background: url(../img/footerlogo.png) 0.5em 40% no-repeat;}
  div.footer_top .demand{ float:left; text-align:center; width:33%; height:3.5em; padding:5.5em 0 0 0; color:#fff; font-size:1.1em; font-family:'Open Sans',Sans-Serif; font-weight: 700; line-height:1.2em; background: url(../img/demand.png) 50% 1.7em no-repeat; border-left:1px #ff686a solid; }
  div.footer_top .fcb{ float:left; text-align:center; width:33%; height:3.5em; padding:5.5em 0 0 0; color:#fff; font-size:1.1em; font-family:'Open Sans',Sans-Serif; font-weight: 700; line-height:1.2em; background: url(../img/fcb.png) 50% 1.7em no-repeat; border-left:1px #ff686a solid; border-right:1px #ff686a solid; }
.fcb a{margin-left: 143px;}
  div.footer_top .telmail{ float:right; text-align:right; width:30%; height:5.8em; margin:0 3% 0 0; padding:0.3em 0 0 0; color:#fff; font-size:1.6em; font-family:'Open Sans',Sans-Serif; font-weight: 300; line-height:1.30em; background: url(../img/telmail.png) 10% 0.6em no-repeat;  }
  div.footer .footerinfo{ float:left; width:80%; border-top: 1px #ff686a solid; margin:0; padding:2.0em 2% 2em 18%; color:#393939; font-size:1.0em; font-family:'Open Sans',Sans-Serif; font-weight: 300; background: url(../img/footerinfo.png) 0.5em 50% no-repeat;}
  div.footer_btm{ float:left; width:98%; margin:0 1%; color:#fff; font-size:1em; font-family:'Open Sans',Sans-Serif; font-weight: 300;}

/* *** subpage form *** */
/*content form*/
  div.content ul.demand{ float:left; margin:1em 0 0 0; padding:0; width:100%; }
  div.content ul.demand li{ list-style:none; float:left; padding:0 1.250em 0 0; margin:0 0 1.5em 0.5em; width:45%; }
  div.content ul.demand li input{  float:left; margin:0; width:95%; padding:0.25em 0.5em; appearance: none;  color:#9c9c9c; font-size:1.5em; font-family:'Open Sans',Sans-Serif; font-weight: 300; box-shadow: none; border: #9c9c9c 1px solid; border-radius: none; }
  div.content ul.demand li textarea{ float:left; margin:0; resize:none; white-space: pre;  word-wrap: normal; overflow-y: scroll; width:201%; padding:4px 8px;; appearance: none;  color:#9c9c9c; font-size:1.5em; font-family:'Open Sans',Sans-Serif; font-weight: 300; box-shadow: none; border: #9c9c9c 1px solid; border-radius: none; }
  div.content .btm_form  {float:left; width:100%; margin:0 0 4em 0;}
  div.content .btm_form .count  {float:left; width:2.5em; padding:0.5em 1% 0 1%; color: #393939; font-family:'Open Sans',Sans-Serif; font-weight:300; font-size: 1.2em; margin:0 0 0 0;}
  div.content .btm_form .sum  {float:left; width:15em; margin:0; }
  div.content .btm_form .sum input {float:left; width:2.2em; padding:0.25em 0.5em; appearance: none;  color:#9c9c9c; font-size:1.5em; font-family:'Open Sans',Sans-Serif; font-weight: 300; box-shadow: none; border: #9c9c9c 1px solid; border-radius: none; }
  div.sent{ float:left; width:98%; margin:0.6em 1% 0 1%; }
  div.sent input{	color:#fff; text-align:center; font-family:'Open Sans Condensed',Sans-Serif; font-weight:700; font-size:1.8em; width:100%; border:0; background: #ec403e; margin:0; padding:0.08em 0; cursor:pointer; }

}       


/*****************************************************************************************************************************************************
MEDIA QUERIES - to 820px
******************************************************************************************************************************************************/

@media screen and (max-width: 820px) {
/* horni navigace*/
  div.logo { float:left; width:14%; height:4.938em;padding:1.0em 0 0 0; margin:0 0 0 1%;}
  div.topinfobox { float:left; width:85%; height:5.938em; padding:0; margin:0;  }
  div.topinfobox .call{ float:left; width:35% ; height:3.750em; padding:0; margin:0; background: url(../img/call.png) 0.5em 0.7em no-repeat; }
  div.topinfobox .email{ float:left; width:25%; height:3.250em /*60px*/; padding:0.5em 0 0 5%; margin:0; background: url(../img/email.png) 2% 0.8em no-repeat; line-height:1em; font-family:'Open Sans Condensed',Sans-Serif; color:#3a3775; font-weight:700; font-size:1.0em; text-transform:uppercase;}
  div.topinfobox .info{ float:left; width:25%; height:3.250em /*60px*/; padding:0.5em 0 0 5%; margin:0; background: url(../img/info.png) 2% 0.8em no-repeat; line-height:1em; font-family:'Open Sans Condensed',Sans-Serif; color:#3a3775; font-weight:700; font-size:1.0em; text-transform:uppercase;}
/* submenu*/
  #subnav li a{ display:block; width:auto; padding:0 8%; font-family:'Open Sans Condensed',Sans-Serif; color:#fff; font-weight:700; font-size:0.95em; text-decoration:none; text-transform:uppercase; }
/* slider */
  div.slider_box{ position:relative; width:43.750em; margin: 0 auto; height:24.688em;}
  .slider{ position:relative; overflow:scroll; width:43.750em;  height:23.750em;  margin: 0 auto; }
  .slider .panel{ overflow: hidden;  width:43.750em;  height:23.750em;	background-repeat:no-repeat; z-index:10;}
/*3 kruhy slider*/
  div.slidercircle1{position:absolute; text-align:center; padding:3.3em 0 0 0; left:20.625em; top:2.500em; opacity: 0.4; filter: alpha(opacity=40); z-index:9999; width:10em; height:6.7em; border: #fff 4px solid; margin:0.7em auto 0 auto; box-shadow: 0 0 1em #7c7c7c; background: url(../img/s-cicrcle1.png) 50% 50% no-repeat;border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; }
  div.slidercircle2{position:absolute; text-align:center; padding:3.3em 0 0 0; left:30.938em; top:2.500em; opacity: 0.4; filter: alpha(opacity=40); z-index:9999; width:10em; height:6.7em; border: #fff 4px solid; margin:0.7em auto 0 auto; box-shadow: 0 0 1em #7c7c7c; background: url(../img/s-cicrcle1.png) 50% 50% no-repeat;border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; }
  div.slidercircle3{position:absolute; text-align:center; padding:3.3em 0 0 0; left:25.938em; top:8.125em; opacity: 0.4; filter: alpha(opacity=40); z-index:9999; width:10em; height:6.7em; border: #fff 4px solid; margin:0.7em auto 0 auto; box-shadow: 0 0 1em #7c7c7c; background: url(../img/s-cicrcle1.png) 50% 50% no-repeat;border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; }
/* homepage body text */
  div.content .hp_body{ float:left; margin:0 0 0 0.5em; width:43.750em; }
/* news */
  div.wrappernews{display:table; width:100%; margin:0 0 0 0; padding:0; height:7.5em; background: #eee url(../img/bgnews.gif) repeat-x;}
  div.bottomnews{ position:relative; margin:0 auto; width:43.750em; }
  div.bottomnews .newsbox{ float:left; margin:0 2em 3em 0; width:19.875em; min-height:auto; background: url(../img/bgnewsdate.png) 0 0 no-repeat;}
  
}   

/*****************************************************************************************************************************************************
MEDIA QUERIES - to 700px
******************************************************************************************************************************************************/

@media screen and (max-width: 700px) {
/* horni navigace*/
  div.wrappertop{ width:100%; margin:0; background: url(../img/bgtop.png) repeat-x; height:9em; }
  div.logo { float:left; width:100%; text-align:center; height:4.938em; padding:1.0em 0 0 0; margin:0; }
  div.topinfobox {visibility: hidden; width:0;height:0;}
  div.topinfobox .call{ visibility: hidden; width:0;height:0;}
  div.topinfobox .email{ visibility: hidden; width:0;height:0;}
  div.topinfobox .info{ visibility: hidden; width:0;height:0;}
/* submenu*/
  div.wrappersubmenu{ width:100%; margin:0 0 0 0; height:3em; overflow:hidden; } 
  #subnav li {float:left; display:inline; cursor:pointer; list-style:none; position:relative; text-align:center; height:auto /*1.35em*/; padding:1em 0 0 0; border-right:none; border-top:none;}
  #subnav li:first-child{ border-left:none; }
/* Drop Down Menu */
  li:hover > .snav { display:none; }
/* obrazky v submenu*/
  #subnav li.tshirt{ background:none; }
  #subnav li.polo{ background:none; }
  #subnav li.shirt{ background:none; }
  #subnav li.sweatshirt{ background:none; }  
  #subnav li.vest{ background:none; }  
  #subnav li.outdoor{ background:none; }
  #subnav li.sport{ background:none; }  
  #subnav li.rest{ background:none; }
/* breadcrumbs*/
  div.breadcrumbs{ visibility: hidden; width:0em; height:0; }
/*content subpage*/
  div.content h1{ color: #3a3775; font-family:'Open Sans',Sans-Serif; font-weight:700; font-size: 1.9em; margin:0.4em 2%;  }
/* slider */
  div.slider_box{ position:relative; width:37.500em; margin: 0 auto; height:24.688em;}
  .slider{ position:relative; overflow:scroll; width:37.500em;  height:23.750em;  margin: 0 auto; }
  .slider .panel{ overflow: hidden;  width:37.500em;  height:23.750em;	background-repeat:no-repeat; z-index:10;}
/*3 kruhy slider*/
  div.slidercircle1{position:absolute; text-align:center; padding:3.3em 0 0 0; left:0.625em; top:2.500em; opacity: 0.4; filter: alpha(opacity=40); z-index:9999; width:10em; height:6.7em; border: #fff 4px solid; margin:0.7em auto 0 auto; box-shadow: 0 0 1em #7c7c7c; background: url(../img/s-cicrcle1.png) 50% 50% no-repeat;border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; }
  div.slidercircle2{position:absolute; text-align:center; padding:3.3em 0 0 0; left:10.938em; top:2.500em; opacity: 0.4; filter: alpha(opacity=40); z-index:9999; width:10em; height:6.7em; border: #fff 4px solid; margin:0.7em auto 0 auto; box-shadow: 0 0 1em #7c7c7c; background: url(../img/s-cicrcle1.png) 50% 50% no-repeat;border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; }
  div.slidercircle3{position:absolute; text-align:center; padding:3.3em 0 0 0; left:5.938em; top:8.125em; opacity: 0.4; filter: alpha(opacity=40); z-index:9999; width:10em; height:6.7em; border: #fff 4px solid; margin:0.7em auto 0 auto; box-shadow: 0 0 1em #7c7c7c; background: url(../img/s-cicrcle1.png) 50% 50% no-repeat;border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; }
/* homepage body text */
  div.content .hp_body{ float:left; margin:0 0 0 0.5em; width:37.45em; }
/* news */
  div.wrappernews{display:table; width:100%; margin:0 0 0 0; padding:0; height:7.5em; background: #eee url(../img/bgnews.gif) repeat-x;}
  div.bottomnews{ position:relative; margin:0 auto; width:37.500em; }
  div.bottomnews .newsbox{ float:left; margin:0 2em 3em 0; width:16.75em; min-height:auto; background: url(../img/bgnewsdate.png) 0 0 no-repeat;}
/* footef subpage links */  
  div.subfootercontent{ position:relative; margin:0 auto; width:100%; background: none; min-height:15.8em; }
  div.subfootercontent .flinksbox .circimg{ width:10em; height:10em; border: #fff 4px solid; margin:1.5em auto 0 auto; box-shadow: 0 0 1em #7c7c7c; background: url(../images/2.jpg) 50% 50% no-repeat;border-radius: 140px; -webkit-border-radius: 140px; -moz-border-radius: 140px; }
  div.subfootercontent .flinksbox .circimg2{ width:10em; height:10em; border: #fff 4px solid; margin:1.5em auto 0 auto; box-shadow: 0 0 1em #7c7c7c; background: url(../images/3.jpg) 50% 50% no-repeat;border-radius: 140px; -webkit-border-radius: 140px; -moz-border-radius: 140px; }
  div.subfootercontent .flinksbox .circimg3{ width:10em; height:10em; border: #fff 4px solid; margin:1.5em auto 0 auto; box-shadow: 0 0 1em #7c7c7c; background: url(../images/1.jpg) 50% 50% no-repeat;border-radius: 140px; -webkit-border-radius: 140px; -moz-border-radius: 140px; }
  div.subfootercontent .flinksbox h4{ margin:0.6em 0 0 0; padding: 0 0 0 0; color:#ec403e; font-size:1.2em; font-family:'Open Sans',Sans-Serif; font-weight: 500; }
/* footer*/
  div.footer_top .demand{ float:left; text-align:center; width:28%; height:3.5em; padding:5.5em 0 0 0; color:#fff; font-size:1.1em; font-family:'Open Sans',Sans-Serif; font-weight: 700; line-height:1.2em; background: url(../img/demand.png) 50% 1.7em no-repeat; border-left:1px #ff686a solid; }
  div.footer_top .fcb{ float:left; text-align:center; width:28%; height:3.5em; padding:5.5em 0 0 0; color:#fff; font-size:1.1em; font-family:'Open Sans',Sans-Serif; font-weight: 700; line-height:1.2em; background: url(../img/fcb.png) 50% 1.7em no-repeat; border-left:1px #ff686a solid; border-right:1px #ff686a solid; }
  div.footer_top .telmail{ float:right; text-align:right; width:40%; height:5.8em; margin:0 3% 0 0; padding:0.3em 0 0 0; color:#fff; font-size:1.6em; font-family:'Open Sans',Sans-Serif; font-weight: 300; line-height:1.30em; background: url(../img/telmail.png) 10% 0.6em no-repeat;  }
/* *** subpage form *** */
/*content form*/
  div.content ul.demand{ float:left; margin:1em 0 0 0; padding:0; width:100%; }
  div.content ul.demand li{ list-style:none; float:left; padding:0 1.250em 0 0; margin:0 0 1.5em 0.5em; width:95%; }
  div.content ul.demand li textarea{ float:left; margin:0; resize:none; white-space: pre;  word-wrap: normal; overflow-y: scroll; width:96%; padding:4px 8px;; appearance: none;  color:#9c9c9c; font-size:1.5em; font-family:'Open Sans',Sans-Serif; font-weight: 300; box-shadow: none; border: #9c9c9c 1px solid; border-radius: none; }

}   /* end for media queries to 700 */


/*****************************************************************************************************************************************************
MEDIA QUERIES - to 480px
******************************************************************************************************************************************************/
@media screen and (max-width : 480px) {
/* horni navigace*/
  div.wrappertop{ width:100%; margin:0; background: url(../img/bgtop.png) repeat-x; height:5.9em; }
  div.logo { float:left; width:100%; text-align:center; height:4.938em; padding:1.0em 0 0 0; margin:0; }
/* submenu*/
  div.wrappersubmenu{ visibility: hidden; width:0em; height:0; } 
/* slider */
  .slider{ position:relative; overflow:scroll; width:100%;  height:23.750em;  margin: 0 auto; }
  .slider .panel{ display:none;}
/* homepage body text */
  div.content .hp_body{ float:left; margin:0 0.5em; width:23.250em; }
/* news */
  div.wrappernews{display:table; width:100%; margin:0 0 0 0; padding:0; height:7.5em; background: #eee url(../img/bgnews.gif) repeat-x;}
  div.bottomnews{ position:relative; margin:0 auto; width:23.250em; }
  div.bottomnews .newsbox{ float:left; margin:0 2em 3em 0; width:21.25em; min-height:auto; background: url(../img/bgnewsdate.png) 0 0 no-repeat;}
/* product box */
  div.prodbox .proddesc {float:left;  margin:0 0.625em; width:87%; padding: 0.5em 0 0 0.575em; height:100%; background:#ec403e; color:#fff; font-size:0.9em; font-family:'Open Sans',Sans-Serif; font-weight: 300;}
  div.prodbox .proddesc h3{margin:-0.3em 0 0.5em 0; padding: 0 0 0 0; color:#fff; font-size:0.85em; font-family:'Open Sans',Sans-Serif; font-weight: 700;}  
/* footef subpage links */  
  div.subfootercontent{ position:relative; margin:0 auto; width:100%; background: none; min-height:12.2em; }
  div.subfootercontent .flinksbox .circimg{ width:7em; height:7em; border: #fff 4px solid; margin:1.5em auto 0 auto; box-shadow: 0 0 1em #7c7c7c; background: url(../images/2.jpg) 50% 50% no-repeat;border-radius: 140px; -webkit-border-radius: 140px; -moz-border-radius: 140px; }
  div.subfootercontent .flinksbox .circimg2{ width:7em; height:7em; border: #fff 4px solid; margin:1.5em auto 0 auto; box-shadow: 0 0 1em #7c7c7c; background: url(../images/3.jpg) 50% 50% no-repeat;border-radius: 140px; -webkit-border-radius: 140px; -moz-border-radius: 140px; }
  div.subfootercontent .flinksbox .circimg3{ width:7em; height:7em; border: #fff 4px solid; margin:1.5em auto 0 auto; box-shadow: 0 0 1em #7c7c7c; background: url(../images/1.jpg) 50% 50% no-repeat;border-radius: 140px; -webkit-border-radius: 140px; -moz-border-radius: 140px; }
  div.subfootercontent .flinksbox h4{ margin:0.6em 0 0 0; padding: 0 0 0 0; color:#ec403e; font-size:1.0em; font-family:'Open Sans',Sans-Serif; font-weight: 500; }  
/* footer*/
  div.footer_top .demand{ float:left; text-align:center; width:25%; height:3.5em; padding:5.5em 0 0 0; color:#fff; font-size:1.0em; font-family:'Open Sans',Sans-Serif; font-weight: 700; line-height:1.2em; background: url(../img/demand.png) 50% 1.7em no-repeat; border-left:1px #ff686a solid; }
  div.footer_top .fcb{ float:left; text-align:center; width:25%; height:3.5em; padding:5.5em 0 0 0; color:#fff; font-size:1.0em; font-family:'Open Sans',Sans-Serif; font-weight: 700; line-height:1.2em; background: url(../img/fcb.png) 50% 1.7em no-repeat; border-left:1px #ff686a solid; border-right:1px #ff686a solid; }
  div.footer_top .telmail{ float:right; text-align:right; width:46%; height:5.8em; margin:0 3% 0 0; padding:0.3em 0 0 0; color:#fff; font-size:1.4em; font-family:'Open Sans',Sans-Serif; font-weight: 300; line-height:1.30em; background: url(../img/telmail.png) 10% 0.25em no-repeat;  }
  div.footer .footerinfo{ float:left; width:96%; border-top: 1px #ff686a solid; margin:0; padding:2.0em 2%; color:#393939; font-size:1.0em; font-family:'Open Sans',Sans-Serif; font-weight: 300; background: none;}  
  div.footer_btm p{ margin:0.8em 0; text-align:left; color:#393939; font-size:0.75em; font-family:Verdana,Sans-Serif; font-weight: normal;}  
/* *** subpage form *** */
/*content form*/
  div.content ul.demand li input{  float:left; margin:0; width:92%; padding:0.25em 0.5em; appearance: none;  color:#9c9c9c; font-size:1.5em; font-family:'Open Sans',Sans-Serif; font-weight: 300; box-shadow: none; border: #9c9c9c 1px solid; border-radius: none; }

}  /* end for  meddia queries to 480px   */

/*****************************************************************************************************************************************************
MEDIA QUERIES - to 320px
******************************************************************************************************************************************************/

@media screen and (max-width : 320px) {
/* footef subpage links */  
  div.subfootercontent{ position:relative; margin:0 auto; width:100%; background: none; min-height:12.2em; }
  div.subfootercontent .flinksbox .circimg{ width:5em; height:5em; border: #fff 4px solid; margin:1.5em auto 0 auto; box-shadow: 0 0 1em #7c7c7c; background: url(../images/2.jpg) 50% 50% no-repeat;border-radius: 140px; -webkit-border-radius: 140px; -moz-border-radius: 140px; }
  div.subfootercontent .flinksbox .circimg2{ width:5em; height:5em; border: #fff 4px solid; margin:1.5em auto 0 auto; box-shadow: 0 0 1em #7c7c7c; background: url(../images/3.jpg) 50% 50% no-repeat;border-radius: 140px; -webkit-border-radius: 140px; -moz-border-radius: 140px; }
  div.subfootercontent .flinksbox .circimg3{ width:5em; height:5em; border: #fff 4px solid; margin:1.5em auto 0 auto; box-shadow: 0 0 1em #7c7c7c; background: url(../images/1.jpg) 50% 50% no-repeat;border-radius: 140px; -webkit-border-radius: 140px; -moz-border-radius: 140px; }
  div.subfootercontent .flinksbox h4{ margin:0.6em 0 0 0; padding: 0 0 0 0; color:#ec403e; font-size:1.0em; font-family:'Open Sans',Sans-Serif; font-weight: 500; }  

/* homepage body text */
  div.content .hp_body{ float:left; margin:0 0 0 0.5em; width:20em; }
/* news */
  div.wrappernews{display:table; width:100%; margin:0 0 0 0; padding:0; height:7.5em; background: #eee url(../img/bgnews.gif) repeat-x;}
  div.bottomnews{ position:relative; margin:0 auto; width:20em; }
  div.bottomnews .newsbox{ float:left; margin:0 2em 3em 0; width:18em; min-height:auto; background: url(../img/bgnewsdate.png) 0 0 no-repeat;}


/* footer*/
  div.footer_top .footerlogo{ float:left; line-height:1.6em; width:96%; height:5em; padding:0.5em 2%; color:#fff; font-size:1.5em; font-family:'Open Sans',Sans-Serif; font-weight: 300; background: none;border-bottom:1px #ff686a solid;}
  div.footer_top .demand{ float:left; text-align:center; width:49%; height:3.5em; padding:5.5em 0 0 0; color:#fff; font-size:1.0em; font-family:'Open Sans',Sans-Serif; font-weight: 700; line-height:1.2em; background: url(../img/demand.png) 50% 1.7em no-repeat; border-left:none; }
  div.footer_top .fcb{ float:left; text-align:center; width:49%; height:3.5em; padding:5.5em 0 0 0; color:#fff; font-size:1.0em; font-family:'Open Sans',Sans-Serif; font-weight: 700; line-height:1.2em; background: url(../img/fcb.png) 50% 1.7em no-repeat; border-left:1px #ff686a solid; border-right:none }
  div.footer_top .telmail{ float:left; text-align:right; width:98%; height:5.8em; margin:0 0 0 0; padding:0.3em 2% 0 0; color:#fff; font-size:1.4em; font-family:'Open Sans',Sans-Serif; font-weight: 300; line-height:1.30em; background: url(../img/telmail.png) 10% 0.25em no-repeat; border-top:1px #ff686a solid; }
  div.footer .footerinfo{ float:left; width:92%; border-top: 1px #ff686a solid; margin:0; padding:1.0em 4%; color:#393939; font-size:0.9em; font-family:'Open Sans',Sans-Serif; font-weight: 300; background: none;}  
/* product box */
  div.prodbox{float:left; width:49%; height:auto; background: none; }
/* *** subpage form *** */
/*content form*/
  div.content ul.demand{ float:left; margin:1em 0 0 0; padding:0; width:98%; }
  div.content ul.demand li{ list-style:none; float:left; padding:0 1.250em 0 0; margin:0 0 1.5em 0.5em; width:92%; }
  div.content ul.demand li textarea{ float:left; margin:0; resize:none; white-space: pre;  word-wrap: normal; overflow-y: scroll; width:96%; padding:4px 8px;; appearance: none;  color:#9c9c9c; font-size:1.5em; font-family:'Open Sans',Sans-Serif; font-weight: 300; box-shadow: none; border: #9c9c9c 1px solid; border-radius: none; }
  
}  /* end for  meddia queries to 320px   */

/*****************************************************************************************************************************************************
MEDIA QUERIES - to 250px
******************************************************************************************************************************************************/
@media screen and (max-width : 260px) {

}  /* end for  meddia queries to 260px   */



/* uprava 24.9. 2015 */
div.field-item h2 {color: #3a3775; font-family:'Open Sans',Sans-Serif; font-weight:400; font-size: 1.5em; margin:0 0 0.4em 0; }

/* upravy pre captchu  02.06.2016  */
#webform-client-form-5 { font-family:'Open Sans'; }
fieldset.captcha legend {  display: none; }
fieldset.captcha { border: 0 none; }
fieldset.captcha .description {    line-height: 24px; font-family:'Open Sans';}
fieldset.captcha span.field-prefix {
    line-height: 24px;
    margin-top: 10px;
    display: inline-block;
    font-family:'Open Sans';
}

#edit-captcha-response {
    display: inline-block;
    float: right !important;
    margin-right: 3% !important;
}