/* 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. Body       (tělo)
  2. Tags       (všeobecné prvky - h1, input, ...)
  3. Classes    (všobecné třídy - .clear, .float-x ..)
  4. Layout     (rozvržení celé stránky)
  5. Header     (Hlavička)
  6. Navigace
  7. Content    (obsah)
      7.1 Všeobecné prvky (h1, a, img) 
      7.2 Hlavní stránka
      7.3 Podstránky   
  8. Sidebar
      8.1 Sidebar Left
      8.2 Sidebar Right
  9. Footer     (patička)
  10. Other     (ostatní)

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

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

:focus {outline:none;}

/* 2. 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: 22px; padding: 0px 0px 10px 0px; font-weight: normal; font-family: 'Times New Roman', serif; }
h2, .h2 { font-size: 13px; padding: 5px 0px 10px 0px; font-weight: bold; }
h3, .h3 { font-size: 12px; padding: 5px 0px 10px 0px; font-weight: bold; }

a { color: #bf0000; }
a:hover { color: #ff0000; text-decoration: none; }

ul
{
    margin: 0px;
    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;
}

.alert, .warning, .error
{
    color: #ff0000;
    font-weight: bold;
}
/* 3. 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:hover.img img
{
    border: none;
}

.indent
{
    padding-bottom: 10px;
}

h1 a, h2 a, h3 a, .h1 a, .h2 a, .h3 a { color: #000000; }
/* 4. Layout ---------------------------------------------------------------*/
#container
{
    width: 950px;
    margin: 10px auto 0px auto;
    background: url('../images/bg/container.gif') repeat-x 0px 155px;
}

#header
{
    width: 950px;
    height: 114px;
    background: #bf0000 url('../images/bg/header.gif') repeat-y right top;
}

#navig
{
    width: 950px;
    height: 26px;
    background-color: #000000;
}

#path
{
    width: 920px;
    height: 15px;
    padding: 0px 15px;
    color: #666666;
    font-size: 10px;
    line-height: 17px;
    overflow: hidden;
}

#content
{
    float: left;
    width: 510px;
    padding: 20px 20px 10px 187px;
    background: url('../images/bg/content.gif') no-repeat right top;
}

#sideRight
{
    float: left;
    width: 210px;
    padding: 20px 15px 0px 8px;
}

#sideLeft
{
    float: left;
    width: 147px;
    padding: 20px 10px 0px 10px;
    margin: 0px 0px 0px -950px;
}

#footer
{
    clear: both;
    padding: 20px;
    border-top: 2px solid #969696;
}
/* 5. Header   -------------------------------------------------------------*/
#header a.logo, #header a.logo img
{
    border: none;
    float: left;
}

#header .newsletter
{
    float: right;
    width: 196px;
    height: 77px;
    padding: 12px 22px 0px 0px;
    background: url('../images/bg/search.gif') no-repeat left 34px;
    color: #ffffff;
    font-size: 12px;
}

#header span
{
    display: block;
    height: 22px;
}

#header .newsletter input.text
{
    float: left;
    width: 107px;
    margin: 0px;
    padding: 0px;
    background: none;
    border: none;
    /*background-color: #ffffff;*/
    color: #969696;
}

#header .newsletter input.submit
{
    float: left;
    width: 79px;
    height: 18px;
    margin: 0px;
    padding: 0px;
    background: none;
    border: none;
    color: #ffffff;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

#header .newsletter input.remove
{
	font-size: 9px;
	width: 45px;
}

#header .lang
{
    clear: right;
    float: right;
    width: 196px;
    height: 25px;
    padding: 0px 22px 0px 0px;
    color: #ffffff;
    text-align: right;
}

#header .lang a
{
    color: #ffffff;
    text-decoration: none;
}

#header .lang a:hover
{
    text-decoration: underline;
}

/* 6. Navigace -------------------------------------------------------------*/
#navig ul
{
    float: left;
    height: 26px;
    list-style: none;
}

#navig ul li
{
    float: left;
    height: 26px;
    background: url('../images/bg/navigLi.gif') no-repeat right center;
}

#navig ul li a
{
    float: left;
    height: 26px;
    padding: 0px 15px;
    color: #ffffff;
    font-family: "Times New Roman", serif;
    font-size: 16px;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 26px;
}

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

#navig ul li.active a
{
    color: #bf0000;
    font-weight: bold;
}

#navig ul li.active a:hover
{
    text-decoration: none;
}

#path a
{
    color: #969696;
}

/* 7. Content    (obsah) ---------------------------------------------------*/
/* 7.1 Všobecné prvky ------------------------------------------------------*/
.grey
{
    color: #969696;
}

.clanek
{
    margin: 0px 0px 20px 0px;
}

table.ptr tr td
{
	padding: 3px 5px;
}

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

/* 7.3 Podstránky ----------------------------------------------------------*/
#content ul
{ padding: 0px 0px 0px 40px; }

#content ul li
{
    padding: 3px 0px;
}

/* 8. Sidebar --------------------------------------------------------------*/

/* 8.1 Sidebar left --------------------------------------------------------*/
#sideLeft ul
{
    padding: 0px 0px 20px 0px;
    list-style: none;
}

#sideLeft ul li
{
    list-style: none;
}

#sideLeft ul li a
{
    display: block;
    padding: 7px 0px;
    color: #000000;
    font-family: 'Times New Roman', serif;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 140%;
}

#sideLeft ul li a:hover
{
    text-decoration: underline;
}

#sideLeft ul li.active a
{
    color: #bf0000;
    font-weight: bold;
}

/* 8.2 Sidebar right -------------------------------------------------------*/
#sideRight object
{
	clear: both;
	float: left;
	padding: 0px;
	margin: 5px 0px;
}

/* 9. Footer ---------------------------------------------------------------*/
#footer .left
{
    float: left;
    width: 450px;
}

#footer .left img
{
    vertical-align: middle;
    margin: 0px 10px 5px 10px;
}

#footer .right
{
    float: right;
    width: 400px;
}

#footer .right p
{
    text-align: right;
}

#footer .partners
{
    clear:both;
}

#footer .partners img
{
    vertical-align: middle;
    margin: 0px 10px 5px 10px;
}

/* 10. Ostatní -------------------------------------------------------------*/

table.redBg, table.blueBg
{
    margin: 0px 0px 15px 0px;
    width: 100%;
}

table.redBg td {
    background-color: #bf0000;
    color: #ffffff;
    padding: 4px;
}

table.blueBg td, .headingBlue
{
    background-color:#C4E8F8;
    padding: 4px;
}

.redBtn
{
    background-color: #bf0000;
    border: none;
    color: #ffffff;
    padding: 5px 10px;
    font-size: 130%;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}

a:hover.redBtn
{
    color: #ffffff;
    text-decoration: underline;
}

.red
{
    color: #ff0000;
}

.file p
{
    padding: 0px;
}

.file h2
{
    padding: 15px 0px 5px 0px;
}

object.odsunuti
{
    margin: 5px 0 10px 30px;
}

#content .fotogalerieBox
{
	padding: 10px 0px;
	border-bottom: 1px solid #999999;
}

#content .fotogalerieBox h2
{
	font-size: 16px;
}

#content .fotogalerieBox img
{
	border: 3px solid #999999;
}

#content .fotogalerieBox a.img
{
	text-decoration: none;
}

#content .fotogalerieBox .thumbnails
{
	clear: both;
}

#content .fotogalerieBox a.detail
{
	float: right;
}

#content .fotogalerie .fotka img
{
	border: 3px solid #999999;
}

#content .fotogalerie .fotka a:hover img
{
	border-color: #bf0000;
}

#content table.forForm td
{
	padding: 3px 0px 3px 0px;
}

/* Články, Kalendář (detail dne), Aktuality (archiv) */

#content .clanky .zalomit
{
    clear: both;
}

#content .clanky .clanekBox
{
    display: block;
	float: left;
	height: 125px;
	background: url('../images/bg/obalka.png') repeat-x left top;
	font-size: 11px;
}

#content .clanky .clanekBox a
{
	display: block;
	float: left;
	width: 105px;
	height: 105px;
	padding: 10px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

#content .clanky .clanekBox a.clanekImg
{
	position: relative;
	width: 125px;
	height: 125px;
	padding: 0px;
}

#content .clanky .clanekBox a.clanekImg span
{
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 125px;
	height: 125px;
	background: url('../images/bg/obalka.png') repeat-x left top;
	cursor: pointer;
}

#content .clanky .clanekBox a.clanekImg img
{
	float: left;
	width: 125px;
	height: 125px;
}

#content .clanky .clanekBox a .nadpis
{
	color: #ffffff;
}


#content .clanky .clanekBox.month1,
#content .clanky .clanekBox.month4,
#content .clanky .clanekBox.month7,
#content .clanky .clanekBox.month10
{
	background-color: rgb(65, 80, 147);
}

#content .clanky .clanekBox.month2,
#content .clanky .clanekBox.month5,
#content .clanky .clanekBox.month8,
#content .clanky .clanekBox.month11
{
	background-color: rgb(38, 135, 90);
}

#content .clanky .clanekBox.month3,
#content .clanky .clanekBox.month6,
#content .clanky .clanekBox.month9,
#content .clanky .clanekBox.month12
{
	background-color: rgb(130, 27, 83);
}

#content .clanky .clanekBox.month1 a .sekce,
#content .clanky .clanekBox.month4 a .sekce,
#content .clanky .clanekBox.month7 a .sekce,
#content .clanky .clanekBox.month10 a .sekce
{
	color: #bfc7e9;
	display: block;
}

#content .clanky .clanekBox.month2 a .sekce,
#content .clanky .clanekBox.month5 a .sekce,
#content .clanky .clanekBox.month8 a .sekce,
#content .clanky .clanekBox.month11 a .sekce
{
	color: #a0e0c2;
	display: block;
}

#content .clanky .clanekBox.month3 a .sekce,
#content .clanky .clanekBox.month6 a .sekce,
#content .clanky .clanekBox.month9 a .sekce,
#content .clanky .clanekBox.month12 a .sekce
{
	color: #d198b7;
	display: block;
}