@import url("oor.common.css");

* {
  padding:0;
  margin:0px auto;
  font-family: "Verdana", "Arial", "Helvetica", sans-serif;
  font-size: 8pt;
  color: #555;
  line-height: 1.2;
}
body{
  background: url(../images/background-1px.jpg) repeat-x center top #8b5c29;
}
body, h1, h2, h3, h4, h5, h6,ol, ul, li, p, input, textarea, select {
  color: #555;
  font-family: "Verdana", "Arial", "Helvetica", sans-serif;
  font-size: 8pt;
  color: #555;
  line-height: 1.2;
}
body#body{
  padding:0;
  margin:0;
}
body#photo { background-image: none; background-color: #FFF; }
/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*  N A S T A V E N I   O D K A Z U  */
a,a:visited,a:link {
  color:  #a82822;  
}
a:hover{
  color: #333333;
  text-decoration:none;
}
/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*  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 {
  margin:0 0 8px 0;
  font-size: 16pt;
  color:#a82822;
  font-style: italic;
  width: 100%;
}
h2 {
  margin:0 0 8px 0;
  font-size: 14pt;
  color:#a82822;
  font-style: italic;
}
h3 {
  font-size: 12pt;
}
h4 {
  font-size: 10pt;
  color: #a82822;
}
.nofloat{
  clear:both;
}
/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*  N A S T A V E N I   F O R M U L A R E  */
input, label, textarea{
  margin:2px;
  padding: .2em .5em;
  border: 1px solid #ce8e8b;
  background: #e6e6e6;
}
label{
  border:0;
  background:transparent;
}
input.submit {
  background: #fff;
  color: #222;
}
/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*  N A S T A V E N I   O B R A Z K U  */
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; 
}
/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*  C A R A  */ 
hr {
  clear:both;
  display:none;
}
/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*   O B A L   */ 
#hlavni{
  width:876px;
  margin:0 auto;
  padding:0px;
  text-align: left;
  line-height: 22px;
  font-size:16px;
}  
#hlavni img{
  border:0;
}
/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*   K O L E C K A   A   R O Z D � L O V A �   */ 
.meziboxy{
  display:block;
  width:876px;
}
.meziboxy p{
  margin:0px;
  padding:0px;
}
.meziboxy .kolecka-up{
  display:block;
  width:876px;
  height:5px;
  background:url(../images/kolecko-up.gif) no-repeat bottom center;
}
.meziboxy .cary{
  display:block;
  width:876px;
  height:10px;
  background:url(../images/rozdelovac.gif) repeat-y center;
}
.meziboxy .kolecka-down{
  display:block;
  width:876px;
  height:5px;
  background:url(../images/kolecko-down.gif) no-repeat top center;
}
.meziboxy #hlavicka,.meziboxy #paticka{
  height:40px;
}
.meziboxy #kolecka-down-valid{
  background:url(../images/kolecko-down-valid.gif) no-repeat top center;
}
.meziboxy #cary-valid{
  height:3px;
  background:url(../images/rozdelovac-valid.gif) repeat-y center;
}
.meziboxy #kolecka-up-valid{
  background:url(../images/kolecko-up-valid.gif) no-repeat bottom center;
}
/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*   H L A V A   */  
#box-hlava {
  margin:0 auto;
  padding:0px;
  width:876px;
  height:180px;
  background-repeat: no-repeat;
  background-position: center bottom;  
}
.cz #box-hlava {
  background: url(../images/box-pict.gif);
}
.en #box-hlava {
  background: url(../images/box-pict-en.gif);
}
.fr #box-hlava {
  background: url(../images/box-pict-fr.gif);
}
#box-hlava a#home {
  height:180px;
  display:block;
  border:0;
}
#box-hlava a#home img{
  margin:23px 0 0 30px;
}
#box-hlava span{
  display:none;
}


#logo {
  margin:0 auto;
  padding:0px;
  width:876px;
  height:180px;
  background-repeat: no-repeat;
  background-position: center bottom;
  position: relative;
}
.cz #logo {
  background-image: url(../images/box-pict.gif);
}
.en #logo {
  background-image: url(../images/box-pict-en.gif);
}
.fr #logo {
  background-image: url(../images/box-pict-fr.gif);
}
#logo a {
  width: 243px;
  height: 43px;
  margin: 0;
  display: block;
  position: relative;
  top: 23px;
  left: 30px;
  overflow: hidden;
}
#logo a span {
  background: url(../images/logo.png) no-repeat left top;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*  M E N U  */  
#box-menu{
  display:block;
  width:876px;
  height:18px;
  padding:8px 0px;
  background:url(../images/box-menu.gif) no-repeat center top;
}
#box-menu a{
  text-decoration: none;
}
#box-menu a:hover,#box-menu a.aktivni{
  text-decoration: underline;
}
#box-menu ul{
  list-style: none;
}
#box-menu li{
  display:block;
  padding:0 15px;
  margin-right:-1px;
  height:18px;
  line-height:18px;
  float:left;
  text-align:center;
  text-transform: uppercase;
  font-weight:bold;
  border-left:1px solid #e4a2a4;
  border-right:1px solid #e4a2a4;
}
#box-menu ul#menu-nabidka{
  margin:0 0 0 20px;
  border-left:1px solid #e4a2a4;
}
#box-menu ul#menu-lang{
  border-left:3px solid #e4a2a4;
  border-right:3px solid #e4a2a4;
  padding:0 10px;
  margin:0 10px 0 0;
}
#box-menu ul#menu-lang li{
  float:right;
  width:16px;
  padding:0;
  border:0;
  margin-left:3px;
}
#box-menu h2{
  display:none;
}
/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*  F R E E  */  
#box-free{
  display:block;
  width:876px;
  height:211px;
  background:url(../images/box-free.gif) no-repeat center top;
}
#box-free h2{
  display:none;
}
#box-free a#free-logo img{
  margin:10px;
  width:162px;
  float:left;
}
#box-free #free-free{
  float:right;
  display:block;
  width:47px;
  height:15px;
  margin:23px 8px 0 0;
  background:url(../images/free.gif) no-repeat center bottom;
}
#box-free #free-info-text{
  float:left;
  display:block;
  width:610px;
  height:55px;
  margin:0 0 0 186px;
  padding:5px 8px;
  color:#c00000;
}
#box-free #free-zdarma-maxi{
  float:left;
  display:block;
  width:119px;
  height:32px;
  margin:17px 0 0 82px;
  background-repeat: no-repeat;
  background-position: top center;
}
.cz #box-free #free-zdarma-maxi{
  background-image:url(../images/zdarma-maxi.gif);
}
.en #box-free #free-zdarma-maxi{
  background-image:url(../images/zdarma-maxi-en.gif);
}
.fr #box-free #free-zdarma-maxi{
  background-image:url(../images/zdarma-maxi-fr.gif);
}
#box-free #free-info-prava{
  float:left;
  display:block;
  width:585px;
  height:24px;
  margin:0 0 0 10px;
  padding:14px 8px;
  float:left;
  color:#c00000;
}
#box-free #free-zdarma-mini{
  float:right;
  display:block;
  width:46px;
  height:10px;
  margin:33px 9px 0 0;
  background-repeat: no-repeat;
  background-position: top center;
}
.cz #box-free #free-zdarma-mini{
  background-image:url(../images/zdarma-mini.gif);
}
.en #box-free #free-zdarma-mini{
  background-image:url(../images/zdarma-mini-en.gif);
}
.fr #box-free #free-zdarma-mini{
  background-image:url(../images/zdarma-mini-fr.gif);
}
#box-free #free-verze{
  float:left;
  display:block;
  width:158px;
  height:22px;
  margin:15px 0 0 20px;
  background:url(../images/free-verze.gif) no-repeat center;
}
#box-free #free-vice{
  float:left;
  display:block;
  width:626px;
  height:44px;
  margin:0 0 0 8px;
  line-height:17px;
}
#box-free #free-vice a{
  float:right;
  display:block;
  width:27px;
  height:17px;
  margin:15px;
  padding-right:25px; 
  font-weight:bold;
  background: url(../images/sipecka.gif) no-repeat right;
}
#box-free #free-vice a:hover{
  text-decoration:none; 
        color:  #a82822;     
}
#box-free #free-vice a span{
  display:none;
}
#box-free #free-symbol{
  float:right;
  display:block;
  margin-top:3px;
  margin-right:12px;
  width:36px;
  height:36px;
  background:url(../images/logo-symbol.png) no-repeat center;
}
/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*  T R A N S F O R M  */ 
#box-transform{
  display:block;
  width:876px;
  height:211px;
  background:url(../images/box-transform.gif) no-repeat center top;
}
#box-transform h2{
  display: none;
}
#box-transform a#transform-logo img{
  margin:10px;
  width:162px;
  float:left;
}
#box-transform #transform-transform{
  float:right;
  display:block;
  width:48px;
  height:13px;
  margin:25px 8px 0 0;
  background:url(../images/transform.gif) no-repeat center bottom;
}
#box-transform #transform-info-text{
  display:block;
  width:611px;
  height:107px;
  margin:0 64px 0 185px;
  padding:5px 8px;
  color:#8b5c29;
}
#box-transform #transform-verze{
  float:left;
  display:block;
  width:158px;
  height:20px;
  margin:15px 0 0 20px;
  background:url(../images/transform-verze.gif) no-repeat center;
}
#box-transform #transform-vice{
  float:left;
  display:block;
  width:626px;
  height:43px;










  margin:0 0 0 8px;
  line-height:17px;
}
#box-transform #transform-vice a{
  float:right;
  display:block;
  width:27px;
  height:17px;
  margin:15px;
  padding-right:25px; 
  font-weight:bold;
  color:#8b5c29;
  background: url(../images/sipecka.gif) no-repeat right;
}
#box-transform #transform-vice a:hover{
  text-decoration:none;
}
#box-transform #transform-vice a span{
  display: none;
}
#box-transform #transform-symbol{
  float:right;
  display:block;
  margin-top:3px;
  margin-right:12px;
  width:36px;
  height:36px;
  background:url(../images/logo-symbol.png) no-repeat center;
}
/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*  P R O F I  */ 
#box-full{
  display:block;
  width:876px;
  height:211px;
  background:url(../images/box-full.gif) no-repeat center top;
}
#box-full h2{
  display: none;
}
#box-full a#full-logo img{
  margin:10px;
  width:162px;
  float:left;
}
#box-full #full-full{
  float:right;
  display:block;
  width:48px;
  height:13px;
  margin:25px 8px 0 0;
  background:url(../images/full.gif) no-repeat center bottom;
}
#box-full #full-info-text{
  display:block;
  width:611px;
  height:107px;
  margin:0 64px 0 185px;
  padding:5px 8px;
  color:black;
}
#box-full #full-verze{
  float:left;
  display:block;
  width:158px;
  height:20px;
  margin:15px 0 0 20px;
  background:url(../images/full-verze.gif) no-repeat center;
}
#box-full #full-vice{
  float:left;
  display:block;
  width:626px;
  height:43px;
  margin:0 0 0 8px;
  line-height:17px;
}
#box-full #full-vice a{
  float:right;
  display:block;
  width:27px;
  height:17px;
  margin:15px;
  padding-right:25px; 
  font-weight:bold;
  color:black;
  background: url(../images/sipecka.gif) no-repeat right;
}
#box-full #full-vice a:hover{
  text-decoration:none;
}
#box-full #full-vice a span{
  display: none;
}
#box-full #full-symbol{
  float:right;
  display:block;
  margin-top:3px;
  margin-right:12px;
  width:36px;
  height:36px;
  background:url(../images/logo-symbol.png) no-repeat center;
}
/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*  K O M E N T  */  
#box-koment{
  display:block;
  width:876px;
  height:267px;
  background:url(../images/box-koment.gif) no-repeat center top;
}
#box-koment .kontejner{
  float:left;
  width:252px;
  margin:10px 20px;
}
#box-koment .kontejner p{
  font-size:11px;
  line-height:14px;
  padding:0 5px 5px 5px;
}
/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*  P A T I C K A  */  
#box-paticka{
  display:block;
  width:876px;
  height:49px;
  margin:0;
  padding:0;
  background:url(../images/box-pata.gif) no-repeat center top;
}
#box-paticka div#reference{
  margin: 0 auto;
  padding:3px 0 0 0;
  width:811px;
  height: 31px;
  overflow: hidden;
}
#box-paticka div#reference a{
  display:block;
  float:left;
  height:31px;
}
#box-paticka div#reference a#ref1{background: url(../images/01-700.png) no-repeat left top; width: 100px;}
#box-paticka div#reference a#ref2{background: url(../images/02-700.png) no-repeat left top; width: 102px;}
#box-paticka div#reference a#ref3{background: url(../images/03-700.png) no-repeat left top; width: 125px;}
#box-paticka div#reference a#ref4{background: url(../images/04-700.png) no-repeat left top; width: 134px;}
#box-paticka div#reference a#ref5{background: url(../images/05-700.png) no-repeat left top; width: 127px;}
#box-paticka div#reference a#ref6{background: url(../images/06-700.png) no-repeat left top; width: 112px;}
#box-paticka div#reference a#ref7{background: url(../images/07-700.jpg) no-repeat left top; width: 110px;}
#box-paticka div#reference a span{
  display:none;
}
#box-paticka p#copy{
  margin:0px 0 0 0;
  padding:0;
  text-align:center;
  font-size:8pt;
  line-height: 1;
}
#box-paticka a{
  text-decoration:none;
  line-height: 1;
}
#box-paticka a:hover{
  text-decoration: underline;
}
/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*  V A L I D  */  
#box-valid{
  display:block;
  width:98px;
  height:50px;
  margin-left:713px;
  margin-bottom:10px;
  padding-top:8px;
  background:url(../images/box-valid.gif) no-repeat center top;
  text-align:center;
}
#box-valid a{
  display:block;
  margin:1px;
}
/* ************************************************************************************************************************* */
/* ************************************************************************************************************************* */
/*  O S T A T N �  */  
#hlavni p,#hlavni div,#hlavni ul,#hlavni li { 
  line-height: 1.6; 
}
#hlavni table th {
  text-align: right;
}
#hlavni table td {
  text-align: left;
}
.telo-hlava{
  margin:0;
  padding:0;
  height:8px;
  background:url(../images/telo-hlava.gif) no-repeat center bottom;
}
.telo-stred{
  padding:5px 20px;
  background:url(../images/telo-stred.gif) repeat-y center;
  width:836px;
}
.telo-stred p,.telo-stred ul{
  padding:0;
  margin:10px 0;
}
.telo-stred li{
  margin-left:30px;
}
.telo-pata{
  margin:0;
  padding:0;
  height:8px;
  background:url(../images/telo-pata.gif) no-repeat center top;
}
.kontakty-celek{
  width:590px;
  margin:0 10px 0 0;
  padding-right:230px;
  background:url(../images/foto-budova.jpg) no-repeat right top;
}
p.kontakty-levy{
  width:140px;
  margin:0;
  padding:0;
  float:left;
  text-align:right;
}
p.kontakty-pravy{
  width:445px;
  margin:0;
  padding:0;
  text-align:left;
  float:right;
}
.kontakty-pravy ul,.kontakty-pravy p,.kontakty-pravy div{
  margin:0 0 10px 0;
  padding:0;
}
.kontakty-pravy li{
  margin:0 0 0 10px;
}
span.cena{
  display:block;
  font-size:14pt;
  color:#a82822;
  margin:10px 0 5px 0;
  display:none;
}
#kontaktni-formular label{
  display:block;
  width:80px;
  float:left;
  text-align:right;
}
#err,#ok{
  color:red;
  font-weight:bold;
}
#ok{
  color:green;
}
.reference-nahled{
  width:160px;
  height:220px;
  margin:5px 24px;
  float:left;
  text-align:center;
}
.reference-nahled strong { color:  #a82822; }
.reference-nahled .reference-nahled-obr{
  width:160px;
  height:120px;
}
.reference-nahled h3{
  font-size:10pt;
  color:#a82822;
}
.odkaz-vice{
  display:block;
  clear:both;
  text-align:right;
  margin:5px;
}
.zpet-na-seznam{
  clear:both;
  display:block;
  margin:10px 5px;
  text-align:left;
}
.reference-detail{
  margin:10px 5px;
  width:500px;
}
.reference-detail .ref-levy{
  margin:2px 5px 0 0;
  padding:0;
  width:80px;
  text-align:right;
  float:left;
  font-weight:bold;
}
.reference-detail .ref-pravy{
  margin:2px 0 0 0;
  padding:0;
  width:400px;
  text-align:left;
  float:left;
}
body#photo{
  background:#a82822;
}
#photoPop{
  text-align:center;
}
#photoPop a img{
  margin-top:10px;
  border:1px solid #000;
}
#photoPop a#zavrit{
  text-decoration: underline;
  color:white;
}
#photoPop a#zavrit:hover{
  text-decoration: none;
}


#hlavni table.epublish-check th, table.epublish-check td{
  padding:2px 8px;
  text-align:left;
}
#hlavni table.epublish-check th{
  border-bottom:3px double #999;
}
#hlavni table.epublish-check td{
  border-bottom:1px dotted #999;
  border-right:1px dotted #999;
}
#hlavni table.epublish-check tr:hover{
  background:#eee;
}

.hide { display: none; }

.h1 { 
  line-height: 1.2; 
  font-family: 'Trebuchet MS', 'Verdana', sans-serif; 
  padding-top: .2em;
  margin:0 0 8px 0;
  font-size: 16pt;
  color:#a82822;
  font-style: italic;
  width: 100%;
  display:block;
  font-weight:bold;
}    

p.odkaz-zpet { clear: both; }

#footer-menu div { color: #FFF; text-align: center; width: 500px; margin: 0 auto; }
#footer-menu div a,#footer-menu div a:visited,#footer-menu div a:link {
  color:  #dddddd;  
}
#footer-menu div a:hover{
  color: #333333;
  text-decoration:none;
}