html, body
{
	height:100%;
	padding:0px;
	margin:0px;
	text-align: center;
}

body 
{
	height:100%;
	text-align:left;
	background:#3b3b3b url("../images/pozadi.gif");
	padding : 0px;	
	color:#DEEDF5;
	font : 0.8em/1.8em "Trebuchet MS" , sans-serif , arial;
}

#main 
{
	width:702px;
   text-align:left;
	background:#121212;
	border-right: 1px solid #DEEDF5;
	border-left: 1px solid #DEEDF5;
	position:absolute;
	left:50%;
	margin-left:-400px;
}

#hlavicka
{
	width: 700px;
	height: 200px;	
	position:relative;
	background: url("../images/logo.jpg") no-repeat;	 
}

#hlavicka-null 
{
	width:100%;	  
   padding:0px;
   border:0px;	 
}

#vpravo-null 
{
	  width:198px;
	  float:right;
     padding:0;
     border:none;   
}

#vpravo 
{
  padding: 25px 10px 20px 10px;
  text-align:left;    
}

#vpravo img
{
	 width: 165px;
	 height: 123px;
}

#vlevo-null 
{
	min-height:850px;	
   width:498px;
   float:left;
   padding:0px;
	background:black;	       
}

#vlevo 
{
	padding: 25px 15px 0 25px;
	text-align:justify;
}

#paticka-null 
{
   clear:both;		
}

#paticka 
{
	height: 50px;
	width:498px;
   background: #121212;
	font-size: 0.9em;
}

#paticka p
{
	
	padding-top:15px;
	text-align:center;
}

#paticka a
{
	color:#E4009B;
	text-decoration: none;
}

#paticka a:hover 
{
	color:#DEEDF5;
}

#paticka p em
{	
	font-style:normal;
	color:#E4009B;
}


/* NADPISY */

/*uvod*/

#uvod_n
{
	margin:0px;
	padding:0px;
   position:relative;
	width:290px; 
	height:50px;
   overflow:hidden;
	background: url("../images/uvod.gif") top left no-repeat;
}
#uvod_n span 
{
	display:block;
   position:absolute; 
	left:0px; 
	top:0; 
	z-index:1;
   width:400px; 
	height:50px;
	margin:0px; 
   background:url("../images/uvod.gif") top left no-repeat;
}

#vybrat_n
{
	margin:0px;
	padding:0px;
   position:relative;
	width:290px; 
	height:50px;
   overflow:hidden;
	background: url("../images/vybrat_n.gif") top left no-repeat;
}
#vybrat_n span 
{
	display:block;
   position:absolute; 
	left:0px; 
	top:0; 
	z-index:1;
   width:400px; 
	height:50px;
	margin:0px; 
   background:url("../images/vybrat_n.gif") top left no-repeat;
}

#design_n
{
	margin:0px;
	padding:0px;
   position:relative;
	width:290px; 
	height:40px;
   overflow:hidden;
	background: url("../images/design_n.gif") top left no-repeat;
}
#design_n span 
{
	display:block;
   position:absolute; 
	left:0px; 
	top:0; 
	z-index:1;
   width:400px; 
	height:40px;
	margin:0px; 
   background:url("../images/design_n.gif") top left no-repeat;
}


/*nase sluzby*/

#sluzby_n
{
	margin:0px;
	padding:0px;
   position:relative;
	width:290px; 
	height:50px; 
   overflow:hidden;	
}

#sluzby_n span 
{
	display:block;
   position:absolute; 
	left:0px; 
	top:0; 
	z-index:1;
   width:400px; 
	height:50px;
   margin:0px;
   background:url("../images/sluzby_n.gif") top left no-repeat;
}

#portfolio_n
{
   margin:0px;
   padding-bottom:8px;
   position:relative;
   width:180px; 
	height:40px;
   overflow:hidden;
}

#portfolio_n span 
{
   display:block;
   position:absolute; 
	left:0px; 
	top:0; 
	z-index:1;
   width:180px; height:40px;
   margin:0px; 
   background:url("../images/portfolio.gif") top left no-repeat;
}

/*joomla*/

#joomla_n
{
   margin:0px;
   padding-bottom:8px;
   position:relative;
   width:180px; 
	height:40px;
   overflow:hidden;
}

#joomla_n span 
{
   display:block;
   position:absolute; 
	left:0px; 
	top:0; 
	z-index:1;
   width:180px; height:40px;
   margin:0px; 
   background:url("../images/joomla.gif") top left no-repeat;
}

/*naše tvorba*/

#tvorba_n
{
   margin:0px;
   padding-bottom:8px;
   position:relative;
   width:180px; 
	height:40px;
   overflow:hidden;
}

#tvorba_n span 
{
   display:block;
   position:absolute; 
	left:0px; 
	top:0; 
	z-index:1;
   width:180px; height:40px;
   margin:0px;
   background:url("../images/tvorba.gif") top left no-repeat;
}

#starsi_n
{
   margin-top:20px;
   padding-bottom:8px;
   position:relative;
   width:180px; 
	height:40px;
   overflow:hidden;
}

#starsi_n span 
{
   display:block;
   position:absolute; 
	left:0px; 
	top:0; 
	z-index:1;
   width:180px; height:40px;
   margin:0px;
   background:url("../images/starsi.gif") top left no-repeat;
}

/* ceník */

#cenik_n
{
   margin:0px;
   padding-bottom:8px;
   position:relative;
   width:250px; 
	height:40px;
   overflow:hidden;
}

#cenik_n span 
{
   display:block;
   position:absolute; 
	left:0px; 
	top:0; 
	z-index:1;
   width:250px; height:40px;
   margin:0px;
   background:url("../images/cenik.gif") top left no-repeat;
}

/*kontakty*/

#kontakt_n
{
   margin:0px;
   padding-bottom:8px;
   position:relative;
   width:250px; 
	height:40px; 	
   overflow:hidden;
}

#kontakt_n span 
{
   display:block;
   position:absolute; 
	left:0px; 
	top:0; 
	z-index:1;
   width:250px; height:40px;
   margin:0px;
   background:url("../images/kontakty.gif") top left no-repeat;
}

hr.cleaner 
{
	clear : both;
	display : none;
}

ul.menu 
{
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	width: 90%;
	left: 14px;
}

ul.menu li 
{
	display: inline;
	margin: 0;
	padding: 0;
}

ul.menu,
ul.menu li a 
{
	padding: 3px 12px 6px 15px;	
}

ul.menu li a 
{
	font-weight: bold;
	color: Black;	
	margin: 0;
	}

ul.menu li a:hover 
{
	background:  url("../images/gradient2.gif") top repeat-x;
	color: white;
	text-decoration: none;
	padding-bottom: 10px;
}

ul.menu li.aktivni a
{
	color: #DEEDF5;
	background: url("../images/gradient.gif") top repeat-x;
	text-decoration: none;
	padding-bottom: 10px;
}

ul.menu li.aktivni a:hover 
{
	color: #E4009B;
	background: url("../images/gradient.gif") top repeat-x;
	text-decoration: none;
}

/* OSTATNÍ */

h3
{
	font-size: 1.1em;
	color: #DEEDF5;
	margin:20px 0;		
}

img
{
	 border: solid 1px Black;
}

img:hover
{
	 border: solid 1px #E4009B;
}

ul.odrazka li
{
	list-style-image:url("../images/li.gif");
}

.post 
{
	margin: 0 0 20px 0;	
	padding:5px 10px;
	background:Black;
	line-height: 1.5em;			
}

.post:hover
{
	margin: 0 0 20px 0;	
	padding:5px 10px;
	background:#121212;	
}

.post a, .url a
{
	font-weight: bold;
	color: #E4009B;
	text-decoration: none;
}

.post a:hover, .url a:hover
{
	text-decoration: none;	
}

.image img
{
	 width: 440px;
	 height: 330px;
}

.float-img
{
	float: left;
	width: 165px;	
	margin:0 10px 10px 0;		
	height: 123px;
}

.details
{
	margin:0px;
	padding:0px;
	clear:left;
}

.details a
{
	font-weight: bold;
	color: #E4009B;
	text-decoration: none; 	
}

.details a:hover
{
	text-decoration: none;
}

/* UVOZOVKY */ 

.quotation
{	
	background: black url("../images/uvozovky.jpg") no-repeat;	
	margin: 0 0 20px 0;	
	padding:5px 10px 5px 43px;	
	line-height: 1.5em;
}

.quotation:hover
{
	background: #121212 url("../images/uvozovky-b.jpg") no-repeat;
	margin: 0 0 20px 0;	
	padding:5px 10px 5px 43px;
}

.sudy
{
	background: #1B1B1B;
}

.left
{
	float: left;
	margin:0 10px 10px 0;		
}

.right
{
	float: right;
	margin:0 0 10px 10px;		
}