/* ----------------------------------------------------------------------------------------------------------
    Content:
    
        1) HTML tags, reset
        2) Universal styles (display, float, margin, text-align...)
        3) Layout
        Z) Others
        
---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
1) HTML tags, reset
---------------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 {border:0;}
body {font:12px/1.5 "arial", serif;color:#0f3e90;background:#0c1b51 url(img/bcg.png) repeat-x;}

a {text-decoration:none;color:#0f3e90;}
a:hover {text-decoration:underline;color:#FF5D00;}

h4, h5 {font-size:100%;}

p, table, ul, ol, dl, fieldset {margin:15px 0;}

table {border-collapse:collapse; border-spacing:0; font-size:100%;}
th {text-align:center; font-weight:bold;}
th, td {padding:3px 7px;}

ul, ol {margin-left:30px;}
ul ul, ol ol {margin:0; margin-left:20px;}
ol {list-style-type:decimal;}
li {display:list-item;}

dt {font-weight:bold;}
dd {margin-left:30px;}

fieldset {position:relative; padding:10px;}
legend {position:absolute; top:-1em; margin:0; padding:5px 10px; font-size:100%; font-weight:bold;}

/* ----------------------------------------------------------------------------------------------------------
2) Universal styles (display, float, margin, text-align...)
---------------------------------------------------------------------------------------------------------- */
.logo a{
	background:url(img/logo.png) no-repeat;
	width:343px;
	height:92px;
	display:block;
	float:left;
	text-indent:-9999px;
	margin-top:20px;
	behavior: url("iepngfix.htc")
}
.menu {
	background:url(img/menubcg.png) no-repeat;
	width:705px;
	height:46px;
	display:block;
	float:left;
	margin-top:25px;
	position:relative;
}
.menu ul {
	list-style-type:none;
	padding:0;
	margin:10px 0 0;
}
.menu ul li {
	float:left;
	padding:0 5px;
	background:url(img/separator.png) center right no-repeat;
	margin:0;
	list-style-type:none;
	position:relative;
}
.menu ul li a {color:#2f72c5;font-weight:bold;font-size:13px;text-align:center;width:67px;height:24px;display:block;padding:5px 0 0 0;}
.menu ul li a#big {color:#2f72c5;font-weight:bold;font-size:13px;text-align:center;width:120px;height:24px;display:block;padding:5px 0 0 0;}
.menu ul li a:hover {background:url(img/liahover.png) no-repeat;width:67px;height:29px;display:block;text-decoration:none;color:#fff;}
.menu ul li a.active {background:url(img/liahover.png) no-repeat;width:67px;height:29px;display:block;text-decoration:none;color:#fff;}
.menu ul li a#big:hover {background:url(img/liahoverbig.png) no-repeat;width:120px;height:29px;display:block;text-decoration:none;color:#fff;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:url(img/submenu.png) no-repeat;width:148px;height:21px;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:url(img/submenu.png) no-repeat;}
.menu ul ul :hover > a.drop {background:url(img/submenu.png) no-repeat;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {width:143px;height:16px;color:#124091;line-height:1em;font-weight:normal;font-size:13px;padding:5px 0 0 5px;}
/* style the third level hover */
.menu ul ul ul a:hover {background:url(img/submenu-hover.png) no-repeat;width:143px;height:16px;color:#fff;line-height:1em;font-weight:normal;font-size:13px;padding:5px 0 0 5px;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:20px;left:0; width:149px;background:url(img/submenubcg.png) no-repeat;width:148px;height:140px;}
.menu ul ul ul {visibility:hidden;position:absolute;height:0;top:20px;left:0; width:149px;background:url(img/submenusubbcg.png) no-repeat;width:148px;height:87px;}
.menu ul ul.mini {visibility:hidden;position:absolute;height:0;top:20px;left:0; width:149px;background:url(img/submenuminibcg.png) no-repeat;width:148px;height:140px;}
.menu ul ul.mid {visibility:hidden;position:absolute;height:0;top:20px;left:0; width:149px;background:url(img/submenumidbcg.png) no-repeat;width:148px;height:90px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:148px;top:-2px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;margin:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited, .menu ul ul li {width:143px;height:20px;color:#124091;line-height:1em;font-weight:normal;font-size:13px;padding:5px 0 0 5px;text-align:left;z-index:29;}
.menu ul ul li a:hover {background:url(img/submenu-hover.png) no-repeat;width:143px;height:16px;color:#fff;line-height:1em;font-weight:normal;font-size:13px;padding:5px 0 0 5px;text-align:left;}
.menu ul ul li {background:none;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu ul ul a:hover{background:url(img/submenu-hover.png) no-repeat;color:#fff;}
.menu ul ul :hover > a, .menu ul ul :hover > a {background:url(img/submenu-hover.png) no-repeat;color:#fff;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
.content table {float:left;}
.banner {
	background:url(img/bannerbcgpripra.png) no-repeat;
	width:226px;
	height:138px;
	display:block;
	float:right;
	margin:15px 0 0 0;
	padding:30px 0 0 30px;
}
.banner p {margin:0;}
.banner img {margin:0 15px 10px 0;}
.arrow {
	background:url(img/arrow.png) no-repeat;
	width:162px;
	height:28px;
	display:block;
	padding:5px 0 0 15px;
	margin:85px 0 0 -15px;
	float:left;
}
.arrow a {font-size:13px;font-weight:bold;color:#fff;}
.mininavigation {font-size:11px;color:#84c5ff;padding:10px 0 0 20px;width:685px;float:left;}
.search {float:right;width:255px;margin:8px 0 0 0;}
.search input {
	background:url(img/search.png) no-repeat;
	width:119px;
	height:18px;
	display:block;
	border:none;
	padding:5px 0 0 50px;
	font-size:12px;
	color:#2751ab;
	float:left;
	font-weight:normal;
	}
.search input#submit {
	background:url(img/search-submit.png) no-repeat;
	width:79px;
	height:28px;
	text-indent:-9999px;
	padding:0;
	cursor:pointer; 
}
.aktuality h3 {color:#ff5d00;font-weight:bold;margin:0;width:50%;float:left;}
.aktuality h4 {float:left;margin-bottom:5px;width:100%;}
.aktuality p {border-bottom:none;}
.aktuality_right {border-bottom:solid 1px #3173c5;float:left;width:100%;margin:0 0 5px 0;}
.aktuality_right p {margin:0;}
.aktuality strong {color:#ff5d00;}
.aktuality span {color:#ff5d00;float:right;}
.medzera {width:100%;height:10px;display:block;}
.strankovanie {color:#0F3E90;text-align:center;width:100%;float:left;}

.forum span {color:#ff5d00;}

.oklube {
	background:url(img/content-h1.png) no-repeat;
	width:315px;
	height:25px;
	display:block;
	color:#fefefe;
	font-size:13px;
	font-weight:bold;
	margin:0;
	padding:5px 0 0 15px;
}
h1 {font-size:16px;color:#ff5d00;font-weight:bold;width:100%;float:left;margin:0;padding:0;}
h2 {float:left;color:#ff5d00;font-size:14px;font-weight:bold;width:100%;margin:0;padding:0;}
.content h2 a {color:#FF5D00;}
.akt {width:315px;padding:0 0 0 15px;}
.footer span {color:#ff5d00;font-weight:bold;padding-left:15px;float:left;}
.footer p {margin:0;float:right;padding-right:15px;}
.fright {float:right;}
.fleft {float:left;}
.line {border-bottom:1px solid #3173c5;float:left;width:100%;margin:0 0 10px 0;height:1px;}
.lineF {border-bottom:1px solid #3173c5;float:left;width:100%;margin:0;height:17px;}
.datum {color:#ff5d00;float:left;width:100%;}
.content p {float:left;width:100%;margin:5px 0;}
.content a {text-decoration:underline;color:#0f3e90;}
.content a:hover {text-decoration:none;color:#FF5D00;}
.content img {border: 2px solid #3173c5}

.album {
	background:url(img/albumbcg.png) no-repeat;
	width:210px;
	height:216px;
	display:block;
	float:left;
	color:#fff;
	padding:5px 0 0 5px;
	margin:0 10px 10px 0;
}
.album a {color:#fff;}
.album img {border:none;max-width:206px;max-height:155px;}
.border {border:4px solid #3173c5;margin:0 5px 5px 0;}
.tema {
	width:200px;
	float:left;
	margin:0 15px 10px 0;
	color:#ff5d00;
}
.tema h2 {color:#3173c5;font-size:15px;width:100px;margin-top:10px;}
.tema img {margin-right:10px;}
.formheader {background:url(img/formheading.png) no-repeat;width:661px;height:33px;padding:2px 0 0 15px;color:#fff;font-weight:bold;font-size:15px;float:left;}
form {float:left;}
label {color:#3173c5;}
input {border:none;background:url(img/input.png) no-repeat;width:211px;height:20px;padding:2px 0 0 5px;}
input#long {border:none;background:url(img/inputlong.png) no-repeat;width:579px;height:20px;padding:2px 0 0 5px;}
textarea {border:none;background:url(img/textarea.png) no-repeat;width:581px;height:148px;padding:2px 0 0 5px;overflow-y:hidden;}
input#send {border:none;background:url(img/send.png) no-repeat;width:141px;height:29px;float:right;text-indent:-9999px;cursor:pointer;}
/* ----------------------------------------------------------------------------------------------------------
3) LAYOUT
---------------------------------------------------------------------------------------------------------- */
.container {
	width:972px;
	margin:auto;
}
.header_aktuality {
	background:url(img/headerAktu.png) no-repeat;
	width:972px;
	height:220px;
	float:left;
}
.header_2-percenta {
	background:url(img/headerAktu.png) no-repeat;
	width:972px;
	height:220px;
	float:left;
}
.header_index {
	background:url(img/headerAktu.png) no-repeat;
	width:972px;
	height:220px;
	float:left;
}
.header_o-lietani-na-rogale {
	background:url(img/headerAktu.png) no-repeat;
	width:972px;
	height:220px;
	float:left;
}
.header_galeria {
	background:url(img/headerGaleria.png) no-repeat;
	width:972px;
	height:220px;
	float:left;
}
.header_burza-bazar {
	background:url(img/headerBazar.png) no-repeat;
	width:972px;
	height:220px;
	float:left;
}
.header_sutaze-clanky {
	background:url(img/headerClanky.png) no-repeat;
	width:972px;
	height:220px;
	float:left;
}
.header_forum {
	background:url(img/headerForum.png) no-repeat;
	width:972px;
	height:220px;
	float:left;
}
.header_kde-lietame-tereny {
	background:url(img/headerKdeLietame.png) no-repeat;
	width:972px;
	height:220px;
	float:left;
}
.header_kde-nas-najdete {
	background:url(img/headerKdeNasNajdete.png) no-repeat;
	width:972px;
	height:220px;
	float:left;
}
.header_linky {
	background:url(img/headerLinky.png) no-repeat;
	width:972px;
	height:220px;
	float:left;
}
.header_o-lietani {
	background:url(img/headerOlietani.png) no-repeat;
	width:972px;
	height:220px;
	float:left;
}
.header_e-shop {
	background:url(img/headerSutaze.png) no-repeat;
	width:972px;
	height:220px;
	float:left;
}
.header_tandemove-lietanie {
	background:url(img/headerTandem.png) no-repeat;
	width:972px;
	height:220px;
	float:left;
}
.header_zakladny-kurz-zk-a {
	background:url(img/headerZKA.png) no-repeat;
	width:972px;
	height:220px;
	float:left;
}
.header_kurz-lietania-zk-b {
	background:url(img/headerZKB.png) no-repeat;
	width:972px;
	height:220px;
	float:left;
}
.header_zoznam-clenov {
	background:url(img/headerZozClenov.png) no-repeat;
	width:972px;
	height:220px;
	float:left;
}
.header_zoznamovaci-kurz {
	background:url(img/headerZozKurz.png) no-repeat;
	width:972px;
	height:220px;
	float:left;
}

.left {float:left;width:705px;}
.right {float:right;width:255px;}
.right a {text-decoration:underline;color:#0f3e90;}
.right a:hover {text-decoration:none;color:#FF5D00;}
.aktuality a {color:#ff5d00;}
.contentTop {
	background:url(img/content-top.png) no-repeat;
	width:705px;
	height:9px;
	display:block;
	float:left;
	line-height:5px;
	font-size:5px;
	margin:0;
	padding:0;
	behavior: url("iepngfix.htc")
}
.content {
	width:675px;
	background-color:#fff;
	float:left;
	padding: 0 15px 0 15px;
}
.contentBottom {
	background:url(img/content-bottom.png) no-repeat;
	width:705px;
	height:8px;
	display:block;
	float:left;
	margin-bottom:10px;
	behavior: url("iepngfix.htc")
}
.aktualityTop {
	background:url(img/aktuality-top.png) no-repeat;
	width:255px;
	height:9px;
	display:block;
	float:right;
	line-height:5px;
	font-size:5px;
	behavior: url("iepngfix.htc")
}
.aktuality {
	width:225px;
	background-color:#fff;
	float:right;
	padding:0 15px;
}
.aktualityBottom {
	background:url(img/aktuality-bottom.png) no-repeat;
	width:255px;
	height:10px;
	display:block;
	float:right;
	behavior: url("iepngfix.htc")
}
.footer {float:left;width:705px;background-color:#fff;}
.aktuality_right a {color:#FF5D00;}

.pics {  
    height:  280px;  
    width:   248px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    padding: 5px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  322px; 
    height: 243px; 
    top:  0; 
    left: 0 
} 
.counter img{margin-left:15px;}
.goog-te-gadget .goog-te-combo {
float:left;
margin:4px 0;
}
#google_translate_element  {
float:none;
padding-left:15px;
}
.goog-logo-link, .goog-logo-link:link, .goog-logo-link:visited, .goog-logo-link:hover, .goog-logo-link:active  { 
color:#444444; 
float:left; 
font-size:12px; 
font-weight:bold; 
text-decoration:none; 
}