/**
 * BAZ Power Computing
 * www.baz.cz
 * 
 * Hlavni CSS styl.
 * 
 * Autor: Petr Dvorak
 *
 **/

body { font-family: Tahoma, sans-serif; font-size: 0.8em; line-height: 1.5em;}

* { margin: 0; padding: 0;}

/* headings */
h1,h2,h3,h4 { margin: 20px 0 10px 0; font-weight: normal; line-height: 1em;}

h1 { font-size: 2em; color: #014062; margin: 10px 0 20px 0;}
h2 { font-size: 1.4em; color: #014062;}
h3 { font-size: 1.15em; font-weight: bold;}
h4 { font-size: 1.4em; color: #014062;}

/* links */
a { color: #014062; text-decoration: underline;}
a:visited { color: #0070AD;}
a:hover { color: #CF0819;}
a img { border: 0;}

/* lists */
#text ul { margin: 5px 10px 5px 20px;}
#text ol { margin: 5px 10px 5px 40px;}
#text ul li { list-style: none; padding-left: 14px; background: url(_img/li.gif) 0 0.6em no-repeat;}
#text p { margin: 5px 0;}


/* tables */
table { border-collapse: collapse; border: 2px solid #CEDEE6;/*#D9E9F1; margin: 10px 0;*/ font-size: 1em;}
table caption { background: #EEF4F7 url(_img/caption.gif) 0 0; /*#D9E9F1;*/ border: 2px solid #CEDEE6; border-bottom: 1px solid #fff; text-align: left; color: #014062; font-weight: bold;}
table caption, td, th { padding: 4px 15px 4px 8px;}
td, th { border: 1px solid #CEDEE6;/*;#D9E9F1;*/}
tr.tmave td, td.tmave { background: #EEF4F7;/*E4EFF4;*/}
td.r, th.r { padding: 4px 8px 4px 15px;}

/* tariffs */
.tarif { width: 48%;}
.tarif p { background: #E4EFF4; margin: 0 !important; padding: 5px 10px; line-height: 1.3em;}
.tarif h4 { margin-top: 0; padding-top: 10px; font-size: 1.1em; font-weight: bold; padding-bottom: 3px;}
.tarif .popis { padding-left: 0; background-image: url(_img/li.gif); background-position: 97% 50%; background-repeat: no-repeat; color: #0070AD;}
.tarif .popis em { font-weight: bold; font-style: normal; font-size: 0.9em; border-top: 3px solid #0070AD; padding: 5px 0 5px 10px;}
.tarif .cena { font-size: 1.4em; border-bottom: 2px solid #CEDEE6;/*#D9E9F1;*/}
.tarif .cena strong { font-weight: normal; float: right; }
.tarif .cena em { font-style: normal; color: #014062;}
.tarif .volitelne { border-bottom: 2px solid #CEDEE6; padding-top: 0;}
.tarif .male { font-size: 0.85em;}

.tarif-hover { cursor: pointer;}
.tarif-hover:hover p { background-color: #F4EAE4;}
.tarif-hover:hover .popis em { border-color: #CC0000; color: #D34915}
.tarif-hover:hover h4 a { color: #CC0000;}
.tarif-hover:hover .cena { border-color: #E6D8CE;}

/* news */
.novinky h3 em { color: #818181; font-size: 0.8em; font-style: normal; font-weight: bold; padding: 0 0 2px 10px;}
.novinky .thumb img { float: left; margin: 5px 10px 0px 0; border: 1px solid #CFCFCF;}

/* overview */
.rozcesti div.w50p { background: url(_img/rozcesti-stin.png) 40% 100% no-repeat; margin-bottom: 10px;}
* html .rozcesti div.w50p { margin-bottom: 0;}
.rozcesti h2 { margin-top: 0;}
.rozcesti h2 a { text-decoration: none; border-bottom: 2px solid #3B9FDE;}
.rozcesti h2 a:hover { border-color: #CF0819;}
.rozcesti ul { padding: 0 30px 10px 55px; background: url(_img/rozcesti/internet.png) 5px 5px no-repeat; margin: 0 !important; min-height: 50px;}
* html .rozcesti ul { height: 50px;}
.rozcesti ul li { line-height: 1.3em; font-size: 0.9em; background-image: url(_img/li-rozcesti.gif) !important;}

ul.roz-telefon { background-image: url(_img/rozcesti/telefon.png);}
ul.roz-internet { background-image: url(_img/rozcesti/internet.png);}
ul.roz-web { background-image: url(_img/rozcesti/web.png);}
ul.roz-site { background-image: url(_img/rozcesti/site.png);}
ul.roz-it { background-image: url(_img/rozcesti/it.png);}
ul.roz-tv { background-image: url(_img/rozcesti/tv.png);}

/* hr */
hr { clear: both; color: #E8E8E8; background: #E8E8E8; border: 0; margin: 10px 0; height: 1px; font-size: 0; line-height: 0;}
* html hr { margin: 0;}

/* address */
address { font-style: normal; padding-left: 10px; border-left: 3px solid #CEDEE6; margin: 10px 0;}

/* files */
.file-pdf { padding-left: 20px; background: url(_img/file-pdf.gif) 0 0 no-repeat;}

/* display + clear + align */
.none { display: none;}
.hid { visibility: hidden;}

.q { clear: both; height: 1px; font-size: 0; line-height: 1px;}
* html .q { height: auto;}

.c { text-align: center;}
.r { text-align: right;}

.fl { float: left;}
.fr { float: right;}

.w60p { width: 60%;}
.w55p { width: 55%;}
.w50p { width: 50%;}
.w45p { width: 45%;}
.w40p { width: 40%;}
.w33p { width: 33%;}

.bold { font-weight: bold;}

/* forms */
.button { background: #014062; color: #fff; padding: 4px 5px; border: 1px solid #0180C6; text-transform: uppercase; font-size: 0.9em; font-weight: bold; width:11em; vertical-align: middle;}
label { cursor: pointer; cursor: hand; display: block; color: #014062;}
label.required { font-weight: bold;}
label.required span { color: #CF0819;}
fieldset { border: 2px solid #CEDEE6; padding: 10px; background: #EEF4F7;}
legend { background: #fff; margin: 0; color: #0070AD; font-size: 0.9em; font-weight: bold; padding: 0 10px;}

@media screen, projection, tv {
/* design */
body { background: #67A7C6 url(_img/background.png) 0 0 repeat-x; text-align: center;}
#body { width: 95%; max-width: 950px; margin: auto; position: relative; text-align: left;}
* html #body { width: expression(document.body.clientWidth > 950? "950px" : "auto" );}
#logo { margin: 23px 33px; vertical-align: middle; line-height: 1em;}
#page { border: 1px solid #74ADC9; padding: 10px; background: #014062 url(_img/page-background.png) 0 0 repeat-x;}
#content { min-height: 500px; background: #fff; position: relative;}
* html #content { height: 500px;}

h2#firma { display: none;}
strong.firma { color: #025173;}

.print { display: none;}

.highlight { color: #CC0000;/*#CC4D00;*/}

.blue-box { background: #EDF5F9; padding: 0 10px 10px 20px;}

#text { padding: 30px 20px 20px 230px; min-height: 600px; /*background: url(_img/text-background.png) 0 0 repeat-y;*/}
* html #text { height: 600px;}
#left { position: absolute; width: 201px; top: 82px; left: 0;}
#left #leftmenu { background: #D9E9F1 url(_img/left-background.png) 0 0 no-repeat; padding-bottom: 20px;}
#left h3 { margin: 0; padding: 20px 10px 10px 20px; color: #000101; font-size: 1.1em; font-weight: bold;}
#left .c { margin-top: 10px;}

/* left menu */
#leftmenu ul, #leftmenu ul li { list-style: none;}
#leftmenu ul li a { display: block; margin-right: 1px; border-bottom: 1px solid #E4EFF4; padding: 0.5em 20px; color: #014062;}
#leftmenu ul li a:hover { color: #0070AE; background: #E4EFF4 url(_img/left-hover.png) 0 0 repeat-y; text-decoration: underline;}
#leftmenu ul li a span { display: block; background: url(_img/left-square.gif) 0 0.55em no-repeat; padding-left: 15px;}
#leftmenu ul li a:hover span { background-image: url(_img/left-square-hover.gif);}
#leftmenu ul li.active a { background-color: #0070AE; background-image: url(_img/left-active.png); color: #fff;}
#leftmenu ul li.active a span { background-image: url(_img/left-square-active.gif);}

/* shop link */
#shop { position: absolute; top: 70px; right: 10px; height: 25px; width: 142px; overflow: hidden;}
#shop a { display: block; color: #000;}
#shop span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(_img/eshop.png) 0 0 no-repeat; cursor: pointer;}
#shopsearch { background: url(_img/menu.png); color: #fff; font-size: 0.9em; padding: 5px 6px; position: absolute; top: 135px; right: 20px;}
#shopsearch label { display: inline; font-weight: bold;}
#shopsearch input { vertical-align: middle;}
#topbanner { position: absolute; top: 15px; right: 20px;}

/* footer */
#footer { padding: 10px 20px 10px 30px; font-size: 0.85em; color: #fff; line-height: 1.3em;}
#footer a { color: #fff;}

/* main menu */
#menu { height: 57px; background: #025173 url(_img/header.png) 0 0 no-repeat; list-style: none; font-variant: small-caps; border-bottom: 3px solid #014062; padding: 22px 0 0 10px; font-size: 1.1em;}
#menu a { display: block; background: url(_img/menu.png); color: #fff; text-decoration: none; padding: 15px 40px 10px 0; margin-right: 1px;}
/*#menu a { display: block; background: url(_img/menu.png); color: #fff; text-decoration: none; padding: 15px 50px 10px 0; margin-right: 1px;}*/
* html #menu a { background: #015F8F;}
#menu a span { border-top: 3px solid #014062; padding: 17px 0 18px 10px;}
#menu a:hover { background: #000;}
#menu a:hover span { border-color: #fff;}
#menu li.active a { background: #014062;}
#menu li.active a span { border-color: #DBDBDB;}
#menu li { float: left; display: block; padding-top: 4px; }
* html #menu li { filter: alpha(opacity=70);}
* html #menu li.active { filter: none;}
} /* @end media={screen, projection, tv} */

@media print {
#menu, #left, h2#firma, #shop, #shopsearch, .noprint { display: none;}
#logo { margin: 0;}
#footer { font-size: 0.8em; line-height: 1.3em; color: #606060; text-align: right; margin-top: 20px;}
#text ul li { list-style: square; padding-left: 0;}
}