/*
  barvy:
  
  oranzova: e77817
  svetlejsi seda: dededd
  tmavsi seda: aaa9a9
  
  "cerny" text: 1f1a17

   stana 1>
   
   Vyska 36
   
   od prvni cary 36px
   od druhe cary 15px 
   slopec 314px
   
   
   sirky
   Prni 174
   mezera 15
   druhy 423

*/

body
{
  background-color: black;
  color: white;
  text-align: center;
  margin: 0px;
  padding-left: 40px;
  padding-right: 40px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

a
{
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

a img
{
  border: 0px none;
}

p
{
  text-align: justify;
}

.clear
{
  clear: both;
  height: 0px;
  line-height: 0px;
  font-size: 0px;
}

.centered
{
  text-align: center;
}

.narrow
{
  width: 1%;
}

#top
{
  height: 170px;
  position: relative;
  border-bottom: 1px solid #e77817;
}


#topmenu
{
  position: absolute;
  bottom: 10px;
  left: 0px;
  width: 100%;
}

#lefttext
{
  position: absolute;
  bottom: 10px;
  left: 0px;
  text-align: left;
}

#topmenu a
{
  color: white;
}

#specbox
{
  border-bottom: 1px solid #e77817;
  padding-top: 15px;
  padding-bottom: 5px;
}

#spectext
{
  position: relative;
  left: -270px;
}

#namebox-container
{
  border-bottom: 1px solid #e77817;
}

#namebox
{
  position: relative;
  padding-top: 15px;
  padding-bottom: 5px;
  padding-left: 5px;
  width: 625px;
  margin: 0px auto;
  text-align: left;
}

#namebox span
{
  text-transform: uppercase;
  color: #AAAAAA;
}

#namebox div
{
  position: absolute;
  left: 270px;
  top: 15px;
}

#namebox div a
{
  color: white;
}


#portfoliolink
{
  position: absolute;
  /*left: 195px;*/
  left: 295px;
  top: 15px;
}

#portfoliolink a
{
  color: white;
}


#toptextbox
{
  border-bottom: 1px solid #e77817;
  padding-top: 15px;
  padding-bottom: 5px;
}

#toptext
{
  position: relative;
  left: -270px;
}


#main
{
  margin: 0px auto;
  width: 625px;
}

#pager
{
  text-align: right;
  padding-right: 15px;
}

#pager a
{
  color: white;
}

#bottom
{
  border-top: 1px solid #e77817;
  padding-top: 5px;
  padding-bottom: 5px;
}

#bottom a
{
  color: white;
}

#leftbox-container
{
  width: 180px;
  float: left;
  margin-right: 15px;
  margin-bottom: 10px;
  background-color: #aaa9a9;
}

#leftbox
{
  position: relative;
}

#imgcontainer
{
  position: absolute;
  left: -69px;
  top: 0px;
  width: 54px;
  text-align: right;
}

#rightbox-container
{
  width: 425px;
  float: left;
  margin-bottom: 10px;
}

#rightbox
{
  background-color: #838281;
}

#rightbox-img
{
  background-color: white;;
}


.innerbox
{
  text-align: left;
  height: 315px;
  border-top: 1px solid #e77817;
  border-bottom: 1px solid black;
  padding-left: 4px;
  padding-right: 5px;
  padding-top: 5px;
}

.innerbox ul
{
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.innerbox ul ul
{
  margin-bottom: 5px;
  margin-left: 5px;
  list-style-type: square;
  list-style-position: inside;
}


.innerbox a
{
  color: white;
}


.innerbox strong
{
  text-decoration: underline;
  margin-bottom: 8px;
}


.innerbox ul ul a
{
  font-weight: normal;
}


#spectable
{
  width: 100%;
  color: black;
}

#spectable td
{
  font-weight: normal;
}

#spectable td a
{
  color: black;
}


.thumbnail
{
  padding-left: 1px;
  padding-bottom: 1px;
}

.thumbnail img
{
  border: 1px solid #474747;
}


.imgbox
{
  text-align: left;
  height: 315px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  background-color: black;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 5px;
}

.imgbox a
{
  color: white;
}


.desc
{
  text-align: justify;
  color: black;
  padding-top: 0px;
  margin-top: 0px;
}

.textbox
{
  border-top: 1px solid #e77817;
  text-align: left;
  /*background-color: #838281;
  border: 1px solid #838281;*/
  background-color: #A3A2A1;
  border: 1px solid #A3A2A1;
  color: black;
  margin: 0px auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 1em;
  width: 600px;
  height: 315px;
}

head+body .textbox
{
  min-height: 315px;
  height: auto;
}

.textbox a
{
  color: black;
}

.textbox a img
{
  position: relative;
  top: 4px;
  left: -4px;
}

.textbox h1
{
  font-size: 13px;
}

.textbox h2
{
  font-size: 13px;
  cursor: pointer;
}


.textbox h3
{
  padding-bottom: 0px;
  margin-bottom: 0px;
  cursor: pointer;
}

.textbox p
{
  padding-top: 0px;
  margin-top: 0px;
  font-weight: normal;
}

#uvod ul
{
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#agentury ul
{
  font-weight: normal;
}

.textbox .nolist
{
  list-style: none;
}

#formular .button
{
  border: 3px outset #E77817;
  background-color: black;
  color: white;
  font-weight: bold;
  padding: 2px;
  font-size: 10px;
  
}

#formular p, #formular div,  #formular h2
{
  padding-left: 10px;
}

#formular .button:active
{
  border: 3px inset #E77817;
}

#formular ul
{
  line-height: 24px;
  margin-left: 0px;
  padding-left: 0px;
}


#chyba
{
  color: red;
}