/* CSS Mitink default */

/*** LAYOUT ***/

* {margin: 0; padding: 0;}
body {margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; background: #FFFFFF url(../img/bg_body.jpg) top left repeat-x; font-size: 90%; color: #000000;}

#page {width: 780px; margin: auto; background: #FFFFFF}
#header { height: 170px; background: url(../img/bg_header.jpg) no-repeat}
#content_holder {width: 780px; background: #FFFFFF url(../img/bg_content_holder.jpg) no-repeat; padding: 32px 0 20px 0}

/*** TOP ***/
#top {}

/* top nav */
#topnav { background: #273969; width: 760px; height: 25px; padding: 5px 0 0 20px}
#topnav a { color: #bfc4d2; font-size: 0.75em}


/* horni navigace */
#vernav { height: 50px; background: #dadbda}
#vernav ul {list-style: none;}
#vernav ul li {float: left; text-align: center}
#vernav ul li a {display: block; width: 130px; height: 34px; color: #27333d; background: #CCCCCC url(../img/bg_vernav.jpg) no-repeat; text-decoration: none; padding: 16px 0 0 0}
#vernav ul li a:hover, #vernav ul li a.act { background: #273969 url(../img/bg_vernav_on.jpg); color: #FFFFFF}


/*** RIGHT ***/
#right { width: 240px; float: left; background: #FFFFFF url(../img/bg_right.jpg) repeat-x; padding: 0 10px 0 10px;}
#right a img { border: none; margin: 0 0 10px 0}

/*** CONTENT ***/
/*#content { width: 450px; float: left; padding: 0 50px 0 20px; background:#FFFFFF}
#content.partneri img.moravia { padding: 0 0 0 100px}
#content ul { list-style: none; font-size: 0.85em; margin: 0 0 20px 8px}
#content ul li { background: url(../img/bg_li.jpg) 0 2px no-repeat; padding: 0 0 10px 20px;}*/
/*** CONTENT ***/
#content { width: 450px; float: left; padding: 0 50px 0 20px; background:#FFFFFF}
#content.partneri img.moravia { padding: 0 0 0 100px}
#content ul { list-style: none; font-size: 0.85em; margin: 0 0 20px 8px}
#content ul li { background: url(../img/bg_li.jpg) 0 2px no-repeat; padding: 0 0 10px 20px;}
#content ul img { margin: 0 0 0 0;}


/* footer */
#footer { height: 30px; background: #273969; color: #bfc4d2; font-size: 0.75em; padding: 0 0 0 20px; line-height: 30px; margin: 15px 0 0 0}
#footer a {color: #bfc4d2}


/* COMMON */

/* text elements */
h1, h2, h3, h4 {color: #004199; font-weight: normal; padding: 0px 0 5px 0; margin: 0 0 0 0;}

h1 {font-size: 1.6em; margin: 0 0 10px 0}
h2 {font-size: 1.4em; color: #273969; background: url(../img/bg_h1_foto.jpg) 0 1px no-repeat; padding: 0 0 0 35px; margin: 0 0 10px 0}
h3 {font-size: 1.2em; font-weight: bold; padding: 5px 0 0 35px; margin: 0 0 10px 0; background: url(../img/bg_h3.jpg) 0 3px no-repeat;}
h4 {font-size: 1em;	font-weight: bold; padding-top: 5px;  margin: 0 0 10px 0}
p {margin: 0 0 10px 0;padding: 0 0 0 0; color: #000000; font-size: 0.85em; line-height: 1.5em}

a {color: #993333;}
a:hover { text-decoration: none;}
#content img, #content a img { border: none; margin: 0 0 15px 15px}

strong { color: #273969}

/* ostatni */
hr {display: none}


/* classes */
.hidden {display: none}
.clr {width: 100%; font-size: 1px; clear: both}
.red {color: #cc0000}
.left {float:left; margin: 5px 10px 5px 0;}
.right {float: right; margin: 5px 0 5px 10px;}
.noborder {border: none}
.actual { color: #993333; background: url(../img/bg_h1_act.jpg) 0 2px no-repeat; padding: 0 0 0 35px}
.foto { color: #004199; background: url(../img/bg_h1_foto.jpg) 0 1px no-repeat; padding: 0 0 0 35px}
.archiv { display: block; float: right; position: relative; top: -10px}
.bill { margin: 0 0 20px 0}
.h1 { position: relative; left: -2000px}
.welcome { font-size: 1em; line-height: normal; color: #273969; padding: 5px 0 10px 5px}