html
{
 background:#ffffff url('../img/bg-repeat.jpg') center top repeat-x;
  font-family: Times;
  font-size:14px;
  margin:0;
  padding:0;

}
  
  #colorstudio
  {
    padding-top: 70px;
    background: url(../images/colorstudio.jpg) center top no-repeat;
  }
  


  .best
  {
  margin:470px 0 0 15px;
  
  
  }
  
  
  .best a
  {
  color:black;
  font-size:11px;
  
  }

body{

 background:transparent url('../img/bg.jpg') center top no-repeat;
  font-family: Helvetica;
  font-size:14px;
  margin:0;

  padding:0;

}

#adr a
{

 color:#1c2e9b;
}

#shade1
{
  background: url(../images/michani1a.jpg) top right no-repeat;
  padding-right: 210px;
  padding-top: 20px;
  height: 140px;
}


#pravic
{
float:right;
margin:0px 0px 0 0;
width:240px;

}


#pravic strong
{ display:block;
 margin: 0 0 10px 0;
float:left;
}



#pravic form
{

float:right;
}



#shade2
{
  background: url(../images/fotometr1.gif) top left no-repeat;
  padding-left: 210px;
  padding-top: 20px;
  height: 160px;
  text-align: left;
}

#shade3
{
  background: url(../images/lesonal_vzor.jpg) top right no-repeat;
  padding-top: 20px;
  padding-right: 210px;
  height: 140px;
}

  #title
  {
   
  
     background: url(../img/titulni.jpg) right 2px no-repeat;
    height: 320px;
    oveflow: visible;
  }

.red{
color:red;

}


#page

{
position:relative;
margin:0 auto;
width:975px;
  background: url('../img/main.jpg') 0  repeat-y;

}



.mnozstvip

{
width:35px;
border:1px solid orange;


}


.radit{
position:relative;
margin:0 0 0 0px;
float:left;
display:block;
height:24px;
width:210px;

}


.radit strong
{
margin:0 0 0 0px;
float:left;
display:block;
height:24px;
width:140px;
}


.dolu
{ 
display:block;
width:24px;
height:24px;
  background: url('../img/down-icon.png') no-repeat;
 float:left;
}

.nahoru
{
display:block;
width:24px;
height:24px;
  background: url('../img/up-icon.png') no-repeat;
 float:left;
 margin:0 0px 0 0 ;
}


.clear_both
{
clear:both;

}

.kosikadd
{
position:relative;
margin:0 ;
display:block;
width:81px;
float:right;
height:25px;
 background: url('../img/bubble.jpg') center top no-repeat;
 border:none;
 color:#004a73;
 font-weight:bold;


}



#kosicek
{
position:absolute;

display:block;
top:40px;
left:40px;



}


.obchodni
{
display:block;
margin:0 0 0 60px;
float:right;

}





.back img
{

float:left;

}

.back a
{
position:relative;
display:block;
top:10px;
left:15px;

}

#kosicek a
{
display:block;
position:relative;
top:10px;
float:left;
margin:0 30px 0 -10px;
color:#1c1b57;
}
#kosicek span
{
display:block;
position:relative;
top:10px;
float:left;
margin:0 0px 0 0;
color:#1c1b57;
}

#kosicek img
{
float:left;

}


.cervene
{
color:red;


}


#header h1
{
position:relative;
display:block;
margin:0;
width:220px;
height:180px;

 float:left;
 

}


#header h1 a
{

display:block;
width:220px;
height:180px;


}



#header h1 a span
{
display:none;

}


label
{
display:block;
float:left;
width:180px;
margin: 8px 0 0 0;
}



#kosicek a
{ position:relative;
display:block;
float:left;
top:10px;
left:20px;
color:#1c1b57;
}

#header
{
position:relative;
width:975px;
height:266px;
  background: url('../img/header.jpg') -1px  0 no-repeat;
}

#main
{
float:right;
position:relative;
width:975px;
##width:975px;

}



#middle
{

position:relative;
margin:0 2px 0 1px;
##margin:0 2px 0 0;
_margin:0 1px 0 0;
float:right;
width:745px;
##width:743px;



}

  hr.cl
{
clear: both;
height: 1px;
line-height:1px;
margin: -1px 0 0 0;
padding: 0;
border: none;
visibility: hidden;

} 

#left
{
position:relative;
margin:-1px 0 0 5px;
  background: url('../img/left-picture.jpg')  no-repeat;
width:224px;
_width:220px;
height:672px;


}


#left2
{
position:relative;
margin:-1px 0 0 5px;
  background: url('../img/left-picture2.jpg')  no-repeat;
width:222px;
height:672px;
_width:220px;

}




 #hornimenu {
	position: absolute;
	top: 45px;
	left: 34px;
	margin: 0;
	padding: 0;

}
#hornimenu li {
	display: block;
	float: left;
	width: 114px;
	height: 35px;
	margin: 0 1px 0 10px;
	padding: 0;
	text-align: center;
}




#hornimenu li a {
	margin: 0;
	padding: 0;
	line-height: 30px;
}
#hornimenu li a:link, #hornimenu li a:visited {
	color:  white;
	text-decoration: none;
}
#hornimenu li a:hover, #hornimenu li a:active, #hornimenu li a.active {
	color: white;

  font-weight: bold;
	text-decoration: underline;
}





#adr

{
position:absolute;
top:190px;
left:20px;
font-size:11px;
color:#1c2e9b;

}

 .balicek
 
 {
 margin:0;
 padding:0;
 display:block;
 position:relative;
 height:220px;


 
 
 
 }
 
 
 .balicek-detail
 {
 
   margin:0;
 padding:0;
 display:block;
 position:relative;

 
 }
 
 
.nadpiszbo
{
display:block;
width:350px;
margin:0 0 10px 0;
top:0;
}


.array-zbo
{
display:block;
float:right;
position:relative;
margin:0;
top:0;
 width:330px;
}

 
 .cena tr td
 {
 font-weight:bold;

 }
 
 .nahledobr
 {
 margin:0;
 display:block;
 position:relative;
 float:left;
width:100px; 
 
 
 }
 
 
 .nahledobr a img
 {
 border:4px solid white;
 
 }

#right
{
float:right;
margin:-1px 4px 0 0px;
_margin:-1px 2px 0 0px;

width:222px;
  background: url('../img/right-picture.jpg') 0 1px no-repeat;
  height:635px;
}


#content
{
float:left;
width:488px;
##width:484px;
margin:0px 0 0 0;
padding:20px 15px 0 15px;
 background:#fcf394 url('../img/bg-middle.jpg') center top no-repeat;

 color:#1f1a5a;
}


#content h2
{
font-size:16px;


}

.reference-item
{
width:160px;
float:left;

}


.float_right
{
float:right;

}

#content a img

{
border:4px solid white;


}


#akce
{
margin:20px 0 0px 0;
float:left;
width:489px;
 background:#fcf394 url('../img/akcni-header.jpg') center top no-repeat;
}



#akce #akce-uvod
{
display:block;

margin:20px 0 0px 0;
float:left;
width:489px;


}

#akce #akce-uvod img
{

float:left;
margin: 0 15px 15px 0;


}



#akce span
{
display:block;
color:#1f1a5a;
padding:8px 0 0 0px;
text-align:center;
margin:0;
font-weight:bold;
}

#footer
{
margin:0 auto;
width:975px;
height:169px;
 background:transparent url('../img/footer.png') center top no-repeat;



}




.ramecek
{
margin:50px 0 0 0;
display:block;
 position:relative;
float:left;
width:240px;




}


#akce .ramecek span.nazev
{
display:block;
margin:0 0 0 20px;
padding:0;
font-weight:bold;

}


#akce .ramecek span.popisek
{
display:block;
margin:0 0 0 20px;
padding:0;


}


.text
 {
display:block;
 width:80px;
float:right;
font-size:12px;
height:108px;
margin:20px 0 0 0;


}


.bubble
{
position:relative;
margin:0 ;
display:block;
width:81px;
float:right;
height:25px;
 background: url('../img/bubble.jpg') center top no-repeat;
 border:none;
 color:#004a73;
 font-weight:bold;
}

.array-ram
{
margin:20px 0 0 10px;
display:block;
position:relative;
width:100px;
height:75px;



}

.array-ram img
{
display:block;
position:absolute;
top:5px;
left:5px;
border:3px solid white;


}


#middle-rightinium
{
float:right;
width:230px;

 color:#1f1a5a;
}


#middle-leftinium a,  #middle-rightinium a
{
 color:#1f1a5a;
}


#middle-leftinium ul li,  #middle-rightinium ul li
{
list-style-type: square;
margin:0 0 15px 0;
}


#middle-leftinium
{

float:left;
width:230px;
color:#1f1a5a;

}


#left2 ul  li
{
margin:7px 0 0 0;
list-style-type: none;
}

#left2 ul  li a
{

 color:#1f1a5a;
}


#left2 ul  li a.active
{
  font-weight:bold;
 color:#1f1a5a;
}



#kosicekkosicek

{

float:right;

}

#left2 ul
{
display:block;
position:relative;
margin:0px 0 0 0;
padding:15px 0 0 15px;

}



#middle-leftinium strong
{
 margin:0 0 0 25px;
}


#middle-rightinium strong
{
 margin:0 0 0 25px;
}

#header #levy-sloupec
{
position:absolute;
top:240px;
left:55px;


}

#header #levy-sloupec  a
{
color:white;

}



#header #stred-sloupec
{
position:absolute;
top:240px;
left:440px;


}

#header #stred-sloupec  a
{
color:#1f1a5a;

}



#header #pravy-sloupec
{
position:absolute;
top:240px;
left:810px;


}

#header #pravy-sloupec  a
{
color:white;

}








#header #levy-sloupec1
{
position:absolute;
top:200px;
left:55px;


}

#header #levy-sloupec1  a
{
color:white;

}



#header #stred-sloupec1
{
position:absolute;
top:200px;
left:440px;


}

#header #stred-sloupec1  a
{
color:#1f1a5a;

}



#header #pravy-sloupec1
{
position:absolute;
top:200px;
left:700px;


}

#header #pravy-sloupec1  a
{
color:white;

}










#array
{
position:absolute;
left:-1px;
top:187px;
width:984px;
height:80px;
 background:transparent url('../img/header1.jpg') center top no-repeat;



}


#array2
{
position:absolute;
left:-1px;
top:187px;
width:984px;
height:80px;
 background:transparent url('../img/header2.jpg') center top no-repeat;



}


#array3
{
position:absolute;
left:-1px;
top:187px;
width:984px;
height:80px;
 background:transparent url('../img/header3.jpg') center top no-repeat;



}




#footer-text
{
display:block;
position:relative;
top:23px;
left:410px;
width:300px;
color:white;
float:left;
}



.doleg
{
display:block;
float:right;
position:relative;
top:23px;
margin:0 200px 0 0;
color:white;
}


#footer-text a
{
color:white;


}


#content ul.joj li
{


 list-style-type: square;
}


#content a
{
 color:#1f1a5a;

}


#mixing
{
  background: url(../images/michan3a.jpg) top left no-repeat;
  padding: 0 0 0 160px;
}

#mixing div.float 
{
  width: 130px;
  float: left;
  text-align: left;
  padding: 0 5px;
  overflow: hidden;
}
#mixing1 div.float
{
  width: 130px;
  float: left;
  text-align: left;
  padding: 0 5px;
  overflow: hidden;
}
#mixing1 div.float ul
{
  list-style: none;
}
#mixing1 div.float ul li
{
  margin-bottom: 10px;
  margin-left: 0;
}




#auto1
{
  width: 250px;
  padding-bottom: 150px;
  background: url(../images/michani2a.jpg) center bottom no-repeat;
  text-align: center;
  float: left;
}

#auto2
{
  width: 200px;
  padding-bottom: 200px;
  background: url(../images/michan3a.jpg) center bottom no-repeat;
  text-align: center;
  float: right;
}

.stomix, .het, .teluria, .dispechem, .colorlak, .rokospol, .industrycoats {
	display: block;
	width: 95px;
	margin-bottom: 5px;
}
.stomix *, .het *, .teluria *, .dispechem *, .colorlak *, .rokospol *, .industrycoats * {
	visibility: hidden;
}
.stomix {
	background: url('../images/manufacturers/stomix-logo.png') center center no-repeat;
	height: 17px;
}
.het {
	background: url('../images/manufacturers/het-logo.png') center center no-repeat;
	height: 40px;
}
.teluria {
	background: url('../images/manufacturers/teluria-logo.jpg') center center no-repeat;
	height: 26px;
}
.dispechem {
	background: url('../images/manufacturers/dispechem-logo.jpg') center center no-repeat;
	height: 34px;
}
.colorlak {
	background: url('../images/manufacturers/colorlak-logo.png') center center no-repeat;
	height: 30px;
}
.rokospol {
	background: url('../images/manufacturers/rokospol-logo.jpg') center center no-repeat;
	height: 35px;
}
.industrycoats {
	background: url('../images/manufacturers/industrycoats-logo.jpg') center center no-repeat;
	height: 76px;
}


.info

{
font-size:10px;


}