      /*****CSS Document***************/
   /****radeksvoboda@revol-team.cz**/
  /********************************/
*,html,body {
  margin:0;
  padding:0;
  font-size:12px;
  }
body#revol {
  background:#FFFFFF;
  text-align:left;
  font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
  color:#4F4F4F;
  }
body#form {
  text-align:center;
  }
/*p {
  padding:20px 0 10px 76px;
  line-height:130%;
  }
p.rozt {
  text-align:justify;
  padding-bottom:20px;
  }
p.neni {
  padding:0 0 10px 0;
  line-height:130%;
  }
a {
  color:#4F4F4F;
  }
a:hover,a:focus {
  color:#88B701;
  }
img {
  border:none;
  }
address {
  font-style:normal;
  }
.adresy address {
  float:left;
  padding:10px 40px 0 0;
  }
hr {
  width:750px;
  height:1px;
  margin:10px 0 0 0;
  color:#A0A0A0;
  border-top:1px;
  border-left:none;
  }
hr.reference {
  float:left;
  width:639px;
  color:#FF7C00;
  }
/*---------------------------------------------------------------------------------------header----*/
#header {
  height:128px;
  background:#FF7C00 url(../data/header_obal.jpg) repeat-x;
  }
#top {
  width:795px;
  height:128px;
  margin:0 auto;
  background:url(../data/header.jpg) no-repeat;
  }
.fleshnahore {
  position:relative;
  bottom:20px;
  left:-10px;
  width:187px;
  height:93px;
  }
ul.menuhor {
  position:relative;
  left:100px;
  top:0px;
  width:397px;
  list-style-type:none;
  }
.menuhor li {
  float:left;
  }
.menuhor a {
  text-align:center;
  padding-top:10px;
  display:block;
  width:99px;
  height:25px;
  font-weight:bold;
  text-decoration:underline;
  }
/*---------------------------------------------------------------------------------------telo------*/
#wrapper {
  }
#revoltelo,#revoltitul,#revolmapa {
  width:751px;
  margin:0 auto;
  padding:20px 0 10px 0;
  }
#revoltitul,#revolmapa {
  background:url(../data/kytka.jpg) no-repeat;
  }
#revolmapa {
  padding:70px 0 0 20px;
  }
h1 {
  font-size:125%;
  text-align:right;
  color:#A0A0A0;
  position:relative;
  top:90px;
  right:0px;
  }
h2 {
  font-size:230%;
  padding:20px 0 10px 76px;
  }
h2.vrh,h2.pod {
  text-align:right;
  padding:0;
  margin:-20px 50px 5px 0;
  }
h2.pod {
  margin:0 0 50px;
  }
h3 {
  display:block;
  clear:left;
  font-size:150%;
  font-weight:bold;
  padding:20px 0 0 76px;
  }
ul.argumenty h3,div.jmena h3 {
  padding-left:0px;
  }
h4 {
  display:block;
  clear:left;
  font-size:120%;
  font-weight:bold;
  padding:20px 0 0 0;
  }
h5 {
  }
p.justify {
  text-align:justify;
  padding-top:110px;
  background:url(../data/obal.jpg) no-repeat 95% 0;
  }
/*---------------------------------------------------------------------------------------akce------*/
div.titulakce {
  background:url(../data/vanoce.jpg) no-repeat 76px 0;
  padding:210px 0 50px;
  }
div.titulakce a {
  font-size:150%;
  margin-left:565px;
  }
div.titulakce h6{
  text-indent:-5000px;
  }
/*---------------------------------------------------------------------------------------argumenty-*/
h2.argrevol {
  padding-bottom:20px;
  background:url(../data/argument.jpg) no-repeat 0px 0px;
  text-indent:-5000px;
  }
ul.argumenty {
  padding:20px 0 30px;
  }
ul.argumenty li {
  padding-left:76px;background:url(../data/odskrt.png) no-repeat 20px 0px;
  list-style:none;
  list-style-position:outside;
  }
/*---------------------------------------------------------------------------------------formular--*/
div.titulodeslat {
  background:url(../data/pero.jpg) no-repeat 0 7px;
  }
div.titulodeslat span {
  font-size:125%;
  color:#A0A0A0;
  font-weight:bold;
  display:block;
  padding:7px 0 10px 76px;
  }
form {
  margin:20px 0 30px 76px;
  background:#FFFFFF;
  }
input {
  background:#FFFFFF;
  border:1px solid #A0A0A0;
  margin-top:3px;
  }
textarea {
  background:#FFFFFF;
  border:1px solid #A0A0A0;
  overflow:hidden;
  }
/*---------------------------------------------------------------------------------------akce dole-*/
.podminky ul {
  display:block;
  padding:20px 0 5px 0;
  }
ul>strong {
  display:block;
  padding-bottom:5px;
  }
.podminky li {
  display:list-item;
  list-style:none;
  list-style-position: outside;
  text-indent:-2em;
  padding-left:2em;
  }
.podminky p {text-indent:-1em;
  margin-left:2em;
  }
/*---------------------------------------------------------------------------------------REFERENCE-*/
.stranky,.tiskoviny,.grafika,.loga {
  padding-left:76px;}
.reffik,.ref1 a,.ref2 a,.ref3 a,.ref4 a,.reflog1,.reflog2,.reflog3,.reflog4 {
  float:left;
  width:103px;
  height:112px;
  font-weight:normal;
  margin:10px 10px 10px 0;
  border:1px solid #E0E0E0;
  }
.ref1 a {
  background:url(../data/ref/ref3.jpg) no-repeat;
  }
.ref2 a {
  background:url(../data/ref/ref2.jpg) no-repeat;
  }
.ref3 a {
  background:url(../data/ref/ref1.jpg) no-repeat;
  }
.ref4 a {
  background:url(../data/ref/ref4.jpg) no-repeat;
  }
/*-----------------------------------------------------------------------------------------------loga---------*/
.reflog1 {
  background:url(../data/ref/BS.jpg) no-repeat;
  }
.reflog2 {
  background:url(../data/ref/ESSOFT.jpg) no-repeat;
  }
.reflog3 {
  background:url(../data/ref/JAZYKOVKA.jpg) no-repeat;
  }
.reflog4 {
  background:url(../data/ref/LOVELY.jpg) no-repeat;
  }
/*-------------------------------------------------------------------------------------------navigace---------*/
#navigace {
  float:left;
  }
/*---------------------------------------------------------------------------------------------slovnik---------*/
#slovnik ul.prvnislovnik {
  padding:10px 0 0 76px;
  }
#slovnik li {
  display:inline;
  padding-right:10px;
  text-decoration:none;
  }
#slovnik li a {
  text-decoration:none;
  font-weight:bold;
  }
/*---------------------------------------------------------------------------------------dole------*/
div.obal_akce p {
  width:39%;
  background:url(../data/kanka_zel.jpg) no-repeat;
  float:left;
  margin-top:10px;
  }
a.informace {
  display:block;
  background:url(../data/vice_.jpg) no-repeat 0px -27px;
  width:163px;
  height:27px;
  margin-top:10px;
  }
a:hover.informace {
  background:url(../data/vice_.jpg) no-repeat;
  }
a:active.informace {
  background:url(../data/vice_oranz.jpg) no-repeat 1px 1px;
  }
div.obal_akce p.spoluprace {
  background:none;
  }
div.obal_akce p.rychlykontakt {
  background:url(../data/kanka_oranz.jpg) no-repeat;
  }
span.zeleny {
  color:#88B701;
  }
span.realizace {
  font-weight:bold;
  }
span.cena {
  display:block;
  font-weight:bold;
  color:#88B701;
  font-size:125%;
  padding-top:5px;
  }
span.telefon,span.meil {
  float:right;
  padding-left:40%;
  }
/*---------------------------------------------------------------------------------------xxxxxx----*/
.objednat strong {
  color:#88B701;
  }
.tlobjednat a {
  display:block;
  background:url(../data/objednat_.png) no-repeat 0px -27px;
  width:163px;
  height:27px;
  margin-left:5px;
  }
a.informace span,.tlobjednat span {
  display:none;
  }
.tlobjednat a:hover {
  background:url(../data/objednat_.png) no-repeat;
  }
.tlobjednat a:active {
  background:url(../data/objednat_oranz.png) no-repeat 1px 1px;
  }
.obal {
  padding-left:71px;
  }
.sloupce {
  width:31%;
  /*height:200px;*/
  float:left;
  background:#F6F6F6;border:1px solid #E6E6E6;
  margin:5px 0 5px 6px;
  padding-bottom:5px;
  }
.sloupce-kraj {
  padding-left:76px;
  }
.objednat {
  height:240px;
  padding:5px;
  overflow:auto;
  }
.neobtekat:after {
  content:'.';
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
  }
hr.cleaner {
  clear:both;
  visibility:hidden;
  }
/*skryto pred ie5 mac \*/
* html.neobtekat {
   height:1%;
   }
.sloupce p, .sloupce h5 {
   padding:10px 0 10px 0;
   }
/*---------------------------------------------------------------------------------------------kontakt--------*/
.formular {
  width:380px;clear:right;
  height:305px;
  }
.jmena {
  width:240px;
  height:270px;
  }
.pet {
  margin-left:76px;
  background:url(../data/nase/pet.png) no-repeat 100px 100px;
  }
.rak {
  float:right;
  margin-right:50px;
  background:url(../data/nase/rad.png) no-repeat 100px 100px;
  }
/*---------------------------------------------------------------------------------------------patka----------*/
#patka {
  clear:left;
  width:100%;
  height:48px;
  background:#DDF09B url(../data/patka.jpg) repeat-x;
  }
.dole {
  width:750px;
  margin:0 auto;
  padding-top:10px;
  }
.dole span {
  color:#9DB16C;
  }
.odkazydole {
  float:right;
  }
.odkazydole ul {
  text-align:right;
  }
.odkazydole li {
  display:inline;
  list-style-type:none;
  padding:0 0.5em;
  }
.odkazydole a {
  display:inline;
  text-decoration:underline;
  }
.navrcholu {
  position:relative;
  left:5px;
  bottom:20px;
  }
/*----------------------------------------------------------------------------------------lightbox----------*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../data/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../data/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* ------------------------------------------------------------------------------- styly pro knihu --- */
span.formatovani {
  float: left;
  margin-right: 5px;
  }  
  
span.formatovani a {
  padding: 1px 5px;
  border: 1px solid #808080;
  text-decoration: none;
  }

span.formatovani a:hover {
  color: #333333;
  background: #000000;
  border: 1px solid #333;
  }

.cleaner { margin: 1.5em 0 0 0; }
  
textarea, input {
  padding: 1px;
  border: 1px solid #AAAAAA;
  font-size: 100%;
  } 
 
.submitbutton { 
  background: #F0F0F0; 
  color: #808080; 
  border: 1px solid #333;
  } 
.submitbutton:hover {
  background:#000;
  }
.red { color: #AAA;
  }
.prispevek {
  margin: 0.5em 0 0.5em 76px;
  background: transparent;
  overflow: hidden;
  width: auto;
  height: auto;
  border-bottom:1px solid #AAA;
  }
.reakce {
  margin: 1em 1em 1em 76px;
  background: #F0F0F0;
  }

.prispevek p { padding: 0.2em 0.5em !important;
  }

.prispevek cite { font-style: normal;
  }

.prispevek .tajm { float:right;
  }

/* --- styly pro rss --- */
rss, channel { 
  padding: 20px; 
  color: black; 
  font: normal 12px Tahoma, arial, sans-serif;
  line-height: 1.5; 
  display: block;
  overflow: hidden;
  }

item { display: block; margin: 11px 0; }

item title, item description, item link { display: block; }

link { color: green; }

title { color: blue; }

item description { color: #666; }

/* --- styly pro administraci --- */
.floatleft { float: left; }

.floatright { float: right; }

.floatleft, .floatright { padding: 1em 0.5em 0 0.5em;  }

.adminwidth { 
  width: 700px !important;
  }

