/*
File: master_style.css - main style sheet for wwww.loss.sk
Created by: Laco Janic | http://www.webygroup.sk/
Revised: 22. Jun 2007
*/

* { margin: 0; padding: 0; }
a img{ border: 0; }

h1, h2, h3, h4, h5, h6{ color: #fff; font-weight: normal; padding: 0 0 .6em 0; line-height: 110%;}
h1{ font-size: 1.9em; text-align: center; }
h2{ font-size: 1.5em; }
h3{ font-size: 1em; padding: .3em 0; font-weight: bold; margin: 10px 0; }
#col-l h3{ font-size: 1.2em; background: #00006A; padding: 5px 0; margin: 12px 0; }
p, pre, blockquote, label, ol, dl, fieldset, address{ padding: 0 0 .6em 0; font-size: 1em; }

li li, li p, td p, blockquete p{ font-size: 1em; }

dt{ font-weight: bold; }
dd{ padding-left: 2em; }

address { font-style: normal; color: #fff; }
ul, ol{ margin-left: 1em; }

a, a:link, a:visited{ text-decoration: none; color: #FFFF33; }
a:hover{color: #FF3300; }
a:focus { -moz-outline: none -moz-mac-focusring; }

.left{ float: left; display: inline; }
.right{ float: right; display: inline; }
.clear{ clear: both; }
.big{
	font-size: 1.2em;
	line-height: 150%;
}

/* lists */
#content li{
	list-style-type: none;
	background: transparent url(images/bullet.gif) no-repeat 0 .4em;
	padding-left: 1.7em;
}

/* tables */

.tab{
	border-collapse: collapse;
	margin: 10px 0;
}
.tab th{
	padding: 2px 8px;
	border: 1px solid #0547B8;
	background: #C42C23;
}
.tab td{
	padding: 2px 8px;
	border: 1px solid #0547B8;
	background: #012192;
}

.uvod_video{
	width:320px;
	height:240px;
	border: 4px solid #DDDDDD;
	margin:0 auto;
	}
	
/* main structure */
body{
	background: #fff url(images/bcgr.jpg) repeat-x;
	color: #333;
	text-align: center;
	font: normal 13px/150% Arial, "Geneva CE", lucida, sans-serif;
}

#container{
	width: 870px;
	margin: 0 auto;
	text-align: left;
	background: #B7B7B7 url(images/bcgr-content.gif) repeat-y;
	position: relative;
	color: #fff;
}

#head{
	width: 870px;
	height: 170px;
	background: #fff url(images/top.jpg) repeat-x left bottom;
	position: relative;
}

#inside{
	width: 870px;
	background: transparent url(images/shadow.html) no-repeat;	
}

#col-l{
	width:215px;
	margin: 0;
	float: left;
	display: inline;
	text-align: center;
}

#content{
	width: 615px;
	margin: 20px 15px 20px 0;
	padding: 0;
	float: right;
	display: inline;
}

p#copy{ padding: 2em 0; clear: both; font-size: .8em; color: #666666; width: 870px; background: #fff; text-align: center }
#copy a{ color: #666666; }
#copy a:hover{ text-decoration: underline; }

/* content */
#content img{
	border: 4px solid #DDDDDD;
	margin: 12px 0;
}

#slide object{
	border: 4px solid #DDDDDD;
	margin: 12px 0;
}

#player1{
	margin:0;
	text-align: center;
	padding: 30px 0;
	background: #012192;
	border: 4px solid #ddd;
	width: 600px;
}

/* NAV - MAIN
-------------------------------------------------------*/
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0 0 12px 0;
	list-style: none;
	width : 215px;
	height: 247px;
	background: #ffffff url(images/nav2.gif) no-repeat 0 0;
}

#nav li { /* all list items */
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
	width: 215px;
	text-align: left;
}

#nav li ul { /* second-level lists */
	position: absolute;
	left: -999em;
	margin-left: 215px;
	margin-top: -39px;
	height: 76px;
	background: #ff8900 url(images/subnav.gif) no-repeat 0 0;
	display: none;/* zmazat */
}

#nav li a {
	width: 215px;
	height: 41px;
	display: block;
	text-decoration : none;
	padding: 0;
	text-indent: -9999px;
}

#nav li a:hover {
	background: transparent url(images/nav-bullet.gif) no-repeat 16px 15px;
}

#nav li:hover ul ul,
#nav li.sfhover ul ul{
	left: -999em;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul{ /* lists nested under hovered list items */
	left: auto;
}

/* Subnav
-------------------------------------------------------*/
ul#subnav{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 45px;
}
ul#subnav li{
	background-image: none;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}
ul#subnav li a, ul#subnav li a:visited{
	background-color: #C42C23;
	font-weight: bold;
	color: #fff;
	display: block;
	margin: 0 1px 0 0;
	padding: 3px 0;
	width: 151px;
	text-align: center;
	height: 40px;
}
ul#subnav li a:hover{
	background-color: #ff0000;
	color: #fff;
}

/* head */

#head h1 {
	margin:0;
	padding: 0;
	width: 165px;
	height: 55px;
	position: absolute;
	top: 15px;
	left: 12px;
}
#head h2 {
	margin:0;
	padding: 0;
	position: absolute;
	top: 120px;
	left: 240px;
}
#head p{
	color: #C42C23;
	margin: 0;
	position: absolute;
	top: 15px;
	left: 240px;
	font-size: 11px;
}
#head p strong{
	font-size: 18px;
}

/* home */
#content-home{
	width: 560px;
	margin: 25px 0 0 0;
	padding: 0;
	float: right;
	display: inline;
}
#content-home h1 {
	width: 560px;
	height: 500px;
	background: transparent url(images/gabro-uvod.html) no-repeat;
	margin: 0;
	padding: 0;
	overflow: hidden;
	line-height: 5000%;
	float: right;
}

.dotaznik{
	margin:10px 0;
	}
	
.dotaznik td{
	vertical-align:top;
	}

.dotaznik input, .dotaznik textarea{
	font-size:11px;
	width:300px;
	padding:0;
	padding:2px;
	border:1px solid #3580ff;
	background-color:#dae7fd;
	}

.dotaznik input.submit{
	width:80px;	
	border:1px solid #3580ff;
	background-color:#b2ceff;
	}

.zima{font-size:18px; color:#FFFF00;}
