/* (c) 2009 Ing. Róbert Orenič, URL: http://keblov.sk/webdesign */

/* Zakladne styly na stranke */
html {
	margin: 0;
	padding: 0;
	height: 100%;
}


body {
	background: url(images/intro_nautitech2.jpg) center no-repeat;
	margin: 0px;
	padding: 0px;
	font-family: Arial,Tahoma, Helvetica;
	color: #ffffff;
	font-size: 13px;
	text-align:center;
}
#jachting {
	background: url(images/bg_transparent.png) repeat;
	height: 200px;
	width: 400px;
	text-align: left;
	border: 1px solid #ffffff;
	top: 7%;
	left: 10%;	
	padding: 10px;
	position:absolute;
}
#potapanie {
	background: url(images/bg_transparent2.png) repeat;
	height: 200px;
	width: 400px;
	text-align: right;
	border: 1px solid #ffffff;
	bottom: 7%;
	right: 10%;	
	padding: 10px;
	position:absolute;
}

#main {
	text-align: center;
	color: #ffffff;
	padding-top: 50px;

}
#logo {
	position:absolute;
	z-index:1;
	top:20px;
	right: 35px;
	color: #000000;
}

/* Hlavne vrstvy */


/* Hlavne texty */

h1 {
	font-size:24px;
	font-weight: normal;
	color: #ffffff;
	margin-top:10px;
	font-weight: bold;
}

h2 {
	font-weight: bold;
	color: #ffffff;
	font-size:36px;
	margin-top:0px;
	margin-bottom:15px;
	padding:0px;

}

h3 {
	font-size:14px;
	margin-top:0px;
	margin-bottom:2px;

}


#potapanie h2 a{

	color: #ffffff;
}

#jachting h2 a{

	color: #ffffff;
}
.small {
	font-size:10px;
} 

.white {
	color:#ffffff;
} 
.info {
	color:#dedede;
	text-transform: uppercase;
	font-size:10px;
} 

a {
	color: #99ccff;
	text-decoration:none;
} 
.alert {
	color: #FF0000;
	text-decoration:none;
} 

a:hover {
	color: #66ccff;
text-decoration:underline;
}

.small_white {
	font-size:10px;
	color:#FFFFFF;
}
.text_menu1 {
	color:#ffcc00;
text-transform: uppercase;
}
.text_menu1:hover {
	color:#ff9933;
text-transform: uppercase;
}

.text_menu2 {
	color:#999999;
}
.text_menu2:hover {
	color:#ff9933;
}
.text_menu3 {
	color:#666666;
}
.text_menu3:hover {
	color:#ffcc00;
}
.text_menu4 {
	color:#fff;
}
.text2 {
	color:#ff9933;
}

.cena {
	color:#ff9933;
	font-size: 12px;
}
.cena1 {
	color:#ff9933;
	font-size: 14px;
}

.cena5 {
	color:#ff9933;
	font-size: 14px;
}
.cena_kosik {
	color:#ff9933;
	font-size: 28px;
}
INPUT.login {
	margin-bottom: 2px;FONT-SIZE: xx-small; FONT-FAMILY: Trebuchet MS,Verdana, Arial,Helvetica; BACKGROUND-COLOR: transparent; border-color: #ffffff; color: #ffffff;border: 1px solid;font-size: 8pt;
}
INPUT.login2 {
	margin-bottom: 2px;FONT-SIZE: xx-small; FONT-FAMILY: Trebuchet MS,Verdana, Arial,Helvetica; BACKGROUND-COLOR: transparent; border-color: #fff; color: #fff;border: 1px solid;font-size: 8pt;
}
INPUT.send {
	width: 90px;margin-top: 2px;FONT-SIZE: xx-small; FONT-FAMILY: Trebuchet MS,Verdana, Arial,Helvetica; BACKGROUND-COLOR: #000000; border-color: #ffffff; color: #ffffff;border: 1px solid;font-size: 7pt;
}
INPUT.login_kos {
	width: 90px;margin-top: 2px;FONT-SIZE: xx-small; FONT-FAMILY: Trebuchet MS,Verdana, Arial,Helvetica; BACKGROUND-COLOR: transparent; border-color: #ffffff; color: #ffffff;border: 1px solid;font-size: 8pt;
}
INPUT.login0 {
	margin-bottom: 2px;FONT-SIZE: xx-small; FONT-FAMILY: Trebuchet MS,Verdana, Arial,Helvetica; BACKGROUND-COLOR: #ffffff; color: #000;border: 1px solid;font-size: 8pt;
}
SELECT.produ {
	margin: 2px 0px;padding:1px;	FONT-SIZE: xx-small; FONT-FAMILY: Arial,Trebuchet MS,Verdana, Helvetica; BACKGROUND-COLOR: #000000;border-color: #ffffff;COLOR: #ffffff;border: 1px solid;font-size: 8pt;
}
SELECT.produ2 {
	margin: 2px 0px;padding:1px;	FONT-SIZE: xx-small; FONT-FAMILY: Arial,Trebuchet MS,Verdana, Helvetica; BACKGROUND-COLOR: #000000;border-color: #ffffff;COLOR: #ffffff;border: 1px solid;font-size: 7pt;
}
#slider {
    width: 200px; /* important to be same as image width */
    height: 200px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
text-align: left;
}
#sliderContent {
    width: 200px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 9px/12px Trebuchet MS,Candara, Arial, Helvetica, sans-serif;
    padding: 5px 5px 5px;
    width: 220px;
    background-color: #000;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
	-khtml-opacity: 0.8;
    opacity: 0.8;
    color: #dedede;
    display: none;
}
.clear {
	clear: both;
}

.sliderImage h2 {
    font-size: 10px;
	color: #ffffff;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    	left: 0;
}
.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 231px;
}
.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 231px;
}

ul { list-style-type: none;}