/*************** RESET */
@import url("common.css");

body { background:#91b2d7; font-size:62.5%; }

h1 { font-size:1.3em; color:#000080; font-family:'Trebuchet MS', 'Geneva CE', lucida, sans-serif; }
h2 { font-size:1.3em;  }
h3 { font-size:1.1em; text-transform:uppercase; color:#000080; }

/*************** LINKS */
a,a:visited,a:link { color:#BC0001; text-decoration:underline; }
a:hover, a:focus, a:active { color:#BC0001; text-decoration:none; outline:0; } /* Remove active link borders, but its good for accessibily. good or not ? */

/*************** HEADER */
#header { width:970px; height:75px; padding:10px 0 0 0; position:relative; }
#header #logo_cze { display:block; width:804px; height:67px; margin:auto; text-align:center; }
#header #logo_eng { display:block; /*width:730px;*/ width:804px; height:67px; margin:auto; text-align:center; }
#header #logo_cze, #header #logo_eng { font-size:3em; color:#fff; cursor:pointer; }
#header #lang { width:45px; position:absolute; top:5px; right:35px; }
#header #lang li { width:21px; height:16px; float:left; margin:0 0 0 1px; }
#header #lang li a#eng span { background:url('../images/lang-eng.gif') left top no-repeat; }
#header #lang li a#cze span { background:url('../images/lang-cze.gif') left top no-repeat; }
#header #lang li a#eng:hover span, #header #lang li strong#eng span { background:url('../images/lang-eng.gif') right top no-repeat; }
#header #lang li a#cze:hover span, #header #lang li strong#cze span { background:url('../images/lang-cze.gif') right top no-repeat; }

#vtpo { background-color:#91b2d7; font-size:1.3em; line-height:1.5; color:#000; width:970px; min-height:841px; margin:auto; position:relative; }

#page #navigation { background:url('../images/bg-menu.png') no-repeat left top; width:970px; height:41px; position:absolute; top:85px; left:0; z-index:30; }
#page #navigation h3 { display:none; }
#page #navigation ul { padding:5px 10px 0 10px; margin-left:15px; list-style-type:none; }
#page #navigation ul li { float:left; position:relative; }
#page #navigation ul li a { background:#ffb005 url('../images/bg-menu-li.png') left top repeat-x; float:left; height:31px; line-height:31px; padding:0 10px; white-space:nowrap; }
#page #navigation ul li a:link, #page #navigation ul li a:visited { font-weight:bolder; font-size:0.9em; color:#000080; text-decoration:none; }
#page #navigation ul li a:hover, #page #navigation ul li a:active, #page #navigation ul li a:focus, #page #navigation ul li.submenu_on a { background:#ffd405 url('../images/bg-menu-li.png') left bottom repeat-x; text-decoration:underline; color:#c00000; }
#page #navigation ul li strong { background:#ffd405 url('../images/bg-menu-li.png') left bottom repeat-x; color:#c00000; float:left; height:31px; line-height:31px; padding:0 10px; font-size:0.9em; white-space:nowrap; }
#page #navigation ul li.submenu_on ul { visibility:visible; }
#page #navigation ul li.submenu_off ul { display:none; }
#page #navigation ul li ul { background:#ffdc05 url('../images/bg-submenu.png') left bottom no-repeat; margin:0; padding:0; position:absolute; top:30px; left:0; z-index:100; width:180px; visibility:hidden; }
#page #navigation ul li ul li { float:none; }
#page #navigation ul li.submenu_on ul li.last a { border:0 none; }
#page #navigation ul li.submenu_on ul li a { background:transparent; display:block; float:none; padding:0 10px; border-bottom:1px solid #f0b411; }
#page #navigation ul li.submenu_on ul li a:link, #page #navigation ul li.submenu_on ul li a:visited { text-decoration:none; color:#000080; }
#page #navigation ul li.submenu_on ul li a:hover { background:transparent; text-decoration:underline; color:#c00000; }

#page { width:940px; margin:45px auto 0; text-align:justify; overflow:hidden; }
#page h1 { padding:5px 0 0 0; }
#page p { padding:10px 0px; }
#page img { border:1px solid #c00000; }
#page dl dt { font-weight:700; float:left; margin:0 5px 0 0; }
#page ul { margin:0 0 0 30px; list-style-type:disc; }

#page .images { margin:10px 0; }
#page .images .image_detail { width:190px; height:160px; margin:0 0 0 10px; float:left; }
#page .images .image_detail .image_link { display:block; width:190px; height:160px; }
#page .images .image_detail .image_link img { margin:10px auto; display:block; }
#page .images .image_detail span { display:block; margin:auto; text-align:center; }

#page .files { margin:10px 0 10px 10px; list-style-type:none; }
#page .files img { border:0; vertical-align:middle; }
#page .files a { text-decoration:none; }
#page .files a span { text-decoration:underline; }

/* #page table.companies { float:right; background:#0669cf url('../images/bg-table.png') left top repeat-x; border-collapse:collapse; margin:10px 0 20px 0; width:700px; color:#FFF; }
#page table.companies h2 { color:#000080; }
#page table.companies tr.line { background:#00204f url('../images/bg-table-tr.png') left top repeat-x; }
#page table.companies th, #page table.companies td { text-align:left; vertical-align:top; padding:2px 7px; }
#page table.companies tbody th { width:150px; }
#page table.companies th.image { text-align:right; }
#page table.companies th.image img { margin:6px 0; border:0; }
#page table.companies a { color: #FFF; } */

#page thead tr th {background:#FFB005 url("../images/bg-menu-li.png") left bottom repeat-x}
#page table.companies { float:right; background:#0669cf url('../images/bg-table.png') left top repeat-x; border-collapse:collapse; margin:10px 0 20px 0; width:700px; /* color:#FFF; */ }
#page table.companies h2 { color:#000080; }
#page table.companies tr { background:#ffd905; background:#f5e58f }
#page table.companies tr.line { background:#f7e26d }
#page table.companies th, #page table.companies td { text-align:left; vertical-align:top; padding:2px 7px; border-bottom:1px solid #f0b411 }
#page table.companies tbody th { width:150px; }
#page table.companies th.image { text-align:right; }
#page table.companies th.image img { margin:6px 0; border:0; }

#page ul.companies-list { width:220px; float:left; line-height:1.5; margin:10px 0 0 0; font-size:0.85em; padding:0; list-style-type:none; text-align:left; }
#page ul.companies-list li a { background:url('../images/arrow.gif') left 3px no-repeat; padding:0 0 0 10px; font-weight:700;   }
#page ul.companies-list li a:hover, #page ul.companies-list li a.active { background:url('../images/arrow.gif') -438px 3px no-repeat; color:#c00000; }

#page .sitemap { margin:0 0 0 10px; list-style-type:disc; }
#page .sitemap ul { margin:0 0 0 20px; list-style-type:circle; }

#page #banners {margin:10px 0; width:100%; overflow:hidden}
#page #banners .banner {display:block; width:468px; height:60px; float:left}
#page #banners .banner + .banner {margin-left:4px}
#page #banners .banner img {margin:0; border:0}

#page #news { margin:10px 0;  } 
#page #news ul { margin:0; list-style-type:none; } 
#page #news ul li { float:left; width:290px; height:125px; text-align:justify; padding:0 10px 0 0; position:relative; }
#page #news ul li.line { background:url('../images/vertical-line.gif') left top no-repeat; width:295px; padding:0 10px; }
#page #news ul li strong { display:block; }
#page #news ul li span.more { position:absolute; bottom:0; right:10px; }
#page #news_archive ul li { text-align:justify; margin:10px 0; }

#page #content-left { width:450px; float:left; }
#page #content-right { width:450px; float:right; }
#page #content-right #map-1,
#page #content-right #map-2 { width:100%; height:300px; margin-top:20px; }

#page #form-contact { margin-top: 20px; }
#page #form-contact strong { display: block; }
#page #form-contact form { width: 314px; }
#page #form-contact form ul { width: 100%; margin: 0; overflow: hidden; list-style: none; }
#page #form-contact form ul li { margin: 0 0 5px; float: left; }
#page #form-contact form ul li label { width: 100px; padding-top: 2px; display: block; float: left; }
#page #form-contact form ul li input { width: 298px; border: 1px solid #656565; }
#page #form-contact form ul li textarea { font-size: 100%; font-family: Tahoma, "Trebuchet MS"; width: 298px; height: 100px; border: 1px solid #656565; }

/*SOCIALS*/
#socials {width:980px; margin:30px 0 0 0; clear:both; overflow:hidden}
#fblikebtn {width:450px; float:left}
#plusone {width:450px; margin:10px 0 0 0; float:left; clear:left}
#fblikebox {float:right; width:480px; margin:0 2px 0 0}

#vtpo #footer { clear:both; width:940px; margin:20px auto 50px auto; padding:10px 0; position:relative; border-top:1px solid #ffd405; }
#vtpo #footer.index { clear:both; border:none; width:970px; /* height:254px; */ position:relative;  }
#vtpo #footer p { text-align:center; font-size:0.9em; }
#vtpo #footer.index p { position:absolute; right:0; bottom:0; width:940px; margin:auto; text-align:center; font-size:0.9em; }
#vtpo #footer p img { vertical-align:bottom; }


/*************** MY CLASSES */
.pad { padding:10px 10px; z-index:10; position:relative; /* position:absolute; top:0; left:0; */}
.clearfloat { width:100%; overflow:hidden; }
.imr, .imr span { display:block; overflow:hidden; position:relative; top:0; left:0; } /* Image Replacement */ 
.imr span { width:100%; height:100%; position:absolute; } /* Image Replacement */
.hidden{ display:none; }
.hiddenAbs{ position:absolute; top:-9999px; left:-9999px; }
.img-left{ display:block; float:left; margin:0 5px 5px 0; }
.img-right { display:block; float:right; margin:0 0 0 5px; }
.img-center { display:block; margin:auto; }
.fleft { float:left; }
.fright { float:right; }
.more { text-align:right; padding:0 0 .1em 0; margin-bottom:0; text-transform:uppercase; }
.back { text-align:left; padding:0 0 .1em 0; }
.error { margin:10px 0; padding:5px 10px !important; font-weight:bold; color:#fff; border:1px solid #7e0000; background:#c41717; }
.success { margin:10px 0; padding:5px 10px !important; font-weight:bold; color:green; border:1px solid green; background:#E1FFE1; }
.align-c { text-align: center; }
.align-r { text-align: right; }