@charset "utf-8";
/*----------------------------------------------------------------------------
	Description: Kaskádové styly pro profiweby.cz
	Author:			 Profiweby, www.profiweby.cz, e-mail: info(@)profiweby.cz
	Modified:	   28. 8. 2007

	==[ TOC ]==
  1. Body       (tělo)
  2. Tags       (všeobecné prvky - h1, input, ...)
  3. Classes    (třídy pro vše platící - .clear, .float-x ..)
  4. Container  (rozvržení celé stránky)
  5. Header     (Hlavička)
  6. Sidebar    (postraní sloupec)
  7. Content    (obsah)
  8. Footer     (patička)
  9. Other      (ostatní)

	==[ Colors ]==
	1. #ca0101 - h1, links - cervena
	2. #015201 - pozadi menu nalevo
----------------------------------------------------------------------------*/

/*-- [ 1. Body ] -----------------------------------------------*/
* {margin: 0; padding: 0;}
body  {
	font-size: small;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background: #e5e5e5 url(../images/back.png) top center repeat-x;
	color: #333;
	text-align: center;
}
body.bg {background-image:url(../images/back2.png);}
/*-- [ 2. Tags ] -----------------------------------------------*/
a {color:#dd0603;}
a:hover {color:#111;}
img {border:none; text-decoration:none;}
/*-- [ 3. Classes ] -----------------------------------------------*/
.float-r {float: right;}
.float-l {float: left;}
.clearfloat { 
	clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
	overflow: hidden;
}
.font-size-90 { font-size:90%;}
.font-size-85 { font-size:85%;}
#mainContent ul.sitemamp {margin-top: 0px; list-style: none;}
#mainContent ul.sitemap li{margin-left: 20px; background: transparent url(../images/li.png) no-repeat 2px 0px; list-style: none; padding-left: 30px;}
#mainContent ul.sitemap li ul li{background: none; margin-left: 10px; background: url(../images/ul-li.gif) no-repeat 5px center;  padding: 0px 0px 0px 20px;}

#mainContent ol {list-style-position: outside; margin-left: 20px; margin-bottom: 20px;}
/*-- [ 4. Container ] -----------------------------------------------*/
#mainContainer { 
	width: 997px;  
	margin: 0 auto;
	text-align: left;
	background: transparent url(../images/content-repeat.png) no-repeat 616px 251px;
} 


#mainContainer.sub{background: transparent url(../images/content-repeat-left.png) no-repeat 344px 251px;}
/*-- [ 5. Header ] -----------------------------------------------*/
#header {
	overflow: hidden;	
}
#header #top {height:251px;	position: relative;
  background: url(../images/top.png) no-repeat center top;
}
#header #top a {text-decoration: none;}
#header #top #logotype {position:absolute; top:0px; left:19px; width:198px; height:147px;}
#header #top #logotype span {display:none;} 
#header #top #fire{
  position: absolute;
  left: 552px;
  width: 445px;
  height: 193px;
  background: url(../images/fire.png) no-repeat left top;
}
#header #top #logo-text{position: absolute; top: 62px; left: 218px; width: 334px; height: 76px; background: url(../images/logo-text.png) no-repeat left top;}
#header #top #quickMenu {
	position:absolute; top:0px; right:24px;
	height:44px; padding-right:0px;
	padding-top: 8px;
	width: 347px; text-align:right;
	background: url(../images/searching.png) no-repeat left top;
	text-align: center;

}

#header #top #quickMenu img{
  float: left;
  margin-left: 6px;
}

#header #top #quickMenu .links  a {
 margin-top:3px;
 float:left;
 width:68px;
 font-size:85%;
 text-align:center;
 text-decoration:none; margin-right:12px;
}
#header #top #quickMenu .links a img {
	margin:0 0;
	width:15px; height:11px;
}
#header #top #quickMenu .links a span{
	display:block;
	color:#888;
	text-decoration:underline;	
}
#header #top #quickMenu .links a:hover span{
 color:#bb0000;
}
#header #top #quickMenu .searchText { 
	height:20px; width:219px;
	padding:3px 0px 0px 10px;
	color:red;
	border: none;
	background:#f4f4f4 url(../images/search-text-back.png) top left no-repeat;
}
#header #top #quickMenu .searchSubmit { 
	height:24px; width:26px;
	border:none; cursor:pointer;
	background:#eee url(../images/bt-search.png) top left no-repeat;	
}
/*menu*/
#header #top #menu {
	position:absolute; top:193px;
	width: 100%;
	height: 58px; 
	padding: 0px;
  background: url(../images/bt-active.png) repeat-x top;
} 

#header #top #menu ul.mainMenu {
  width: 857px;
  display:block;
  font-weight:bold;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0 auto 0 auto;
  position:relative;
}

#header #top #menu ul.mainMenu li {
  float: left;
  height: 58px;
}

#header #top #menu ul.mainMenu li a{
  font-size: 110%;
  display: block;
  height: 58px;
  padding:19px 45px 0 45px;
  color: #e9d801;
}

#header #top #menu ul.mainMenu li a.selected{
  font-size: 110%;
  display: block;
  height: 58px;
  padding:19px 45px 0 45px;
  color: #000;
  background: url(../images/bt-hover.png) repeat-x left top;
}

#header #top #menu ul.mainMenu a:hover{
  background: url(../images/bt-hover.png) repeat-x left top;
  color: #000;
}

#mainContent ul {list-style: none;}

#mainContent ul li {padding-left: 30px; line-height: 170%; background: url(../images/ul-li.gif) no-repeat 5px center;}

/*-- [ 6. Sidebar ] -----------------------------------------------*/
#sidebar-l {
	float: left; 
	margin-left: -997px;
	padding-bottom:50px;
	margin-top: 20px;
	width: 344px;
	overflow: hidden;	 
}

#sidebar-r{
  float: left;
  width: 344px;
  margin: 20px 0px 0px -359px;
  overflow: hidden;	 
}
#sidebar {
	float: left; 
	margin-left: -992px;
	padding-bottom:50px;
	width: 210px;
	overflow: hidden;	 
	background-color: white;
}
/*aktuality*/
#sidebar-r #aktuality h2{color:#ed1c24; font-size:140%; margin-bottom:1em; padding: 15px 30px 29px 20px; background: transparent url(../images/aktuality.png) no-repeat right top;}
#aktuality .newsItem {margin-bottom:1.6em; min-height:39px; width: 80%; margin-left: 10px;}
#aktuality .newsItem .cont {padding-left:58px;}
#aktuality .newsItem h3 {font-size:100%; margin-bottom:0.3ex;}
#aktuality .newsItem p {font-size:90%;}
#aktuality .newsItem .calendar {
	float:left; position:relative; 
	margin-left: 5px;
	overflow:hidden; 
	width:41px; height:43px;
	background:#aaa url(../images/news-calendar.png) top left no-repeat;
	text-align:center;
	color:#fff;
}
#aktuality .newsItem a{
  font-size: 110%;
  color: black;
}
#aktuality .newsItem .date {display:block; font-size:10px; margin-top:3px; line-height:11px; font-weight: bold;}
#aktuality .newsItem .year {display:block; font-size:18px; font-weight:bold; color: gray; margin-top: 2px;}
#aktuality .newsArchive { margin-left:50px; margin-bottom: 10px; padding-left:20px; background: url(../images/news-archiv.png) center left no-repeat;}
#aktuality .newsArchive a:hover {color:#000;}
/*menu*/
#sidebar #vmenu {margin-top: 20px;margin-left: 10px; padding:0px 0px; background-color: #015201; width: 200px;}
#sidebar #vmenu h2 {color:white; font-size:140%; margin-bottom:0px;padding: 5px 10px; background-color: #ca0101}
/*menu - side l+r*/
#sidebar-l #submenu ul.menu-side {list-style:none; margin:0px 0px 50px 10px; padding:0;width: 314px;}
#sidebar-l #submenu ul.menu-side li {
	list-style:none; 
	margin:0; padding:0;
}
#sidebar-l #submenu ul.menu-side li a {
  font-weight: bold;
	display:block;
	padding:5px 0px 5px 5px; 
	border-bottom:1px solid #808080;
	color: #ed1c24;
	text-decoration: none;
}
#sidebar-l #submenu ul.menu-side li a:hover {
  background-color: #e1dcdc;
	display:block;
	padding:5px 0px 5px 5px; 
	border-bottom:1px solid #afa6a6;
	color: #000;
	text-decoration: none;
}

#sidebar-l #submenu ul.menu-side ul li ul li a{font-weight: bold; color: #000; margin-left: 20px;}
#sidebar-l #submenu ul.menu-side ul li ul li a:hover{background-color:#e6c807; }

#sidebar-l #submenu ul.menu-side ul li ul li ul li a{font-weight: normal; color: #2c2c2c; margin-left: 40px;}

#sidebar-l #submenu ul.menu-side ul li ul li ul li ul li a{font-weight: normal; color: #686868; margin-left: 60px;}


#sidebar-l #submenu ul.menu-side li.open a {background-image:none; font-weight:bold;}
#sidebar-l #submenu ul.menu-side li.open ul {margin:0; padding:0;}
#sidebar-l #submenu ul.menu-side li.open li {list-style:none; margin:0; padding:0; background-image:none;}
#sidebar-l #submenu ul.menu-side li.open ul a {background-image:none; padding-left:28px; font-weight:normal;}
#sidebar-r h2 {color:#ed1c24; font-size:140%; margin-bottom:1em; padding: 15px 30px 29px 20px; background: url(../images/kontakty.png) no-repeat left top;}

#sidebar-r #aktuality{margin-bottom: 20px;}

/* SUBMENU */
#sidebar-l #submenu h2 {
background: url(../images/aktuality.png) no-repeat scroll right top;
color:#ED1C24;
font-size:140%;
margin-bottom:1em;
padding:15px 30px 29px 20px;
}
/**/

#sidebar-r #kontakt{margin-bottom: 20px;}
#sidebar-r #kontakt #obsah{margin-left: 30px; margin-bottom: 50px; margin-top: 0px;}
#sidebar-r #kontakt p, #sidebar-r #kontakt img, #sidebar-r #kontakt h3 {margin-left: 5px;}  

#sidebar-r #kontakt #obsah #a-mapa, #sidebar-l #kontakt #obsah #a-mapa {margin-top: 20px; display: block; height: 148px; width: 225px; background: transparent url(../images/slupo-mapa.png) no-repeat scroll left top; cursor: pointer; z-index: 5;}
#sidebar-r #kontakt #obsah #a-mapa span, #sidebar-l #kontakt #obsah #a-mapa span {display: none;}

#sidebar-l h2 {color:#ed1c24; font-size:140%; margin-bottom:1em; padding: 15px 30px 29px 20px; background: url(../images/kontakty.png) no-repeat left top;}
#sidebar-l #kontakt{margin-bottom: 20px;}
#sidebar-l #kontakt #obsah{margin-left: 30px; margin-bottom: 50px;}
#sidebar-l #kontakt p, #sidebar-r #kontakt img, #sidebar-r #kontakt h3 {margin-left: 5px;}
/*-- [ 7. Content ] -----------------------------------------------*/
#contentWrapper{
  top: 251px;
  float: left;
  width: 100%;

}
#contentWrapper #spodek{left: 0px; top: 20px; background-image: url(../images/content-repeat-bottom.png);}
.sub #contentWrapper{}

#mainContent{
  margin: 20px 20px 0px 15px;
  padding-left: 30px;
  width: 580px;
} 

.sub #mainContent {width:590px;float:right;margin-top:25px; margin-bottom: 25px; padding-right: 10px;}       /************************************/
/* heading, anchor and paragraph margins*/
#mainContent h1 {
	font-size: 200%; color: #000;/*color:#ca0101;*/ 
	padding-bottom:0.2em; padding-left:0px; 
	margin-bottom: 0.3em; 
}
#mainContent h1 span {color:#015201;}
#mainContent h2 {
	font-size: 135%; color:#6a6868; 
	border-bottom:1px solid #6a6868;
	padding-bottom:0.2em; padding-left:0px; 
	margin-bottom: 0.3em; 	
}
#mainContent h2.main {margin-left: 180px;}
#mainContent .main-text h2 {clear: left;}
#mainContent h3 {font-size: 110%;}
#mainContent p {margin-bottom: 0.5em; line-height:150%;} 


#mainContent .hintHolder {width:310px; float:left; margin:10px 50px 15px 0;}
#mainContent .hintHolder.right {margin-right:0;}

#mainContent .hintHolder .hintCont {
	min-height:160px;
	padding-bottom:5px;	
}
#mainContent .hintHolder .hintCont h3{
	color:#555;
	margin:1.2em 0 0.9em;	
}

#obrazky{
  margin-left: 5px;
  margin-top: 20px;
}

#mainContent #obrazky #o-nas a{display: block; width: 265px; height: 110px;}
#mainContent #obrazky #produkty a{display: block; width: 265px; height: 110px;}
#mainContent #obrazky #sluzby a{display: block; width: 265px; height: 110px;}
#mainContent #obrazky #reference a{display: block; width: 265px; height: 110px;}
#mainContent #obrazky #kontakt-img a{display: block; width: 265px; height: 110px;}

#mainContent #obrazky #o-nas {width: 265px; height: 110px; background:transparent url(../images/o-nas.jpg) no-repeat scroll left top; float: left; margin-right: 10px;}
#mainContent #obrazky #produkty {width: 265px; height: 110px; background:transparent url(../images/produkty.jpg) no-repeat scroll left top; float: left; margin-right: 10px;}
#mainContent #obrazky #sluzby {width: 265px; height: 110px; background:transparent url(../images/sluzby.jpg) no-repeat scroll left top; float: left; margin-right: 10px;}
#mainContent #obrazky #reference {width: 265px; height: 110px; background:transparent url(../images/reference.jpg) no-repeat scroll left top; float: left; margin-right: 10px;}
#mainContent #obrazky #kontakt-img {width: 265px; height: 110px; background:transparent url(../images/kontakt.jpg) no-repeat scroll left top; float: left; margin-right: 10px;}

#mainContent #obrazky img{
  float: left;
  margin-right: 10px;
}

/*img*/
#mainContent .hintHolder .hintCont .imgHolder {}
#mainContent .hintHolder .hintCont .imgHolder a {float:left; width:140px; height:100px; border:4px solid #e4dede; margin:5px 13px 10px 0px;}
#mainContent .hintHolder .hintCont .imgHolder a.right {margin-right:0;}
#mainContent .hintHolder .hintCont .imgHolder a:hover {border-color:#777;}
#mainContent .hintHolder .hintCont .imgHolder a img{width:140px; height:100px;}
#mainContent img.h1-img{float: left; margin-right: 10px;}
/*mapa*/
#mainContent .hintHolder .hintCont a.mapa { display:block; width:300px; height:160px; border:5px solid #e4dede; margin:30px 0;}
#mainContent .hintHolder .hintCont a.mapa:hover {border-color:#777;}

/*produkty*/

.polozkaProdukt {float: left; width: 168px; margin-right: 10px; margin-bottom: 10px;}
#content .prodHolder .polozkaProdukt a { 
	float:left; 
	width:155px; 
	margin-right:15px;
	margin-bottom:15px;
	text-decoration:none;
	background-color:#fff;
}
.prodHolder .polozkaProdukt a img {padding: 2px; border: 2px solid #E1DCDC;}
.prodHolder .polozkaProdukt a:hover img {border-color: #e6c807;}
.prodHolder .polozkaProdukt a:hover { border-color: none;} 
.prodHolder .polozkaProdukt a:hover span{ background-color: #e6c807; text-decoration: underline; color: #000;} 
.prodHolder .polozkaProdukt a.noMargin {margin-right:0;}
.prodHolder .polozkaProdukt a span {display: block; padding:10px 5px 10px 10px; text-align:left; font-weight:bold; background-color: #E1DCDC; color:#000; text-decoration: underline;} 
/*
.polozkaProdukt {float: left; width: 200px; height: 150px;}
#content .prodHolder a { 
	float:left; 
	width:155px; 
	margin-right:15px;
	margin-bottom:15px;
	text-decoration:none;
	background-color:#fff;
}
.prodHolder a img {padding: 2px; border: 1px solid black;}
.prodHolder a:hover img {border-color: #E9D801;}
.prodHolder a:hover { border-color: none;} 
.prodHolder a:hover span{ background-color: none; text-decoration: underline; color: #E9D801;} 
.prodHolder a.noMargin {margin-right:0;}
.prodHolder a span {display: block; padding:20px 5px 5px 0px; text-align:left; font-weight:bold; background-color:none; color:#000; text-decoration: underline;} 
*/
/*prod detail*/
.prodDetailHolder a.img {
  padding: 2px;
	float:left; width:155px; height:155px;
	border:1px solid #ca6500;
	margin-right:20px;
	margin-bottom: 20px;
}
.prodDetailHolder img.thumb {	float:left; width:155px; height:155px;}

.prodDetailHolder .itemText a {color:#ca6500; text-decoration: none;}
.prodDetailHolder .itemText a:hover {color:#659ba9;}
.prodDetailHolder a.img:hover { border-color: #659ba9;} 
.prodDetailHolder h2 {margin-bottom:0.5em;}
.prodDetailHolder p {color:#333;}
hr { 
	background:none;
	height:1px; overflow:hidden;
	clear:left; padding-top:15px; margin-bottom:20px;
	border-top:none;
	border-left:none;
	border-right:none;		
	border-bottom:1px dashed #ca6500;	
}

/*-- [ 8. Footer ] -----------------------------------------------*/
#footer { 
	padding:15px 50px 30px;
	font-size:85%; 
	color:white;
	background: url(../images/footer.png) no-repeat center top;
	min-height: 20px;
}
#footer .foot-l { float:left;}
#footer .foot-r { float:right;}
#footer a {margin:0 3px; color: white;}
#footer p {padding: 1ex 0;}
 
/*-- [ 9. Other ] -----------------------------------------------*/
/*error*/
#error h2{margin-bottom:0.6em; margin-left:0.2em;}
#error h3{font-size:150%;margin-bottom:0.3em; font-style:italic;}
#error p{margin-bottom:0.4px; color:#555;}
#error p.hint {font-weight:bold; color:#000;}
#error div.uri {padding:4px 10px 5px; margin-bottom:1em; border:1px dashed #ccc; color:#666;}
/*napiste nam, doporucit stranku*/
#mail-form {width:95%;}
#mail-form .text_area {width:99%;}
#mail-form th {width:105px; padding-right:5px;}
#mail-form input[type=reset] {color:#444;}

/*formular*/
.formular {background-color: #E1DCDC; border: 1px solid #717171; padding: 27px;}
.txt-input {background: $fff url(../images/search-text-back2.png) no-repeat left top; border:1px solid #AFA6A6; width: 200px; margin-right: 20px;}
.formular textarea {
	background:#F4F4F4 none repeat scroll 0;
	border:1px solid #AFA6A6;
}

.button {
  margin-top: 10px;
	background-color:#ED1C24;
	border:1px solid #AFA6A6;
	cursor:pointer;
	font-size:90%;
	padding:0 10px 2px;
}

#sidebar-r #kontakt{margin-bottom: 140px;}

#mainContent #obrazky #onas {width: 265px; height: 109px; background:transparent url(../images/o-nas.png) no-repeat scroll left top;}

/* NA ZKOUSKU KVULI IE 6 /

body{
	font-size: 10pt;
}

a img{text-decoration: none;}

#footer {_height:24px;}

#mainContent .hintHolder .hintCont .imgHolder a {margin-right:11px;}
#mainContent .hintHolder .hintCont .imgHolder a.right {margin-right:0;}

#sidebar ul.menu-side li, #sidebar ul.menu-side li a {height:1em;}

#sidebar-r #aktuality .newsItem .cont p {margin-right: -3px;}

#header #top #menu ul.mainMenu{
  width: 875px;
}

#header #top #menu ul.mainMenu li{
  border: none;
  float:left;
  margin-top: 0px;
}

#header #top #menu ul.mainMenu li a{
  float:left;
}

#sidebar-r #aktuality h2 { 
padding:15px 30px 29px 20px;
}

#obrazky {
width: 550px;
margin-left:5px;
margin-top:20px;
}
#submenu ul.menu-side li a{
  display: block;
  width: 300px;
}

#submenu ul.menu-side ul li ul li a{
  width: 280px;
}

#submenu ul.menu-side ul li ul li ul li a{
  width: 260px;
}

#submenu ul.menu-side ul li ul li ul li ul li a{
  width: 240px;
}


#sidebar-r #kontakt h3 {margin-left: 5px; font-size: 110%;}

#sidebar-r #aktuality .newsItem .calendar {margin-right: -3px;}

#mainContent h1{font-size: 200%;}
/**/