/* tmvss/system/css/main.css */
/* * /
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6
{
padding: 0;
margin: 0;
}
/* */
html
, body
/*, p*/
, h2
, h3
, #menu ul
, #side ul
, #footer p
{
padding: 0;
margin: 0;
}
p {margin: 0 0 1em 0;}
#menu ul
, #side ul
{
list-style: none;
}
#main ul
{
list-style-image: url(/images/layout/aktive.jpg);
list-style-position: inside;
}
body {
font-size: 62.5%;
text-align: center;
font-family: Verdana, "Geneva CE", lucida, sans-serif;
background-color:#ffffff;
}
#content {
width: 958px;
text-align: left;
margin: 0 auto;
position: relative;
}
#page {
background: url(/images/layout/page_back.png) repeat-y left top;
width: 958px;
position: relative;
float: left;
}
#homepage #page {
background: url(/images/layout/page_home_back.png) repeat-y left top;
}
#kontaktForm #page {
background: url(/images/layout/form-back.png) repeat-y left top;
}
#newie #page, #newiesFolder #page, #search #page {
background: url(/images/layout/newie-back.png) repeat-y left top;
}
#pageIn {
width: 958px;
position: relative;
float: left;
background: url(/images/layout/nadpis.png) no-repeat left top;
}
#homepage #pageIn {
background: url(/images/layout/nadpis2.png) no-repeat left top;
}
#homepage #main {
width: 502px;
left: 12px;
top: 0;
}
#homepage #side {
width: 429px;
left: 12px;
top: 0;
}
#main {
float: left;
position: relative;
width: 635px;
left: 309px;
top: 0px;
}
#side {
float: left;
position: relative;
width: 297px;
left: -626px;
top: 0px;
padding-bottom: 10px;
}
#side a.active
{ font-weight: bold !important;
}
#pageIn h1.hide {
position: absolute;
top: -2000px;
left: -2000px;
}
/* pseudo drobeckovka, puvodne to meli byt nadpisy */
/* obcas vyuzivam #content abych mohl prebyt #breadcrumb */
#breadcrumb, #breadcrumb a, #hpnovinky, #hpkdojsme {
font-size: 17px;
font-weight: normal;
color: white;
text-decoration: none;
}
#breadcrumb, #hpnovinky, #hpkdojsme {
margin: 0;
margin-top: 1px; /* nevim kde se ten 1px bere ale bohuzel tam je :( */
padding: 0;
display: block;
line-height: 50px; /* vyska je o 10px mene, kvuli centrovani */
height: 60px;
overflow: hidden;
vertical-align: middle;
margin-left: 30px; /* odsazeni zleva, stejne pro vsechny tri typy */
position: relative;
text-align: left;
}
#content .breadcrumb-image, #content .breadcrumb-cssimage, #hpnovinky, #hpkdojsme {
padding-left: 50px;
}
.breadcrumb-image img, #hpnovinky img, #hpkdojsme img {
position: absolute; /* vyjmeme to, aby nam to neovlivnovalo vertikalni centrovani */
margin-left: -50px;
&margin-top: -14px; /* bug iecka 6+7 */
}
.breadcrumb-cssimage {
background-color: transparent;
background-position: left top;
&background-position: left 1px; /* bug iecka 6+7 */
background-repeat: no-repeat;
}
.breadcrumb-aktual {background-image: url(/images/layout/ico_aktuality.png);}
#content .breadcrumb-termo { /* aby se nereklo ma image u tohoto jiny rozmer nezli jinde :( */
background-image: url(/images/layout/ico_termo.png);
background-position: left -1px;
&background-position: left top; /* bug iecka 6+7 */
padding-left: 80px;
}
#hpkdojsme { /* take atypicky rozmer obrazku a chovani */
text-align: center;
text-decoration: underline;
position: relative;
}
#hpkdojsme img {left: 0; margin-left: 0;}
h2.who {
background: url(/images/layout/ico_kdo.png) no-repeat left center;
padding-left: 70px;
}
.obal {
padding: 20px 20px 20px 30px;
}
.obal p {
font-size: 12px;
line-height: 14px;
}
p.iso {
float: right;
}
p.iso img{
padding:0px 0px 35px 0;
}
a{
color: #C40008; /*cervena*/
text-decoration: none;
font-size: 12px;
}
a:hover {
text-decoration: underline;
}
#newiesFolder .new, #newie .new {
padding:0px 0 0px 40px;
width: 540px;
background: url(/images/layout/form-grafika.png) no-repeat left top;
margin-top: 10px;
}
#newie .new {
}
#newie .new h2 {
border-bottom: 1px solid #DBE0E6;
padding: 3px 0 10px 0;
margin-bottom: 10px;
}
#newie .new h3 {
color: #C40008;
font-weight: normal;
padding: 0px 0 10px 0;
}
#newiesFolder .new {
border-bottom: 1px solid #DBE0E6;
}
#searchForm {
position: absolute;
top: 0;
left: 207px;
background: #FDFBFE;
width: 740px;
height: 60px;
}
#searchForm p {
position: absolute;
right: 8px;
top: 22px;
height: 36px;
line-height: 36px;
}
#searchForm button, .searchButton {
background: url(/images/layout/button_search.jpg) no-repeat left center;
width: 60px;
height: 36px;
border: none;
color: white;
font-size: 9px;
cursor: pointer;
cursor: hand;
}
#search_button {
/* background: url(/images/layout/input_search.jpg) no-repeat left center; */
width: 143px;
height: 12px;
padding: 2px;
/* height: 26px; */
border: 1px solid #BCBBC0;
/* padding: 13px 8px 0px 8px; */
font-size: 10px;
color: #939BA6;
/* _padding-top: 15px; */
_position: relative;
_top: -6px;
}
#toc {
position: absolute;
left: 0px;
top: 127px;
background: url(/images/layout/header.png) no-repeat top left;
width: 958px;
height: 151px;
}
#header {
height: 278px;
overflow: hidden;
position: relative;
}
#header a img{
border: none;
}
#footer {
height: 42px;
width: 936px;
clear: both;
background: url(/images/layout/footer.gif) no-repeat left top;
margin-left: 11px;
}
p#lista {
text-align: center;
font-size: 9px;
padding-top: 10px
}
p#lista span {
padding-left: 20px;
}
/*menu*/
#menu {
position: absolute;
top: 60px;
left: 198px;
width: 760px;
height: 67px;
z-index: 100;
background: url(/images/layout/menu.png) no-repeat left top;
}
#menu ul {
margin-top: 23px;
width: 720px;
height: 35px;
margin-left: 10px;
display: table; #position: relative;
}
#menu h3 {
display: none;
}
#menu li {
width: 90px; /* 102px; */
height: 40px;
text-align: center;
display: table-cell;
vertical-align: middle;
float: left;
/*_position: absolute; #top: 50%;*/
}
#menu li a, #menu li span {
color: white;
text-transform: uppercase;
font-size: 11px;
display: block;
background: url(/images/layout/menuBorder.png) no-repeat right top;
padding: 8px 2px 28px 2px;
_padding: 8px 2px 10px 2px;
/* #position: relative; #top: -50%*/
vertical-align: middle;
height: 0px;
}
#menu li.last a, #menu li.last span {
background: none;
}
#menu li.back a{
background: none;
}
#menuDetail {
position: relative;
top: 10px; left: 15px;
margin-bottom: 20px;
}
#menuDetail li {
background: url(/images/layout/pasive.jpg) no-repeat left center;
padding-left: 20px;
margin: 7px 0;
}
#menuDetail li a {
color: black;
text-decoration: none;
}
#menuDetail li a:hover {
color: #C40008;
text-decoration: underline;
}
#menuDetail li.selected {
background: url(/images/layout/aktive.jpg) no-repeat left top;
}
#menuDetail li.selected a {
font-size: 12px;
font-weight: bold;
border-bottom: 1px solid #C40008;
display: block;
padding-left: 20px;
margin-left: -18px;
width: 235px;
padding-top: -3px;
}
#menuDetail li.selected ul li a {
border: none;
}
#menuDetail li.selected a:hover {
text-decoration: none;
}
#menuDetail li.selected ul li.selected {
background: url(/images/layout/pasive.jpg) no-repeat left top;
}
#menuDetail li.selected ul li a {
font-weight: normal;
}
#menuDetail li.selected ul li.selected a {
color: #C40008;
}
#menuDetail li.selected ul li a:hover {
text-decoration: underline;
}
#menuDetail li.selected ul {
list-style: none;
}
.imgDetail {
float: left;
margin-right: 20px;
}
detailPopis {
}
.detailPopis h2{
padding-bottom: 20px;
font-size: 14px;
}
.detailPopis a {
padding-top: 20px;
display: block;
}
hr.clear {
height: 0; clear: both;
visibility: hidden;
}
table.mainDetail {
background: #F0F2F3;
margin: 15px 0;
border: none;
padding-bottom: 5px;
text-align: left;
}
table.mainDetail .first th{
background: #E7EAED !important;
font-weight: bold;
padding: 5px 0 5px 10px;
border: none;
color: black;
border-right: 1px solid #DBE0E6;
font-size: 13px;
}
table.mainDetail .heading {
font-size: 13px;
color: #626C79;
padding:5px 0 0 10px;
border-top: 1px solid #DBE0E6;
}
table.mainDetail .heading th {
font-weight: bold !important;
padding-top: 5px;
}
table.mainDetail td, table.mainDetail th {
padding: 2px 0 4px 10px;
font-size: 12px;
font-weight: normal;
}
table.mainDetail td {
border-left: 1px solid #DBE0E6;
}
.heading td, .heading th {
border-top: 1px solid #DBE0E6;
}
#kontaktForm #side {
background: #DDE0EA url(/images/layout/form-side.png) no-repeat left top;
min-height: 378px;
_height: 378px;
top: -9px;
left: -623px;
_left: -638px;
}
#newiesFolder #side, #search #side {
background: #DDE0EA url(/images/layout/newies-side.png) no-repeat left top;
min-height: 378px;
_height: 378px;
top: -9px;
left: -623px;
}
#newie #side {
background: #DDE0EA url(/images/layout/newie-side.png) no-repeat left top;
min-height: 378px;
_height: 378px;
top: -9px;
left: -623px;
}
#sendForm table {
width: 600px;
background: url(/images/layout/form-grafika.png) no-repeat left top;
}
#sendForm label {
width: 200px;
display: block;
float: left;
font-size: 12px;
text-align: right;
padding:5px 20px 0 0;
}
#sendForm label span {
padding-left: 6px;
}
#sendForm label span.star {
padding-left: 0;
}
#sendForm input {
background: url(/images/layout/form-input.png) no-repeat left top;
width: 207px;
height: 14px;
border: none;
padding: 5px 8px 5px 8px;
}
#sendForm #subm, a.newsLink, a.newLink {
background: url(/images/layout/form-submit.png) no-repeat left center;
width: 30px;
height: 25px;
border: none;
color: white;
font-size: 9px;
cursor: pointer;
cursor: hand;
position: relative;
color: #C40008;
}
#sendForm #subm {
left: 408px;
_left: 508px;
text-indent: -100px;
}
a.newLink {
width: 20px;
display: block;
left: 478px;
top: 10px;
padding-right: 38px;
background-position: right center;
font-size: 11px;
line-height: 20px;
}
a.newsLink {
display: block;
left: 515px;
}
p.povinne{
position: relative;
left: 95px; top: 20px;
}
.star {
color: #C40008;
}
#sendForm table td {
position: relative;
}
#capchaImage {
position: relative;
left: 100px;
top: 10px;
}
#captchaline {
position: relative;
left: 225px;
_left: 230px;
top: -28px;
}
p.date {
color:#707070;
margin-bottom: 15px;
}
#print {
display: none;
}
#searchInput {
border: 1px solid #BCBBC0;
width: 450px;
color: #939BA6;
_position: relative;
_top: -6px;
}
#listButtons {
position: relative;
top: 10px;
left: 430px;
width: 230px;
}
#nextButton, #prevButton {
height: 25px;
border: none;
font-size: 11px;
color: #C40008;
cursor: pointer;
cursor: hand;
padding: 0;
}
#prevButton {
background: url(/images/layout/form-submit-back.png) no-repeat left bottom;
width: 95px;
text-align: right;
padding-right: 10px;
}
#nextButton {
background: url(/images/layout/form-submit.png) no-repeat right bottom;
width: 60px;
text-align: left;
}
/* ************ tiskove styly ****************** */
@media print {
body {background: none; padding-top: 20px;}
#main {width: 99%;}
#content {width: 100%; float: none;}
body, h1, h2 {color: black !important;}
a {color: red;}
#page, #pageIn, #menu, #homepage #page, #homepage #pageIn, #toc, #side, #newiesFolder #side, #newie #side,
#kontaktForm #side, #newie #page, #newiesFolder #page {
background: none;
color: black;
}
.icona img {
display: none;
}
#header img, #searchForm {
display: none;
}
#header img#print {
display: block;
}
#menu li a, #menu li span {
background: none;
color: black;
}
#header {
height: 100px;
}
#side {
display: none !important;
}
#homepage #side {
display: block !important;
}
#main {
left: 0;
}
#homepage #main, #homepage #side, #menu {
left: 0;
float: none;
width: 100%;
}
}
/* plnÃÂÃÂnÃÂàstrÃÂánek by CW ****/
div.cw {
margin: 0px 10px;
}
div.cw * {
margin: 0px;
padding: 0px;
font-family: Arial;
}
div.cw h2 {
font-size: 13.5pt;
text-decoration: underline;
font-size: bold;
text-align: center;
margin-bottom: 24pt;
}
div.cw h3 {
font-size: 10pt;
font-size: bold;
text-align: left;
margin-bottom: 12pt;
}
div.cw h4 {
font-size: 10pt;
font-size: bold;
text-align: left;
text-decoration: underline;
margin-bottom: 12pt;
}
div.cw p {
font-size: 10pt;
margin-bottom: 12pt;
}
div.cw p.pic {
text-align: center;
font-size: 7.5pt;
}
div.cw p.spacer {
text-align: center;
}
div.cw ul li, img {
border: none;
margin: 0px;
}
div.cw ul li {
font-size: 10pt;
/* font-family: serif; */
}
div.cw a {
color: #C40008;
font-size: 10pt;
text-decoration: underline;
}
div.cw a.textLink {
color: black;
font-weight: bold;
}
div.cw table {
border: none;
width: 100%;
font-size: 10pt;
margin-bottom: 12pt;
}
div.cw td {
padding: 2px;
vertical-align: top;
font-size: 10pt;
}
div.cw td.odrazka {
padding: 2px;
vertical-align: top;
width: 11px;
}
div.cw img.logo {
margin-bottom: 24pt;
border: none;
}
#submZpet {
background:transparent url(/images/layout/form-submit.png) no-repeat left -1px;
border: none;
color:#C40008;
cursor:pointer;
cursor: hand;
font-size:10px;
height:25px;
position:relative;
margin-top: 10px;
display: block;
padding-left: 30px;
padding-top: 5px;
}
#eshop-products-table
td.logo
{
width: 100px;
}
#eshop-products-table
td.product
{
}
#eshop-products-table
td.product
span.product_producer
{
display: block;
}
/*** NEW 25.3.2009 ***/
body h2, body #main div.obal h1, body#homepage .new h3 { font-family: Arial; font-weight: bold; font-size: 18px !important; text-decoration: underline; text-align: center; margin-bottom: 2em; }
body h3 { clear: both; margin: 1em 0 !important; font-size: 14px !important; }
body h4 { clear: both; margin: 1em 0 !important; font-size: 12px !important; }
body #main .obal p img { margin: 0.5em 1em; }
body #main .obal p span.text { display: block; padding-top: 10px; font-weight: bold; clear: both; }
body #main .obal ul { list-style-type: none; list-style-image: none; padding: 0 10px;
margin: 0px;
}
body #main .obal ul li { margin: 7px 0px; padding-left: 20px; background: transparent url(/images/layout/aktive.jpg) no-repeat scroll left top; }
body #main .obal ol li { margin: 7px 0px; }
body #main .obal hr { clear: both; margin: 2em 0px 1em 0px; }
body #main .obal table ul, body#section #main .obal table ol { margin: 0px; padding: 0px; }
body #main .obal table, body#section .obal li { font-size: 12px; }
body #main .obal table td { vertical-align: top; padding: 3px; }
body #main .obal table td.product_item { vertical-align: bottom; padding: 3px; text-align: center; width: 30%; }
body #main .obal table td.shop-producer { vertical-align: bottom; padding: 3px; text-align: center; width: 30%; }
body #main .obal ul, body #main .obal ul li { zoom: 1; }
/* / tmvss/system/css/main.css */