@import url("./classes.css");

/**
 * MAIN STYLE
 * 
 * @author      Lukas Vanecek
 * @copyright   Svist 21 s.r.o. (www.svist21.cz) All rights reserved.
 * @import      classes.css - basic classes
 *
 * @note        10px = .91em
 */
 
body {
	font: 11px "Arial CE", Arial, Helvetica, sans-serif;
	color: #666;
	background: #EEE;
	text-align: center;
	line-height: 15px;
}
a { color: #E20074; }
a:focus, a:active, a:hover { 
    color: #333; 
    outline: none;
}

h1 { 
    margin: 0 0 1em 0; padding: 0;
    color: #E20074;
    background: #FFF; 
    font: normal normal 18px "TeleGrotesk", "Arial CE", Arial, Helvetica, sans-serif;
}
h2, h3, h4 { margin: 2em 0 1em 0; padding: 0; font-weight: normal; }
h2 { font-size: 16px; color: #444; }
h3 { font-size: 14px; }
h4 { font-size: 12px; color: #666; }

p { margin: 1em 0; padding: 0; }

/* ROOT */
div#root {
    width: 64.6em;
    margin: 2.821em auto 0 auto;
    padding: 6px;
    border: 1px solid #CCC;
    background: #FFF;
    color: #666;
    text-align: left;
}
div#root[id] { width: 64.275em; }
*:first-child+html div#root { width: 64em; }


div#date {
    position: absolute; top: 0;
    line-height: 2.821em;
}



/* HEADER */
div#header {
    height: 7.9em;
    color: #333;
    background: #FFF url('../_img/bg_header.gif') 0% 0% repeat-x;
}
div#header img {
    margin: 0; padding: 0;
}
div#header a { background: #FFF; float: left; }

/* Top menu */
div#header div#topmenu {
   min-height: 33px; 
   height: 3em; 
   margin: 0; padding: 0 .5em 0 .5em;
   background: url('../_img/bg_topmenu.jpg') 0% 100% repeat-x;
   clear: both;
}
div#header div#topmenu ul {
   margin: 0; padding: 0;
   float: none;
}
div#header div#topmenu ul li {
   margin: 0; padding: 8px 0 0 0;
   float: left;
   list-style-type: none;
}
div#header div#topmenu ul li a, div#header div#topmenu ul li strong {
    margin: 0;
    line-height: 23px;
    display: block;
    color: #666;
    background: transparent;
    font-weight: bold;
    text-decoration: none;
    padding: 1px 11px;
}
div#header div#topmenu ul li a:hover, 
div#header div#topmenu ul li a:active, 
/*div#header div#topmenu ul li a:focus, */ 
div#header div#topmenu ul li strong, 
div#header div#topmenu ul li strong.select {
    background: #FFF;
    color: #666 !important;
    border: solid #CCC;
    border-width: 1px 1px 0 1px;
    padding: 0 10px 1px 10px;
    outline: none;
}
div#header div#topmenu ul li strong.unselect {
    background: transparent;
    color: #666;
    border: 0;
    padding:  1px 11px;
    outline: none;
}

/* SUBLOGO - EchoNews 314x101px */
div#subLogo {
    padding: 11px 0 20px 0;
    clear: both;
    float: left;
}
*:first-child+html div#subLogo { padding-top: 20px; }
div#subLogo img { margin: 0; padding: 0; }


div#journalName {
    margin: 11px 25px 20px 0;
    =margin-right: 22px;
    _margin-right: 8px;
    width: 325px;
    height: 101px;
    color: #E20074;
    text-align: right;
    float: right;
    display: table; 
    =position: relative; 
    overflow: hidden;
    line-height: 2em;
}
div#journalName div {
    =position: absolute; =top: 50%; display: table-cell; vertical-align: middle;
}
*:first-child+html div#journalName { margin-top: 20px; }
div#journalName strong {
    font-size: 1.6em;
    text-align: right;
    =position: relative; =top: -50%;
    =margin-left: -325px;
    display: block;
    =width: 325px;
}

/* CONTENT */
div#content {
    padding: 0 23px;
    clear: both;
    margin-right: -6px;
}
div#content[id] { margin-right: 0; }

div#content a { color: #E20074; }
/*
div#content a:hover,  
div#content a:focus,  
div#content a:active { 
    color: #333;
}
*/

/* BOX - clanky */
div#content div.box {
    width: 18.2em;
    height: 18.2em;
    margin: 0 30px 30px 0; padding: 0;
    float: left;
    overflow: hidden;
}
div#content div.box.last { margin: 0 0 30px 0; }
div#content div.box h2 { margin: .5em 0 .55em 0; padding: 0; font-weight: bold; font-size: 1.2em; }
div#content div.box div { 
    padding: .5em; 
    text-align: right; 
    border-top: 1px solid #FFF;
}
div#content div.box div.anotation { 
    padding: 0 0 2px 0; 
    text-align: left; 
    =border-bottom: 1px solid #FFF;
}
div#content div.box div.imgBg { 
    padding: 3px 3px 6px 3px; 
    background: #F5F5F5;
    text-align: left;
}

/* BOX - phones - Predstavujeme */
div#content div.box.phones { 
    width: 18em;
    height: 18.1em;
    _height: 18.2em;
    border: 1px solid #8CBCC2; 
    border: 1px solid #999; 
}
div#content div.box.phones h2 {
    margin: 0; padding: .35em .4em .45em .4em;
    border-top: 1px solid #8CBCC2;
    border-top: 1px solid #999;
    background: #D9E9EB;
    background: #CCCCCC;
    clear: both;
}
div#content div.box.phones h2 a { color: #000; }
div#content div.box.phones div {
    padding: .4em .45em .45em .45em; 
    =padding: .45em .45em .5em .45em; 
    float: none;
    background: #8CBCC2; 
    background: #999; 
    color: #FFF;
    border: none;
    font-weight: bold;
    font-size: 1.1em;
    text-align: left;
}
div#content div.box.phones img {
    width: 80px;
    margin: 0; padding: 0;
    float: left;
}
div#content div.box.phones p {
    width: 10.2em;
    _width: 10em;
    height: 12em;
    _height: 13em;
    margin: 0 0 4px 0; 
    padding: .5em;
    float: right;
    overflow: hidden;
}
div#content div.box.phones[class] p {
    width: 9.5em;
}

div#content div.journal { 
    /*margin-bottom: 2em; */
    width: 18.2em;
    width: 18em;
    /*width: 200px; */
    margin: 0 30px 30px 0; padding: 0;
    float: left;
    background: #DFDFDF; 
    border: 1px solid #DFDFDF; 
}
div#content div.journal.last { margin: 0 0 30px 0; }
div#content div.journal h2 { margin: 0; padding: 0; font-size: 1em; }
div#content div.journal h2 a { margin: 0; padding: .3em .5em; background: #DFDFDF !important; display: block; }

div#content div.journal ul { margin: 0; padding: 0; background: #FFF; list-style-type: none; }
div#content div.journal ul li { margin: 0; padding: .4em .5em; }
div#content div.journal ul li a { margin: 0; padding: 0; background: #FFF !important; } 



/* Left side link box */
div#content div#links { 
    width: 18.2em;
    margin-top: 5em;
    padding-bottom: .5em;
    float: left; 
    clear: left;
    border: 1px solid #E7E7E7;
}
div#content div#links strong { 
    margin: 0;
    padding: .2em .5em;
    display: block; 
    color: #666;
    background: #E7E7E7;
}
div#content div#links p { 
    margin: 0; padding: .4em .5em;
}
div#content div#links p strong { 
    padding: 0;
    color: #666;
    background: transparent;
    display: inline;
    font-weight: normal;
}


/* TEXT */
div#content div#text {
    width: 39em;
    overflow-x: hidden;
}


/* FOOTER */
div#footer { 
    width: 64.6em;
    margin: 0 auto;
    padding: 1em 7px; 
    text-align: left;
    color: #8A8A8A;
}
div#footer[id] { width: 64.275em; }
*:first-child+html div#footer { width: 64em; }


/* FORMS - default */
input.button {
    width: 0; /* pouze pro IE */
    padding: 3px .5em 2px .5em;
    overflow: visible;
    background: #DDD url('../_img/bg_button.jpg') 100% 100% no-repeat;
    border: none;
    font-size: 11px;
}
input.button[class] { /* IE6 ignoruje [class] */
    width: auto;
    vertical-align: 10%;
    padding: 3px .25em 4px .25em;
}
*:first-child+html input.button { padding: 4px .5em 3px .5em; vertical-align: -10%; }

/* DEFAULT EXTEND TABLE */
table.table { margin-top: .5em; width: 100%; border: solid #999; border-width: 1px 1px 0 1px; }
table.table tr th, table.table tr td { border: solid #999; border-width: 0 0 1px 0; padding: 2px 4px; text-align: center; }
table.table th { background: #999; color: #FFF; }
table.table td.nothing { font-weight: bold; padding: 4px 0; color: #E20074; }
table.table tr.odd td { background: #EFEFEF; }

/* YEARS in ARCHIVE */
div.years { margin: 1em 0; padding-top: 1em; }
div.years strong {  }

/* DEFAULT EXTEND FORM */
form.form {}
form.form fieldset { line-height: 2em; }
form.form label { width: 10em; float: left; }
form.form input, form.form select { float: left; }
form.form input.button { margin-top: 1em; }
form.form br { clear: both; }

/* SUBSCRIBER FORM */
form.form.subscriber { margin-top: 2em; }
form.form.subscriber label { width: 12em; }
form.form.subscriber fieldset input.formError { border: 1px solid red; padding: 2px 1px; }
form.form.subscriber div.captchaInfo { float: left; width: 230px; margin: 5px 0 0 10px; color: gray; font-size: .9em; line-height: 1.7em; }
/* Search form - ZRUSENO - SMAZAT
div#header form { 
    margin: 0 .5em 0 0;
    line-height: 29px;
    float: right; 
}

div#header form fieldset { 
    float: right;
    padding-top: 4px;
}
div#header form > fieldset { 
    float: none;
    padding-top: 1px;
}
div#header form input { 
    font-size: 11px;
    color: #666;
}
*/