/*
	
	project: Nautica (free template)
	author: Luka Cvrk
	Solucija (www.solucija.com)
	
*/

*{margin:0;padding:0;}:focus,:active {outline:0}ul,ol{list-style:none}img{border:0}
body { font: .74em Sans-Serif; color: #444; background: #f4f4f4; line-height: 1.6em; }
a { text-decoration: none; color: #008080; }
p  { margin: 0 0 15px; }
.wrap { margin: 0 auto; width: 960px; }

#header { border-bottom:1px solid #737373; height: 160px; background: #860101 url(../images/bg.jpg) no-repeat center top; color: #ccc; margin: 0 0 30px; }
#popis { color:#ffffff; clear:both;float: left; }

#logo { float: left; margin: 40px 20px 10px 0; color: #fff; /*letter-spacing: .2em;*/ font-size: 2.3em; }
#logo a { color: #fff; }

h1 { /*letter-spacing: -0.04em;*/ font-size: 1.8em; text-shadow: 1px 1px 1px #434343; }
#main h1 { font-size: 1.8em; text-shadow: 1px 1px 1px #fff; margin: 0 0 10px; color: #008080; }
h2 { font-size: 1.4em; text-shadow: 1px 1px 1px #fff; margin: 0 0 10px; color: #008080; }
h3 { font-size: 1.2em; margin: 0 0 6px; }

#menu { clear: both; padding: 33px 0 0; }
#menu li { display: inline; font-size: 1.0em; }
#menu li a { float: left; padding: 0 22px 0 0; margin: 0 22px 0 0; color: #fff; border-right: 1px solid #505052; }
#menu li.last a { border: 0; padding: 0; }
#menu li a:hover { color: #fff; }
#menu li a.current { font-weight: bold; color: #ffffff; }

#main { clear: left; float: left; width: 690px; }
#main a { color:#860101;text-decoration:underline; }
#main a:hover { text-decoration:none; }
.l { float: left; width: 310px; }
.r { float: right; width: 330px; }
.l img, .r img { float: left; margin: 0 13px 5px 0; border: 2px solid #fff; }

.line { clear: both; border-bottom: 1px dotted #ccc; padding: 10px 0 0; margin: 0 0 20px; }

#side { float: right; width: 225px; color: #808080; background: #fff; padding: 11px; margin: 0 0 20px; }
#side a { color: #444; text-decoration:underline; }
#side a:hover { text-decoration:none; }
#side li { padding: 0 0 10px; }
	
#footer { clear: both; height: 120px; padding: 20px 0; color: #888; border-top: 1px dotted #ccc;top:15px;position:relative; }
#footer ul { float: left; width: 140px; }
#footer ul li { padding: 0 0 3px; }
#footer p { float: right; width: 400px; text-align: right; }
/*--------------------------------*/
strong {font-size:14px;}

.darek {
float:left;
margin-right:30px;
margin-top:20px;
text-align:left;
width:200px;
}
.darek h3 {
background-color:#860101;
color:#ffffff;
height:20px;
padding:5px;
width:200px;
}
.darek span {
float:left;
font-size:12px;
margin-top:15px;
width:200px;
}
.darek span img {
border:none;
float:left;
margin-right:5px;
}
#main .darek a {
color:#ffffff;
}
.darek .odkaz {margin-top:100px;}
#main .darek .odkaz a { color:#860101; }