/* zakladni prvky */
html, body, form, fieldset, label, legend, object { margin: 0; padding: 0; border: 0; font-size: 100% }
html, body.body { height: 100% }

body { font: 12px/1.5 Verdana, "Geneva CE", lucida, sans-serif }

body.body { text-align: center; color: #DBF3FF; background: #2D9ABE url(img/sys/body-bg.jpg) repeat-x 0 0 }
body.owin img { border-color: #cccccc }
body.mceContentBody, body.mceContentBody * { color: #DBF3FF; background: #2D9ABE url(img/sys/body-bg.jpg) repeat-x 0 0 }
h1, h2, h3, h4, h5, h6 { color: #ffffff; padding: 0; line-height: normal }
h1 { font-size: 220%; clear: both; margin: 0 0 0.5em 0; font-weight: normal; color: #40BFFF }
h2 { font-size: 155%; margin: 1.1em 0 0.5em 0; font-weight: normal; clear: both }
h3 { font-size: 120%; margin: 1.1em 0 0.5em 0 }
h4 { font-size: 100%; margin: 0 0 0.3em 0; text-transform: uppercase }
input, select, textarea { vertical-align: middle; font-size: 100% Verdana, "Geneva CE", lucida, sans-serif }
a { color: #FFC002 }
a:link { color: #FFC002 }
a:visited { color: #22B0F6 }
a:hover { color: #FFC002; text-decoration: none }
#tinymce a { color: #FFC002 !important }
#tinymce a:link { color: #FFC002 !important }
#tinymce a:visited { color: #22B0F6 !important }
#tinymce a:hover { color: #FFC002 !important; text-decoration: none !important; cursor: pointer !important }
h2 a, h3 a, h4 a, h5 a { color: #162983 }
p { margin: 1.3em 0 }
table { border-collapse: collapse }
caption { padding-bottom: 0.1em; font-weight: bold; text-align: left }
ul, ol { margin-top: 0.5em; margin-bottom: 1.5em }
hr { height: 0; border: none; border-bottom: 1px solid #d7d7d7 }
img { border: 0 }
small { font-size: 11px }
/* /zakladni prvky */

/* zakladni tridy */
.tal { text-align: left }
.tac { text-align: center }
.tac table { text-align: left; margin-left: auto; margin-right: auto }
.tar { text-align: right }
.taj { text-align: justify }
.vat { vertical-align: top }
.vam { vertical-align: middle }
.tac table { text-align: left; margin-left: auto; margin-right: auto }
.fl { float: left }
.fr { float: right }
.fli { float: left; margin: 5px 1.3em 1.5em 0 }
.fri { float: right; margin: 5px 0 1.5em 1.3em }
.clean { color: #000000; text-decoration: none }
.clear { clear: both; font-size: 1px; height: 0; width:1px }
.cleaner { width: 100%; overflow: hidden }
.invisible, .no-css, .noscreen { display: none }
.no-border { border: none !important }
.required { background: #fff url(img/sys/required.gif) no-repeat right top }
.alert, .alert a, .error, .error a, .warning, .warning a {color: #ff0000; font-weight: bold }
.ok, .info { color: #6495ed; font-weight: bold }
.ll { list-style-type: lower-alpha }
.b { font-weight: bold }
.bg0 { background: #f4f4f4 }
.big { font-size: 120% }
.big1 { font-size: 130% }
.big2 { font-size: 155% }
.border { border: 1px solid #aaaaaa; padding: 2px; background-color: #ffffff }
.img-button { border: none !important; margin: 0 !important; background: none !important }
.small { font-size: 11px }
.overflow { padding: 1px; overflow: auto; overflow-y: hidden; width: 99% }
/* /zakladni tridy */

/* layout - zaklad */
#main {
    width: 975px;
    height: 100%;
    margin: 0 auto;
    text-align: left;
    position: relative;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.euroagentur.cz/img/sys/main-bg.png',sizingMethod='crop') }
html>body #main { min-height: 100%; height: auto; overflow: hidden; background: transparent url(img/sys/main-bg.png) no-repeat 0 0 }

#zahlavi { width: 975px; height: 204px }
#zahlavi-in { padding: 0 8px }

#content {
    float: right;
    width: 719px;
    overflow: hidden
}
#content-in { padding: 5px 15px 156px 15px }
#content.wide { width: 100% }
#panel {
    float: left;
    width: 240px
}
#panel-in { padding: 0 0px 156px 0 }

#zapati {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 975px;
    height: 156px;
    background: transparent url(img/sys/zapati-bg.gif) no-repeat 0 0
}
#zapati-in { padding: 0 8px; width: 959px; position: absolute; left: 0; bottom: 0 }
/* /layout - zaklad */

/* layout - special */
#logo { position: relative; width: 959px; height: 204px; overflow: hidden; background: transparent url(img/sys/top-shadow.jpg) no-repeat left bottom }
#logo a, #logo a span { position: relative; width: 164px; height: 146px; display: block; float: left; cursor: pointer; overflow: hidden }
#logo a span { position: absolute; left: 0; top: 0; display: block; background: transparent url(img/sys/logo-cz.jpg) no-repeat 0 0 }
#logo .cz span { background: transparent url(img/sys/logo-cz.jpg) no-repeat 0 0 }
#logo .en span { background: transparent url(img/sys/logo-en.jpg) no-repeat 0 0 }
#logo .de span { background: transparent url(img/sys/logo-de.jpg) no-repeat 0 0 }
#logo .ru span { background: transparent url(img/sys/logo-ru.jpg) no-repeat 0 0 }
#motiv { height: 146px }

#main-in { width: 959px; margin: 0 8px; height: 720px; background-color: #0F6C98 }
html>body #main-in { min-height: 720px; height: auto }

#langs { position: absolute; right: 30px; top: 15px }
#langs a img { border: 1px solid #000 }
#langs a:hover img { border: 1px solid #fff }
#langs img { margin: 0 0 0 9px }

#menu ul { list-style: none; text-align: center; margin: 0; padding: 0; width: 959px; overflow: hidden; position: absolute; left: 8px; top: 146px; background: #3FBFFE url(img/sys/menu-bg.gif) repeat-x 0 0 }
#menu li { float: left; width: 120px; background: transparent url(img/sys/menu-li-bg.gif) no-repeat right top }
#menu .m-last { width: 119px; background: none }
#menu .m-last a { margin: 0 }
#menu li a { font-size: 12px; text-transform: none; line-height: 13px; display: block; padding: 13px 10px 13px 10px; margin: 0 2px 0 0; text-align: center; font-weight: bold; color: #03263A; text-decoration: none }
#menu li a:hover { color: #fff }
#menu .multiline a { padding: 7px 10px }

#zapati * { color: #31ABD3 }
#zapati p { font-size: 10px; margin: 0; padding: 2em 1.5em; background-color: #125982 }
#zapati p a { text-transform: uppercase }
#zapati #partneri { margin: 0; padding: 1.2em 1.5em; text-align: right; background: none }
#zapati #partneri img { margin: 0 30px }
#zapati small { text-align: right; position: absolute; right: 25px; bottom: 7px }
#zapati small em { color: #fff; font-style: normal }
#zapati small a { color: #E47B00 }
/* /layout - special */

/* ostatni tridy pro web */
#content a { color: #FFC002 }
#content ul { list-style: none; padding: 0 }
#content ul li { padding: 0 0 0 15px; background: transparent url(img/sys/bullet.gif) no-repeat 0 8px }
#panel h3 { margin-left: 16px; font-weight: normal; font-size: 170% }
.news { font-size: 11px }
.news a { color: #D8F2FF !important }
#news-box { padding: 0 16px 20px 16px; background: transparent url(img/sys/news-corner.gif) no-repeat right bottom }
#search-box { padding: 15px 0 20px 16px; background: transparent url(img/sys/search-corner.gif) no-repeat right bottom }
.h3-subtitle { color: #40BFFF }
.i-border { border: 3px solid #A8E2FF }
.png-hodiny { width: 214px; height: 212px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/_/home/png-hodiny.png',sizingMethod='crop') }
html>body .png-hodiny { background: url(img/_/home/png-hodiny.png) no-repeat 0 0 }
#search-box input { padding: 2px 0 2px 2px; height: 16px; border: 0; background-color: #22B0F6 }
.button input { width: 68px !important; height: 21px !important; padding: 0 0 2px 0 !important; margin: 1px 0 0 0 !important; text-align: center; color: #fff; font-weight: bold; font-size: 11px; border: 0; background: url(img/sys/button.gif) no-repeat 0 0 }
#search-box input { width: 110px }
#search-box fieldset { padding: 0 }
#bannery-box { padding: 20px 0 0 0; text-align: center }
#submenu { list-style: none; background: #003F66 url(img/sys/submenu-bg.jpg) repeat-x 0 0; padding: 0 8px 10px 8px; margin: 0 0 16px 0; border-bottom: 6px solid #2EA5CE }
#submenu li { font-size: 12px; padding: 3px 0 5px 0; background: transparent url(img/sys/dotted.gif) repeat-x left bottom }
#submenu li a { color: #fff; text-decoration: none; padding: 0 0 0 25px; display: block; background: url(img/sys/bullet-2.gif) no-repeat 6px 5px }
#submenu li a:hover, #submenu .subactive a { color: #FFC002 !important; background-position: -285px 5px }
#submenu ul { padding: 0; margin: 0; list-style: none }
#submenu ul li { padding: 1px 0 3px 25px; background: transparent url(img/sys/bullet-3.gif) no-repeat 6px 5px }
#submenu ul li a { color: #fff !important; font-size: 10px; padding: 0; display: block; width: 100%; background: none }
#submenu ul li a:hover { color: #FFC002 !important }
#submenu .subactive ul li a { color: #fff !important }
#submenu .subactive ul li a:hover { color: #ffc002 !important }
#submenu .submenu-title { font-weight: bold; font-size: 13px }
#submenu .submenu-title a { padding-left: 5px !important; background: none !important }

#panel fieldset.hidelab label, #content fieldset.hidelab label { display: none }

.no-margin { margin: 0 !important }
.disabled { color: #aaaaaa }

#filtr { padding: 0 }
.table-01 { margin: 15px 0 0 0 }
.table-01 td { padding: 4px 0.8em; border: 1px solid #08618F; background-color: #003F68 }
#filtr .table-01 strong { color: #25B1F7 }
.table-03 { margin: 15px 0 }
html>body .table-03 { margin-left: 1px }
.table-03 td { padding: 4px 0.8em; border: 1px solid #2D9ABE }
.table-03 th { padding: 6px 0.8em; font-weight: bold; color: #fff; border: 1px solid #2D9ABE; border-width: 0 1px; background: #003E65 url(img/sys/table-th-bg.gif) no-repeat 0 0 }
.t-padding td { padding: 15px 0.8em !important }
.vypis-hotelu { width: 100%; overflow: hidden; margin: 30px 0 0 0 }
.vh-left, .vh-right { float: left; width: 332px; height: 160px; margin: 10px 0 0 0; position: relative; background: #5CB6D4 url(img/sys/vh-window.gif) no-repeat 5px 7px }
html>body .vh-left, html>body .vh-right { min-height: 160px; height: auto }
.vh-right { float: right }
.vh-left p, .vh-right p { padding: 0 0 0 106px; line-height: normal }
.vh-left small, .vh-right small { color: #fff; font-size: 11px; display: block; padding: 5px 5px 0 0 }
.vh-left img, .vh-right img { position: absolute; left: 11px; top: 13px }
.vypis-hotelu .h-nazev { color: #00263E !important; font-weight: bold; font-size: 10px; text-transform: uppercase }
.stars { color: #FFC002; font-size: 110% }
.nadpisk { font-weight: bold }
.tlist ul ul a { font-size: 11px }
.tlist ul { margin: 0.5em 0 1.2em 2em !important }
#cesta { float: left; font-size: 11px; margin: 0 0 20px 0; width: 555px; color: #DBF3FF }
#navigace { float: right; margin: 0; font-size: 11px }

.hp-bannery { margin: 1em 0; width: 100%; overflow: hidden }
.hp-bannery a { color: #fff !important; text-decoration: none; text-align: center; display: block; float: left; margin: 0 19px 0 0; width: 155px; height: 155px; position: relative; background: transparent url(img/sys/hp-banner.gif) no-repeat 0 0 }
.hp-bannery a:hover { color: #FFC002 !important }
.hp-bannery img { margin: 9px 0 0 0 }
.hp-bannery em, .hp-bannery i { position: absolute; width: 100%; left: 0; bottom: 14px; font-style: normal }
.hp-bannery .bann04 { margin: 0 -3px 0 0 } /*IE6 duplicate character bug*/

.lokalita { margin: 0.5em 0; font-size: 10px; position: relative; width: 100%; height: 82px; color: #000000; background: #6CB8D2 url(img/sys/lokalita.gif) no-repeat 8px 8px; background-color:#003F66 }
html>body .lokalita { min-height: 82px; height: auto }
.lokalita-in { padding: 8px 170px 0 110px; color:#FFFFFF }
.lokalita-in a { color: #FFC002 !important; font-weight: bold; text-transform: uppercase }
.lokalita-in a:hover { color: #FFC002 !important }
.lokalita-in .stars { color: #FFC002 !important; font-size: 130% }
.lokalita-in p { margin: 0 0 0.5em 0; font-size: 11px }
.lokalita .l-adresa { margin: 0; padding: 5px 10px; font-size: 90%; width: 130px; position: absolute; right: 10px; top: 10px; color: #000000; background-color: #ffffff }
.lokalita img { position: absolute; left: 13px; top: 13px; width: 82px; height: 56px }

.lokalita-hotely { width: 100%; overflow: hidden }
.lokalita-hotely .lokalita { color: #000000; height: 82px }
html>body .lokalita-hotely .lokalita { min-height: 82px; height: auto }
.lokalita-hotely .fl { margin-right: 9px }
.lokalita-hotely .fr { float: left; margin-right: 0 }
.lokalita-hotely h3 { clear: both }
.lokalita-hotely .fl, .lokalita-hotely .fr { width: 340px }
.lokalita-hotely .lokalita-in { padding-right: 8px }
/* /ostatni tridy pro web */

/* vyhledavani */
#searchhead { margin: 2em 0 0 0 }
#searchresults {}
.searchitem { margin: 0 0 1em 0 }
/* /vyhledavani */

/* novinky */
.news { padding: 10px 0; background: transparent url(img/sys/dotted-2.gif) repeat-x left bottom }
.news h4 { text-transform: none }
#content .news h4 { display: inline; font-size: 110%; }
#content .news h4 a { color: #FFC002 !important }
.news p { margin: 0.3em 0; font-size: 11px; line-height: normal }
.nw-hr { display: none }
.imgb img { border: 1px solid #003E66 }
.nw_date { padding-right: 5px }
#content .nw_date { display: block; float:left; width: 65px; }
/* /novinky */

/* download */
.dwn { margin: 3px 0; font-weight: bold }
.dwn_footer { margin: 30px 0 0 0; padding: 3px 0 0 0; border-top: 1px solid #cccccc }
.dwn_ico_doc, .dwn_ico_file, .dwn_ico_gif, .dwn_ico_html, .dwn_ico_jpg, .dwn_ico_pdf, .dwn_ico_ppt, .dwn_ico_pps, .dwn_ico_xls, .dwn_ico_txt, .dwn_ico_zip
{ margin: 0 0 3px 0; padding: 0 0 0 20px }
.dwn_ico_doc { background: url(cms/img/ico/doc.gif) no-repeat top left }
.dwn_ico_file { background: url(cms/img/ico/file.gif) no-repeat top left }
.dwn_ico_gif { background: url(cms/img/ico/gif.gif) no-repeat top left }
.dwn_ico_html { background: url(cms/img/ico/html.gif) no-repeat top left }
.dwn_ico_jpg { background: url(cms/img/ico/jpg.gif) no-repeat top left }
.dwn_ico_pdf { background: url(cms/img/ico/pdf.gif) no-repeat top left }
.dwn_ico_pps { background: url(cms/img/ico/pps.gif) no-repeat top left }
.dwn_ico_ppt { background: url(cms/img/ico/ppt.gif) no-repeat top left }
.dwn_ico_txt { background: url(cms/img/ico/txt.gif) no-repeat top left }
.dwn_ico_xls { background: url(cms/img/ico/xls.gif) no-repeat top left }
.dwn_ico_zip { background: url(cms/img/ico/zip.gif) no-repeat top left }
/* /download */

/* fotogalerie */
#tn_root {}
#tn_root .tn { float: left; margin: 0 8px 5px 0 }
#tn_root br, #tn_root .clear { display: none }
#tn_root div.tn_pager { clear: left; padding: 10px 0; text-align: right }
#tn_root div.tn_pager span.selected { font-weight: bold }
#content table.tn_table td { vertical-align: top; padding: 5px }
#tn_root a img { border: 1px solid #003E66 }
#tn_root a:hover img { border: 1px solid #5CB6D4 }
#content .foto_large .foto_navigace { display: none } /* skryto pro pohlednice */

/* /fotogalerie */

/* prilohy */
#page-attachment { margin: 0 0 1.5em 0 }
/* /prilohy */

/* formulare */
#form-status { color: #000000; padding: 5px; border: 2px solid #FFC002; background: #ffffff; }
/* /formulare */

/* kontakty */
.p_card2 { float: left; width: 335px; height: 130px; margin: 0.5em 9px 0.5em 0; position: relative;}
html>body .p_card2 { min-height: 130px; height: auto }
#address .even { margin-right: 0 }
.p_card2-in { padding: 8px 8px 8px 85px }
.p_card2 img { position: absolute; left: 0; top: 0; width: 70px; height: 90px }
#address { width: 100%; overflow: hidden }
/* /kontakty */

/* lokalita - odkazy */
.locations-links { margin: 1.3em 0; padding: 7px 10px 9px 10px; font-size: 85%; color: #ffffff; position: relative; min-height: 1px; border:1px solid #FFFFFF; }
.locations-links .locblock { margin: 0 15px 0 0; float: left }
.locations-links a { padding: 0 0 0 10px; color: #ffffff !important; background: transparent url(img/sys/ico-arrow.gif) no-repeat 0 3px }
.locations-links a:hover { color: #FFC002 !important }
/* /lokalita - odkazy */

/* error 404 */
/* tabulkova a beztabulkova verze teto stranky a tabulkova se bude pouzivat ve starych projektech */
/* problem se zvetsovanim pisma - pevna vyska bloku sa neda zmenit na min-height, lebo explorer to odignoruje => potom je riesenie tabulka*/
.error_box { display:block; height:290px; width:49%; background-color:#125982; padding: 0; position:relative; margin-bottom: 15px; background-position: 50% 15px; background-repeat:no-repeat }
.error_box p { padding:0 12px }
.error_box h2 { font-size:18px; padding:13px 13px 0 35px; margin:0; background-repeat:no-repeat; background-position:10px 18px !important }
.error_box strong { position:absolute; bottom:7px; right:13px }
#en_error h2 { background-image:url(cms/img/lang/en-i.gif) }
#cz_error h2 { background-image:url(cms/img/lang/cz-i.gif) }
#ru_error h2 { background-image:url(cms/img/lang/ru-i.gif) }
#de_error h2 { background-image:url(cms/img/lang/de-i.gif) }
/* /error 404 */

/* img shadows */
.shadow { border: 3px solid #fff; margin: 0 10px 10px 0; }
.shadow200 { background-repeat:no-repeat; display: block; width: 220px; height: 180px; float: left; background: transparent url(img/sys/shadow_220x165.png) 0 0; text-align: left; _background-position:  0 -6px }