/* CSS Document */
/*
*      { padding:0; margin:0; border:0;  }

/*
 font-family: 'Open Sans', sans-serif;
 font-family: 'Open Sans Condensed', sans-serif;
 color: #009C57; logo
 color: #7CCDA6; body footer
 color: #FDCE69; orange
*/

body   { background-image: url(../images/psd-pics/bgcorrecttop.jpg), url(../images/psd-pics/bgcorrectfooter.jpg)  ; 
         background-position:top, bottom; background-repeat:repeat-x, repeat-x;
		 font-family:Arial, Helvetica, sans-serif;  }
       
h1      { font-family:Open Sans Condensed, Open Sans, Arial, Helvetica, sans-serif; color:#0F0F10; font-size:18px; }

#wrapper  {
	width: 900px;
	background-color: #FFF;
	border: 2px solid #7DC7A4;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 0;
	padding-right: 40px;
	padding-bottom: 0;
	padding-left: 40px;
}

#content1      {
	float: left;
	width: 890px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	background-color: #ffffcc;
	
}
#content3      {
	float: left;
	width: 70%;
	padding: 5px;
	height:150px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 10px;
	background-color: #ffffcc;
}
#content4      {
	float: left;
	height:150px;
	padding: 5px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: #ffffcc ;
 }
#content5      {
	float:right;
	width: 47%;
	height:150px;
	padding: 20px;

}

#content1 p     { font-size:12px; line-height:180% ; padding:0 0 0 3px; text-indent: 25px; margin: 0 0 0 0; }
#content1 em {font-size:12px; color: #036; font-size: 150%;}
#logo                    {
	float: left;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}

#box1          { width:340px; height:300px; float: right; padding:0 10px; margin:0 20px;
                 background-color:#FFF;
				 border:solid #FFD96A; }
				 
#social-media            {
	float: right;
	margin-top: 50px;
	margin-right: 0;
	margin-bottom: auto;
	margin-left: 0px;
} 
#social-media  ul        {
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 72px;
}
#social-media  ul li     { display:inline; list-style-type:none; }
#social-media  p         { text-align:right; font-size:12px; font-weight: bold; }						 

/* top nav */

#topnav                  {
	clear: both;
	margin: 0;
	padding: 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FEC46A;
    
	width:890px; }

#topnav ul               { padding:0; margin:0; 
						   line-height:30px;
						  } 
						  
#topnav ul ul            { position:absolute;
                           visibility:hidden;
						   top:30px;
                          }
						  
#topnav ul li:hover ul   { visibility:visible; }						  
						  
#topnav li               { float:left;
                           list-style-type:none; 
                           margin:0;
						   padding:0;
						   position:relative;
						   }
						   
#topnav a:link			 { font-weight:bold; text-decoration:none; color: #000 ; }			   
#topnav a:visited	     { font-weight:bold; text-decoration:none; text-transform:uppercase; color: #000 ; }	
#topnav a:active	     { font-weight:bold; text-decoration:none; text-transform:uppercase; color: #000 ; }	
#topnav a:hover	         { font-weight:bold; text-decoration:none; text-transform:uppercase; color: #009C57 ; }	
#topnav a:focus	         { font-weight:bold; text-decoration:none; text-transform:uppercase; color: #009C57 ; }	              


#topnav ul ul a:link     { font-weight:normal; text-decoration:none; text-transform:uppercase; font-size:10px; color:#000;
                                         background-color:#FFF; opacity:1 ;
										 filter:alpha(opacity=60);						  
									     display:block;
									     height:30px;
									     width:160px;
										 }

#topnav ul ul a:hover    { font-weight:normal; text-decoration:none; text-transform:uppercase; font-size:10px; color:#778;
                           background-color:#FFF; opacity:1;
		  				   filter:alpha(opacity=60);						  
						   display:block;
						   height:30px;
						   width:160px;						   					  
			   			  }



#topnav ul li a          {
	text-align: center;
	text-decoration: none;
	display: block;
	height: 30px;
	width: 125px;
						  }



/* end top nav */

#banner        {
	width: 890px;
	height: auto;
}
					 
#content       {
	float: left;
	width: 480px;
	padding: 10px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}


#rightsite     {
	width: 360px;
	height: auto;
	float: right;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 13px;
	position: relative;
	margin-bottom: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	
}
          #rightsite p {
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
	font-size: 14px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	font-weight:bold;
}

/* contact form */

.formone {
	height: 410px;
	width: 330px;
	font-weight: bold;
	font-style: italic;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-image:url(../images/formm.png);
}
.formone table tr td #submit { 
	padding-top: 0px; margin-left:auto; margin-right:auto;
}


#uslugi a:link			 { font-weight:bold; font-size:14px; text-decoration:none; text-transform:uppercase; color: #000 ; }			   
#uslugi a:visited	     { font-weight:bold; font-size:14px; text-decoration:none; text-transform:uppercase; color: #000 ; }	
#uslugi a:active	         { font-weight:bold; font-size:14px; text-decoration:none; text-transform:uppercase; color: #000 ; }	
#uslugi a:hover	         { font-weight:bold; font-size:14px; text-decoration:none; text-transform:uppercase; color:#009C57; }	
#uslugi a:focus	         {
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
	color:#009C57;
}	              
	

/* end contact form */


#content2      { clear: both; width:890px; height:330px; background-color: #FFF7D7; padding:20px 0 0 0px; margin:0 0 4px 0;
background-image:url(../images/maps.jpg); }

h2          {font-family: Open Sans Condensed, Open Sans, Arial, Helvetica, sans-serif;
	            color:#2BAC77;
	            font-size: 24px;
				padding:20px 0 0 0; }
				
h3    {font-family: Open Sans Condensed,Open Sans, Arial, Helvetica, sans-serif;
	            color:#2BAC72;
	            font-size: 18px; }
							 

#footer        {
	border-top: 1px #000 dotted;
	width: 890px;
	font-size: 9px;
	clear: both;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
			     
#footer p               { text-align:center; font-size:14px; font-weight:bold ; }

#footernav              { padding:0 0 0 200px; }

#footernav   ul         { padding:15px 0; }
                      

#footernav ul li    { display:inline; list-style-type:none; 
                      margin:5px 7px; 
                    }
					
					
#footernav a:link			 { font-weight:bold; font-size:10px; text-decoration:none; text-transform:uppercase; color: #000 ; }			   
#footernav a:visited	     { font-weight:bold; font-size:10px; text-decoration:none; text-transform:uppercase; color: #000 ; }	
#footernav a:active	         { font-weight:bold; font-size:10px; text-decoration:none; text-transform:uppercase; color: #000 ; }	
#footernav a:hover	         { font-weight:bold; font-size:10px; text-decoration:none; text-transform:uppercase; color: #555 ; }	
#footernav a:focus	         {
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
	text-transform: uppercase;
	color: #555;
}	              
						 
h4      { font-size:10px; font-weight:normal; text-align:center; padding: 10px 0 0 0; }
#social-media p {
	margin-top: 5px;
	margin-bottom: 3px;
}