/* CSS Document */

a img{border:none;}
a{outline:none; color:#1456a8; text-decoration:underline;}
a:hover{color:#4572af; text-decoration:none;}
h1, h2, h3, h4 {
  font-weight: normal;
  color: #111;
  line-height:normal;
  font-family:"trebuchet ms", "helvetica neue", helvetica, arial, sans-serif;
  margin:0;
  padding:0;
}

h1 {font-size:2.1em; margin-bottom:0.1em;}
h2 {font-size:1.6em; margin-bottom:0.3em;}
h3 {font-size:1.3em; margin-bottom:0.5em;}
h4 {font-size:1em; margin-bottom:0.3em;}
h5 {font-size:0.9em; font-weight:bold; margin-bottom:0.5em;}
h6 {font-size:0.8em; font-style:italic;}

p{margin:0; padding:0 0 15px 0;}
form{margin:0; padding:5px 0;}
address{font-style:normal; margin-bottom:10px;}
td, th{vertical-align:top;}
hr{margin: 10px 0; padding:0;}
ol,ul{margin:5px 0 15px 20px; padding:0;}
ol{margin:5px 0 5px 25px; padding:0;}
.clear{clear:both;}
.skry{display:none;}
table{border-collapse:collapse;border-color:#ddd !important;}
td, th{border-color:#ddd !important; padding:2px 5px;}

body{
	margin:0;
	padding:0 0 15px 0;
	font:normal 12px Arial, Helvetica, sans-serif;
	line-height:140%;
	text-align:center;
	color:#333;
	}

#container{
	width:950px;
	margin:0 auto;
	text-align:left;
	position:relative;
	}

#head{
	width:950px;
	height:70px;
	position:relative;
	background:url(images/bg_head.jpg) no-repeat 0 20px;
	}

#head #logo{position:absolute; top:26px; left:20px; text-transform:uppercase;}
#head #logo a{color:#FFFFFF; text-decoration:none; font-weight:normal; font-size:30px; font-family:"trebuchet ms", "helvetica neue", helvetica, arial, sans-serif; line-height:normal;}
#head #logo a:hover{text-decoration:none; color:#FFFFFF;}
#head #logo a small{font-size:14px;}

#content{
	width:950px;
	padding-bottom:15px;
	}

#footer{
	clear:both;
	width:950px;
	border-top:1px solid #dddddd;
	}

#footer p{
	text-align:left;
	font:normal 11px "trebuchet ms",Arial, Helvetica, sans-serif;
	float:right;
	margin:0;
	padding:5px 0 10px 0;
	}

#footer p a{color:#333; text-decoration:none;}
#footer p a:hover{color:#333; text-decoration:underline;}

/******** Main Menu *********/
#main-menu{
	position:absolute;
	top:20px;
	right:0;
	margin:0;
	padding:0;
	}

#main-menu ul.menu{margin:0; padding:0 10px 0 0; float:right;}
#main-menu ul.menu li{list-style:none; float:left; text-align:center; background:none; padding:0;}
#main-menu ul li a{color:#fff; font-size:14px; text-decoration:none; display:block; text-align:center; float:left; height:32px; padding:18px 12px 0 12px;}
#main-menu ul li a:hover, #main-menu ul li.selected a{color:#FFFFFF; text-decoration:none; background-color:#1159AF;}

.w-box-h1 {padding:10px 15px;}
	
.w-box-h1 .content{
	border-top:1px solid #DDDDDD;
	padding-top:15px;
	}

.images img{padding:0 12px;}
.blok{height:180px; color:#FFFFFF; margin-bottom:15px; font-size:1.2em; line-height:160%;}
.blok .padder{padding:30px 30px 0 320px;}
.blok .padder p{}
.blok h2{font-size:22px; color:#FFFFFF; line-height:normal; margin-bottom:5px;}
.blok.investovanie{background:url(data/data/bg_box_invesstovanie.jpg) no-repeat 0 0;}
.blok.poistenie{background:url(data/data/bg_box_poistenie.jpg) no-repeat 0 0;}
.blok.reality{background:url(data/data/bg_box_reality.jpg) no-repeat 0 0;}


#intro{width:100%; height:255px; overflow:hidden; border:1px solid #FFFFFF; padding-bottom:16px; background:url(images/intro_footer.jpg) no-repeat left bottom;}

#footer ul.menu{margin:0; padding:5px 0 10px 0; float:left;}
#footer ul.menu li{list-style:none; float:left; padding:0 15px;}
#footer ul li a{color:#666; font-size:11px; text-decoration:none;}
#footer ul li a:hover{color:#4572af; text-decoration:underline;}

.left{float:left; width:400px;}
.right{float:right; width:400px;}

#IntroContainer ul {width:300px;float:left;margin:0;}
#IntroContainer ul li {list-style: none; margin:0;font-size: 1.2em; z-index:69;position:relative;background:transparent;}
#IntroContainer ul li.active {background:url(images/selector.png) no-repeat 0 30%;}
#IntroContainer ul li a {background:#efefef; color:#444; text-decoration:none; padding:12px 1em; display:block; height:26px; border-bottom:1px solid #ccc;}
#IntroContainer ul li.active a, #IntroContainer ul li a:hover {background:#347ac9;color:#fff;}
#posters {position:relative; float:right; width:650px;}
#posters div {width:650px;height:255px;position:absolute;top:0; right:0; z-index:1;}

div#IntroContainer1 {background-color:#103055;}
div#IntroContainer1 h2 {margin-top:165px;margin-left:20px;font-size:22px;color:#fff; padding-bottom:5px;}
div#IntroContainer1 p {margin-top:-12px;margin-left:20px;color:#fff;font-size:14px;width:590px;line-height:1.5em;}
div#IntroContainer1 a {color:#fff;font-size:15px;}

div#IntroContainer2 {background-color:#103055;}
div#IntroContainer2 h2 {margin-top:165px;margin-left:20px;font-size:22px;color:#fff; padding-bottom:5px;}
div#IntroContainer2 p {margin-top:-12px;margin-left:20px;color:#fff;font-size:14px;width:590px;line-height:1.5em;}
div#IntroContainer2 a {color:#fff;font-size:15px;}

div#IntroContainer3 {background-color:#103055;}
div#IntroContainer3 h2 {margin-top:165px;margin-left:20px;font-size:22px;color:#fff; padding-bottom:5px;}
div#IntroContainer3 p {margin-top:-12px;margin-left:20px;color:#fff;font-size:14px;width:590px; line-height:1.5em;}
div#IntroContainer3 a {color:#fff;font-size:15px;}

div#IntroContainer4 {background-color:#103055;}
div#IntroContainer4 h2 {margin-top:165px;margin-left:20px;font-size:22px;color:#fff; padding-bottom:5px;}
div#IntroContainer4 p {margin-top:-12px;margin-left:20px;color:#fff;font-size:14px;width:590px; line-height:1.5em;}
div#IntroContainer4 a {color:#fff;font-size:15px;}

div#IntroContainer5 {background-color:#103055;}
div#IntroContainer5 h2 {margin-top:165px;margin-left:20px;font-size:22px;color:#fff; padding-bottom:5px;}
div#IntroContainer5 p {margin-top:-12px;margin-left:20px;color:#fff;font-size:14px;width:590px; line-height:1.5em;}
div#IntroContainer5 a {color:#fff;font-size:15px;}

#uvod{width:950px; padding:15px 0 0 0; overflow:hidden;}
.box-1, .box-2, .box-3, .box-4, .box-5, .box-6{width:300px; height:120px; padding-top:110px; float:left;}
.box-4{clear:both;}
.box-2, .box-5{padding-left:25px; padding-right:25px;}

.box-1 {background:url(images/poistenie.jpg) no-repeat 0 0;}
.box-2 {background:url(images/reality.jpg) no-repeat 25px 0;}
.box-3 {background:url(images/bankovnictvo.jpg) no-repeat 0 0;}
.box-4 {background:url(images/investovanie.jpg) no-repeat 0 0;}
.box-5 {background:url(images/reklama.jpg) no-repeat 25px 0;}
.box-6 {background:url(images/webdeveloping.jpg) no-repeat 0 0;}

.viac {padding-right:15px; background:url(images/arrow.jpg) no-repeat right 5px;}
table.weby td{padding-bottom:20px; vertical-align:top;}
table.weby a{font-weight:bold;}
table.weby a img{border:2px solid #ccc; padding:1px;}