/* ----------------------------------------------- */
/* skinovani pozadi, barev a nastaveni fontu */
/* skinovani odsazeni, padding a margin */
/* ----------------------------------------------- */

*{ font-size: 12px; }
body{ background: #F6F6F6; font-family: Arial, Helvetica, sans-serif;	}
#envelopeShadow{ background: url('/img/background2.gif') repeat-y; }

#logoArea{ background: #E8E8E8; }
#logo .url{ background: url('/img/logo.gif') no-repeat; }
p#aboutUs a{ color: #3A3A3A; font-size: 11px; }

#headerBanner h2 span{ background: url('/img/banner2.gif') no-repeat; }

/* ----------------------------------------------- */

#priMenu, #priMenu ul li{ background: url('/img/priMenuBg.gif') repeat-x top left; }
#priMenu ul li a{ color: white; }
#priMenu ul li a span{ background: url('/img/priMenuBgDot.gif') no-repeat 0 0; }

/* ----------------------------------------------- */

#priMenu ul li a{ text-transform: uppercase; }
#priMenu ul li a.active, #priMenu ul li a:hover{ background: url('/img/priMenuBgActive.gif') repeat-x top left; text-decoration: none; }
#priMenu ul li a.active span, #priMenu ul li a:hover span{ background: url('/img/priMenuBgActiveDot.gif') no-repeat;  }
#priMenu ul li ul, #priMenu ul li ul li, #priMenu ul li ul li a{ background: black; }
#priMenu ul li ul li a{ 
	background: url('/img/priSubmenuBg.gif') no-repeat 10px 16px; color: #6B6B6B; color: white; font-weight: bold; text-transform: none;
	padding-left: 20px;
}
#priMenu ul li ul li a.active{ background: url('/img/priSubmenuBg.gif') no-repeat 10px 16px; color: white; }
#priMenu ul li ul{ margin: 0 0 0 40px;}
#priMenu ul li ul li a:hover{ background: url('/img/priSubmenuBg.gif') no-repeat 10px 16px; color: white; text-decoration: underline; }

/* ----------------------------------------------- */

#secMenu, #secMenu ul li, #secMenu ul li a{ background: url('/img/secMenuBg.gif') repeat-x; }
#secMenu ul{ margin-left: 30px; }
#secMenu ul li span{ background: url('/img/secMenuLeft.gif') no-repeat; }
#secMenu ul li a{ 
	color: black; text-transform: uppercase;
	padding: 0 10px;
}
#secMenu ul li a.active, #secMenu ul li a:hover{ background: url('/img/secMenuLeftActive.gif') repeat-x; color: white; text-decoration: none; }

p#artLinks, p#artLinks *{ font-size: 11px; }
p#artLinks a{ color: #CD0000; text-decoration: none; padding: 0 5px 0 20px; }
p#artLinks a:hover{ text-decoration: underline; }
p#artLinks a.lnkSend{ background: url('/img/icoEmail.gif') no-repeat left 4px; }
p#artLinks a.lnkPrint{ background: url('/img/icoPrint.gif') no-repeat left 1px; margin-left: 5px; }

#formLinks-env p{ font-size: 11px; padding-top: 3px; }
#formLinks-env p a{ font-size: 11px; color: black; }
#formLinks-env img.picture{ float: left; margin-right: 10px; }

/* ----------------------------------------------- */
/* bannery na titulni strance, css pouze zde neni soucasti skinovani */

#solutions-env{ margin: 15px 0; }
#solutions-env a.item{ margin-bottom: 20px; }

#solutions-env a.item,
#solutions-env a.item span{ display: block; height: 144px; width: 439px; position: relative; }
#solutions-env a.item span{ position: absolute; top: 0; left: 0; background: white; cursor: pointer; _cursor: hand; }

#solutions-env #rodinneDomy,
#solutions-env #rodinneDomy span{ background: url('/img/banners/new/rodinneDomy.gif') no-repeat; }
#solutions-env #montovaneDomy,
#solutions-env #montovaneDomy span{ background: url('/img/banners/new/montovaneDomy.gif') no-repeat; }
#solutions-env #komercniBudovy,
#solutions-env #komercniBudovy span{ background: url('/img/banners/new/komercniBudovy.gif') no-repeat; }
#solutions-env #bytoveDomy,
#solutions-env #bytoveDomy span{ background: url('/img/banners/new/bytoveDomy.gif') no-repeat; }

/*
#solutions-env #rodinneDomy a:hover span{ background: url('/img/banners/rodinneDomy-active.gif') no-repeat; }
#solutions-env #montovaneDomy a:hover span{ background: url('/img/banners/montovaneDomy-active.gif') no-repeat; }
#solutions-env #bytoveDomy a:hover span{ background: url('/img/banners/bytoveDomy-active.gif') no-repeat; }
*/

#cert-env{ margin: 15px 0; }
#cert-env .cert{ margin-bottom: 10px; }
#cert-env .item{ float: left; background: #E9E9E9; padding: 10px; margin-right: 10px; }
#cert-env .item a img{ border: 0px; text-decoration: none; }

#submiter-env{ text-align: right; }
#submiter{ 
	height: 24px; width: 100px; 
	text-align: center; background: #B80909 url('/img/btn.gif') repeat-x; border: 1px solid #B80909; 
	color: white; margin-right: 92px; text-transform: uppercase;
	cursor: pointer; _cursor: hand; }

/* ----------------------------------------------- */

#panel h2.top5, #panel h2.news{ 
	color: white; font-size: 14px; font-weight: normal; text-transform: uppercase;
	padding-left: 15px;
}
#panel h2.top5{ background: #F2E952 url('/img/yellowBg.gif') repeat-x bottom left; }
#panel h2.top5 a{ color: black; }
#panel .top5Block-env{ background: url('/img/top5BlockBg.gif') repeat-y top left; }
#panel .top5Block{ padding: 20px 10px; }
#panel .top5Block ul li{ 
	background: url('/img/top5Arrow.gif') no-repeat left 2px; font-weight: bold;
	padding-left: 20px; margin-bottom: 5px;
}

/* ----------------------------------------------- */

#panel h2.news{ background: #8DC6D5 url('/img/newsBg.gif') repeat-x bottom left; }
#panel .newsBlock-env{ background: url('/img/newsBlockBg.gif') repeat-y top right; }

.newsBlock-env .muchMoreActual{ text-align: right; padding-right: 10px; margin: 5px 0; }
.newsBlock-env .muchMoreActual a{ color: black; }

#panel .item{ 
	background: url('/img/newsItemBg.gif') repeat-x bottom left;
	padding: 0 0 5px 0;
}
#panel .item h2, #panel .item h2 a{ color: black; }
#panel .item .header{ padding: 10px 15px; }
#panel .item .date{ color: #939393; font-weight: bold; }
#panel .item .body{ background: url('/img/newsBodyBg.gif') repeat-y top right; font-size: 11px; }
#panel .item .body p{ 
	font-size: 11px; 
	padding: 10px 15px;
	line-height: 1.4em;
}

#panel .item .body p img{
	float: left; 
	border: 1px solid #D2D2D2; 
	padding: 1px; margin: 0 8px 0 0;
	height: 60px; width: 60px;
}

#pager{ text-align: center; }
#pager, #pager *{ color: #88898C; font-size: 11px; }
#pager a{ margin: 0 3px; }
#pager a.active{ font-weight: bold; text-decoration: underline; }

/* ----------------------------------------------- */

#gallery-env{  }
#gallery-env .photo-env{ width: 109px; float: left; margin: 0 5px 5px 0; }
#gallery-env .photo-env .title{ text-align: center; margin: 0; }
#gallery-env .photo-env .title a{ font-size: 11px; color: #CD0000; text-decoration: none; }
#gallery-env .photo-env .title a:hover{ text-decoration: underline; }
#gallery-env .photo a img{ border: 1px solid #BDC3C7; padding: 1px; }

/* ----------------------------------------------- */

#slogan h3{ color: #CD0000; font-size: 28px; text-align: right; }
#slogan h3 span{ background: #E8E8E8 url('/img/slogan3.png') no-repeat top right; }
#powered-env p, #powered-env p *{ color: #696969; font-size: 11px; text-align: right; }
#powered-env p a{ font-weight: bold; text-decoration: underline; }
#powered-env p a:hover{ text-decoration: none; }
#copyright-env{ background: #88898C; }
#copyright{ padding: 20px; }
#copyright p{ text-align: right; color: white }
#copyright p a{ color: white; }

#postSend{ margin: 20px 0; }
#postSend table td{ border: none !important; }