/*************************
*******ZAKLADNI******
**************************/
body {  
  background : url(../gfx/bg.jpg) no-repeat center center fixed;
  font-family: 'Raleway', sans-serif;
  font-weight : 400;
  color: #000;
  font-size : 14px;
  line-height: 22px;
} 

h1 {
  margin : 0;
  padding : 0;  
  color: #000;
  font-size : 12px;
  font-weight : 400;
}  

h1 span {
  display : none; 
} 

h2 {
  margin : 0;
  padding : 5px;
  color: #000;
  font-size : 16px;
  font-weight : 400;
  /*line-height : 40px;*/ 
}

h3 {
  margin : 0;
  padding : 10px 0;
  color: #000;
  font-size : 36px;
  font-weight : 400;
  /*line-height : 40px;*/  
} 

.header-text h3 {
  margin : 0;
  padding : 10px 0;
  color: #fff;
  font-size : 100px;
  font-weight : 100;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
  /*line-height : 40px;*/  
} 

h4 {
  margin : 0 0 20px 0;
  padding : 30px 0 0 0;
  color: #000;
  font-size : 22px;
  font-weight : 400;
  /*line-height : 40px;*/ 
}   

h4 span {
  margin : 0;
  padding : 40px 0;
  color: #000;
  font-size : 40px;
  font-weight : 700;
  /*line-height : 40px;*/ 
}  

.ggray h4 {
  margin : 0 0 20px 0;
  padding : 20px;
  color: #000;
  font-size : 36px;
  font-weight : 400;
  border-left : 5px solid #fff; 
  border-right : 5px solid #fff;
  border-bottom : 5px solid #fff;
  width : 30%;  
  /*line-height : 40px;*/ 
}     

.gbluec h4 {
  margin : 0;
  padding : 20px;
  color: #3f96ba;
  font-size : 36px;
  font-weight : 400;
  border : 0;
  width : 100%;  
  /*line-height : 40px;*/ 
}     

.gblued h4 {
  margin : 0;
  padding : 20px;
  color: #fff;
  font-size : 36px;
  font-weight : 400;
  border : 0;
  width : 100%;  
  /*line-height : 40px;*/ 
}   


h5 {
  margin : 0 0 20px 0;
  padding : 20px;
  color: #000;
  font-size : 20px;
  font-weight : 400;
  /*line-height : 40px;*/ 
}   

h5 span {
  margin : 0;
  padding : 20px 0;
  color: #000;
  font-size : 40px;
  font-weight : 700;
  /*line-height : 40px;*/ 
}

h6 {
  margin : 0;
  padding : 5px 0;    
  color: #000;
  font-size : 12px; 
  font-weight : 400;
  line-height: 22px;
} 

h6 span {
  margin : 0;
  padding : 5px 0;    
  color: #000;
  font-size : 12px; 
  font-weight : 400;
} 


/*************************
*******ODKAZY******
**************************/

a {
  color: #e99902;
  text-decoration : underline;
  -webkit-transition: color 300ms, background-color 300ms;
  -moz-transition: color 300ms, background-color 300ms;
  -o-transition:  color 300ms, background-color 300ms;
  transition:  color 300ms, background-color 300ms;
  font-weight: 400;
}

a:hover,
a:focus {
  color: #e99902;
  text-decoration: none;
  outline: none;
}

.gyellow a {
  color : #fff;
}

.btn.gblackb:hover, .btn.gblackb:focus {
    color: #fff;
    text-decoration: underline;                                          
}   

.btn.ggrayb:hover, .btn.ggrayb:focus {
    text-decoration: underline;
    background-color : #474747 !important; 
    color : #cecece; 
    -webkit-transition: all 0.9s ease-in-out;
  	-moz-transition: all 0.9s ease-in-out;
  	-o-transition: all 0.9s ease-in-out;
  	-ms-transition: all 0.9s ease-in-out;
  	transition: all 0.9s ease-in-out;
} 

.btn.gyellowb:hover, .btn.gyellowb:focus {
    background-color : #e99902 !important; 
    color : #fff; 
    -webkit-transition: all 0.9s ease-in-out;
  	-moz-transition: all 0.9s ease-in-out;
  	-o-transition: all 0.9s ease-in-out;
  	-ms-transition: all 0.9s ease-in-out;
  	transition: all 0.9s ease-in-out;
}

.ggrayd a {
  color : #cecece;
} 

.gsignpost a {
  color : #707070;
}

/*************************
*******POZICE******
**************************/

.center {
  margin : 0 auto;
}

.left {
  float : left;
}  

.right {
  float : right;
}   

.clear {
  clear : both;
}     

.fixed {
  float : absolute;
}  

.absolute {
  float : absolute;
}   

.relative {
  float : relative;
}  

.block {
  display : block;
}     

.hidden {
  display : none;
}

/*************************
*******MEZERY******
**************************/
.m0 {
  margin : 0px !important;
}     

.mb0 {
  margin-bottom : 0px;
}   

.m5 {
  margin : 5px;
}  

.mt5 {
  margin-top : 5px;
} 

.m10 {
  margin : 10px;
} 

.mt10 {
  margin-top : 10px;
} 

.mr10 {
  margin-right : 10px;
}  

.mb10 {
  margin-bottom : 10px;
}  

.ml10 {
  margin-left : 10px;
}  

.mt15 {
  margin-top : 15px;
} 

.mr15 {
  margin-right : 15px;
}  

.mb15 {
  margin-bottom : 15px;
}  

.ml15 {
  margin-left : 15px;
}

.m20 {
  margin : 20px;
} 

.mt20 {
  margin-top : 20px;
} 

.mr20 {
  margin-right : 20px;
}   

.mb20 {
  margin-bottom : 20px;
}  

.ml20 {
  margin-left : 20px;
} 

.m30 {
  margin : 30px;
} 

.mt35 {
  margin-top : 35px;
} 

.mr35 {
  margin-right : 35px;
}   

.mb35 {
  margin-bottom : 35px;
}  

.ml35 {
  margin-left : 35px;
}   

.m50 {
  margin : 50px;
} 

.mt50 {
  margin-top : 50px;
} 

.mr50 {
  margin-right : 50px;
}   

.mb50 {
  margin-bottom : 50px;
}  

.ml50 {
  margin-left : 50px;
}  

.m100 {
  margin : 100px;
} 

.mt100 {
  margin-top : 100px;
} 

.mr100 {
  margin-right : 100px;
}   

.mb100 {
  margin-bottom : 100px;
}  

.ml100 {
  margin-left : 100px;
} 

.p0 {
  padding : 0px !important;
} 

.p5 {
  padding : 5px !important;
} 
  
.p7 {
  padding : 7px;
} 
  
.p10 {
  padding : 10px;
} 

.p20 {
  padding : 20px;
} 

.p30 {
  padding : 30px;
} 

.p50 {
  padding : 50px;
}  

.p100 {
  padding : 100px;
}    

.pt0 {
  padding-top : 0px !important;
} 

.pr0 {
  padding-right : 0px !important;
}   

.pb0 {
  padding-bottom : 0px !important;
}  

.pl0 {
  padding-left : 0px !important;
}   

.pt5 {
  padding-top : 5px;
} 

.pr5 {
  padding-right : 5px;
}   

.pb5 {
  padding-bottom : 5px;
}  

.pl5 {
  padding-left : 5px;
} 

.pt10 {
  padding-top : 10px;
} 

.pr10 {
  padding-right : 10px;
}   

.pb10 {
  padding-bottom : 10px !important;
}  

.pl10 {
  padding-left : 10px;
} 

.pt20 {
  padding-top : 20px;
} 

.pr20 {
  padding-right : 20px;
}   

.pb20 {
  padding-bottom : 20px;
}  

.pl20 {
  padding-left : 20px;
}  

.pt30 {
  padding-top : 30px;
} 

.pr30 {
  padding-right : 30px;
}   

.pb30 {
  padding-bottom : 30px;
}  

.pl30 {
  padding-left : 30px;
} 

.pt50 {
  padding-top : 50px;
} 

.pr50 {
  padding-right : 50px;
}   

.pb50 {
  padding-bottom : 50px;
}  

.pl50 {
  padding-left : 50px;
}   

.pt80 {
  padding-top : 80px;
} 

.pr80 {
  padding-right : 80px;
}   

.pb80 {
  padding-bottom : 80px;
}  

.pl80 {
  padding-left : 80px;
}  

.plp20 {
  padding-left : 20%;
}
 

/*************************
*******BARVY A POZADÍ******
**************************/

.ggray {
  background: url(../gfx/ggray.jpg) #ededed no-repeat center center ;
  border : none;
}   

.ggraym {
  background-color : #ededed !important; 
  border : 1px solid #cecece;
  color : white !important; 
} 

.ggrayb {              
  color : #474747;
  background-color : #fff; 
  border : 1px solid #cecece;
  border-radius : 0;
}  

.ggrayd { 
  background-color : #474747 !important; 
  color : #cecece; 
} 

.gyellow {
  background-color : #fbaf1e; 
  padding : 0px !important;
  color : #fff;
}

.gyellowb {              
  color : #fff;
  font-size : 12px;
  background-color : #fbaf1e; 
  border : 1px solid #fbaf1e;
  border-radius : 0;
} 

.gyellowdm {
  border-bottom : 1px solid #fbaf1e; 
  background : transparent !important; 
} 

.gyellowdm2 {
  background-color : #c4e0ec !important;
  color : #3f96ba;
}        

.gwhite {             
  background-color : #fff !important;
  border : 0 !important;  
  border-color : transparent !important;
} 

.gwhite2 {             
  background-color : #fff !important;
  border : 0 !important;  
  border-color : transparent !important;
}  

.gwhite3 {             
  background-color : #fff !important;
  border-top : 5px solid #fbaf1e; 
}  

.gwhite7 {             
  background : rgba(255,255,255,0.7);
}  

.gsignpost {
    color: #707070;
    background-color: #fff;
    border-bottom: 1px solid #f6f1ee;
}

.gblackb {              
  color : #fff;
  background-color : #000;
  border-radius: 5px;
}  

.gblack5 {             
  background : rgba(0,0,0,0.5);
} 


/*************************
*******OBRAZKY******
**************************/

.img-circle {
  border: 10px solid white;
  transition: all 0.9s ease 0s;
  -moz-transition: all 0.9s ease 0s;
  -webkit-transition: all 0.9s ease 0s;
  -o-transition: all 0.9s ease 0s;
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
}   

.img-shadow {
  border: 10px solid white;
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
}     

.shadow {
  transition: all 0.9s ease 0s;
  -moz-transition: all 0.9s ease 0s;
  -webkit-transition: all 0.9s ease 0s;
  -o-transition: all 0.9s ease 0s;
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
}  

.shadowin {
  box-shadow: inset 0 0 20px 2px #000;
  -webkit-box-shadow: inset 0 0 20px 2px #000;
  -webkit-transition: 200ms;
  -moz-transition: 200ms;
  -o-transition: 200ms;
  transition: 200ms;
} 

.trans {
  background : transparent;
}  

.circle {
  width : 90px;
  height : 90px;  
  line-height : 70px;
  font-size : 40px;
  font-weight : 400;
  text-align : center;
  border-radius: 100%; 
  border: 5px solid #f8f8f8;
  box-shadow: inset 0 0 1px 1px #e6e6e6;
  -webkit-box-shadow: inset 0 0 1px 1px #e6e6e6;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
  background: repeating-linear-gradient(-45deg, #f8f8f8, #f8f8f8 1px, white 1px, white 5px);
}   

.circle:hover { 
  background : #fbaf1e;
  color : white; 
} 

/*************************
*******OHRANICENI******
**************************/

.noborder {
  border : 0 !important;
}  

.r2 {
  border-radius: 2px;
}

.r5 {
  border-radius: 5px;
}

.r10 {
  border-radius: 10px;
} 

.divider {   
  background : url(../gfx/divider.png) repeat-x;
} 

.bordergt {
  border-top : 1px solid #f6f1ee;
}  

.border5 {
    border: 5px solid white;
    transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
}

/*************************
*******ROZMERY******
**************************/

.wp50 {
  width : 50%;
}

.wp90 {
  width : 90%;
}

.wp100 {
  width : 100%;
}

.wp200px {
  width : 200px;
}     

.hh133 {
  height : 133px;
}

.hp100 {
  height : 100%;
}  

.hp100 {
  height : 100%;
}

/*************************
*******TEXTY******
**************************/ 

.uppercase {
  text-align : uppercase;
} 

.nodeco {
  text-decoration : none;
}   

.s12{
  font-size : 12px; 
} 

.s14 {
  font-size : 14px; 
} 

.s15 {
  font-size : 15px; 
}   

.s16 {
  font-size : 16px; 
} 

.s18 {
  font-size : 18px; 
} 

.s24 {
  font-size : 24px; 
}

.s28 {
  font-size : 28px; 
}

.s30 {
  font-size : 30px; 
}  

.s36 {
  font-size : 36px; 
}

.s60 {
  font-size : 60px; 
}   

.w100 {
  font-weight : 100; 
}   

.w300 {
  font-weight : 300; 
}   

.w400 {
  font-weight : 400; 
}    

.w700 {
  font-weight : 700; 
}      

.w800 {
  font-weight : 700; 
} 

.twhite {
  color : white !important;
}

.tblack {
  color : black !important;
} 

.tgray {
  color : #777 !important;
} 

.tblue {
  color : #393185 !important;
} 

.tblued {
  color : #3f96ba !important;
}

.tcenter {
  text-align : center;
} 

.tleft {
  text-align : left;
} 

.tright {
  text-align : right;
}