/* @override http://www.webatelier.cz/css/common.css */

/*reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}


blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0;width: 100%;}
td{vertical-align: top;}


body{
	background: white url("images/background.png") repeat-x;
	text-align: center;
	padding: 0;
	margin: 0;
	font-family: Trebuchet MS, sans-serif;
	font-size: 13px;
}

h1, h2, h3 {
	margin-top: 0px;
}

h1 {
	font-size: 1.8em;
}

h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.4em;
}

p, ol, ul {
	margin-bottom: 1em;
	margin-top:  1em;
	line-height: 140%;
}

ul{
	list-style-type: square;
}

a{
	color: #990000;
}
a:hover{
	color: #ff0000;
}

a img {
	border: none;
}



#content{
	background: white;
	text-align: left;
	width: 810px;
	margin: 0 auto;
	border-left: 1px dashed #ccc;
	border-right: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
}
#content_in{
	padding: 20px 40px;
}

#logo a{
	display: block;
	position: relative;
	width: 200px;
	height: 34px;
}
#logo span{
	display: block;
	position: absolute; left: 0; top: 0;
	width: 200px;
	height: 34px;
	background: url("images/logo.png");
}

#main_menu{
	float: right;
	margin-bottom: 0px;
}

#main_menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

#main_menu ul li.first a{background-position: left top;}
#main_menu ul li.last a{background-position: right top;}

#main_menu li{
	/*display: inline;*/
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	margin: 0 0 0 1px;
	
}

#main_menu li a{
	display: block;
	float: left;
	padding: 4px 2em;
	margin: 0;
	background: #999999 url("images/tab.png");
	background-position: top;
	font-size: 85%;
	font-family: sans-serif;
	font-weight: bold;
	color: white;
	text-decoration: none;
	border-bottom: 1px solid white;
}

#main_menu li a:hover{
	text-decoration: none;
	background-color: #666666;
	background-image: url("images/tab-hover.png");
}

#main_menu li.current a{
	background-color: #990000;
	background-image: url("images/tab-active.png");
	border-bottom: 1px solid #770000
}


/* poutadlo na uvodni strance a dalsich hlavnich strankach*/
.eyecatcher{
	margin: 0 0 2em 0;
	padding: 0;
	background-color: #990000;
	color: white;
}
.eyecatcher.home{height: 265px;background: #990000 url("images/header-home.jpg");}
.eyecatcher.contact{height: 265px;background: #990000 url("images/header-contact.jpg");}
.eyecatcher.services{height: 265px;background: #990000 url("images/header-services.jpg");}

.eyecatcher_in{width: 410px;padding: 20px;}
.services .eyecatcher_in{width: 550px;}

.eyecatcher h1, .eyecatcher h2{
	margin: 0;
	color: white;
	font-size: 2em;
}
.eyecatcher a{color: #ffffff;}
.eyecatcher a:hover{color: #ff0000;}

#footer{
	width: 790px;
	padding: 1em 0;
	font-size: x-small;
	margin: auto;
	margin-bottom: 20px;
}
#footer .left{
	float: left;
	width: 600px;
	text-align: left;
}
#footer .right{
	float: right;
        text-align: right;
}

table.reference td{
	border-bottom: 1px solid #990000;
	padding: 30px 0;
}

table.reference td td{
	border-bottom-width: 0;
	padding: 0;
}