.ramecek2{
	
	text-align: center;
  overflow: auto;
  padding-top: 40px;
  }


img.nic {
	border: 0px;
    }

img.sipka {
	border: 0px;
	padding-bottom: 20px;
	padding-left: 5px;
	padding-right: 5px;
    }
  
 a.img, a.img:visited {
	border: 0px;
    }
    a.img:hover, a.img:visited:hover {
	border: 0px;
    }

#miniatury {
position: relative;
width: 220px;
margin: 0 auto; /*vycentrovanie v ostatných prehliadačoch*/
left: 0px;
height: 60px;
}

#mini1 {
position: absolute;
width: 110px;
margin: 0 auto; /*vycentrovanie v ostatných prehliadačoch*/

}

#mini2 {
position: absolute;
width: 110px;
margin: 0 auto; /*vycentrovanie v ostatných prehliadačoch*/
left: 110px;
}

.ramecek{
	
	width: 150px;
	height: 230px;
	padding: 5px;
	margin: 10px 10px 10px 10px;
	text-align: center;
	border: 1px double #FE4E00;
	background: #011235;
	overflow: auto;
  }


body {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: blue;
	text-align: center;
	
}

h2, h3, h5 {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;

}


h1 { font-size: 55px;
	margin: 0;
	padding-bottom: 0px;
	padding-top: 5px;
  font-weight: normal; 
  font-family: Arial;
	color: white; }

h2 {
	margin-bottom: 0px;
	font-size: 20px;
	padding: 0 0 0px 0;
}

h3 {font-size: 15px;
	padding: 0 0 0px 0;
  font-family: Arial;
	color: white; 


}
#header h3 {font-size: 25px;
	padding: 0 0 0px 0;
  font-family: Arial;
	color: white; 


}
h4 {font-size: 15px;
	padding: 0 0 0px 0;
  font-family: Arial;
	color: blue;


}
hr
{
	color: #FE4E00;

}

p {
	margin-top: 0;
	text-align: justify;
	
}

a {
font-size: 15px;
	color: #f97a42;
}

a:hover {
	text-decoration: none;
	padding: 0 0 0px 0;
	

}

#colTwo2 a {
font-size: 12px; 
	color: #FE4E00;
	text-decoration: none;
}

#colTwo2 a:hover {
	text-decoration: none;
	padding: 0 0 0px 0;
	text-decoration: underline;

}



#colTwo a {
font-size: 12px; 
	color: #FE4E00;
	text-decoration: none;
}

#colTwo a:hover {
	text-decoration: none;
	padding: 0 0 0px 0;
	text-decoration: underline;

}


/* Header */

#header {
	width: 800px;
	margin: 0 auto;
	height: 130px;
	background: blue;
	position: relative;
}

#menu h1 {
	
}

#menu h2 {
	display: none;
}




#menu a {
	padding: 17px 22px 17px 22px;
  background: url(images/menu.jpg) repeat-x;
	text-decoration: none;  
	text-align: center;
	font: bold 12px  Arial, sans-serif;
	border-right: 1px solid white;
		border-left: 1px solid white;
}

#menu a:hover {
	text-decoration: underline;
		background: url(images/menu2.jpg) repeat-x;
}

#menu .first a {
	background: none;
}
a.zakazka{ 
border-top: 1px solid #40adc8;
border-left: 1px solid #40adc8;
display: block; 
height: 100px;
width:570px;
margin-left: 10px;
margin-bottom: 10px;
 background: url(images/zakazka.jpg) repeat-y;


   
}
a.zakazka:hover{ 
display: block; 
height: 100px;
width:570px;
margin-bottom: 10px;
 background: url(images/zakazka2.jpg) repeat-y;
 }

a.zakazkasmall{ 
border-top: 1px solid #40adc8;
border-left: 1px solid #40adc8;
border-right: 1px solid #40adc8;
border-bottom: 1px solid #40adc8;
display: block; 
position: relative;
height: 210px;
width:180px;
float: left;
margin-left: 10px;
margin-bottom: 10px;
 background: url(images/zakazka.jpg) repeat-y;


   
}
a.zakazkasmall:hover{ 
display: block; 
position: relative;
height: 210px;
width:180px;
margin-bottom: 10px;
 background: url(images/zakazka2.jpg) repeat-y;
 }



.foto{ 
 
width: 100px;
  padding-top: 15px;
  right: 0px;
  height: 85px;
  float: left;
  position:relative;
   padding-left: 10px;
 background: transparent;

}
.fotosmall{ 
padding-left: 20px; 
width: 130px;
  padding-top: 15px;
  float: none;
  position:relative;


}

.popis{

     float: left;
     padding-top: 40px; 
     height: 60px;
  position:relative;
  left: 0px;
  	width:310px;

       background: transparent;   

}
.cena{
float: right;  
  height: 60px;  
  padding-top: 40px; 
  position:relative;
  vertical-align: middle;
  width: 143px;

   

}
#menu{
	width: 800px;
	position: relative;
	height: 50px;
  margin: 0 auto;
  text-align: center;
  padding-top: 17px;
 	background: url(images/menu.jpg) repeat-x;
}

/* Content */

#content {
position: relative;
width: 820px;
text-align: left; /*zrušenie vycentrovania textu*/
margin: 0 auto; /*vycentrovanie v ostatných prehliadačoch*/
top: 0px;
background: white;

}

#colOne {
position: relative;
width: 198px;
float: left;
left: 10px;
top: 10px;
}



#colOne a
{

display: block;
position: relative;
width: 178px;
text-decoration: none;
background: inherit;
padding-left: 17px;
padding-top: 3px;
padding-bottom: 3px;
color:  #FE4E00;
font-size: 15px;
border-top: 1px solid #8ac2cf;
background: url(images/left.jpg) repeat-y;
}

#colOne a:hover
{
background: inherit;
color: #fff;
background: #8ac2cf;
}

#colOne a.obrazek
{
position: relative;
width: 178px;
text-decoration: none;
background: white;
border: 0px;
}

#colOne a.obrazek:hover
{
background: white;
border: 0px;
}




#colOne a.pod {
font-size: 12px;
padding-left: 17px;
width: 158px;
}

#colOne a.pod:hover {
	text-decoration: none;
	padding: 0 0 0px 10px;
	width: 158px;
  padding-left: 17px;
}
#colOne p {
  margin-top: 0px;
  margin-bottom: 0px;
	text-align: center;
  color: #ff4200;
  padding-left: 17px;
  padding-top: 3px;
  width: 176px;
  border-top: 1px solid #8ac2cf;
   border-left: 1px solid #8ac2cf;
    border-right: 1px solid #8ac2cf;
}

p.warning {
	 font-weight: bold; 
	 font-size: 18px;
	text-align: center;
	color: red;
}

#colTwo {
  position: relative;
  margin-left: 210px;
   top: 10px;
   left: 10px;
  width: 580px;
  background: transparent;

	
}

#colTwo h2 {
 text-align: center;
	color: #fe4e00;
font-family: Verdana, Arial, Courier, sans-serif
}
#colTwo h3 {
 text-align: center;
color: #fe4e00;
font-family: Verdana, Arial, Courier, sans-serif
} 

#colTwo2 {
  position: relative;
  margin-left: 210px;
   top: 10px;
   left: 10px;
  width: 580px;
  background: transparent;
    border-top: 1px solid #8ac2cf;
  border-left: 1px solid #8ac2cf;
	
}

#colTwo2 h2 {
 text-align: center;
	color: #fe4e00;
  border-bottom: 1px dotted black;	
	margin-bottom: 10px;
font-family: Verdana, Arial, Courier, sans-serif
}
#colTwo2 p {
padding-left: 10px;
margin-right: 5px;
	color: #128cab;
font-family: Verdana, Arial, Courier, sans-serif
}
#colTwo2 h3 {
 text-align: center;
color: #fe4e00;
font-family: Verdana, Arial, Courier, sans-serif
}




.krabice
{
position: absolute;
left: 190px;
}
.pod
{
position: relative;
left: 20px;
}

/* Footer */

#footer {
	clear: both;
	width: 800px;
	margin: 0 auto;
	padding: 30px 0 0 0;
}

#footer p {
	padding: 20px 0 0 0;
	background: url(images/img4.gif) repeat-x;
	text-align: center;
	color: #8A8A8A;
}