html, body {
  background: #FFFFE6;
  font: 90%/1.2 Verdana, Arial, Helvetica, sans-serif;
  background: url(./images/bg.jpg) repeat-x;
  background-color: #e7ffdd;
}

/* Vycentrování stránky */

#stranka 
{
	margin: auto;
	width: 800px;
	background-color: white;
	height: 600px;
}
	
#wrapper
{
  background-color: white;
}

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

a:hover 
{
  text-decoration: none;
  color: gray;
}

/* HEADER */

h1 
{
  position: absolute;
  color: black;
  margin-top: 50px;
  left: 0px;
  margin-left: 155px;
  font-size: 18px;
}

#header 
{
  margin-left: 0px;
  background: url(./images/header.jpg) repeat-x;
  height: 110px;
  width: 800px;
  position: relative;
}

.telephone
{
  display: inline;
  text-align: center;
  font-weight: bold;
  position: absolute;
  left: 0;
  margin-left: 60px;
}

#logo 
{
  width: 117px;
  height: 96px;
  display: block;
  background: url("img/logo.gif") no-repeat;
  float: left;
  margin-top: 10px;
  margin-left: 20px;
  
}


#vytvarny_atelier h2
{
	position: absolute;
	margin-left: 155px;
	color: black;
	font-size: 12px;
	border-bottom: 2px solid;
	border-right: 2px solid;
	height: 18px;
	width: 148px;
}
	
#name
{ 
  position: absolute;
	left: 155px;
	margin-top: 90px;
	font-weight: bold;
}

#quick-navigation
{
	margin-top: 7px;
	float: right;
	padding-right: 10px;	
}
#quick-navigation a
{
	color: #FFFF00;	
	text-decoration: underline;
	font-weight: 700;
	font-size: 12px;
	display: inline;
}
	
#quick-navigation a:hover
{
	color: #855875;	
	text-decoration: underline;
	font-weight: 700;
	font-size: 12px;
	display: inline;
}
	
#quick-contact {
	background: url(./images/kontakt-bgf.png) no-repeat;
	padding: 0.7em;
	position: absolute;
	margin-top: 25px;
	left: 0px;
	margin-left: 600px;
	width: 190px;
	height: 150px;
}

#mail
{
  margin-top: 5px;
}

/* MENU */

#menu {
  position: relative;
  margin-top: 4px;
	width: 800px;
  background: url(./images/menubg.jpg);
  height: 31px;
  font-size: 10px;
  color: white;
}
#menu li {
  float: left;
  list-style-type: none;
  text-align: center;
  border-right: 1px solid #6bf83a;
  color: white;  
}

#menu li a {
  text-decoration: none;
  float: left;
  display: inline;
  line-height: 28px;
  padding: 0 9px;
  color: #FFFF00;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  

}

#menu li a:hover
{	
  background-color: white;
  color: #855875;
  border: 0px;
}
		
.active
{
  background-color: #ffffe6;
  color: #855875;
  border: 0px;
}
			
.active span
{
  color: #855875;				
}
				
#rozsirene li a
{
  width: 116px;
  text-align: center;
}

#kontakt
{
  width: 116px;
}
     
/* LEVÉ MENU */ 
#leve_menu
{
  position: absolute;
  top: 0px;
  margin-top: 160px;
}
.nadpis
{ 
  margin-top: 6px;
  background-image: url(./images/nadpis-menu.jpg);
  position: relative;
  padding-top: 8px;
  height: 25px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  width: 175px;
}

#leve_menu ul
{ 
  margin-top: 6px;
}

#leve_menu ul li.actived, #leve_menu ul li:hover
{
  background: url(./images/sipka-hover.png) no-repeat;
  background-color: #ffffe6;
}

#leve_menu ul li
{   
  height: 20px;
  border-bottom: 1px dotted;
  width: 150px;
  text-align: left;
  padding-top: 4px;
  font-size: 10px;
  padding-left: 25px;
  background: url(./images/sipka.png) no-repeat;
}



#leve_menu ul li a
{
  
  text-decoration: none;
  color: grey;
}

#leve_menu ul li a:hover
{
  text-decoration: underline;
  color: grey;
}

#kontakt
{
width: 116px;
}

/* CONTENT */

#content
{ 
  position: relative;
  margin-left: 180px;
  background-color: #ffffe6;
  margin-top: 8px;
  min-height: 1700px;
}

.clear
{
clear: both;
}

#content img
{
  border: 0px;
}

#content h3
{
  font-size: 20px;
  color: #ad0000;
  text-align: center; 
}

#content h4
{
  font-size: 16px;
  color: #ad0000;
  text-align: center;
}

#ramecek
{ 
  margin-top: 40px;
  border: 1px solid;
  padding-bottom: 30px;
  background-color: #FFF9BF;
}

#ramecek h5
{
  margin-top: 20px;
  font-size: 16px;
  color: #ad0000;
  text-align: center;
}

h5
{
  margin-top: 20px;
  font-size: 16px;
  color: #ad0000;
  text-align: left;
}

h6
{
  font-size: 11px;
}

#faq ul li.nadpis-faq
{
padding-top: 10px;
font-size: 15px;
font-weight: bold;
padding-bottom: 10px;
list-style-type: decimal;
margin-left: 20px;
}

#faq ul.body li
{
list-style-type: disc;
margin-left: 40px;
padding-bottom: 5px;
}

#ramecek ul li.nadpis_spodni
{
  width: 520px;
  padding-top: 20px;
  margin-left: 10px;
  font-size: 16px;
  font-weight: bold;
  list-style-type: none;
}

#ramecek ul.faq li
{
list-style-type: decimal  
}

#ramecek li
{
  font-weight: normal;
  font-size: 12px;
  margin-left: 40px;
  padding-right: 10px;
  list-style-type: disc;
  padding-top: 10px;
  line-height: 20px;
}

#ramecek p
{
  width: 525px;
  margin-left: 25px;
}

#obsah
{
  position: relative;
  width: 590px;
  margin-left: 10px;
  padding-top: 10px;
  min-height: 1180px;
}

#content #li ul
{
  padding-left: 15px;
}

#content #li li
{
  list-style-type: disc;
  padding-top: 10px;
  line-height: 20px;
}

#uvod
{
  padding-left: 5px;
  text-align: center;
  font-size: 120%;
  background-color: #FFF9BF;
  border: 1px solid;
  padding-top: 20px;
}

p
{
  border-bottom: 1px solid;
  display: block;
}

#motto
{
  color: #ad0000;
  text-align: right;
  font-weight: bold;
  font-style: italic;
}

#scripty
{
  padding-top: 20px;
  line-height: 23px;
}

code
{
  background-color: #fff9bf;
}
/* PATICKA */

#paticka 
{ 
  font-size: 10px;
  padding-bottom: 20px;
  padding-top: 8px;
  text-align: center;
  line-height: 22px;
  
}

/* FORMULÁŘE */

#formular img
{
  margin-top: 20px;
  float: left;
  margin-left: 10px;
  border: 1px solid grey;
  padding: 10px;
}

#formular #pole
{
  float: right;
  width: 280px;
  margin-right: 50px;
}


#formular #pole input
{
  height: 22px;
  font-size: 15px;
  margin-bottom: 10px;
  margin-top: 5px;
  width: 250px;
}

#pole label
{
  font-weight: bold;
  display: block;
}
#pole fieldset
{
  margin-top: 20px;
  padding-top: 20px;
  padding-left: 7px;
  padding-bottom: 22px;
}

#vzkaz
{
  margin-top: 20px;
  float: left;
  margin-left: 10px;
}

#vzkaz #text
{
  margin-top: 20px;
}

.button 
{
  display: block;
  width: 200px;
  height: 45px;
  padding: 10px 10px 10px 3px;
  color:#666666;
  text-decoration: none;
  background:url(images/button.jpg) no-repeat 0px 0px;
  border: 0px;
}

.button:hover 
{
  color:#333333;
  background:url(images/button.jpg) no-repeat 0px -45px;
}

#vzkaz button
{
  margin: 10px auto;
}

#normal_text
{
  font-weight: normal;
  display: inline;
}

#formular_kontakt #pole
{
  width: 450px;
  margin-right: 50px;
  
}

#formular_kontakt
{
  margin-left: 45px; /* Vycentruje formulář */  
}


#formular_kontakt #pole input
{
  height: 22px;
  font-size: 15px;
  margin-bottom: 20px;
  margin-top: 5px;
  width: 250px;
}

#formular_kontakt #pole input.sirka
{
width: 30px;
}

#rimsky
{
  list-style-type: upper-roman;
  font-weight: bold;
  margin-left: 30px;
  padding-top: 8px;
}

#pismena
{
  list-style-type: lower-alpha;
  margin-left: 50px;
  padding-bottom: 5px;
  padding-top: 8px;
}

#puntik
{
  list-style-type: square;
  margin-left: 70px;
  padding-top: 5px;
}

em
{
  margin-left: 20px;
}

#error
{
  color: red;
  display: block;
  font-size: 10px;
}

#error_refe
{
  position: absolute;
  color: red;
  display: inline;
  font-size: 10px;
  margin-top: -15px;
  text-align: center;
}

#error_refe_message
{
  position: absolute;
  color: red;
  display: inline;
  font-size: 10px;
  margin-top: -15px;
  text-align: center;
  margin-left: 50px;
}

#errors
{
  border: 1px solid #ad0000;;
  width: 500px;
  height: 20px;
  text-align: center;
  margin: 20px auto;
  padding-top: 6px;
  font-size: 14px;
  font-weight: bold;
  color: red;
}

#errors_form
{
  border: 1px solid #ad0000;;
  width: 445px;
  text-align: center;
  margin-left: 45px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 14px;
  font-weight: bold;
}

#popis_chyb
{
  margin-top: 10px;
  font-size: 10px;
  color: red;
}

#antispam
{
  margin-top: 10px;
  border: 1px solid grey;
  width: 380px;
  padding: 10px;
}

#antispam input
{
  width: 50px;
  font-size: 20px;
  height: 21px;
  margin-left: 20px;
}

#antispam_objednavka
{
  text-align: center;
  margin-top: 10px;
  border: 1px solid grey;
  padding: 10px;
}
#antispam_objednavka input
{
  width: 50px;
  font-size: 20px;
  height: 21px;
  margin-top: 15px;
}

.main_pic
{
float: left;
}

.text-right
{
float: right;
}

#leve_menu li#actived, #leve_menu ul li:hover
{
  background: url(./images/sipka-hover.png) no-repeat;
  background-color: #ffffe6;
}

.objednavka legend
{
border: 2px solid maroon;
padding: 4px;
font-weight: bold;
color: maroon;
}

.objednavka fieldset
{
border: 2px solid maroon;
}

.cenik td, .cenik tr, .cenik table, .cenik th
{
border: 1px solid maroon;
}

.main-pic
{
float: left;
padding: 20px;
}

.sdeleni
{
border: 1px solid black;
padding: 5px;
}
.sdeleni p
{
border: 0px;
}

.odkazy li
{
padding: 5px;
}

#reference fieldset
{
border: 0px;
}

#reference input
{
margin-right: 25px;
height: 25px;
font-size: 20px;
}

#reference label
{
font-weight: bold;
}

#reference_textarea
{
margin-top: 20px;
margin-left: 37px;
}

#vetsi_pismo_textarea
{
font-size: 18px;
margin-top: -35px;
margin-left: 55px;
padding-top: 25px;
height: 90px;
padding-left: 20px;
padding-right: 20px;
}
#reference #text
{
margin-top: 50px;
}

#reference #kod
{
margin-top: 40px;
}

.reference_kod
{
float: right;
margin-right: 40px;
height: 25px;
font-size: 20px;
margin-top: -7px;

}

#reference_kod_label
{
margin-bottom: 50px;
}


.jmeno
{
font-size: 17px;
display: inline;
margin-left: 25px;
}

.mesto
{
font-size: 14px;
display: inline;
margin-left: 50px;
font-weight: bold;
float: center;

}

.datum
{
display: inline;
font-size: 14px;
float: right;
margin-right: 50px;
font-weight: bold;
margin-top: 3px;
}

#vzkazy
{
width: 500px;
display: block;
margin-top: 10px;
margin-left: 35px; 
}

#vzkazy em
{
margin-left: 0px;
}

#vzkazy ol li
{
list-style-type: decimal;
}

#vzkazy ul li
{
list-style-type: disc;
position: relative;
}

.komentar
{
padding: 10px;
border-bottom: 1px solid;
}

.komentar p
{
border: 0px;
}

#strankovani
{
margin-top: 20px;
margin-left: 20px;
padding-bottom: 20px;
}

#strankovani a
{
text-decoration: none;
}

#fb
{
margin-left: 60px;
}

#svatebni_oznameni li
{
list-style-type: disc;
padding-bottom: 5px;
margin-left: 3px;
}

                                           
.galerie
{
  position: relative;
  float: left;
  text-align: center;
  padding-bottom: 70px;
  padding-left: 30px;
  height: 200px;
  margin: 0 auto;
}