* {margin: 0; padding: 0; }
 p, h1, h2, h3, h4, h5, h6, ul, ol, li, form, fieldset, img, a {border: none;}
 body {text-align: center; font-family: Arial, lucida, sans-serif; font-size: small; background: #fff;}
 #ram {width: 938px; margin: 0 auto; text-align: left; padding: 20px 0;}
 
 /* hlavicka webu */ 
 #hlavicka {width: 938px; height: 93px; background: #ff9900 url("../img/hlavicka2.gif") left top no-repeat; color: #fff; overflow: hidden; position: relative;}
      #logo {width: 456px; height: 77px; position: absolute; left:0; top:0; overflow: hidden;}
      #logo a {color: #fff; display: block; width: 456px; height: 77px; position: absolute; left:0; top:0;}
      #logo a span {display: block; width: 456px; height: 77px; position: absolute; left:0; top:0; z-index:3; background: url("../img/hlavicka2.gif") left top no-repeat; cursor: pointer; _cursor: hand;}

 /* hlavni menu */ 
 #menu {width: 239px; margin:0 0 0 0; padding:0 0 50px 0; list-style: none;}
 #menu a {width: 239px; display: block; background: #52bfbf; color: #fff; position: relative; overflow: hidden;}
 #menu a span {width: 239px; display: block; position: absolute; left:0; top:0; z-index:3; cursor: pointer; _cursor: hand;}
 
      /* hlavni strana */
      #x1 {height: 39px;}  
      #x1 span {height: 39px; background: #52bfbf url("../img/menu.gif") 0 0 no-repeat;}        
      #x1.a span, #x1:hover span {background: #52bfbf url("../img/menu.gif") -239px 0 no-repeat;}  

      /* kontakt */
      #menu #x2 {height: 31px;}  
      #menu #x2 span {height: 31px; background:#52bfbf url("../img/menu.gif") 0px -39px no-repeat;}  
      #menu #x2.a span, #menu #x2:hover span {background:#52bfbf url("../img/menu.gif") -239px -39px no-repeat;}  
      
      /* druhy partneru */
      #menu #x3 {height: 36px;}  
      #menu #x3 span {height: 36px; background:#52bfbf url("../img/menu.gif") 0 -70px no-repeat;}  
      #menu #x3.a span, #menu #x3:hover span {background:#52bfbf url("../img/menu.gif") -239px -70px no-repeat;}        
      
      /* o nas */
      #menu #x4 {height: 35px;}  
      #menu #x4 span {height: 35px; background:#52bfbf url("../img/menu.gif") 0 -106px no-repeat;}  
      #menu #x4.a span, #menu #x4:hover span {background:#52bfbf url("../img/menu.gif") -239px -106px no-repeat;}        

      /* epistoly */
      #menu #x5 {height: 42px;}  
      #menu #x5 span {height: 42px; background:#52bfbf url("../img/menu.gif") 0 -141px no-repeat;}  
  	  #menu #x5.a span, #menu #x5:hover span {background:#52bfbf url("../img/menu.gif") -239px -141px no-repeat;}        
      
      /* dopisy klientu pujcovny */
      #menu #x6 {height: 44px;}  
      #menu #x6 span {height: 44px; background:#52bfbf url("../img/menu.gif") 0 -183px no-repeat;}  
      #menu #x6.a span, #menu #x6:hover span {background:#52bfbf url("../img/menu.gif") -239px -183px no-repeat;}        
      
      /* eticky kodex */
      #menu #x7 {height: 39px;}  
      #menu #x7 span {height: 39px; background:#52bfbf url("../img/menu.gif") 0 -227px no-repeat;}  
      #menu #x7.a span, #menu #x7:hover span {background:#52bfbf url("../img/menu.gif") -239px -227px no-repeat;}        
      
      /* doktor zadrhel odpovida */
      #menu #x8 {height: 40px;}  
      #menu #x8 span {height: 40px; background:#52bfbf url("../img/menu.gif") 0 -266px no-repeat;}  
      #menu #x8.a span, #menu #x8:hover span {background:#52bfbf url("../img/menu.gif") -239px -266px no-repeat;}                          
      
      /* napiste nam */
      #menu #x9 {height: 44px;}  
      #menu #x9 span {height: 44px; background: url("../img/menu.gif") 0 -306px no-repeat;}  
      #menu #x9.a span, #menu #x9:hover span {background: url("../img/menu.gif") -239px -306px no-repeat;}                          
      
      /* idealni partner pro zviratka */
      #menu #x10 {height: 36px;}  
      #menu #x10 span {height: 36px; background: url("../img/menu.gif") 0 -350px no-repeat;}  
      #menu #x10.a span, #menu #x10:hover span {background: url("../img/menu.gif") -239px -350px no-repeat;}                          

      /* english */
      #menu #x11 {height: 36px;}  
      #menu #x11 span {height: 36px; background: url("../img/menu.gif") 0 -387px no-repeat;}  
      #menu #x11.a span, #menu #x11:hover span {background: url("../img/menu.gif") -239px -387px no-repeat;}                          

	  
/* Levy sloupec */ 
 #levysloupec  {width:239px; float: left; padding-bottom: 230px;}    

/* Pravy sloupec */ 
 #pravysloupec  {width:699px; min-height: 500px; _height: 500px; float: left; color: #7a7a7a; padding-bottom: 15px; }    
 #pravysloupec h2 {color: #ff6600; text-transform: uppercase; font-family: arial; font-size: 1.4em; margin: 0 0 10px 0;}
 #pravysloupec p {line-height: 1.3em; font-weight: bold; margin-bottom: 20px;}
 #pravysloupec div {font-weight: bold;}
 #pravysloupec div span {color: #000;}
 .otazka  {margin-bottom: 25px;}
 #pravysloupec .otazka p {line-height: 1.4em; font-weight: bold; margin-bottom: 0px;}
 #pravysloupec strong {color: #ff6600;}
 #pravysloupec p span {color: #000;}
 #pravysloupec em {color: #000; font-style: italic}

 /* bublina */
 #bublina {width: 350px; height: 170px; background: url("../img/bublina.gif") left top no-repeat; padding: 50px;}

 
 .box1 {padding: 10px; margin: 15px 0; background: #e5fe96; border: 3px solid #58d7d7;}
 .rounded {margin: 15px; background: #e5fe96;}
 .faq1 #levysloupec {padding-bottom: 230px;background: url("../img/zenska3.gif") 20px 400px no-repeat;} 
 .dopisy1 #levysloupec {padding-bottom: 170px;background: url("../img/hlavy1.gif") 20px 400px no-repeat;} 

 /* zarovnani flash hlavy */
 .hlava {position: absolute; left:0; bottom: 0;}
 #obsah {position: relative; width: 938px;}
 
 /* zarovnani obrazku */ 
 img.doprava {float: right; margin: 0 0 10px 10px;}

 /* uprava textu */ 
 p.doprava {text-align: right;}
      
 /* paticka webu */ 
 #paticka {clear: both; margin: 0px 0 0 0; padding: 3px 10px; background: #ff9900; color: #fff;}
 #paticka a {color: #fff; text-decoration: underline;}
 #paticka a:hover {color: #fff; text-decoration: none;}

a {color: #000; text-decoration: underline;}
a:hover {color: #000; text-decoration: none;}
 
 .floathelp {clear: both; font-size: 1px; height: 1px; line-height: 1px;}
 .schovat {display: none;}
 .pryc {position: absolute; top: -2000px;}

.uvodni li {
	list-style-type:none;
	padding: 5px;
	font-weight: bold;
}
.box2 {margin: 3px; background: #FFD9B9; border: 1px solid #7a7a7a;}
.box2old {}
.box3 {margin: 3px; background: #FFD9B9; border: 2px solid #7a7a7a;}
#box-rounded-2 {padding: 50px 80px 50px 50px; background: #ffffff url("../img/box-bg-1.gif") left top no-repeat;}
#box-rounded-1 {padding: 20px 40px 40px 30px; background: #ffffff url("../img/box-bg-2.gif") left top no-repeat;}
#box-rounded-3 {padding: 40px 40px 50px 30px; background: #ffffff url("../img/box-bg-3.gif") left top no-repeat;}
#box-rounded-4 {padding: 60px 60px 70px 30px; background: #ffffff url("../img/box-bg-4.gif") left top no-repeat;}
#box-rounded-5 {padding: 30px; background: #ffffff url("../img/box-bg-5.gif") left top no-repeat;font-size: 15px;}
#box-rounded-6 {padding: 40px; background: #ffffff url("../img/box-bg-6.gif") left top no-repeat;font-size: 15px;}
input, textarea {
	border: 3px solid orange;
	background-color: #ccc;
	padding: 3px;
}
table.forms {
	border: 0px;
	padding: 3px;
	width: 100%;
}
pre {
	font-size: 13px;
	font-weight: normal;
}