body,html,div,p,ul,li,table,img {padding: 0; margin: 0;}
body,html { color: #000000; margin: 0; padding: 0; text-align: center; background: #fff; font-family: "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif }
body { font-size: 90% }
/* Globalni styly */
hr { position: absolute; top: -12721px; width: 50px }
A:link { color: #C4333A; text-decoration: underline }
A:visited { color: #C4333A; text-decoration: underline }
A:active, A:hover { color: #000; text-decoration: underline }
a img { border: 0px solid #B1B8B8 }
a:hover img { border: 0px solid #000000 }
h1,h2 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal }
h1, .h1 { margin: 25px 10px 0 0; padding: 0 0 5px 0; color: #C4333A; text-align: left; font-size: 160% }
h2 { padding: 2px 2px 0 0; margin: 25px 0 0 0; font-size: 130%; color: #454545; clear: left }
h2 a, h2 a:link, h2 a:visited, h2 a:active, h2 a:hover { font-weight: normal; font-size: 100% }
h2 a:link { color: #C4333A; text-decoration: underline }
h2 a:visited { color: #C4333A; text-decoration: underline }
h2 a:active { color: #000; text-decoration: underline }
h2 a:hover { color: #000; text-decoration: underline }
h3 { clear: left; padding: 0 0 0 0; margin: 15px 0 0 0; font-size: 100%; font-weight: bold; color: #C4333A }
ul { position: relative; right: 10px; clear: left; margin: 10px 0 0 30px }
ul li { list-style-image: url("grafika/icon-list2.gif") }
/* em { font-weight: bold; font-style: normal } */
acronym, abbr { cursor: help }
a#nahoru2 { display: none }
.alignleft { float: left; margin: 0 8px 0 0; }
.alignright { float: right; margin: 0 0 0 8px; }
/* Konec Globalni styly */
/* Globalne pouzivane tridy */
.clear { display: block; clear: left; width: 300px; height: 1px; font-size: 1px }
.chyba { color: #BE050A; font-weight: bold }
.ok { color: #131684; font-weight: bold }
.txt { background: #F7F9FD; border: 1px solid #6797C7 }
p.a { width: 215px; height: 132px; float: left }
p.a img { width: 200px; height: 132px }
p.s { width: 288px; float: left }
p.h { width: 505px; clear: left }
span.cistic { display: block; width: auto; clear: left; font-size: 0; padding: 0; z-index: 3; height: 4px; background: #fff }
/* Konec Globalne pouzivane tridy */
/* Sirka webu */
#top, #header, #obsah, #hp, #footer {
width: 970px; position: relative }
/* Sirka vseho konec */
/* Hlavicka */
div#header { height: 141px; top: 0px; margin: 0 auto; text-align: left; background:url("gfx/head.gif") 100% 100% no-repeat #fff }
div#header h1#logo {margin-top : 0px;}
div#header h1#logo a { width: 343px; height: 117px; margin: 0 auto; position: absolute; top: 16px; left: 20px; font-size: 100%; padding: 0 0 0 0;}
div#header h1#logo span { cursor: pointer; position : absolute; display : block; background : url('../wp-content/themes/cargo/images/logo.gif') 0 0 no-repeat; width : 100%; height : 100%;}
div#header h1#logo small {font-size : 1.05em; position : absolute; top : 85px; left : 420px;}
div#header div#logo {margin-top : 0px;}
div#header div#logo a { width: 343px; height: 117px; margin: 0 auto; position: absolute; top: 16px; left: 20px; font-size: 100%; padding: 0 0 0 0;}
div#header div#logo span { cursor: pointer; position : absolute; display : block; background : url('../wp-content/themes/cargo/images/logo.gif') 0 0 no-repeat; width : 100%; height : 100%;}
div#header div#logo small { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #C4333A; text-align: left; font-size: 24px; position : absolute; top : 85px; left : 420px; }
div#header p#jumps { width: 200px; position: absolute; top: 36px; right: 9px; text-align: right; font-size: 90%; color: #007FCD }
div#header p#jumps a#textverze { display: block; width: 10em; padding: 3px 0 4px 0; text-indent: 10px; position: absolute; right: 0; top: 0; text-align: left }
div#header p#jumps a#textverze:link, div#header p#jumps a#textverze:visited { color: #14649E; background:url("grafika/icon-text.gif") 96% 54% no-repeat #F0F8FB }
div#header p#jumps a#textverze:active, div#header p#jumps a#textverze:hover { color: #000; background:url("grafika/icon-text.gif") 96% 54% no-repeat #C4DDF2 }
div#header p#jumps a#jump2menu { display: none }
/* Konec Hlavicka */
/* Drobecky */
p#drobky { font-size: 80%; font-family: "Helvetica CE", "Arial CE", "Verdana CE", "Lucida Grande CE", Verdana, Arial, lucida, sans-serif; position: relative; top: 6px }
p#drobky a:link { color: #7D8E97 }
p#drobky a:visited { color: #5C6B72 }
p#drobky a:active, p#drobky a:hover { color: #000 }
/* Drobecky konec */
/* Hlavni navigace */
ul#menu { background:url("gfx/menubg.gif") 0% 0% repeat-x #414141; display: block; width: 970px; height: 58px; padding: 0 0 0 0; position: absolute; top: 0; left: 0; font-size: 90%; font-family: "Trebuchet MS", sans-serif, "Arial CE", "Lucida Grande CE"; z-index: 3; margin: 0 0 0 0; }
ul#menu li { list-style-type: none; list-style-image: none; margin: 0 0 0 0; padding: 0 0 0 1px; height: 58px; float: left; position: relative; left: 23px; }
ul#menu li a { display: block; height: 58px; line-height: 58px; font-weight: bold; text-align: center; z-index: 4; overflow: hidden; padding : 0 23px; _float : left;}
ul#menu li a:link,ul#menu li a:visited, ul#menu li a:active,ul#menu li a:hover,ul#menu li a#selected { text-decoration: none; font-weight: bold }
ul#menu li a:link,ul#menu li a:visited { color: #fff; background:url("gfx/menuitem.gif") 0% 0% repeat-x #414141 }
ul#menu li a:active,ul#menu li a:hover { color: #fff; background:url("gfx/menuitem.gif") 0% /* -116px */ -58px repeat-x #B02F33 }
#menu a#selected { color: #fff; background:url("gfx/menuitem.gif") 0% -58px repeat-x #CCCCCC; z-index: 5 }
/* Konec Hlavni navigace */
/* {{{ nabidka pod navigaci */
#submenu {
position : absolute;
top : 58px;
left : 23px;
background : url('gfx/submenu-left.gif') 0 0 no-repeat;
z-index : 3;
}
#submenu ul {
height : 34px;
background : url('gfx/submenu-right.gif') right 0 no-repeat;
float : left;
list-style: none;
padding: 0 9px;
margin : 0px;
right : 0;
}
#submenu ul li {float : left; margin-right : 1px;}
#submenu ul li a {
display : block;
color : #fff;
padding: 0 15px;
line-height : 34px;
font-size : 85%;
font-weight : 800;
text-decoration : none;
}
#submenu ul li a:hover, #submenu ul li a#selected {
background-color : #0c0c0c;
}
/* }}} */
/* Prepinani jazyku */
ul#langs { background: #fff; display: block; width: 400px; padding: 0 0 0 0; position: absolute; top: -172px; right: 9px; font-size: 90%; font-family: "Trebuchet MS", sans-serif, "Arial CE", "Lucida Grande CE"; z-index: 5; margin: 0 0 0 0; text-align: right }
ul#langs li { list-style-type: none; list-style-image: none; margin: 0 0 0 0; padding: 0 7px 0 7px; float: right; text-align: center }
ul#langs li#cesky { border: 0; padding: 0 2px 0 7px !important }
ul#langs li#english { border: 1px solid #A9B5BA; border-width: 0 1px 0 0 }
ul#langs li#deutsch { border: 1px solid #A9B5BA; border-width: 0 1px 0 0 }
ul#langs li a:link,ul#langs li a:visited, ul#langs li a:active,ul#langs li a:hover,ul#langs li a#selected { text-decoration: underline; font-weight: normal }
ul#langs li a:link,ul#langs li a:visited { color: #0F6AB0; background: #fff }
ul#langs li a:active,ul#langs li a:hover { color: #fff; background: #04579C }
ul#langs li.langselected { color: #14649E; background: #fff; z-index: 5; font-weight: bold }
/* Prepinani jazyku konec */
/* Hlavni Obsah - cela sirka vcetne sidebaru */
#obsah, #hp { bottom: 1px; padding: 2.8em 0 0 0; margin: 10px auto 0 auto; text-align: left; background:url("grafika/bg-obsah.jpg") 0% 2.8em no-repeat #fff; z-index: 1 }
#hp { background: #fff }
#obsah span.cistic, #hp span.cistic { display: block; clear: both; font-size: 0; z-index: 3; height: 10px; background: #fff }
/* Hlavni Obsah - cela sirka vcetne sidebaru konec */
/* XXXXXXXXX HLAVNI OBSAHOVE POLE XXXXXXXXXXXXXXX */
#pole, .pole, #home { width: 665px; padding: 0 0 20px 0; margin: 100px 0 0 0; position: relative; float: left; color: #707070; font-size: 90%; background:url("gfx/bg-pole.jpg") 0% 0% no-repeat #fff; }
#pole .in { padding: 0 0 0 35px; }
#pole p, .pole p { margin: 10px 0 }
.hp-sluzby { width: 320px; float: left; padding: 30px 0 0 0; }
.hp-more { width: 302px; float: left; position: relative; left: 20px; padding: 30px 0 0 0; }
.hp-more div.image { width: 300px; _width: 202px; height: 175px; _height: 177px; background: #F1F1F1; border: 1px solid #BBBBBB; }
.hp-more div.image img { position: relative; top: 6px; left: 6px; }
.perex { background:url("grafika/bg-boxd.gif") 100% 100% repeat-x #F4FFBD; padding: 2px 10px; margin-bottom: 25px; color: #455302; font-weight: bold }
/* XXXXXXXXX HLAVNI OBSAHOVE POLE KONEC XXXXXXXXX */
/* XXXXXXXXX SIDEBAR XXXXXXXXXXXXXXXXXXX */
#side { width: 268px; margin: 100px 0 8px 0; padding: 30px 0 0 0; position: relative; float: right; font-size: 90%; background:url("gfx/bg-side-top.gif") 0% 0% no-repeat #F1F1F1; overflow: hidden; }
#side h2 { font-size: 160%; color: #474747; font-weight: bold; margin: 0 0 0 0; padding: 0px 0 0px 10px; text-indent: 5px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal }
#side h2 a:link, #side h2 a:visited { font-size: 100%; color: #fff; font-weight: bold }
#side h2 a:active, #side h2 a:hover { font-size: 100%; color: #fff; font-weight: bold }
#side div.novinka { padding-bottom:5px; padding-left:15px; padding-right:15px; }#C4333A
#side div.novinka h3 { font-size: 100%; color: #C4333A; margin: 0 5px; }
#side div.novinka h3 a:link, #side div.novinka h3 a:visited { color: #C4333A; }
#side div.novinka h3 a:active, #side div.novinka h3 a:hover { color: #000; }
#side p { margin: 5px; text-align: left; color: #000000; }
#side p.datum { font-size: 80%; color: }
#side ul { width: 268px; margin: 0 0 0 0; padding: 0 0 3px 0; right: 0px }
#side ul li { width: 268px; list-style-image: none; list-style-type: none; margin: 0 0 0 0; padding: 0 0 0 0 }
#side ul li a { display: block; width: 268px; padding: 4px 0 5px 0; border: 1px solid #98CCE9; border-width: 1px 0; border-top-color: #EBF6FA; text-indent: 7px }
#side ul li a:link, #side ul li a:visited { background:url("grafika/bg-sidemenu.jpg") 0% 0% repeat-y #C9E0EF; font-weight: bold; color: #14649E }
#side ul li a:active, #side ul li a:hover { background:url("grafika/bg-sidemenu.jpg") 0% -100px repeat-y #9BC6E1; font-weight: bold; color: #12243F }
#side ul li A#sideselected:link,#side ul li A#sideselected:visited,#side ul li A#sideselected:active,#side ul li A#sideselected:hover { color: #667D17; background:url("grafika/sideselect.jpg") 0% -100px repeat-y #E7F5C4; text-decoration: none; border-bottom-color: #B6E16C; border-top-color: #F5FBEA }
#side div#sidetools { background:url("gfx/bg-sidetools.gif") 0% 0% repeat-y #353535; border: 1px solid #fff; border-width: 20px 0 0 0; }
#side div#sidetools input.txt { border: 1px solid #AFAFAF; width: 174px; }
#side div#sidetools h2 { font-family: Tahoma, Verdana, Arial; color: #fff5ee; text-indent: 20px; font-size: 100%; text-transform: uppercase; padding: 0 0 0 0; font-weight: bold; }
#side div#sidetools form { padding: 10px; }
#side div#sidetools form input.go {margin-bottom : -4px;}
#side div#sidetools h2.top { height: 55px; line-height: 55px; background:url("gfx/bg-topheading.gif") 0% 0% repeat-y #353535; }
#side div#sidetools h2.middle { height: 55px; line-height: 55px; background:url("gfx/bg-middleheading.gif") 0% 0% repeat-y #353535; }
/* XXXXXXXXX KONEC SIDEBAR XXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXX FOTOGALERIE XXXXXXXXX */
p.image { width: 114px; height: 62px; float: left; margin: 0 0 0 0 }
p.image img { display: block; width: 100px; height: 50px; border: 1px solid #000; margin: 4px 0 0 0 }
p.g { width: 505px; margin: 10px 0 0 0; padding: 0 0 0 0; font-size: 90% }
p.g span, p.g span a, p.g span img { display: block; text-align: center }
p.g span { width: 120px; height: 65px; margin: 5px 5px 5px 0; float: left }
p.g span a { width: 114px; height: auto; margin: 0 0 0 0 }
p.g span a:link, p.g span a:visited { background: #E7F0F8; border: 1px solid #8FBDDE; text-decoration: none }
p.g span a:active, p.g span a:hover { background: #F5FAFC; border: 1px solid #0D45A2; text-decoration: none }
p.g span img { width: 100px; height: 50px; margin: 5px auto 6px auto; line-height: 1.3em }
p.g span a img { border: 1px solid #3A88C0 }
p.g span a:hover img { border: 1px solid #F5FAFC }
p.g span.clear { width: 400px !important; height: 1px !important; margin: 0 0 0 0 !important; clear: left; float: none !important }
/* XXXXXXXXX FOTOGALERIE KONEC XXXXXXXXX */
/* XXXXXXXXX VELKA FOTOGALERIE XXXXXXXXX */
p.galery { width: 504px; margin: 10px 0 0 0; padding: 0 0 0 0; font-size: 90% }
p.galery span, p.galery span a, p.galery span img { display: block; text-align: center }
p.galery span { width: 166px; height: 140px; margin: 5px 2px 5px 0; float: left }
p.galery span a { width: 164px; height: auto; margin: 0 0 0 0 }
p.galery span a:link, p.galery span a:visited { background: #fff; border: 1px solid #fff; text-decoration: none }
p.galery span a:active, p.galery span a:hover { background: #E7F0F8; border: 1px solid #8FBDDE; text-decoration: none }
p.galery span img { width: 150px; height: 113px; margin: 5px auto 6px auto; line-height: 1.3em }
p.galery span a img { border: 1px solid #3A88C0 }
p.galery span a:hover img { border: 1px solid #F5FAFC }
p.galery span.clear { width: 400px !important; height: 1px !important; margin: 0 0 0 0 !important; clear: left; float: none !important }
/* XXXXXXXXX VELKA FOTOGALERIE KONEC XXXXXXXXX */
/* XXXXXXXXX PATICKA XXXXXXXXX */
#footer { top: -1px; margin: 0 auto 200px auto; padding: 0 0; text-align: center; font-size: 90%; color: #DCDCDC; background:url("gfx/foot-left.jpg") 0% 0% no-repeat;}
#footer .footer-corner {
width : 970px;
height : 65px;
background : url('gfx/foot-right.jpg') right bottom no-repeat;
}
#footer p { margin: 0 15px; padding: 4px 0 0 0 }
#footer p.top {color : #fff;}
#footer p.top a {color : #fff;}
#footer A:link { color: #dcdcdc }
#footer A:visited { color: #dcdcdc }
#footer A:active, #footer A:hover { color: #fff }
#footer div#stat { padding: 3px 0 0 0 }
/* XXXXXXXXX PATICKA KONEC XXXXXXXXX */
/* Kde vsude chci zmekcit pismo */
h4, #pole, .pole, #side h3, #side ul li, .sidekontakt, #fotodetail, .supatlacitko, #diky, form#hledani label, .box p, .box2 ul, #doporuc, form#kontaktform p#odesli input, .pole#aktuality p.date span.rok, #homenews, #homerezerve, #siderezerve, #side .sidebox#random img, div#header p#logo img, div#header h1#logo img {
font-family: "Trebuchet MS", sans-serif, "Verdana CE", "Arial CE", "Lucida Grande CE"
}
/* xxxxxxxxxxx Konec Sezony xxxxxxxxxxx */
.pozor { width: auto; height: auto; border: 1px solid #8DB40A; border-width: 1px 0; background: #EEFDA2; margin: 10px 0 20px 0; padding: 0 10px }
.pozor p { color: #536905 }
/* xxxxxxxxxxx Konec Sezony konec xxxxxxxxxxx */
/* THICKBOX */
html, body { min-height: 100%; height: auto !important; height: 100% }
/* thickbox specific link and font settings */
#TB_window { font-size: 90%; font-weight: bold; font-family: "Trebuchet MS", sans-serif, "Verdana CE", "Arial CE", "Lucida Grande CE" }
#TB_secondLine { color:#666666; font-weight: normal; font-family: Arial, Helvetica, sans-serif; position: relative; top: 4px }
#TB_window a { font-weight: bold }
#TB_window a:link { color: #14649E }
#TB_window a:visited { color: #604198 }
#TB_window a:active { color: #000 }
#TB_window a:hover { color: #000 }
/* thickbox settings */
#TB_overlay { position: absolute; z-index:100; top: 0px; left: 0px }
#TB_window { position: absolute; background: #ffffff; z-index: 102; color:#000000; display:none; border: 1px solid #3C89C1; text-align:left }
#TB_window img { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc }
#TB_caption { height:40px; padding:10px 30px 10px 15px; float:left }
#TB_closeWindow { height:40px; padding:11px 15px 10px 0; float:right; position: relative; top: 20px }
#TB_closeAjaxWindow { padding:5px 10px 7px 0; margin-bottom:1px; text-align:right; float:right }
#TB_ajaxWindowTitle { float:left; padding:7px 0 10px 10px; margin-bottom:1px }
#TB_title { background-color:#e8e8e8; height:27px }
#TB_ajaxContent { clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em }
#TB_ajaxContent p { padding:5px 0px 5px 0px }
#TB_load { position: absolute; display:none; height:100px; width:100px; z-index:101 }
#TB_HideSelect { z-index:99; position:absolute; top: 0; left: 0; border:none }
#TB_iframeContent { clear:both; border:none; margin-bottom:-1px; margin-top:1px }
/* THICKBOX KONEC */
/* {{{ SEARCH BOX */
#lang {
height : 31px;
list-style : none;
margin : 0px;
padding : 0px;
right : 0;
}
#lang li {
float : left;
width : 110px;
}
#lang li a, #lang li strong {
display : block;
color : #fff;
line-height : 31px;
font-size : 75%;
text-align : center;
text-decoration : none;
}
#lang li a:hover {
text-decoration : underline;
}
#searchform {
width : 220px;
height : 70px;
background : url('gfx/searchbox.gif') 0 0 no-repeat;
position : absolute;
top : 0px;
left : 728px;
}
#searchform input#s {
border : 1px solid #b0b0b0;
color : #787878;
background-color : #fff;
display : block;
float:left;
font-size:0.75em;
height:14px;
width : 140px;
padding:1px 4px;
margin : 10px 0 0 26px;
*margin : -7px 0px 0 26px;
_margin : -7px -3px 0 13px;
}
#searchform input#searchsubmit {margin-top : 10px; *margin-top : -9px; *margin-bottom : 2px;}
/* }}} */
/******** formulare **************/
#poptavkaForm label {width:100px;float:left;display:block;}
form div#box-predmet {width : 48%; float : left;}
form div#box-druh {width : 48%; float : right;}
form div#oddeleni {width : 100%; clear: both; display: block; padding: 20px 0px 20px 0px;}
form div#box-zakaznik {width : 48%; float: left;}
form div#box-zasilka {width : 48%; float: right;}
form div#nezabezpecene {width : 48%; float: left;}
form div#stohovatelne {width : 48%; float: right;}
form div#pozadavek {width : 48%; float: left;}
form div#pripojisteni {width : 48%; float: right;}
form div#box-zasilka div {width : 50%; float : left;}
form div#box-nakladka {width : 48%; float : left; clear : both; padding: 20px 0px 0px 0px;}
form div#box-vykladka {width : 48%; float : left; padding: 20px 0px 0px 0px;}
form div#box-vykladka h3 {padding: 0px 0px 0px 26px;}
form div#box-vykladka label {padding: 0px 0px 0px 26px;}
form div#box-poznamka {width : 96%; clear : both;}
form div#box-poznamka textarea {width : 571px; height: 100px;!important}
form div#box-capcha {width : 96%; clear : both;}
form div#box-odeslani {float : left;}
form span#change-hodnota, form span#change-nebezpecne, form span#change-teplota, {color : #EFB3C3;}
form div.jencteni {color : #EFB3C3;}
form div.jencteni select {color : #EFB3C3;}
form div.jencteni input {color : #EFB3C3; /*border-bottom : 1px solid #EFB3C3;*/}
form div.vychozi {color : #707070; display : block;}
form div.none {color : #707070; display : block;}
form div.hide {display : none;}
#poznamkaTextarea {width:90%}
#udaje {text-align:left;margin-top:20px;}
.cleaner {clear : both;}
p.error {font-weight:bold;color:#ff0000;}
/*****************minitorig ************* added by Jiri Salek *******************/
div.td150{margin:0;width:110px;float:left;font-size:12px;padding:2px;height:45px;overflow:auto;font-size:10px;}
div.td650{margin:0;width:610px;float:left;font-size:12px;height:50px;padding:2px;font-size:10px;}
div.td150h{margin:0;width:110px;float:left;height:50px;padding:2px;font-size:12px;}
div.td650h{margin:0;width:610px;float:left;height:50px;padding:2px;font-size:12px;}
div.col250{margin:0;width:210px;height:auto;float:left; clear : left;font-size:12px;}
div.col400{margin:0;width:360px;height:auto;float:left;font-size:12px;}
div.col650{margin:0;width:610px;height:auto;float:left;font-size:12px;}
table.monitoringVypisy{font-size:12px;width:100%;}
table.monitoringVypisy td {border-top:0;border-left:0;border-right:0;border-bottom:1px solid #e5e5e5;padding:5px;}
table.monitoringVypisy th {border-top:0;border-left:0;border-right:0;border-bottom:1px solid #e5e5e5;padding:5px;}
table.monitoringVypisy a.unactiveSort {text-decoration:none;}
table.monitoringVypisy a.activeSort {text-decoration:underline;color:#000;}
table.monitoringUserEdit{font-size:12px;}
table.monitoringUserEdit td {border:0;}
#sidetools p {color:#fff;padding:0;margin:20px;}
#sidetools a {color:#fff;}
#sidetools a:hover {color:#ffffe0;}
/*div.clear{margin:0;clear:left;height:0px;font-size:0px;width:0px;overflow:hidden;}
************************************************************************* */
/**** Newly added, Dylan ****/
img.alignright.size-full {
padding: 4px;
margin: 0 0 2px 7px;
display: block;
background: #f1f1f1;
border: 1px solid #bbbbbb;
}
.ratio input.radio {
display: block;
clear: left;
float: left;
width: 23px;
}
.ratio label.radio {
display: block;
clear: right;
float: left;
}
#box-zasilka.jencteni div {
width: 300px;
}
.ratio {
display: block;
width: 300px;
padding: 0px 0px 20px 0px;
}