body{
 
	scrollbar-face-color: #ce132c;
	scrollbar-arrow-color: #000000;
	scrollbar-track-color: #F68D92;
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color: #000000;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-Color: #000000;
	
	
	background: #FFFFFF url(http://www.cost-cutting.cz/images/body_bg.png) repeat-x top center;
        font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
        font-size:13px; color: #4D4D4D; margin: 0px auto;}
.clearer {clear:both;}
div.clearer {height: 0px;overflow: hidden;width: 1%;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.just {text-align:justify;}
.red {color: #ce132c;}
.noCSS {display: none;}

a:link, a:visited {color: #ce132c;}
a:hover {color: #ce132c; text-decoration:underline;}

a img {border: none;}
/*ul {margin-top:0.8em; margin-bottom:0.8em; margin-left:0.8em; padding-left:1em; line-height: 170%;}*/
ol {line-height: 140%;}
ol.alpha {list-style-type: lower-alpha;}
ol.roman {list-style-type: lower-roman;}
/*li {margin-bottom:0.3em;}*/
p {margin-top: 0em;  margin-bottom: 0.4em;  text-align: left;  line-height: 170%;  text-indent: 0px;}
.noIndent {text-indent: 0;}
span {line-height: 170%;}
h1 {font-size: 150%; line-height: 115%; font-weight: bold; margin-top:5px; margin-bottom: 5px;}
h2 {font-size: 130%; font-weight: bold; margin-top: 12px; margin-bottom: 7px;}

h3 {font-size: 110%; margin-top: 0px; margin-bottom: 4px; margin-top: 10px;}
h4 {font-size: 110%; margin-top: 0px; margin-bottom: 5px; margin-top: 0px;}
legend {font-size: 110%; font-weight: bold; margin-top: 0px; margin-left: 3px; margin-bottom: 5px;  padding-left: 2px;  color:#000000;}
fieldset {margin-top: 0px;  margin-bottom: 10px;  padding: 0px 0px 2px 0px;}
fieldset div.fieldsetContent {margin: 0px 20px;}
label {font-weight: bold;}
.help {cursor: help; border-bottom: 1px dashed #638EB5;}
.fleft { float: left; margin: 0 20px 15px 0; }
.fright { float: right; margin: 0 0 15px 20px; }
form {margin:0; padding: 0;}
textarea {font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;}
.italic {font-style: italic;
}

/*-------------------------------------------------------------------------------------------------------
	layout
---------------------------------------------------------------------------------------------------------*/
#page {width: 980px; margin: 0 auto; position: relative;}  
#header {padding-top: 238px; margin-bottom: 124px;}
#header1 {position: absolute; width: 445px; height: 337px; top: 0; left: -40px;
  background: url(http://www.cost-cutting.cz/images/header1.png) no-repeat left top; } 
#header2 {position: absolute; width: 615px; height: 348px; top: 0; left: -80px;
  background: url(http://www.cost-cutting.cz/images/header2.png) no-repeat left top; }
#logo {position: absolute; right: 0; top: 34px; width: 440px; height: 190px; overflow: hidden;}
#content {   padding-bottom: 15px; position: relative; z-index: 99; width: 980px;}
#content-left {float: left; width: 600px; padding-top: 45px;   
border: 0px solid #9C9C9C; }

#content-right {float: right; width: 350px; padding-top: 45px; padding-bottom: 300px; position: relative; 
border: 0px solid #9C9C9C; }

#right-image1 {position: absolute;  bottom: 0; right: 0; width: 300px; height: 300px;
  background: url(http://www.cost-cutting.cz/images/right_image1.PNG) no-repeat right bottom; }
#right-image2 {position: absolute;  bottom: 40px; right: 0; width: 288px; height: 169px;
  background: url(http://www.cost-cutting.cz/images/right_image2.png) no-repeat right bottom; }
#right-image3 {position: absolute;  bottom: 0; right: 0; width: 288px; height: 268px;
  background: url(http://www.cost-cutting.cz/images/right_image3.png) no-repeat right bottom; }
#right-image4 {position: absolute;  bottom: 0; right: 0; width: 288px; height: 229px;
  background: url(http://www.cost-cutting.cz/images/right_image4.png) no-repeat right bottom; }


#content-left h1, #content-right h2, #home-right h1, #home-left h2, #home-right h2 {margin: 0 0 0 0; color: #ce132c; font-weight: normal; font-size: 22px;}
#content-left h2, #home-right h3  {font-size: 14px; color: #ce132c; margin-top: 20px;}
#footer {background: url(http://www.cost-cutting.cz/images/footer_bg.png) repeat-x left top; color: #989898; padding: 15px 0;}
#footer p {vertical-align: middle;}
#footer p.left {float: left;}
#footer p.right {float: right;}
#footer p.right img {vertical-align: middle;}
#footer a:link, #footer a:visited {color: #989898; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
/*-------------------------------------------------------------------------------------------------------
	navigation
---------------------------------------------------------------------------------------------------------*/
#navigation {height: 35px; background: url(http://www.cost-cutting.co.uk/images/navigation_bg.png) no-repeat left top; padding-top: 9px; font-family: sans-serif;
  position: relative; z-index: 99; line-height: 36px;  }  
#navigation ul   {margin: 0; padding: 0 10; list-style-type: none;   
  border: 1px solid #9C9C9C; 
  background: #ECECEC url(http://www.cost-cutting.cz/images/navigation_ul_bg.png) left top; 
  background-repeat: repeat;	height: 100%;  
   }
  #navigation  ul    {           text-transform: uppercase; font-size: 15px; padding: 0 10px;   }      
  #navigation  .top_ln  {  float: left;    text-transform: uppercase; font-size: 15px; padding: 0 15px;   }

#navigation li a:link, #navigation li a:visited {    text-decoration: none; color: #666666; text-shadow: 0 1px 0 #FFFFFF; font-weight: bold; 		 }
#navigation li a:hover, #navigation li.selected a {   color: #ce132c  ;    text-shadow: 5px 5px 5px #ABADAD;      }
#navigation .sub{          	visibility:hidden;  }
#navigation li:hover .sub{	visibility: visible;

border-bottom-left-radius: 15px;
border-bottom-right-radius:  15px; 

 
 
background: -webkit-linear-gradient(170deg, #fefefe, #d9d9d9); /* For Safari */
background: -o-linear-gradient(170deg, #fefefe, #d9d9d9); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(170deg, #fefefe, #d9d9d9); /* For Firefox 3.6 to 15 */
background: linear-gradient(170deg, #fefefe, #d9d9d9); /* Standard syntax (must be last) */}


.divx1 {
    width: 150px;    height: 100px;    
 
    -webkit-transition: width 0.5s; /* For Safari 3.1 to 6.0 */
    transition: width 0.5s;
   
 

  background: -webkit-linear-gradient(180deg,#A6061C,#CE132D);  
  background: -o-linear-gradient(180deg,#A6061C,#CE132D);  
  background: -moz-linear-gradient(180deg,#A6061C,#CE132D);  
  background: linear-gradient(180deg,#A6061C,#CE132D);  

  border:1px solid;   border-radius: 5px;  box-shadow: 5px 2px 5px #888888;  
}
.divx2 {
    width: 150px;    height: 100px;    
    -webkit-transition: width 0.5s; /* For Safari 3.1 to 6.0 */
    transition: width 0.5s;

  background: -webkit-linear-gradient(180deg,#174071,#205798);  
  background: -o-linear-gradient(180deg,#174071,#205798);  
  background: -moz-linear-gradient(180deg,#174071,#205798);  
  background: linear-gradient(180deg,#174071,#205798);  

  border:1px solid;   border-radius: 5px;  box-shadow: 5px 2px 5px #888888;  
}
.divx3 {
    width: 150px;    height: 100px;    
     -webkit-transition: width 0.5s; /* For Safari 3.1 to 6.0 */
    transition: width 0.5s;

  background: -webkit-linear-gradient(180deg,#128A12,#1BBA1B);  
  background: -o-linear-gradient(180deg,#128A12,#1BBA1B);  
  background: -moz-linear-gradient(180deg,#128A12,#1BBA1B);  
  background: linear-gradient(180deg,#128A12,#1BBA1B);  

  border:1px solid;   border-radius: 5px;  box-shadow: 5px 2px 5px #888888;  
}
.divx4 {
    width: 150px;    height: 100px;    
     -webkit-transition: width 0.5s; /* For Safari 3.1 to 6.0 */
    transition: width 0.5s;

  background: -webkit-linear-gradient(180deg,#AC8C16,#E8BD21 );  
  background: -o-linear-gradient( 180deg,#AC8C16,#E8BD21);  
  background: -moz-linear-gradient(180deg,#AC8C16,#E8BD21 );  
  background: linear-gradient(180deg,#AC8C16,#E8BD21);  

  border:1px solid;   border-radius: 5px;  box-shadow: 5px 2px 5px #888888;  
}
 

.divx1:hover {     width: 200px; }
.divx2:hover {     width: 200px; }
.divx3:hover {     width: 200px; }
.divx4:hover {     width: 200px; }


             .sub{ visibility: hidden;  }
.divx1:hover .sub, .divx2:hover  .sub, .divx3:hover .sub, .divx4:hover .sub{ visibility: visible;                
                border:1px solid;
                border-radius: 5px;
	              box-shadow:  5px 2px 5px  #888888; 
              position: relative;
    left: 220px; padding: 10px 20px;  top: -90px; width: 450px;  
    
  background: -webkit-linear-gradient(90deg,#DDDDDD,#FFFFFF);  
  background: -o-linear-gradient(90deg,#CCCCCC,#FFFFFF);  
  background: -moz-linear-gradient(90deg,#CCCCCC,#FFFFFF);  
  background: linear-gradient(0deg,#DDDDDD,#FFFFFF);   
  }
#chart p{padding: 18px 15px;}
#chart a{ color: #AAAAAA; text-decoration: none;}    
#chart h2{ color: #FFFFFF; text-decoration: none;}   

.MARKANT{
    width: 500px;   
     

  background: -webkit-linear-gradient(170deg, #FFFF67, #FDE41E );  
  background: -o-linear-gradient(170deg, #FFFF67, #FDE41E);  
  background: -moz-linear-gradient(170deg, #FFFF67, #FDE41E );  
  background: linear-gradient(170deg, #FFFF67, #FDE41E );  

  border:1px solid;   border-radius: 15px;  box-shadow: 5px 2px 5px #888888;  
  
   padding: 10px 20px;
}