/*
	URL - sdk.cz
  	
	---------------------
	
	Style Index
	
	$1 - Site Structure Styles
	$2 - Header Styles
	$3 - Main Styles
	$4 - Homeuderpage Styles
	$5 - Footer Styles
	$6 - H1, H2 etc. styles
	$7 - Form Styles
	
*/



/* $1 - Site Structure Styles ///////////////////////////////////////////////////////////////////////////////////*/
body {
	font: 0.75em 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
  color : #4c3622;
	line-height : 1.5em;
	text-align: center;
	padding: 0px;
	margin: 0 0 20px 0;

	background: #fefcf0 url("../img/bg-page.jpg") repeat-x 0px 104px;
}
p{
 padding: 0;
 margin: 0;
}
h1,h2,h3,h4{
 font: 1em 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
 margin: 0;
}
#header_container{
  height: 104px;
  background: url("../img/bg-header.gif") repeat-x bottom left;
}
#header{
  width: 850px;
  margin: 0 auto;
  text-align: left;
}
#intro{
  width: 850px;
  margin: 0 auto;
  text-align: left;
}
#navigation{
 width: 850px;
 margin: 0 auto;
 text-align: left;
 border-top: 3px solid #483320;
}
#navigation-sub{
 width: 850px;
 margin: 0 auto;
 text-align: left;
}
#main{
 width: 850px;
 margin: 35px auto;
 text-align: left;
}
#footer{
 width: 850px;
 margin: 35px auto 10px auto;
 text-align: left;
 background: #eae4c2;
}
.img-right{
  float: right;
  margin: 0 0 10px 10px;
  border: 3px #ffffff solid;
}
.img-inline{
  float: left;
  margin: 10px 10px 10px 0;
  border: 3px #ffffff solid;
}
.clear{
 clear: both;
 font-size: 1%;
 line-height: 1%;
}
/* $2 - Header Styles ///////////////////////////////////////////////////////////////////////////////////*/
#header .left{
  float: left;
  width: 320px;
  margin: 8px 0 0 15px;
  color: #ffffff;
}
#header .left a{
 text-decoration: none;
}
#header .right{
  float: right;
  width: 200px;
  padding: 14px 0 0 0;
  text-align: right;
  margin: 42px 15px 0 0;
}
#header ul{
 margin: 0;
 padding: 0;
 display: inline;
}
#header li{
 display: inline;
 list-style: none;
 font: 0.9em;
 margin: 0 0 0 8px;
 background: url("../img/bp-top.gif") no-repeat left center;
 padding: 0 0 0 11px;
}
#header .firstElement{
  background: none;
}
#header a{
  color: #ffffff;
}
#header .logo{
  float: left;
  margin: 0 16px 0 0;
}
#header .companyName{
  margin: 20px 0 0 0;
  font: 0.9em;
}
/* $3 - Intro Styles ///////////////////////////////////////////////////////////////////////////////////*/
#intro .introLeft{
  float: left;
  width: 350px;
  height: 204px;
  background: url("../img/bg-intro-left.jpg") no-repeat left top;
}
#intro .introRight{
  float: right;
  width: 500px;
  height: 204px;
  background: url("../img/bg-intro-right.jpg") no-repeat left top;
}
#intro .introLeftContent{
  padding: 33px 5px 0 30px;
  color: #ffffff;
}
#intro .introLeftContent h1{
 color: #f1e8c5;
 font: bold 1.3em Arial, helvetica, sans-serif;
 margin: 0 0 5px 0;
}
#intro .introLeft .more{
 background: url("../img/bg-intro-more.gif") no-repeat left center;
 width: 124px;
 margin: 10px 0 0 0;
 padding: 15px 15px 14px 15px;
}
#intro .introLeft .more a{
 padding: 0 17px 0 0;
 background: url("../img/arrow-more.gif") no-repeat right center;
 text-decoration: none;
 color: #ffffff;
}
#subintroContainer{
  width: 850px;
  margin: 0 auto;
  /*border-bottom: 2px solid #e85d33;*/
}
#subintro{
  text-align: left;
  border-bottom: 3px solid #3a2a1a;
}
#subintro .left{
  float: left;
  background: url("../img/bg-orange-subpage.jpg") no-repeat left top;
  width: 350px;
  height: 85px;
  
}
#subintro .right{
  float: right;
  background: url("../img/bg-intro-subpage.jpg") no-repeat left top;
  width: 500px;
  height: 85px;
}
#subintro h1{
  color: #f1e8c5;
  font: bold 1.3em Arial, helvetica, sans-serif;
  margin: 48px 0 0 32px;
}
/* $4 - Navigation Styles ///////////////////////////////////////////////////////////////////////////////////*/
#navigation .container{
 padding: 0 0 0 30px;
}
#navigation ul{
 display: inline;
 margin: 0; 
 padding: 0;
}
#navigation li{
 display: inline;
 margin: 0; 
 padding: 0;
}
#navigation .activeLf{
 float: left;
 background: url("../img/bg-nav-active-lf.gif") no-repeat left top;
 width: 13px;
 height: 29px;
 
}
#navigation .activeCn{
 float: left;
 background: url("../img/bg-nav-active-cn.gif") repeat-x left top;
 padding: 6px 0 8px 0;
}
#navigation .activeRg{
 float: left;
 background: url("../img/bg-nav-active-rg.gif") no-repeat left top;
 width: 13px;
 height: 29px;
 margin: 0 5px 0 0; 
}
#navigation .noactiveLf{
 float: left;
 background: url("../img/bg-nav-noactive-lf.gif") no-repeat left top;
 width: 13px;
 height: 29px;
}
#navigation .noactiveCn{
 float: left;
 background: url("../img/bg-nav-noactive-cn.gif") repeat-x left top;
 padding: 6px 0 8px 0;
}
#navigation .noactiveRg{
 float: left;
 background: url("../img/bg-nav-noactive-rg.gif") no-repeat left top;
 width: 13px;
 height: 29px;
 margin: 0 5px 0 0; 
}
#navigation a{
 font: bold 1em Arial, helvetica, sans-serif;  
 text-decoration: none;
 color: #ffffff;
}
/* $4 a - Navigation Styles subpage ///////////////////////////////////////////////////////////////////////////////////*/
#navigation-sub .container{
 padding: 0 0 0 30px;
}
#navigation-sub ul{
 display: inline;
 margin: 0; 
 padding: 0;
}
#navigation-sub li{
 display: inline;
 margin: 0; 
 padding: 0;
}
#navigation-sub .activeLf{
 float: left;
 background: url("../img/bg-nav-active-lf2.gif") no-repeat left top;
 width: 13px;
 height: 29px;
 
}
#navigation-sub .activeCn{
 float: left;
 background: url("../img/bg-nav-active-cn2.gif") repeat-x left top;
 padding: 6px 0 8px 0;
}
#navigation-sub .activeRg{
 float: left;
 background: url("../img/bg-nav-active-rg2.gif") no-repeat left top;
 width: 13px;
 height: 29px;
 margin: 0 5px 0 0; 
}
#navigation-sub .noactiveLf{
 float: left;
 background: url("../img/bg-nav-noactive-lf2.gif") no-repeat left top;
 width: 13px;
 height: 29px;
}
#navigation-sub .noactiveCn{
 float: left;
 background: url("../img/bg-nav-noactive-cn2.gif") repeat-x left top;
 padding: 6px 0 8px 0;
}
#navigation-sub .noactiveRg{
 float: left;
 background: url("../img/bg-nav-noactive-rg2.gif") no-repeat left top;
 width: 13px;
 height: 29px;
 margin: 0 5px 0 0; 
}
#navigation-sub a{
 font: bold 1em Arial, helvetica, sans-serif;  
 text-decoration: none;
 color: #ffffff;
}
/* $5 - Main Styles ///////////////////////////////////////////////////////////////////////////////////*/
#main .left{
  float: left;
  width: 510px;
  margin: 0;
 
}
#main .page-content{
  padding: 0 0 35px 30px;
}
#main .page-content .img{
  float: left;
  background: #ffffff;
  padding: 3px;
  border: 1px solid #a99d7c;
  margin: 0 7px 7px 0;
  font-size: 1%;
  line-height: 1%; 
}
#main .page-content p{
 margin: 5px 0 15px 0;
}
#main .page-content ul, ol{
 margin-top: 5px;
 padding-top: 0px;
}
#main .page-content li{
 list-style: inside;
}
#main .page-content .liSitemap ul{
  margin: 0 0 0 20px;
}
#main .page-content a{
  color: #b44507;
}
#main .page-content .info{
  font: 0.9em 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
  line-height : 1em;
  margin: 3px 0 0 0;
}
#main .page-content .more{
  text-align: right;
}
#main .page-content ol{
 margin:
}
#main .page-content table{
   border-collapse: collapse;
   margin: 0 0 15px 0;
   font: 1em;
   border: 1px solid #493421;
}
#main .page-content th{
  font: bold 0.9em;
  color: #ffffff;
  background: #493421;
  text-align: left;
  padding: 4px;
}
#main .page-content td{
 background: #ffffff;
 border: 1px solid #493421;
 padding: 4px;
}
#main .welcome{
 border-bottom: #eae4c2 1px solid;
 background: url("../img/welcome.jpg") no-repeat right bottom;
 padding: 0 207px 35px 30px;
}
#main .projekty{
 margin: 21px 0 0 0;
 padding: 0 0 35px 30px;
 border-bottom: #eae4c2 1px solid;
}
#main .projekty ul{
 margin: 0;
 padding: 0;
}
#main .projekty li{
 list-style: none;
 padding: 0 0 0 21px;
 background: url("../img/bp-arrow.gif") no-repeat left top;
}
#main .projekty a{
  color: #b44507;
}
#main .projektyLeft{
  width: 45%;
  float: left;
}
#main .projektyRight{
  width: 45%;
  float: right;
}
#main .annotace{
 margin: 21px 0 0 0;
 padding: 0 0 35px 30px;
}
#main .annotace p{
 margin: 15px 0 5px 0;
}
#main .annotace a{
 color: #b44507;
 text-decoration: none;
}
#main .right{
  float: right;
  width: 300px;
  text-align: right;
  
}
#main .submenu{
  margin: 0 0 50px 0;
  text-align: left;
}
#main .submenu a{
 color: #fefcf0;
 text-decoration: none;
 margin: 0 15px 0 15px;
 padding: 0 17px 0 0;
 background: url("../img/arrow-light.gif") no-repeat right center;
}
#main .submenu ul{
 margin: 0;
 padding: 0;
}
#main .submenu li{
 list-style: none;
 background: url("../img/bg-submenu-noactive.gif") no-repeat left center;
 width: 300px;
 margin: 0;
 padding: 5px 0 5px 0;
}
#main .submenu li:hover, #main .submenu li.iehover{
 list-style: none;
 background: url("../img/bg-submenu-active.gif") no-repeat left center;
 width: 300px;
 margin: 0;
 padding: 5px 0 5px 0;
}
#main .pomozteivy{
 background: url("../img/bg-pomozte.jpg") no-repeat left top;
 width: 299px;
 height: 133px; 
 text-align: left;
 margin: 0 0 40px 0;
}
#main .pomozteivy h2{
 color: #b44507;
 font: bold 1.3em Arial, helvetica, sans-serif;
 margin: 0 0 5px 0;
}
#main .pomozteivycontent{
 padding: 25px 80px 0 17px;
 line-height : 1.3em;
}

#main .pomozteivycontent .more{
 background: url("../img/bg-pomozte-more.gif") no-repeat left center;
 width: 124px;
 margin: 0px 0 0 0;
 padding: 15px 15px 14px 15px;
}
#main .pomozteivycontent .more a{
 padding: 0 17px 0 0;
 background: url("../img/arrow-light.gif") no-repeat right center;
 text-decoration: none;
 color: #b44507;
}
#main .newscontainer{
 padding: 0 18px 0 18px;
 text-align: left;
}
#main .newscontainer a{
   color: #b44507;
}
#main .contactService{
  text-align: left;
  margin: 0 0 20 0;
  padding: 0 0 0 10px;
}
#main .contactService a{
   color: #b44507;
}
#main .newsauthor{
 font: 0.9em Arial, helvetica, sans-serif;
 margin: 0 0 10px 0;
}
#main .newsbetween{
 border-bottom: #eae4c2 1px solid;
 margin: 10px 0 20px 0;
}
#main .dms{
 margin: 50px 0 0 0;
 text-align: left;
}

#footer .leftFooter{
 /*float: left;*/
 width: 440;
 margin: 10px 0 10px 30px;
 color: #753f24;
 font: 0.9em Arial, helvetica, sans-serif;
}
#footer a{
 color: #753f24;
 text-decoration: none;
}
h1{
 color: #513924;
 font: bold 1.3em Arial, helvetica, sans-serif;
 margin: 0 0 15px 0;
}
h2{
 color: #b44507;
 font: bold 1.3em Arial, helvetica, sans-serif;
 margin: 25px 0 0px 0;
}
h3{
 color: #b44507;
 font: bold 1.1em Arial, helvetica, sans-serif;
 margin: 0 0 5px 0;
 text-decoration: underline;
}