@font-face {
    font-family: 'OpenSansLight';
    src: url('/fonts/OpenSans-Light-webfont.eot');
    src: url('/fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('/fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('/fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'OpenSansRegular';
    src: url('/fonts/OpenSans-Regular-webfont.eot');
    src: url('/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('/fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

* { margin: 0; padding: 0; font-size:100%; font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif; }
html{min-height:100%;}
body { text-align:center; min-height: 100%; background:#f8f8f8 url('/imgs/web/bg-footer.png') repeat-x bottom;}
input {}
a { color:#227CC6 }
a img { border:none; }
a:hover {color:#C80000;}

.cl { clear:both; line-height:1px; font-size:1px; margin-top:-1px; height:0px; }
.fl { float:left; }
.fr { float:right; }
.red{color: #c80000;}
.blue{color:#227CC6;}
    
.bg{background: url('/imgs/web/bg-head.png') repeat-x; min-height:100%;}
.bgTop{background: url('/imgs/web/bg-header.png') no-repeat top center;}
#main { width:1000px; text-align:left; margin:0px auto; }
#main .inner {}

#header{ height:187px; color:#000; text-align:left;position:relative;  }
#header h1 { position:absolute; width:275px; height: 140px;  left:-10px; top:34px; background: url('/imgs/web/vase-svoboda-logo.png?v2') no-repeat top left;  }
#header h1 a{display:block;text-decoration:none; cursor:pointer; height:100%;}
#header h1 span { display:none; }
	
	#webMenu {padding-top:125px;position:relative; margin-left:280px; font-size:87.5%; }
	#webMenu ul { }
	#webMenu li { float:left; list-style:none; margin-left:10px;color:#237ac9;  height:62px; }
	#webMenu li.active{background:url('/imgs/web/arrow-top.png') no-repeat bottom center}
	#webMenu li a {color:#237ac9; text-decoration:none; text-transform: uppercase;display:block; float:right; margin-left:10px;}
  	#webMenu li.active a{color:#C80000}
	#webMenu li a:hover {color:#C80000;}

#content { border:2px solid #e7e7e7; border-top:0px;}
	#content{font-size:90%; color:#535353;}
	
	h1 { font-size:140%; font-weight:normal; text-transform: uppercase; color:#227CC6; margin-bottom:10px; background:url('/imgs/web/arrow-left.png') no-repeat 0 40px; padding-left:40px; line-height:30px; padding-top:40px;}
	#home .leftInfo{width:410px; float:left; padding-right:60px;}
	#home table p{padding:3px 0;}
	#home table td{padding-left:20px;}
	#home table th{width:62px;}
	#home table{margin-bottom:10px;}
	
	#home .lastArticles{overflow:hidden;}
	#home h2{ text-transform: uppercase; font-weight:normal; margin-bottom:10px; font-size:130%; margin-top:20px;}
	#home .blogArticle {margin-bottom:20px;}
	#home .articleThumb{margin-right:10px; width:100px;min-height:50px;}
	#home .lastArticles p{font-size:90%; overflow:hidden;}
	#home .lastArticles h3{font-weight:normal;}
	
	#html .inbox, #home .inbox{padding:10px 40px 50px 40px; }
	#html .inbox h2 { font-size:130%; margin:5px 0 2px 0; font-weight:normal;}
	#html .inbox h3 { font-size:120%; margin:5px 0 2px 0;  font-weight:normal; }
	#html .inbox h4 { font-size:105%; margin:0px 0 0px 0;  font-weight:normal; }
	#html .inbox p { padding:3px 0px; }
	#html .inbox ul { padding:5px 0px;}
	#html .inbox ol { padding-left:20px; }
	#html .inbox li { padding:2px 0 2px 18px; background:url('/imgs/web/bullet-yes.png') no-repeat left 7px; list-style:none;}
	#html .inbox ul.bulletYes li { padding:2px 0 2px 18px; background:url('/imgs/web/bullet-yes.png') no-repeat left 7px; list-style:none;}
	#html .inbox ul.bulletNo li { padding:2px 0 2px 18px; background:url('/imgs/web/bullet-no.png') no-repeat left 7px; list-style:none;}
	#html .inbox ul.bulletPlus li { padding:2px 0 2px 18px; background:url('/imgs/web/bullet-plus.png') no-repeat left 7px; list-style:none;}
	#html .inbox em{text-transform:uppercase; font-size:120%;}
	#html .inbox a {}
	#html .inbox a img {}
	#html .inbox .imgLeft { padding:0px 5px 5px 0px; float:left; }
	#html .inbox .imgRight { padding:0px 0px 5px 5px; float:right; }
	#html .colA{float:left; width:420px;}
	#html .colB{float:right; width:400px;}
	#html .projectInfo{margin-left:40px;}
	.backToList{ background:url('/imgs/web/arrow-right-sm.png') no-repeat right 0px; padding-right:25px; float:right; text-decoration:none;}
	#blog .inbox{padding:10px 40px 50px 40px;}
	#blog .blogArticle{margin-bottom:25px; float:left; width:440px; clear:both;}
	#blog .odd{margin-left:35px; clear:none;}
	#blog .blogArticle h3{font-weight:normal; margin-bottom:4px; font-size:110%;}
	#blog .blogArticle p{overflow:auto; font-size:90%;}
	#blog .blogArticle .articleThumb{margin-right:20px; border:2px solid #E7E7E7; padding:2px; }
	.contactForm{float:right; width:380px; margin-left:40px; color:#989697;}
	.contactForm input{border:0px;color:#989697;}
	.textInput{width:192px; height:24px; background:url('/imgs/web/input.png') no-repeat; padding:5px 10px; margin-bottom:10px; }
	.textInputLong{width:370px; height:24px; background:url('/imgs/web/input-long.png') no-repeat; padding:5px 10px; margin-bottom:10px; }
	.contactForm textarea{width:370px; height:156px;color:#989697; padding:5px 10px;  background:url('/imgs/web/textarea.png') no-repeat; border:0px;}
	.submitButton{display:block; height:38px; line-height:38px; text-align: center;background:url('/imgs/web/button.png') no-repeat;  width:124px; margin-left:266px; margin-top:10px; cursor:pointer;}
	#html .contactForm .success{padding:10px 20px 20px 0px; }
	#html .contactForm h3{font-weight:normal; text-transform:uppercase;margin-bottom:10px; color:#535353;}
	#blog #categories{}
	#blog #categories h2{text-transform:uppercase; font-weight:normal; font-size:140%;}
	#blog #categories .project{float:left; width:275px; margin-right:35px; margin-bottom:20px;}
	#blog #categories .last {margin-right:0px;}
	#blog #categories .project p{ text-align:justify;}
	#blog #categories a{display:block; padding:10px 0; text-decoration:none; font-size:120%; text-transform:uppercase;}
	#blog #categories a span{display:block; height:42px; overflow:hidden; margin-bottom:8px;}
	#blog #categories a img{float:left;  margin-right:10px;}
	#blog #categories a.active {color:#C80000;}
	#blog #categories li {list-style:none;}
	#blog #categories li a{text-transform:none; font-size:80%; padding:0 0 8px 14px;background: url(/imgs/web/arrow-left-tiny.png) no-repeat top left; }
	#blog #categories li.agata a{background:none; padding-left:0px; margin-top:10px; font-size:120%; text-transform:uppercase;}
	#blog .projectDetail h3{font-size:140%; text-transform: uppercase; font-weight:normal; margin-bottom:10px; color: #c80000;}
	#blog .articles{overflow:hidden; }
	
	#searchResults h3{margin-bottom:10px;}
	#searchBox{}
	#topBox{position:absolute; top:10px; right:30px; z-index:2; font-size:80%; }
	#topBox .text{background: url(/imgs/web/input-search.png) no-repeat; height:20px; width:140px; padding:2px 5px; border:none; color:#989697;}
	#topBox .button{background: url(/imgs/web/button-search.png) no-repeat; height:25px; width:86px; border:none; cursor:pointer; color:#989697; position:relative; top:1px;}
	
#footer { margin-top:20px; font-size:90%;color:#989697;}
	#footer p.copyright{  float:right; margin-top:30px;}
	#footer p.support{float:left;}
	#footer p.support img{float:left;margin-right:20px;}
	#footer p.support span{margin-top:30px; display:block; float:left;}
	#footer li {}


  .multiColumn-print{display:none;}