/* CSS Document */

/*----------------------------------------------------------------------------
	Description: Kaskádové styly pro Bridge
	Author:	     e-invent s.r.o., www.e-invent.eu, e-mail: nachod(@)e-invent.eu
	Modified:    21.1.2010

	==[ TOC ]==
  1. Základní tagy  (tělo)
      1.1 Tags      (všeobecné prvky - h1, input, ...)
      1.2 Classes   (všobecné třídy - .clear, .float-x ..)
  2. Layout         (rozvržení celé stránky)
  3. Header         (Hlavička)
      3.1 Navigace
  4. Content        (obsah)
      4.1 Všeobecné prvky (h1, a, img)
      4.2 Hlavní stránka
      4.3 Podstránky
  5. Sidebar
      5.1 Sidebar Left
      5.2 Sidebar Right
  6. Footer         (patička)
  7. Other         (ostatní)

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

/* 1. Body -----------------------------------------------------------------*/
body {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    color: #000000;
    font-family: Arial, 'Arial CE', sans-serif;
    font-size: 0.8em;
    text-align: left;
}

:focus { outline:none; }

/* 1.1 Tags -----------------------------------------------------------------*/
p {text-align: left; margin: 0px; padding: 0px 0px 15px 0px; line-height: 150%}

img { border: none; }
img.noborder { border: none; }

h1, h2, h3, h4, h5, h6
{
    margin: 0px;
    padding: 0px;
    font-weight: normal;
}

h1, .h1 { font-size: 2em; padding: 0px 0px 15px 0px; }
h2, .h2 { font-size: 1.5em; padding: 5px 0px 10px 0px; margin-top:10px;}
h3, .h3 { font-size: 1.3em; padding: 5px 0px 10px 0px; }

a { color: #09743c; }
a:hover { color: #74091b; text-decoration: none; }

ul
{
    margin: 0px 0px 0px 40px;
    padding: 0px;
}

ul li
{
    margin: 0px;
}

table
{
    border-collapse: collapse;
}

form
{
    margin: 0px;
    padding: 0px;
}

textarea
{
    margin: 0px;
    padding: 2px;
    overflow: auto;
}

input
{
    margin: 0px;
    padding: 2px;
}

legend
{
    color: #0000ff;
    font-weight: normal;
}


/* 1.2 Classes -------------------------------------------------------------*/

.clear
{
    clear: both;
    height: 1px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    font-size: 1px;
    line-height: 1px;
}

.clear-l {clear: left;}
.clear-r {clear: right;}
.clear-b {clear: both;}

.float-l {float: left;}
.float-r {float: right;}

img.left
{
    float: left;
    margin: 0px 10px 10px 0px;
}

img.right
{
    float: right;
    margin: 0px 0px 10px 10px;
}

a.img
{
    text-decoration: none;
}

a.img img
{
    border: 3px solid #09743c;
}

a:hover.img img
{
    border: 3px solid #3aa36c;
}

.indent
{
    padding-bottom: 10px;
}

h1 a, h2 a, h3 a, h4 a, .h1 a, .h2 a, .h3 a, .h4 a { color: #000000; }

h2
{
    background: url('../images/bg/heading2.gif') no-repeat 0px 13px;
    padding-left: 20px;
    color: #484848;
}

h2 a
{
    color: #484848;
}

h2 a:hover
{
    color: #007437;
    text-decoration: none;
}

.green
{
    color: #007437;
}
/* 2. Layout --------------------------------------------------------------*/
#container
{
    width: 880px;
    margin: 0px auto;
}

#header
{
    width: 880px;
    height: 91px;
}

#fading
{
    position: relative;
    width: 876px;
    height: 244px;
    padding: 1px 1px 0px 1px;
    border: 1px solid #000000;
    border-bottom: none;
}

#navig
{
    width: 878px;
    height: 44px;
    padding: 0px;
    background: #f5f5f5 url('../images/bg/navig.png') repeat-x left top;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
}

#content
{
    float: left;
    width: 624px;
    min-height: 245px;
    padding: 20px 19px 20px 235px;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
}

#sideLeft
{
    float: left;
    width: 193px;
    margin: 20px 0px 20px -859px;
}

#footer
{
    clear: both;
    width: 838px;
    height: 97px;
    padding: 20px;
    border: 1px solid #000000;
    background-color: #f3f3f3;
}

/* 3. Header   -------------------------------------------------------------*/
#header .logo1, #header .logo1 img
{
    display: block;
    float: left;
    width: 236px;
    height: 49px;
}

#header .logo2
{
    clear: left;
}

#header .logo2, #header .logo2 img
{
    display: block;
    float: left;
    width: 236px;
    height: 41px;
}

#header .langs
{
    float: right;
    width: 195px;
    height: 27px;
    border: 1px solid #b3b3b3;
    background: #f5f5f5 url('../images/bg/langs.png') no-repeat left top;
}

#header .langs a
{
    display: block;
    float: left;
    width: 65px;
    height: 27px;
    color: #000000;
    font-size: 10px;
    text-align: center;
    text-decoration: none;
    line-height: 27px;
}

#header .langs a img
{
    vertical-align: text-bottom;
}

#header .langs a:hover
{
    color: #ff0000;
}

#header .langs a.active
{
    color: #999;
}


/* 3.1 Navigace ------------------------------------------------------------*/
#navig ul
{
    width: 877px;
    height: 44px;
    margin: 0px;
    border-right: 1px solid #ffffff;
}

#navig ul li
{
    float: left;
    height: 44px;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #b5b5b5;
    list-style: none;
    padding: 0px 7px;
    line-height: 44px;
}

#navig ul li.last
{
    border-right: none;
}

#navig ul li a
{
    display: block;
    float: left;
    height: 44px;
    padding: 0px 10px;
    color: #000000;
    text-decoration: none;
}

#navig ul li a:hover
{
    color: #09743C;
    text-decoration: underline;
}

#navig ul li.active a
{
    background: url('../images/bg/navigLiActive.png') repeat-x left center;
    color: #ffffff;
    font-weight: bold;
}

#navig ul li.active a:hover
{
    color: #ffffff;
}

#fading .faderItem
{
    position: absolute;
    left: 1px; top: 1px;
}
#fading .flashContainer {cursor:pointer; text-align:center;}
#fading .flashContainerActive {width:876px; height:480px; background:#111; cursor:default;}
#flashVideoHolder-wrap {width:640px; height:480px; margin:0 auto;}

#fading #fadingPages
{
    position: absolute;
    left: 15px;
    bottom: 15px;
		z-index:1000;
}

#fading .page, #fading .pageActive
{
    float: left;
    width: 29px;
    height: 33px;
    margin: 0px 5px 0px 0px;
    background: url('../images/bg/fadingPage.png') no-repeat left bottom;
    font-weight: bold;
    text-align: center;
    line-height: 37px;
    cursor: pointer;
		text-decoration:none;
    color: #09743C;		
}

#fading .pageActive
{
    background: url('../images/bg/fadingPageActive.png') no-repeat left bottom;
    color: #ffffff;
}

#faderCloseBtn {
	position:absolute; top:11px; right:11px;
	padding:6px 12px 7px;
	font-size:18px; font-weight:bold;
	line-height:18px;
	color:#fff;
	background:#09743c;
	border-radius:3px; -moz-border-radius:3px;
	text-decoration:none;
	box-shadow:0 1px 3px rgba(0,0,0,.2);
	-moz-box-shadow:0 1px 3px rgba(0,0,0,.2);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,.2);	
}
#faderCloseBtn:hover {background-color:#00A64F;}

/* 4. Content    (obsah) ---------------------------------------------------*/

/* 4.1 Všobecné prvky ------------------------------------------------------*/
#content ul li
{
    list-style: none;
    padding: 3px 0px 3px 15px;
    background: url('../images/bg/li.gif') no-repeat left 9px;
}

/* 4.2 Hlavní stránka ------------------------------------------------------*/

/* 4.3 Podstránky ----------------------------------------------------------*/
#content .produkt
{
    width: 624px;
    border-bottom: 1px dotted #000000;
}

#content .produkt.odd
{
    margin-top: 2px;
    background-color: #f6f6f6;
}

#content .produkt .name
{
    float: left;
    width: 100px;
    padding: 10px;
    color: #09743c;
    font-weight: bold;
}

#content .produkt .text
{
    float: left;
    width: 484px;
    padding: 10px;
}

#content .produkt .text a.pdf
{
    display: inline-block;
    height: 34px;
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 40px;
    background: url('../images/bg/pdfIco.gif') no-repeat left center;
    line-height: 34px;

}
/*kontaktní formulář*/
#content .googleMapa
{
    border:solid 1px #CECECE;
}
#content .kontakt td
{
    border-bottom:solid 1px #CECECE;
    padding-bottom:12px;
    padding-top:7px;
}
#content .kontakt td.no
{
    border-bottom:none;

}
#content .formular, #content .formular.objednat
{
    position: relative;
    clear: both;
    margin: 45px 0px 0px 0px;
    padding: 20px;
    background-color: #eaeaea;
}
#content .formular.objednat
{
    margin: 15px 0px 0px 0px;
}

#content .formular .red
{
    color: #ff0000;
}

#content .formular input.inputText
{
    width: 250px;
    padding: 5px;
    border: 1px solid #999999;
}


#content .formular input.submit
{
    width: 100px;
    height: 35px;
    background: #027e3d url('../images/bg/menuTop.png') repeat-x left top;
    border:none;
    border-top: 1px solid #00a64f;
    border-bottom: 1px solid #01411f;
    color: #ffffff;
    cursor:pointer;
}

#content .formular table td
{
    padding: 5px 0px;
}

#content .formular textarea
{
    width: 400px;
    height: 100px;
    border: 1px solid #999999;
}

#content .formular .obalka
{
    position: absolute;
    left: 465px;
    top: -36px;
    width: 120px;
    height: 98px;
    background: url('../images/bg/obalka.png') no-repeat left top;
}

#content .kariera .karieraBox
{
    border-bottom: 1px dotted #000000;
    margin-bottom:1px;
    padding:10px;
    background-color: #f6f6f6;
}

#content .kariera .karieraBox.odd
{
background-color: #fff;
}
/* 5. Sidebar --------------------------------------------------------------*/

/* 5.1 Sidebar left --------------------------------------------------------*/
#sideLeft .menu
{
    width: 193px;
    background: #027e3d url('../images/bg/menuTop.png') repeat-x left top;
}

#sideLeft .menu ul
{
    width: 193px;
    margin: 0px;
    background: url('../images/bg/menuBottom.png') repeat-x left bottom;
}

#sideLeft .menu ul li
{
    width: 193px;
    list-style: none;
}

#sideLeft .menu ul li a
{
    display: block;
    width: 168px;
    padding: 10px 0px 10px 25px;
    background: url('../images/bg/menuArrow.gif') no-repeat 10px 15px;
    border-top: 1px solid #00a64f;
    border-bottom: 1px solid #01411f;
    color: #ffffff;
}

#sideLeft .menu ul li.active
{
    background: #ffffff url('../images/bg/menuLiActive.png') repeat-x left bottom;
}

#sideLeft .menu ul li.active a
{
    width: 167px;
    padding-left: 24px;
    background-position: 9px 15px;
    border-left: 1px solid #017036;
    border-right: 1px solid #017036;
    color: #000000;
}

/* Mapa */
#sideLeft .mapa
{
    width: 171px;
    margin: 15px 0px 0px 0px;
    padding: 11px;
    background: #f1f1f1 url('../images/bg/leftMapa.png') repeat-y left top;
    border-top: 1px solid #b3b3b3;
    border-bottom: 1px solid #b3b3b3;
}

#sideLeft .mapa span
{
    display: block;
}

#sideLeft .mapa strong
{
    font-size: 1.1em;
}

#sideLeft .mapa a
{
    display: block;
    width: 170px;
    height: 116px;
    margin: 10px auto 0px auto;
}

#sideLeft .mapa .gps
{
    font-size: 0.8em;
}

/* 5.2 Sidebar right -------------------------------------------------------*/

/* 6. Footer ---------------------------------------------------------------*/
#footer .float-r
{
    text-align: right;
}

#footer .kontakty
{
    clear: left;
    float: left;
    width: 567px;
    height: 48px;
    margin: 15px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: url('../images/bg/footerKontakty.png') no-repeat left top;
}

#footer .kontakty .telTitle
{
    display: block;
    float: left;
    width: 175px;
    padding: 15px 0px 0px 15px;
    text-align: center;
}

#footer .kontakty .tel, #footer .kontakty .mob
{
    display: block;
    float: left;
    width: 145px;
    padding: 15px 0px 0px 45px;
    background: url('../images/bg/footerTel.gif') no-repeat 15px 15px;
    color: #717171;
    font-size: 17px;
    font-weight: bold;
}

#footer .kontakty .mob
{
    width: auto;
    padding-left: 25px;
    background: url('../images/bg/footerMob.gif') no-repeat left center;
}
/* 7. Ostatní --------------------------------------------------------------*/
table.formatted td, table.formatted th
{
	padding: 3px 5px 3px 0px;
}