/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*                                                                                                                           */
/*                                                 � 2007 Skvely.CZ, s.r.o.                                                  */
/*                                                                                                                           */
/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
@import url("oor.common.css");
/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*  N A S T A V E N I   W E B U  */
* {
  padding:0;
  margin:0px auto;
  font-size: 8pt;
  line-height: 1.6;
}
body{
  background: white;
  padding:10px 0;
}
body, h1, h2, h3, h4, h5, h6,ol, ul, li, p, input, textarea, select {
  font-family: "Verdana", "Arial", "Helvetica", sans-serif;
  color: #000080;
}

/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*  N A S T A V E N I   O D K A Z U  */
a,a:visited,a:link {
  color:  #000080;
  text-decoration:underline;
}
a:hover {
  color: #333;
  text-decoration:none;
  font-size: 8pt;
}
/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*  N A S T A V E N I   N A D P I S U  */
h1, h2, h3, h4, h5 { 
  margin: 0; 
  padding: 0; 
  line-height: 1.2; 
}
h1, h2, h3, h4 {
  font-family: 'Trebuchet MS', 'Verdana', sans-serif;
  padding-top: .2em;
}
h1 {
  font-size: 18pt;
}
#hlavni h2 {
  margin:0 0 5px 0;
  padding: 0 10px 0 0;
  font-size: 12px;
  text-align:right;
  line-height:18px;
  letter-spacing: 2px;
  color:white;
  background:url(../images/h2.png) no-repeat right;
}
#hlavni h3{ 
  padding: 0;
  font-size: 12pt;
  color:#333;
}
#hlavni h4 {
  font-size: 14pt;
  color:#333;
  margin-bottom:5px;
}
.nofloat{
  clear:both;
}
/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*  N A S T A V E N I   F O R M U L A R E  */
#hlavni input{
  margin:2px;
  padding: .2em .5em;
  border: 1px solid #a0a0d0;
  background: #e6e6e6;
}
#hlavni input.submit {
  background: #fff;
  color: #222;
}
/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*  N A S T A V E N I   O B R A Z K U  */
#hlavni img{
  border:0;
}
.img-left{ 
  display: block; 
  float: left;  
  margin: 0 5px 5px 0; 
}
.img-right{ 
  display: block;  
  float: right;  
  margin: 0 0 0 5px; 
}
.img-center{ 
  display: block; 
  margin: 0px auto; 
}
/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*   O B A L   */ 
#hlavni{
  width:758px;
  margin:0 auto;
  padding:0px;
  text-align: left;
  line-height: 22px;
  font-size:16px;
}  
#hlavni img{
  border:0;
}
#hlavni hr {
  clear:both;
  display:none;
}
#hlavni li{
  margin-left:20px;
}
#hlavni p, #hlavni ul, #hlavni #obsah div{
  margin:10px 0;
}
/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*   M E N U   T O P   */  
#menu-top{
  margin:0;
  padding:0;
}
#menu-top ul{
  list-style:none;
  margin:0;
  padding:0;
  width:100%;
}
#menu-top ul li{
  float:right;
  margin:0;
  padding:0;
}
#menu-top ul li a{
  display:block;
  margin:0 10px 0 0;
}
#menu-top ul li a.flag{
  margin-right:0;
}
#menu-top ul li a.flag2{
  margin-right:2px;
}
/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*   H L A V A   */  
h1#hlava {
  margin:0 0 5px 0;
  padding:0px 0 0 0px;
  height:72px;
  background:url(../images/hlava.png) no-repeat center top;
}
h1#hlava a {
  height:72px;
  display:block;
  border:0;
}
h1#hlava a img{
  margin:15px 0 0 20px;
}
h1#hlava span{
  display:none;
}
/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*   H L A V N I   M E N U   */ 
#menu-hlavni{
  padding:0;
  margin:0 0 5px 0;
}
#menu-hlavni h2{
  display:none;
}
#menu-hlavni ul{
  list-style:none;
  margin-left:4px;
  border-left:1px solid #a0a0d0;
}
#menu-hlavni li{
  float:left;
  margin:0 auto;
}
#menu-hlavni li a{
  padding:2px 11px;
  display:block;
  color:#000080;
  font-weight:bold;
  font-size:12px;
  text-decoration:none;
  text-align:center;
  border-right:1px solid #a0a0d0;
}
#menu-hlavni li a:hover{
  text-decoration:underline;
  background: #ececf4;
}
#menu-hlavni li a.aktivni{
  background: #ececf4;
}
/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*  D E K O R A C E  */  
#hlavni h3.dekorace{
  margin:0 0 5px 0;
  padding:95px 0 20px 35px;
  font-size:20px;
  color:#000080;
  font-style:italic;
  background-position: top center;
  background-repeat: no-repeat;
}
#hlavni h3.dekorace01{
  background-image:url(../images/dekorace01.png);
}
#hlavni h3.dekorace02{
  background-image:url(../images/dekorace02.png);
}
/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*  O   P R O D U K T U  */ 
#oproduktu{
  margin:0 0 5px 0;
  height:257px;
  background:url(../images/oproduktu.png) no-repeat center;
}
#oproduktu div{
  padding:10px;
  margin:0 320px 0 0;
  overflow: auto;
  height:237px;
}
/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*  O   P R O D U K T U  */ 
#komentar{
  margin:0 0 5px 0;
  padding:0;
  height:190px;
  background: #040404 url(../images/komentar.png) no-repeat center;
}
#komentar div{
  padding:10px;
  margin:0;
  color:white;
  font-style:italic;
  font-size:9pt;
}
#komentar div p{
  text-align:right;
  color:white;
  font-style:italic;
  font-size:10pt;
}
#komentar div p strong{
  font-size:11pt;
}
/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*  P A T I C K A  */  
#paticka{
  margin:0 0 5px 0;
  padding:0;
}
#paticka, #paticka p, #paticka a{
  font-size:9px;
        margin: 0;
}
#paticka #paticka-vlevo{
  margin:0;
  padding:0;
  width:300px;
  float:left;
}
#paticka #valid {
        margin-top: 2px;
}
#paticka #valid a {
        margin-right: 4px;
}
#paticka ul{
  float:right;
  list-style:none;
  padding:0;
  margin:0 5px 0 0;
  width:470px;
}
#paticka ul li{
  float:right;
  padding:0;
  margin:0;
}
#paticka ul li a{
  display:block;
  text-align:center;
  padding:0px 10px;
  border-right:1px solid #a0a0d0;
}
/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*  O S T A T N �  */  
#hlavni table{
  /*margin-top:10px;*/
  border-collapse: separate;
  border: 4px solid #a0a0d0;
        background-color: #FFF; 
        width: 100%;
}
#hlavni table th {
        text-align: left;
  vertical-align: top;
  padding:6px;
  background-color: #000080;
  color: #FFF;
        text-transform: uppercase;
        text-align: center; 
}
#hlavni table th.thspec {
        text-transform: none;
        text-align: right;  
}
#hlavni table th.vertical {
        background-color: transparent;
        color: #000080;
        text-transform: none;
        text-align: right;
        padding: 4px;
}
#hlavni table td {
        text-align: left;
  vertical-align: top;
  padding:4px;
  text-align: center;
  color: #333;
}
#hlavni table .border {
        border-bottom: 2px solid #a0a0d0;
}
.odkaz-vice{
  display:block;
  clear:both;
  text-align:right;
  margin:10px 5px 0;
  font-size:10pt;
  line-height:10pt;        
}
.odkaz-zpet{
  display:block;
  clear:both;
  text-align:left;
  margin:10px 5px 0;
  font-size:10pt;
  line-height:10pt;        
}

/* pridane */

.reference-nahled{
  width:180px;
  /*height:190px;*/
  float:left;
  text-align:center;
  margin:0px 4px 5px 0;
  padding:0;
}
p.reference-nahled-obr{
  display:block;
  height:120px;
  margin:0;
  padding:0;
}
.telo-hlava{
  width:758px;
  height:4px;
  margin:0 auto;
  padding:0;
  background:url(../images/telo-hlava.png) no-repeat left bottom;
}
.telo-stred{
  width:738px;
  padding:10px;
  background:url(../images/telo-stred.png) repeat-y left top;
}
.telo-stred .nahled {
        width: 274px;
        margin: 10px;
        float: left;
}
.telo-stred .text2 {
        width: 444px;
        float: right;
}
.telo-pata{
  width:758px;
  height:4px;
  margin:0 auto 5px;
  padding:0;
  background:url(../images/telo-pata.png) no-repeat left top;
}
.kontakty-celek{
  width:490px;
  margin:0 10px 0 0;
  padding-right:230px;  
}
p.kontakty-levy{
  width:120px;
  margin:0 !important;
  padding:0;
  float:left;
  text-align:right;
}
p.kontakty-pravy{
  width:365px;
  margin:0 !important;
  padding:0;
  text-align:left;
  float:right;
}
.kontakty-pravy ul,.kontakty-pravy p{
  margin:0 0 10px 0;
  padding:0;
}
.kontakty-pravy li{
  margin:0 0 0 10px;
}
#hlavni h5 { margin-bottom:5px; }
#hlavni ul ul { margin-left: 20px; }

table#registration_form_table th{
  text-align:right;
}
table#registration_form_table td{
  text-align:left;
}


.odkaz-vice{
  display:block;
  clear:both;
  text-align:right;
  margin:0 5px;
  font-size:10pt;
  line-height:10pt;
}
.odkaz-zpet{
  display:block;
  clear:both;
  text-align:left;
  margin:0 5px;
  font-size:10pt;
  line-height:10pt;
}
.ok{
  margin:10px 0;
  padding:5px 10px;
  font-weight:bold;
  color: Green;
  border-top:1px solid Green;
  border-bottom:1px solid Green;
  background: #E1FFE1;
}
.err{
  margin:10px 0;
  padding:5px 10px;
  font-weight:bold;
  color:#c00000;
  border-top:1px solid #c00000;
  border-bottom:1px solid #c00000;
  background: #FFB9B9;
}

#manual img { vertical-align: middle; }
#manual img.manual-img { width: 600px; margin: 0 auto; display: block; }

/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*                                                                                                                           */
/*                                                 � 2007 Skvely.CZ, s.r.o.                                                  */
/*                                                                                                                           */
/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */