/* CSS Document */

* {
	margin:0; padding:0;
}

body{
	background:#FFFFFF;   	font-family:"Trebuchet MS", Tahoma, "Lucida Grande CE", lucida, sans-serif;
		font-size:12px;
		line-height: 2.0em;
		color:#222;		
}

#obal {background:url(images/pozadi.gif) top repeat-x;}

#telo { margin:0 auto; width:910px;}

#hlavicka {height:478px; max-height: 480px;}

#hlavicka .leva {padding:26px 0 0 0;}
#hlavicka .prava {width: 160px;height: 60px;max-height: 60px; margin-top:21px;background:url(images/net.png) no-repeat;}

.freelance{margin-bottom:20px; height:92px;max-height: 92px; width:100%;}

.many  {
	color: #000000;
	text-decoration: underline;
}

.leva { float:left;}
.prava {float:right;}
.clear  { clear:both;height:1px;
font-size:1px;
border:none;
margin:0; padding:0;
background:transparent;}


h1 { font: normal 2.2em "Trebuchet MS", Tahoma, "Lucida Grande CE", lucida, sans-serif; color: #2a4fb9; }
h2 {  font: bold 1.7em "Trebuchet MS", Tahoma, "Lucida Grande CE", lucida, sans-serif; margin: 0 0 10px; padding: 0 0 3px; color: #333; border-bottom: 1px solid #eee; }
h3 {  font: bold 1.2em "Trebuchet MS", Tahoma, "Lucida Grande CE", lucida, sans-serif; margin: 5px 0 5px; padding: 3px 0 3px; color: #2a4fb9; }



#hlavicka .obrazek {height:305px;max-height: 310px;background:url(images/web.jpg) no-repeat; padding:5px 60px 28px 14px; color:#ffffff;}

#obsah { width:100%;}



.pecko { padding:5px;}


.partneri { padding:5px;}



  

.r-01 {font-size:20px;font-family:"Trebuchet MS", Tahoma, "Lucida Grande CE", lucida, sans-serif; 
		
		line-height: 2.0em;
		color:#16a13a;}


.h-02 {font-size:14px;font-family: "Trebuchet MS", Tahoma, "Lucida Grande CE", lucida, sans-serif; 
		
		line-height: 2.0em;
		color:#444;}
.h-01 {font-size:18px;font-family:"Trebuchet MS", Tahoma, "Lucida Grande CE", lucida, sans-serif; 
		
		line-height: 2.0em;
		color:#444;	}
.h-03 {font-size:13px;font-family:"Trebuchet MS", Tahoma, "Lucida Grande CE", lucida, sans-serif; 
		
		line-height: 2.0em;
		color:#444;}
.l-01 {font-size:12px;font-family:"Trebuchet MS", Tahoma, "Lucida Grande CE", lucida, sans-serif; 
		
		line-height: 2.0em;
		color:#444;}
.l-02 {font-size:11px;font-family:"Trebuchet MS", Tahoma, "Lucida Grande CE", lucida, sans-serif; 
		
		line-height: 2.0em;
		color:#444;}
.l-03 {font-size:10px;font-family:"Trebuchet MS", Tahoma, "Lucida Grande CE", lucida, sans-serif;
		
		line-height: 2.0em;
		color:#444;}














.ctyrisloupce {width:880px;}




.dvasloupce {float: left; width:870px;}


.prvnisloupec {float: left;	width:430px;}



.druhysloupec {float: right;width:430px;}














  





a:hover{text-decoration:none;}

a img { border:0;}
img {vertical-align:top;}
ul { list-style:none;}






input, select { vertical-align:middle; font-weight:normal;}
strong {font: bold 1.6em "Trebuchet MS", Tahoma, "Lucida Grande CE", lucida, sans-serif; color: #222;}
span {font: normal 10px "Trebuchet MS", Tahoma, "Lucida Grande CE", lucida, sans-serif; color: #AAA;}
a {color:#3d6f92; font-size:12px;}








/* !!!!!!!!!! navigace !!!!!!!!!!!!! */
	#menu ul {
       float: left;
	   width: 900px;
  	   margin-bottom: 20px; 
  	     
	   list-style-type: none;
	      
    }
	#menu ul li {   padding-right: 10px; 
       float: left;
	   width: 90px;
	   position: relative;
   	   background:#fff  url(images/menu.png) no-repeat;
	   font-weight: normal;
	   text-align: center; 
	}
	#menu ul li ul li {
	   width: 90px;
	   float: left;
	} 
	#menu ul ul {
		width: 90px;
		position: absolute;
		left: 0; top: 2.3em;
		visibility: hidden;
	   font-size: 1.1em; display: inline;;
		border: none; 
	}
	#menu ul li:hover ul {
		visibility: visible;
	}
	#menu ul li	a {
       display: block;
	   padding: 5px 0 ;   
	    
	   text-decoration: none;
  	   color: #000;
	}
	#menu ul li #menu ul li	ul li a {
	   border-right: none; 
	}
	#menu ul li a:hover {
	   background:#fff url(images/menu2.png) no-repeat;
	}  
	
	
	
	
	

   
 

	
	
	

	

	
	
		a.kontakt 
  {width: 130px; 
  height: 40px; 
  display: block; 
  background-image: url(images/nadpis.png);	text-align: center;} 
a.kontakt:hover 
  {background-image: url(images/nadpis.png);} 
a.kontakt span 
  {display: none;}
	
	
	
	 	a.kontaktdve 
  {width: 140px; 
  height: 47px; 
  display: block; 
  background-image: url(images/kontakt.jpg);	text-align: center;} 
a.kontaktdve:hover 
  {background-image: url(images/kontakt2.jpg);} 
a.kontaktdve span 
  {display: none;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	



.duraz { width:100%; margin-bottom: 25px; background:url(images/duraz.gif) bottom repeat-x; }


 .podobsah {padding:23px 0 0 17px; color:#2d2d2d;

  
	font-size: 12px;}
	
	
	
.podobsah a {color:#444444; font-weight:bold;}









 













 
#paticka {
	  background:#FFFFFF ;
	clear: both;
	color: #000000;
	display: block;
	
	
	padding-top: 20px;
	text-align: center;
	
}


 















.linie {background:url(images/duraz.gif) top repeat-x; }
.linie .jedna {background:url(images/duraz.gif) bottom repeat-x; }
.linie .dva {background:url(images/duraz.gif) left repeat-y;}
.linie .tri {background:url(images/duraz.gif) right repeat-y;}
.linie .ctyri {background:url(images/ctyri.gif) top left no-repeat;}
.linie .pet {background:url(images/pet.gif) top right no-repeat;}
.linie .sest {background:url(images/sest.gif) bottom left no-repeat;}
.linie .sedm {background:url(images/sedm.gif) bottom right no-repeat; width:100%;}
.linie .osm {padding:4px 4px 15px 2px;height: 400px;  }
.linie a img {float:right;}


.devet {padding-bottom:2px; background:url(images/devet.gif) bottom repeat-x;}

.odkaz {clear:both;text-align:right;}
.odkaz a{background:url(images/sipka.png) top right no-repeat; padding-right:18px; color:#000000; font-weight:bold;}






#sloupce #obsah .podobsah {padding:17px 0 19px 0;}
#sloupce #obsah {padding:9px 13px 3px 15px;}
#sloupce #obsah  {padding:9px 13px 3px 15px;}
#sloupce #obsah  {padding:9px 13px 3px 15px;}
#sloupce #obsah .p1 {padding:1px 0 7px 0;}


























     #spodniobsah {  clear:both;margin-top: 50px;
	background: #fff;
	border-bottom: 1px solid #1A1A1A;
	border-top: 1px solid #2A2A2A;
	color: #444;
	padding: 16px;
}





#spodniobsah ul li {
	border-bottom: 1px solid #303030;
}
#spodniobsah ul li  {
	color: #16a13a;
	display: block;
	padding: 4px 6px;
}
#spodniobsah ul li  {
	background: #205e97;
	color: #16a13a;
	text-decoration: none;
}
.levy {float: left;}
.pravy {float: right;}

.clear,.clearer {clear: both;}
.clearer,.block {
	display: block;
	line-height: 0;
	font-size: 0;
}
.clearer {height: 0;}

.formular, .kamdal {width: 31%; margin-right: 3%;}
.kontakt, .kamdal {width: 31%; margin-right: 3%;}

.kamdal {margin-right: 0;}

.odstavec {  clear: both;
		background: #fff; }
	
  
  
  
  	/* GALLERY */
ul#gallery { margin:50px 0 75px 0; list-style:none; }
ul#gallery li#first { border-top:1px solid #ccc; }
ul#gallery li { clear:both; width:100px; position:relative; }
ul#gallery li:hover ul, ul#gallery li.sfhover ul { left:100px; }
ul#gallery li a { display:block; width:100px; padding:15px 0; color:#000; text-decoration:none; border-bottom:1px solid #ccc; }
ul#gallery li a:hover { background-color:#fafafa; }
ul#gallery li ul { padding:0 20px 20px 50px; list-style:none; margin:0; width:700px; background-color:#fff; position:absolute; left:-999em; top:-2px; }
ul#gallery li ul li { display:inline; text-align:left; clear:none; position:static; z-index:2; } 
ul#gallery li ul li a { margin:2px; border:1px solid #ccc; padding:4px; position:relative; float:left; display:block; width:100px; height:75px; }
ul#gallery li ul li a:hover { z-index:2; }
ul#gallery li ul li a img { position:absolute; width:100px; height:75px; }
ul#gallery li ul li a:hover img, ul#gallery li a:active img, ul#gallery li a:focus img { width:200px; height:150px; left:-50px; top:-37px; border:1px solid #000; z-index:2000; }

/* LIGHTBOX CONTROL */
#lightbox { background-color:#000; padding:20px 20px 5px 20px; }
#lightboxDetails { padding-top:5px;	}	
#lightboxCaption { float:left; color:#fff; font-size:11px; }
#keyboardMsg { float:right; }
#keyboardMsg a { color:#fff; text-decoration:none; letter-spacing:2px; text-transform:uppercase; font-weight:bold; }
#lightbox img { border:none; } 
#overlay img { border:none; }
#closebutton { display:none; }	






 /* form */
fieldset 
{ margin-left:10px; 
width: 380px; 
border-color:#DDD; 
border-style:solid; 
padding:10px; 
} 

legend 
{ 
color: #a60000; 
width: 350px; 
text-align:center; 
font-weight:bold; 
margin-bottom: 0.1em; 
} 

label 
{ 
float: left; 
width: 350px; 
padding-left:10px; 
} 

input 
{ 
border: 1px solid #c7c7c7; 
width: 350px; 
height: 20px; 
color: #333333; 
margin-bottom: 20px; 
} 

textarea 
{ 
border: 1px solid #c7c7c7; 
width:350px; 
height: 100px; 
margin-bottom: 8px; 
} 

input.odeslat 
{ 
background: #a60000; 
color:white; 
font-weight:bold; 
margin-left: 20px; 
height: 40px; 
} 

#submitbutton 
{ 
 
width: 150px; 
}