/* @override 
	http://localhost/frameworks/my%20templates/css/style.css
	http://astr/css/style.css
	http://192.168.1.2/templates/skin/css/astrum.css
	http://astrum/templates/skin/css/astrum.css
*/

/* @group Reset&Globals */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0 auto;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

body {
	background: url(../img/bg2.png) repeat-x;
	line-height: 1em;
	font-family: "Lucida Grande", Lucida Sans, Verdana, sans-serif;
	_font-size:1.2em;
}

ol, ul {
	list-style: none;
}

a{
	color: #000;
	text-decoration: underline;
}
.slideshow{
	width: 700px;
	height: 370px;
	float: left;
	margin-bottom: 10px;
}
.orange{
	color: orange;
}
strong{
	line-height: 1.4em;
}
/* @group Useful */

.no{display: none;}
.clear-l{clear: left;}
.clear-r{clear: right;}
.clear{clear: both;}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* @end */

html, body, #pagewrap-all {height: 100%;}
body > #pagewrap-all { height: auto; min-height: 100%;}

#pagewrap{
	width: 960px;
	margin: 0 auto;
	padding-bottom: 172px;
}

/* @end */

/* @group Header */

#header{
	width: 100%;
	height: 230px;
	float: left;
}

#header h1 a, #header h1 a:visited{ 
	text-decoration: none;
	color:gray;
	padding: 20px 0px 0px 20px;
	float: left;
	position: relative;
	left: 0px;
	top: 0px;
	width: 190px;
	font-size: 0.7em;
}

#header h1 a:hover{
	color: black;
	text-decoration: underline;
}

#header h1 a span{
	background: url(../img/logo.png) no-repeat;
	width:210px;
	height: 115px;
	float: left;
	position: absolute;
	left: 0px;
	top: 3px;
}

#banner-top{
	width: 745px;
	height: 80px;
	float: right;
}

#banner{
	float: right;
	width: 228px;
	height: 65px;
	border: 3px solid white;
}
/* @end */

/* @group Content */

#content-shadow{
	background: url(../img/shadow-left.png) repeat-y;
	float: left;
	width: 70px;
	clear: both;
	left: -70px;
	position: relative;  
	top: 2px;     
}

#content{
	width: 960px;
	position: relative;
	left:70px;
	float: left;
	margin-top: -42px;
	_margin-top:-41px;
	background: #fff;
	padding-bottom: 30px;
}

h2.full{
	background: #8294A7;
	color: #fff;
	font-weight: normal;
	text-align: center;
	font-size: 1em;
	height:42px;
	width: 100%;
	line-height: 2.6em;
}

ul.homepageul{
	margin:10px 0px 10px 0px;
}
ul.homepageul li{
	font-size: 0.8em !important;
	padding-bottom: 5px;
	    color:#ff9500;
}
ul.homepageul li h2 a{
	text-decoration: none;
	line-height: 1.6em;
	  color:#ff9500;


}
ul.homepageul li h2 a:hover{
	text-decoration: underline;
}
ul.homepageul li h2.none-a{
	font-size: 0.8em !important;
	font-weight: normal;
}

/* @end */
.montazni-udaje{
	width: 400px;
	float: left;
	border: 1px solid red;
}
.montazni-udaje h3{
	background: orange;
	width: 100%;
	float: left;
	line-height: 1.6em;
	color: #fff;
	font-size: 0.8em !important;
}
.montazni-udaje p{
	width: 310px !important;
	float: left;

}
/* @group Second-nav*/

#second-nav{
	background: url(../img/secondnav-bg.png) repeat-x;
	height: 30px;
	width: 960px;
	float: left;
	margin-top: 4px;
}

/* @end */
strong.orange{
	font-size: 0.8em;
	line-height: 1.5em;
	font-weight: bold;
}

/* @group Left-default */

#left{
	float: left;
}
#left.850{
  	width: 850px;
  	padding: 10px;
}
#left ul{
	float: left;
	padding-left: 20px;
	margin-bottom: 10px;
}
#left li{
	list-style-type: square;
	line-height: 1.7em;
	font-size: 0.8em;
	font-weight: bold;
}
#left.default{
	width:690px;
	padding: 15px 15px 0px 14px;
}
#left h2.category{
	float: left;
	width: 100%;
    font-size: 1.5em;
    letter-spacing: -1px;
	padding-bottom: 10px;
	font-weight: normal;
	line-height: 1.4em;
}

#left h3{
	font-size: 1em;
	line-height: 1.5em;
	padding-bottom: 10px;
	width: 100%;
	float: left;
}
#left p{
	width: 690px;
	float: left;
	line-height: 1.9em;
	font-size: 0.75em;
	padding-bottom: 10px;
}

/* @end */

/* @group Left-sekcni-vrata */

.sekcni-vrata{
	background: #B0BDCB;
	width: 735px;
	float: left;
	clear: left;
	padding-bottom: 10px;
}
.sekcni-vrata-inner{
	width:690px;
	float: left;
	display: inline;
	margin: 15px 0px 0px 12px;
	padding: 10px;
	background: #fff;
}
.sekcni-vrata-inner h3{
	width: 100%;
}
.sekcni-vrata p{
	width: 670px;
	font-size: 0.8em;
}
.sekcni-vrata-col{
	width: 710px;
	height: 120px;
	margin-bottom: 2px;
	float: left;
	display:inline;
	margin-left: 10px;
}
.sekcni-vrata h4{
	color: #fff;
	font-size: 1em;
	font-weight: normal;
	padding-left: 15px;
	width: 720px;
	margin-bottom:10px;
	margin-top: 15px;
	height: 40px;
	line-height: 2.4em;
	float: left;
	background: #9BABBD;
}
.shadow-box{
	background: red;
	width: 170px;
	height: 120px;
	background: #D7DCE4;
	float: left;
	margin-right: 10px;
	display: inline;
}
.sekcni-vrata-col h5 a{
	color: #51657B;
	width: 170px;
	float: left;
	font-size: 0.85em;
	text-align: center;
	height: 20px;
	text-decoration: none;
	margin-top: 40px;
}
.sekcni-vrata-col h5 a:hover{
	text-decoration: underline;
}
.sekcni-vrata-col span{
	float: left;	
	font-size: 0.8em;
	width: 170px;
	text-align: center;
}
.sekcni-vrata-col p{
	width:520px!important;
	float: right;
	height: 120px;
}
.sekcni-vrata-col p img{
	padding-right: 30px;
}
.sekcni-vrata h2{
	background: #8294A7;
	color: #fff;
	font-weight: normal;
	text-align: center;
	font-size: 1em;
	height:41px;
	line-height: 2.6em;
}
/* @end */

/* @group Left-vrata */

.vrata-l{
	width: 600px;
	clear: left;
	float: left;
	padding-left: 12px;
	padding-top: 20px;
}
.vrata-l h2{
	font-size: 1.7em;
	font-weight: normal;
	line-height: 1.4em;
	padding-bottom: 5px;
}
.vrata-l h3{
	font-weight: normal;
	font-size: 1.3em !important;
}
.vrata-l p{
	width: 590px !important;
}
.vrata-l img{
	margin: 5px 5px 0px 0px;
}

/* @end */

#right{
	float: right;
	clear: right;
}
#right-brown{
	background: #e9e4d1;
	float: right;
	clear: right;
}
#right-brownothers{
	background: #DEDAC7 !important;
	float: right;
	clear: right;
}
#right-prislusenstvi{
	float: right;
	clear: right;
	background: #C4CBD6;
}
#right-brown-kvalita{
	background: #D5D4B6 !important;
	float: right;
	clear: right;
}
#right-brown-kvalita h3{
	margin-bottom: 10px;
	float: left;
	font-size: 0.85em;
}
#right-brown-kvalita ul{
	float: left;
	margin-bottom: 20px;
	width: 305px;
}
#right-brown-kvalita ul li{
	font-size: 0.8em;
 	width: 290px;
 	float: left;
	line-height: 1.7em;	
	list-style-type: square;
	margin-left: 20px;
	display: inline;
}
#right-brown-kvalita h3.main-kvalita{
	margin-bottom: 20px;
	font-size: 1.2em;
	width: 100%;
}
#right-elegantni{
	background: #D3D7E2;
	float: right;
	clear: right;
}
.kvalita-inner{
	width: 300px;
	padding-top: 15px;
}
.kvalita-inner h3{
	font-size: 1.05em !important;
	width: 300px;
	float: left;
}
.kvalita-inner p{
	font-size: 0.75em !important;
}
.parametr{
	float: left;
	width: 170px;
	margin-right: 30px;
}

.parametr strong{
	clear: left;
	width: 170px;
	float: left;
	margin: 10px 0px 10px 0px;


}
.parametr-full{
	float: left;
	width: 380px;
}
.parametr-full strong{
	width: 380px;
	float: left;
		margin: 10px 0px 25px 0px;
}
.parametr-full p{
	width: 350px !important;
}
.parametr p{
	width: 170px !important;
}
.parametry-others{
	float: left;
}

/* @group Right-default */

#right.default{
	width: 240px;
	background: #F0F2F4;
	float: right;
	padding-bottom: 15px;
}
#right.default h2, .pohony h2{
	background: #8294A7 ;
	line-height: 2.5em;
	font-size: 0.95em;
	height: 42px;
	margin-bottom:20px;
	color: #fff;
	font-weight: normal;
	text-align: center;
}
.right-default-inner{
	width:180px;
	padding-left: 20px;
	margin: 0 auto;
}
.right-default-inner p{
	font-size: 0.8em;
	margin-bottom: 10px;
}
#right.default h6{
	line-height: 1.3em;
	padding-top: 5px;
	padding-bottom: 0.5em;
	color: #748AA3;
	font-size: 0.8em;
	width: 180px;
	float: left;
}
.default-box{
	margin: 0 auto;
	width: 100%;
	float: left;
    font-size: 0.95em !important;
	margin-bottom: 10px;
}
.default-box a{
	font-size: 0.74em;
	float: left;
	width: 190px;
	text-decoration: none;
	padding-top: 10px;
	font-weight: bold;
}
.default-box a:hover{
	text-decoration: underline;
}
.default-box img{
}

/* @end */

/* @group Right-sekcni vrata r */

.sekcni-vrata-r{
	width: 199px;
	padding-left: 25px;
	float: right;
	padding-top: 10px;
}
.sekcni-vrata-r-inner{
	width: 180px;
	float: left;
	padding-top: 10px;
}
.sekcni-vrata-r h6{
	line-height: 1.3em;
	padding-top: 5px;
	padding-bottom: 0.5em;
	color: #748AA3;
	font-size: 0.8em;
	width: 170px;
	float: left;
}
.sekcni-vrata-r img{
	margin-bottom: 5px;
}

.sekcni-vrata-r h3{
	margin-bottom: 10px;
	font-size: 0.85em;
}
.sekcni-vrata-r p{
	font-size: 0.75em;
	width: 180px;
	margin-bottom: 10px;
	float: left;
}

/* @end */

/* @group Right-pohony */

#right.pohony{
	width: 240px;
	background: #E8ECEF;
	float: right;
	padding-bottom: 15px;
}
.inner-pohony{
	width:210px;
	margin: 0 auto;
}
.inner-pohony p{
	font-size: 0.75em;
	line-height: 1.7em;
	margin-bottom: 15px;
}
.inner-pohony h3{
	font-size: 0.85em;
	font-weight: bold;
	margin-bottom: 5px;
	line-height: 1.5em;
}
.inner-pohony ul{
	float: left;
	padding-left: 15px;
	margin-bottom: 10px;
}
.inner-pohony li{
	list-style-type: square;
	font-size: 0.75em;
	line-height: 1.5em;
	padding-bottom: 5px;
}
.pohony-col img{
	width: 200px;	
}
.pohony-col strong{
	float: left;
	clear: left;
}
/* @end */

/* @group Right-kontakt */

#right.kontakt{
	background: #8B9DB1;
	width: 215px;
	padding: 10px 10px 10px 10px;
}
#right .kontakt-right-box{
	background: #64788E url(../images/bg-oddzial.png) repeat-x top ;
	float: left;
	margin-bottom: 10px;
	width: 215px;
	color: #fff;
	padding-bottom: 10px;
}
#right .kontakt-right-box h3{
	color: #fafcae;
	font-size: 0.98em;
	letter-spacing: -1px;
	font-weight: bold;
	padding: 15px 0px 10px 20px;
}
#right .kontakt-right-box p{
	font-size: 0.7em;
	width: 170px;
	float: left;
	padding-left: 20px;
	line-height: 1.23em;
	padding-bottom: 5px;

}
#right .kontakt-right-box p span{
	width: 170px;
	float: left;
	font-size: 1em;
	padding-bottom: 2px;
	display: inline;
	font-weight: bold;
	color: #D7DDE4;
}
#right .moduletable-anketa{
	width:215px;
	float: left;
	padding-left: 0px;
	background: #fff;
	padding-bottom: 10px;
}
h3.anketa{
	width:205px;
	background: #FFA55B url(../images/bgnag-org.png) repeat-x center;
	line-height: 2.2em;
	padding-left: 10px;
	margin-bottom: 10px;
	color: #fff;
	float: left;
	font-weight: normal;
	font-size: 0.8em;
}
form.poll-anketa{
	width: 200px;
	float: left;
	padding-left: 15px;
}
form.poll-anketa p{
	width: 200px;
	font-size: 0.7em;
	padding-bottom: 5px;	
}
#pollbtns{
	margin-top: 10px;
}

/* @end */

/* @group Right - vrata */

.vrata-r{
	background: #B0BDCB;
	width: 338px;
	float: right;
	padding-bottom: 20px;
	clear: right;
}
.vrata-r-inner{
	width: 320px;
	float: left;
	display: inline;
	margin-left: 15px;
}
.vrata-col-first{
	float: left;
	width: 80px;
	margin-right:20px;
	display: inline;
}
.vrata-col-second{
	float: left;
	width: 80px;
	margin-right: 15px;
	display: inline;
}
.vrata-col-third{
	float: left;
	width: 80px;
	display: inline;
	margin-left: 10px;
}
.vrata-r h2{
	background: #8294A7 ;
	line-height: 2.9em;
	font-size: 0.95em;
	height: 42px;
	margin-bottom:20px;
	color: #fff;
	font-weight: normal;
	text-align: center;
}

.vrata-r h4{
	font-size: 0.75em;
	width:190px;
	line-height: 1.5em;
	padding-bottom: 20px;
	padding-top: 10px;
	float: left;
}
.vrata-box-r{
 	width: 150px;
	margin-bottom: 25px;
	float: left;
	display: inline;
}
.vrata-box-r h3{
	padding-left: 10px;
	padding-bottom: 10px;
	font-size: 1.1em;
	letter-spacing: -1px;
}
.vrata-r p{
	float: left;
	margin-top: 10px;
	font-size: 0.7em;
	width: 300px;
	padding-bottom: 30px;
	line-height: 1.5em;
}
.vrata-box-r p{
	font-size: 0.7em;
	width: 120px;
	padding-left: 5px;
	line-height: 1.4em;
}
.vrata-box-r p strong{
	float: left;
	font-size: 1.25em;
	font-weight: bold;
	width: 150px;
	padding-bottom: 5px;
}
.vrata-box-r-col3{
	width:80px;
	float: left;
	margin-right: 3px;
	display: inline;
}
.vrata-box-r-col3 h3{
	padding-bottom: 10px;
	float: left;
}
.vrata-box-r-col3 p {
	width: 80px;
	float: left;
	font-weight: normal;
}
.vrata-box-r-col3 p strong{
	width: 80px;
	float: left;
	padding-bottom: 5px;
	font-size: 1.25em;
	font-weight: bold;
}
.p-1{
	height: 120px;
}
.p-2{
	height: 120px;
}
.p-3{
	height: 120px;
}
/* @end */


/* @group Right - prumyslova */

.prumyslova-col{
	width: 300px;
	float: left;
	height:80px;
}
.prumyslova-col h2{
	background: none;
	float: left;
	width: 220px;
	text-align: left;
	line-height: 1em;
	height: auto;
	margin: 0;
	color: #fff;
	font-size: 0.9em;
	font-weight: bold;
}
.prumyslova-col p{
	width: 210px;
	float: left;
}
.pdf{
	width: 42px;
	height: 60px;
	float:right;
	border: 3px solid white;
}
.pdf:hover{
	border: 3px solid #b40203;

}
/* @end */
.barvy-col{
	width: 320px;
}

.barvy-col p{
	float: left;
	width: 150px !important;
	padding: 0;
}

/* @group Footer */

#footer{
	background: #FFFFD5 url(../img/footer.png) repeat-x;
	clear: both;
	height: 172px;
	width: 100%;
	margin-top: -172px;
	float: left;
	position: relative;

}

#footer-inner{
	width: 960px;
}

/* @group Footer image nav */


/* @end */

/* @group Footer right nav */

/* @end */

#footer-left{
	float: left;
	width:800px;
}
.moduletable-footer-left{
	width: 200px;
	float: left;
}
.moduletable-footer-left p{
	color:#BFBF15;
	font-size: 0.75em;
	margin-top: 12px;
}
#footer-right{
	float: right;
	width: 100px;
}

/* @end */