/* CSS Document */

/*----------------------------------------------------------------------------
	Description: Kaskádové styly pro UNC - stavební stroje Chyňava
	Author:			 e-invent s.r.o., www.e-invent.eu, e-mail: nachod(@)e-invent.eu
	Modified:	   13. 2. 2009

	==[ 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. Navigace
  7. Sidebar
      7.1 Sidebar Left
      7.2 Sidebar Right
  8. Content    (obsah)
      8.1 Hint 
      8.2 Legenda, Indormace o systému 
      8.3 Ikony   
      8.4 Ikony ostatní
      8.5 Tabulka  
      8.6 Listovani
      8.7 Button   
  9. Footer     (patička)
  10. Other      (ostatní)

	==[ Colors ]==
 1. cervena - e3000e
 2. seda - b0acac
 3. tmava seda - 898886
 5. hodne tmava zluta - 333433
----------------------------------------------------------------------------*/

/* 1. Body -----------------------------------------------------------------*/
body {
    font-family: Tahoma, Arial, 'Arial CE', sans-serif;
    text-align: center;
    background: #fff url(../images/bg.jpg) no-repeat scroll center 118px;
    margin: 0px 0px 20px 0px;
    padding: 0px;
    font-size: 10pt;
    color: #000;
}

body.podstranka {
    font-family: Tahoma, Arial, 'Arial CE', sans-serif;
    text-align: center;
    background: #fff url(../images/bg-podstranka.jpg) no-repeat scroll center 118px;
    margin: 0px 0px 20px 0px;
    padding: 0px;
    font-size: 10pt;
    color: #000;
}

/* 2. Tags -----------------------------------------------------------------*/
p {text-align: left; margin: 0px; padding: 0px;}

img {border: none;}

a img {text-decoration: none;}

a span {cursor: pointer;}

fieldset {border: 0 none; padding: 0px; margin: 0px;}

a {color: #000;}
a:hover {color: #D7051E;}

#content a {color: #333433;}

h1 {font-size: 140%; padding: 0px; margin: 0px 0px 10px 0px; color: #013e54;}
h2 {font-size: 130%; padding: 0px; margin: 0px 0px 10px 0px; color: #5e5e54;}

/* 3. Classes --------------------------------------------------------------*/

br.clear-l {clear: left;}
br.clear-b {clear: both;}

.f-left {float: left;}
/* 4. Container ------------------------------------------------------------*/
#main-container {
    width: 998px;
    margin: 0px auto;   
}

/* 5. Header   -------------------------------------------------------------*/
#top1 {
    height: 120px;
    padding: 0px;
    position: relative;
    text-align: left;
    z-index: 100;
}

#top1 #logotype {
    width: 99px;
    height: 100px;
    position: absolute;
    top: 13px;
    left: 20px;
    background: #e3000e url(../images/logotype.png) no-repeat scroll left top;
}

#top1 #logotype span {display: none;}

#top1 #logotype a {display: block; width: 99px; height: 100px;}

#top1 #search-language {
    font-size: 15px; 
    color: #b0acac;
    position: relative;
    left: 150px;
    top: 13px;
    padding: 13px 0px 0px 0px;
    border: 1px solid gray;
    width: 847px;
    height: 37px;
}

#top1 #search-language .obal-iso {width: 170px; height: 51px; margin-top: -14px; margin-left: -1px; float: left; background-color: #fff;}

#top1 #search {margin-left: 558px;}

#top1 #search label {float: left; padding: 3px; margin-right:5px;}

#top1 #search input.searchText {
    border: 1px solid #b0acac;
    font-size: 80%;
    color: #5d5d52;
    padding: 4px 0px 3px 6px;
    width: 190px;
    height: 15px;
    background: url(../images/input-text.png) no-repeat scroll left top;
    float: left;
}

#top1 #search .searchBtn {
    width: 31px;
    height: 24px;
		overflow: hidden;
    border: 0 none;
    background: url(../images/search-bt.png) no-repeat scroll left top;
}
#top1 #search .searchBtn span {display:none;}

#top1 #search-language #language {
    padding: 0px 0px;
    height: 22px;
    margin-top: 2px;
    float: left;
}

#top1 #search-language #language a.lang-act, #top1 #search-language #language a.lang {
    padding: 0px 2px;
    border: 1px solid #fff;
}

/* vybrany jazyk + hover */
#top1 #search-language #language a.lang-act, #top1 #search-language #language a.lang:hover {
    border: 1px solid #b0acac;
}


#top2 {
    height: 307px;
    text-align: left;
    padding: 0px;
    position: relative;
    z-index: 1;
}


body.podstranka #top2 {padding: 50px 30px 0px 30px; height:auto;}
body.podstranka #top2 h1 {color:#e3f3fe; font-size: 160%; font-weight:normal; margin-bottom:7px;}

/* drobeckova navigace */ 
body.podstranka #top2 #path {
	margin-top:5px;
	background:#B4C8CB;
	background:rgba(255,255,255,0.5);
	padding:3px 11px 5px;
}
body.podstranka #top2 #path a, body.podstranka #top2 #path span {color: #002a35;}
body.podstranka #top2 #path a {color: #444; padding:0 4px;}
body.podstranka #top2 #path a:hover {color:#fff; background:#B4C8CB;}
body.podstranka #top2 #path span {margin:0 2px;}

body.podstranka .content-wrapper,
body.podstranka #content-wrapper {background-color: #fff; min-height:200px;}

#top2 #produkty {
    height: 267px;
    width: 440px;
    padding: 20px 0px; 
    position: absolute;
    right: 0px;
}

#top2 #produkty a {float: left; display: block; margin-left: 20px; margin-bottom: 15px;}

#top2 #produkty a.prod {float: none; display: block; color: #fff; text-decoration: none; font-size: 15px; font-weight: bold; text-align: center; margin-right: 14px; background: url(../images/prod-a.gif) no-repeat scroll left center}



/* 6. Navigace -------------------------------------------------------------*/
#top1 #menu {
    position: absolute; /*pokud to nepujde tak nastavit na position: relative; */
    right: 0;
    bottom: 0;
    height: 42px;
}

#top1 #menu ul {list-style: none; padding: 0px; margin: 0px;}

#top1 #menu ul li, #top1 #menu ul li a {float: left;}

#top1 #menu ul li {background: url(../images/menu-delic.png) no-repeat scroll right 10px;}

#top1 #menu ul li a {
    text-decoration: none;
    color: #000;
    display: block;
    padding: 10px 36px;
    height: 32px;
    line-height: 20px;
}

#top1 #menu ul li a:hover, #top1 #menu ul li.selected a {
    color: #fff; background: transparent url(../images/menu-hover.gif) no-repeat scroll center top;
}

/* 7. Sidebar ---------------------------------------------------------------*/
/* 7.1 Sidebar Left ---------------------------------------------------------*/
#sidebar-l {
    float: left; 
    width: 250px;  
    margin-left: -983px;
    margin-top: 20px;
    text-align: left;
    
}

/*BOX*/
#sidebar-l .box,
#sidebar-r .box {
	padding: 9px;
	font-size:90%;		
	background-color: #f5f4f3;
	border: 1px solid #e1e1e1;
	margin-bottom: 20px;
	position:relative;	
}
#sidebar-l .box div.label,
#sidebar-r .box div.label,
#sidebar-l .box h2,
#sidebar-r .box h2 {
		font-weight:bold;
    width: 210px;
    height: 19px;
    background: #d6d4d2 url(../images/h1-grey.png) no-repeat scroll left top;
    padding: 8px 10px;
    color: #898886;
    font-size: 100%;
}
/*blue box*/
#sidebar-l .boxBlue,
#sidebar-r .boxBlue {
    padding: 9px;
    background-color: #4c9fb7;
    border: 1px solid #1e738c;
    margin-bottom: 20px;
}

#sidebar-l .boxBlue h2,
#sidebar-r .boxBlue h2 {
    background: #4c9fb7 url(../images/h1-blue.png) no-repeat scroll left top;
    padding: 8px 10px;
    color: #fff;
}

/*-info btn*/
.box a.moreInfo {
    display: block; 
    width: 101px; 
    height: 17px; 
    padding: 4px 7px; 
    margin-left: 115px; 
    background: #e30003 url(../images/a-vice.png) no-repeat scroll left top;
    z-index: 1000;
    position: relative;
		color:#fff; text-decoration:none;
}
.box a.moreInfo:hover { text-decoration:underline;}


/* 7.2 Sidebar Right --------------------------------------------------------*/
#sidebar-r {
    margin-top: 20px;
    float: left;
    width: 250px;
    float: left; 
    margin-left: -265px;
    text-align: left;
}

/*** BOXY ***/

/*box pageflip*/
.boxPageflip {cursor:pointer;}
.boxPageflip span {
    display: block;
    width: 224px;
    height: 181px;
    background: transparent url(../images/katalog.png) no-repeat scroll left top;
    position: absolute;
    left: 6px;
    bottom: -20px;
}
.boxPageflip {height: 200px;}
.boxPageflip a.moreInfo { position:absolute; top:185px;}

/*odkaz eshop*/
.boxOdkazEshop {cursor:pointer;}
.boxOdkazEshop span {
    display: block;
    width: 113px;
    height: 128px;
    background: transparent url(../images/kosik.png) no-repeat scroll left top;
    position: absolute;
    left: 10px;
    bottom: -10px;
    float: left;
}
.boxOdkazEshop p {margin:10px 0 15px 125px; line-height: 20px; color: #000;}

/*kontakt*/
.boxKontakt span {color: #d7051e; font-weight: bold;}
.boxKontakt a {font-weight: normal;}
.boxKontakt h3 {font-size: 100%; color: #333333; font-weight: bold; margin-bottom: 0px;}
.boxKontakt p {line-height: 140%; margin:4px 7px 9px; color:#666;}
.boxKontakt h3 {margin-top: 5px;} 

/*box aktuality*/
.boxAktuality {font-size:90%;}
.boxAktuality .newsItem {margin:12px 0; min-height:52px;}
.boxAktuality .newsItem .date {width: 52px; border: 1px solid #e6e5e5; height: 52px; float: left; margin-top:2px;}
.boxAktuality .newsItem .date .year {display: block; width: 100%; height: 17px; line-height:16px; vertical-align:middle; color: #fff; text-align: center; background-color: #4c9fb7;}
.boxAktuality .newsItem .date .day {display: block; width: 100%; height: 35px; background: #fff url(../images/datum.png) no-repeat scroll left top; color: #757676; line-height: 30px; text-align: center; font-weight: bold;}
.boxAktuality .newsItem .cont {margin-left:62px;}
.boxAktuality .newsItem .cont h3 {margin:0 0 0.3em;}
.boxAktuality .newsItem .cont h3 a {color:#D7051E;}
.boxAktuality .newsItem .cont h3 a:hover {color:#000;}
.boxAktuality .newsItem .cont .text,
.boxAktuality .newsItem .cont .text p {line-height:150%; color:#666; display:inline;}
.boxAktuality .newsItem .cont .text a {color:#D7051E;}

/*box more btn*/
.box .moreBtn {text-align:right; color:#D7051E; border-top:1px solid #ddd; padding:8px 5px 3px;}
.box .moreBtn a {color:#D7051E;}
.box .moreBtn a:hover {color:#000;}

/* 8. Content    (obsah) ----------------------------------------------------*/
#content-wrapper {width: 100%; float: left;}

#content {margin: 2px 270px 0px 270px; padding: 20px 10px; text-align: left; background-color: white; position: relative;}

#content h2 {color:#4C9FB7; font-weight:normal; font-size:20px;}
#content .box h2 {font-weight:bold; font-size:14px;}
#content p {margin-bottom: 10px; line-height: 22px;}

#content .r-nav, #content .r-nav-left {border: 1px solid #e1e1e1; height: 121px; width: 198px; float: left; margin-bottom: 18px;}
#content .r-nav-left {margin-right: 18px; margin-left: 10px;}
#content .r-nav img, #content .r-nav-left img {border-bottom: 1px solid #e1e1e1; margin-bottom: 0px;}
#content .r-nav a, #content .r-nav-left a {display: block; width: 176px; color: #013e54; text-decoration: underline; height: 38px; line-height: 35px; padding-left: 20px; border: 1px solid #fff; background-color: #f5f4f3; margin-top: 1px;}
#content .r-nav a.img-a, #content .r-nav-left a.img-a {display: block; width: 198px;  height: 80px; margin: 0px; padding: 0px; border: 0 none;}
#content .r-nav a span, #content .r-nav-left a span {width: 90%; display: block; background: url(../images/r-nav-sipka.png) no-repeat scroll right center;}

/* NAPISTE NAM */
#content .mail-form {background-color: #F5F4F3; border:1px solid #E1E1E1; padding: 10px; position: relative;}
#content .mail-form span {position: absolute; display: block; width: 89px; height: 86px; right: 20px; top: -44px; background: url(../images/mail.png) no-repeat scroll left top;}

#content .mail-form .button {
background: #D7051E url(../images/search-bt.png) no-repeat scroll right center; 
border-left: 1px solid #9d000a; border-top: 1px solid #9d000a; border-right: 1px solid #F5F4F3; border-bottom: 1px solid #9d000a; 
height: 23px; padding-right: 30px;
line-height: 20px;
color: #fff;
padding-bottom: 4px; cursor: pointer;
}

#content .mail-form input.inputText, #content #mail-form textarea {border: 1px solid #E1E1E1; width: 150px;}
#content .mail-form textarea {width: 320px; height: 80px;}

/* 9. Footer ----------------------------------------------------------------*/
#footer {margin: 0px auto 20px auto; clear: both; width: 956px; padding: 13px 12px 20px 20px; background-color: #f5f4f3; border:1px solid #e1e1e1;}

#footer a {color: #000;}
#footer a:hover {color: #D7051E;}
#footer div.left {float: left; width:600px; text-align:left; line-height:170%;}

/*- foot menu*/
#footer .footMenu {float:right;}
#footer .footMenu ul {list-style:none; margin:0; padding:0;}
#footer .footMenu ul li {float:left; padding:0 0.6em; border-right:1px solid #999; }
#footer .footMenu ul li.last {border:none;} 

/***********/
#hlaseniZpravy {color:#666; padding:5px 10px; border:1px dotted #ccc; margin-bottom:15px;}
/*#hlaseniZpravy:hover {color:#000; border:1px solid #666;}*/
#hlaseniZpravy p {margin:0; padding:0;}