// layout setup
@maxWidth: 960px;

@col1of1: 100%;            
@col1of2: 50%; 

@col1of6: 16.66%;  
@col2of6: 33.33%; 
@col4of6: 66.66%;

@col1of5: 20%;
@col2of5: 40%;
@col3of5: 60%;
@col4of5: 80%; 

// layout setup - small devices 
@col3of10: 30%;
@col4of10: 40%;

// content setup
@smallPictureWidth: 140px;
@medPictureWidth: 300px;
@largePictureWidth: 620px;
@textGap: 0.5em;
@elementGap: 10px;  

// responsive setup
@rspBreakPoint1: 768px; 
@rspBreakPoint2: 640px; 
@rspBreakPoint3: 500px; 
@rspBreakPoint4: 420px;

// tema responsive setup
@temaBreakPoint1: 980px; // @maxWidth + 20px; 
@temaBreakPoint2: 820px; // @temaBreakPoint1 - @smallPictureWidth - 2*@elementGap; 
@temaBreakPoint3: 660px; // @temaBreakPoint2 - @smallPictureWidth - 2*@elementGap;
@temaBreakPoint4: 500px; // @temaBreakPoint3 - @smallPictureWidth - 2*@elementGap;

@FSbiggest: 123%;
@FSbigger: 115%;
@FSbig: 108%;
@FSnormal: 100%;
@FSsmall: 90%;
@FSsmaller: 75%;
@FSsmallest: 62%;
@FSdefaultH1: 231%;
@FSdefaultH2: 100%;
@FSfrontPageH2: 215%; 
@FSbiggerH2: 138%;
@FSdefaultH3: 100%;

@normalFontSize: 1.3em;   
@smallFontSize: 1.2em;
@smallerFontRel: 90%;

@topMenuHeight: 28px;
@topMenuTopPosition: 127px;
@topColor: #f17022;  
@bottomColor: #e1520c;       
@topMenuBgColorTop: #f17022;  
@topMenuBgColorBottom: #e1520c;
@topMainMenuBgColorTop: #c12300;  
@topMainMenuBgColorBottom: #9f1f02;
@contentBlockBgcolor: #f8f8f8;

@linkColor: #941e04;
@footerMenuColor: #fff; 
@footerMenuBgColor: #929291;

 
.linkNoHover() {
	text-decoration: none;
	font-weight: bold;
}
.linkHover() {
	text-decoration: underline;
}

// common definitions

.widthHeight(@width, @height) when (@height = auto) {
    width: @width;
}
.widthHeight(@width, @height) when not (@height = auto) {
    width: @width;
    height: @height;
}
.zeroMarginPadding() {
    margin: 0;
    padding: 0;
}
.colSetup (@width, @start) {
	float: left;
	width: @width;
	margin-left: @start;
	margin-right: -(@width+@start);
}
        
.topMenuBackground(@topColor, @bottomColor) { 
    /* Lavet med http://www.colorzilla.com/gradient-editor/ */ 
    background: @topColor; /* Old browsers */
    background: -moz-linear-gradient(top, @topColor 0%, @bottomColor 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@topColor), color-stop(100%,@bottomColor)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, @topColor 0%,@bottomColor 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, @topColor 0%,@bottomColor 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, @topColor 0%,@bottomColor 100%); /* IE10+ */
    background: linear-gradient(to bottom, @topColor 0%,@bottomColor 100%); /* W3C */ 
    // the following does not work together with border-radius
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@{topColor}', endColorstr='@{bottomColor}',GradientType=0 ); /* IE6-9 */
} 
        
.topMenuFlipBackground(@topColor, @bottomColor) {  
    background: @bottomColor; /* Old browsers */
    background: -moz-linear-gradient(bottom, @topColor 0%, @bottomColor 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,@topColor), color-stop(100%,@bottomColor)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(bottom, @topColor 0%,@bottomColor 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(bottom, @topColor 0%,@bottomColor 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(bottom, @topColor 0%,@bottomColor 100%); /* IE10+ */
    background: linear-gradient(to top, @topColor 0%,@bottomColor 100%); /* W3C */   
    // the following does not work together with border-radius
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@{bottomColor}', endColorstr='@{topColor}',GradientType=0 ); /* IE6-9 */
} 

.borderRadius(@radiusTL, @radiusTR, @radiusBR, @radiusBL) {
    -webkit-border-top-left-radius: @radiusTL; // Chrome,Safari 
    -webkit-border-top-right-radius: @radiusTR; // Chrome,Safari 
    -webkit-border-bottom-right-radius: @radiusBR; // Chrome,Safari 
    -webkit-border-bottom-left-radius: @radiusBL; // Chrome,Safari 
    -moz-border-radius-topleft: @radiusTL; // FF
    -moz-border-radius-topright: @radiusTR; // FF
    -moz-border-radius-bottomright: @radiusBR; // FF
    -moz-border-radius-bottomleft: @radiusBL; // FF
    border-top-left-radius: @radiusTL;
    border-top-right-radius: @radiusTR;
    border-bottom-right-radius: @radiusBR;
    border-bottom-left-radius: @radiusBL;
}    
.borderRadius(@radiusTL, @radiusTR) {
    -webkit-border-top-left-radius: @radiusTL; // Chrome,Safari 
    -webkit-border-top-right-radius: @radiusTR; // Chrome,Safari 
    -moz-border-radius-topleft: @radiusTL; // FF
    -moz-border-radius-topright: @radiusTR; // FF
    border-top-left-radius: @radiusTL;
    border-top-right-radius: @radiusTR;
}
.borderRadius(@radius) {
    -webkit-border-radius: @radius; // Chrome,Safari 
    -moz-border-radius: @radius; // FF
    border-radius: @radius; 
}
.boxSizing(@model) {
  -webkit-box-sizing: @model; // Chrome,Safari 
  -moz-box-sizing: @model; // FF
  box-sizing: @model;
}
.transition(@property, @time) {
  -webkit-transition: @property @time; // Chrome,Safari 
	-moz-transition: @property @time; // FF
	-o-transition: @property @time; // Opera
	transition: @property @time;
} 
.wordBreak() {
    -ms-word-break: break-all;
       word-break: break-all;
  
       /* Non standard for webkit */
       word-break: break-word;
  
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}
// end common definitions