@charset "utf-8";
/* CSS Document */


/* clear */
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box; 
   margin: 0; padding: 0;}
body {background: none repeat scroll 0 0 #ffffff; 
      font-size: 16px; font-family: Arial,Helvetica,sans-serif; color:#000000;}
h1,h2,h3,h4,h5,h6 {color:#000000; font-weight: normal; line-height: 1.3;}
h1	{font-size:2.7rem;}
h2	{font-size:2.2rem;}  
h3	{font-size:1.8rem;}  
h4	{font-size:1.4rem;}  
h5	{font-size:1.1rem;}  
h6	{font-size:0.9rem;}    
p	{margin: 0; padding: 0;}
a,a:link,a:visited,a:hover,a:active 
	{text-decoration: none; transition: none; -o-transition: none;
	 -ms-transition: none; -moz-transition: none; -webkit-transition: none;}  
img	{border: 0; display: block; width: auto; height: auto; max-width:100%;}
table,tr,td,th,thead,tfoot {background: none repeat scroll 0 0 #ffffff; border: 0; 
	   border-collapse: collapse; border-spacing: 0; margin: 0; padding: 0;}
hr {border: 0; border-top: 1px solid #000000; clear: both; height: 0; margin: 2.5rem auto;}


/* obecné typy */
.left {float: left;}  
.right {float: right;}
.text-left {text-align: left!important;}
.text-center {text-align: center!important;}
.text-right {text-align: right!important;}
.full-img {width: 100%; max-width: none;}
.center {float:none; margin:0 auto; display:block;}
.clear {clear: both; content: "."; display: block; height: 0; line-height: 0; overflow:  hidden; visibility: hidden;}
ul.no-list {list-style: none outside none; padding: 0; margin: 0;}
ul.no-list li {display: block;}


/* paddingy, marginy */
.p-left-1rem {padding-left: 1rem!important;} .p-right-1rem  {padding-right: 1rem!important;}
.p-left-right-1rem {padding-left: 1rem!important; padding-right: 1rem!important;}
.p-top-1rem  {padding-top: 1rem!important;}  .p-bottom-1rem {padding-bottom: 1rem!important;}
.p-top-bottom-1rem {padding-top: 1rem!important; padding-bottom: 1rem!important;}
.p-left-2rem {padding-left: 2rem!important;} .p-right-2rem  {padding-right: 2rem!important;}
.p-left-right-2rem {padding-left: 2rem!important; padding-right: 2rem!important;}
.p-top-2rem  {padding-top: 2rem!important;}  .p-bottom-2rem {padding-bottom: 2rem!important;}
.p-top-bottom-2rem {padding-top: 2rem!important; padding-bottom: 2rem!important;}
.p-left-3rem {padding-left: 3rem!important;} .p-right-3rem  {padding-right: 3rem!important;}
.p-left-right-3rem {padding-left: 3rem!important; padding-right: 3rem!important;}
.p-top-3rem  {padding-top: 3rem!important;}  .p-bottom-3rem {padding-bottom: 3rem!important;}
.p-top-bottom-3rem {padding-top: 3rem!important; padding-bottom: 3rem!important;}


/* response */
.s-1,.s-2,.s-five,.s-3,.s-4,.s-5,.s-6,.s-7,.s-8,.s-9,.s-10,.s-11,.s-12,
.m-1,.m-2,.m-five,.m-3,.m-4,.m-5,.m-6,.m-7,.m-8,.m-9,.m-10,.m-11,.m-12,
.l-1,.l-2,.l-five,.l-3,.l-4,.l-5,.l-6,.l-7,.l-8,.l-9,.l-10,.l-11,.l-12
{float: left; position: static;}

.s-1  {width: 8.3333%;}  .s-2  {width:16.6666%;}  .s-3  {width: 25%;}
.s-4  {width:33.3333%;}  .s-5  {width:41.6666%;}  .s-6  {width: 50%;}
.s-7  {width:58.3333%;}  .s-8  {width:66.6666%;}  .s-9  {width: 75%;}
.s-10 {width:83.3333%;}  .s-11 {width:91.6666%;}  .s-12 {width:100%;}
.s-five {width:20%;}
.m-1  {width: 8.3333%;}  .m-2  {width:16.6666%;}  .m-3  {width: 25%;}
.m-4  {width:33.3333%;}  .m-5  {width:41.6666%;}  .m-6  {width: 50%;}
.m-7  {width:58.3333%;}  .m-8  {width:66.6666%;}  .m-9  {width: 75%;}
.m-10 {width:83.3333%;}  .m-11 {width:91.6666%;}  .m-12 {width:100%;}
.m-five {width:20%;}
.l-1  {width: 8.3333%;}  .l-2  {width:16.6666%;}  .l-3  {width: 25%;}
.l-4  {width:33.3333%;}  .l-5  {width:41.6666%;}  .l-6  {width: 50%;}
.l-7  {width:58.3333%;}  .l-8  {width:66.6666%;}  .l-9  {width: 75%;}
.l-10 {width:83.3333%;}  .l-11 {width:91.6666%;}  .l-12 {width:100%;}
.l-five {width:20%;}

@media screen and (max-width:768px) {
.l-hide,.s-hide {display: block!important;}
.m-hide {display: none!important;}
.m-1  {width: 8.3333%;}  .m-2  {width:16.6666%;}  .m-3  {width: 25%;}
.m-4  {width:33.3333%;}  .m-5  {width:41.6666%;}  .m-6  {width: 50%;}
.m-7  {width:58.3333%;}  .m-8  {width:66.6666%;}  .m-9  {width: 75%;}
.m-10 {width:83.3333%;}  .m-11 {width:91.6666%;}  .m-12 {width:100%;}
.m-five {width:20%;}}

@media screen and (max-width:480px) {
.l-hide,.m-hide {display:block!important;}
.s-hide {display:none!important;}
.s-1  {width: 8.3333%;}  .s-2  {width:16.6666%;}  .s-3  {width: 25%;}
.s-4  {width:33.3333%;}  .s-5  {width:41.6666%;}  .s-6  {width: 50%;}
.s-7  {width:58.3333%;}  .s-8  {width:66.6666%;}  .s-9  {width: 75%;}
.s-10 {width:83.3333%;}  .s-11 {width:91.6666%;}  .s-12 {width:100%;}
.s-five {width:20%;}}  

@media screen and (min-width:769px)
	{.l-hide {display: none;}
	 .l-text-center {text-align: center !important;}
	 .l-text-left {text-align: left !important;}
	 .l-text-right {text-align: right !important;}
	 .l-center {float: none; margin: 0 auto;}}
@media screen and (max-width:768px) and (min-width:481px) 
	{.m-hide {display: none;}
	 .m-text-center {text-align: center !important;}
	 .m-text-left {text-align: left !important;}
	 .m-text-right {text-align: right !important;}
	 .m-center {float: none; margin: 0 auto;}}
@media screen and (max-width:480px) 
	{.s-hide {display: none;}
	 .s-text-center {text-align: center !important;}
	 .s-text-left {text-align: left !important;}
	 .s-text-right {text-align: right !important;}
	 .s-center {float: none; margin: 0 auto;}}

