/* ---------------------------------------------------------------- 
	@company:	www.actum.cz
	@author:		Jan Panschab
	@site:		Actum Solutions
	
	@colors
		orange:	#f60
		yellow: 	#fc3
---------------------------------------------------------------- */

/* ---------------------------------------------------------------- 
	basic elements
---------------------------------------------------------------- */
* { margin: 0; padding: 0; }
body { font: 62.5% Verdana, "Geneva CE", lucida, sans-serif; background: #d6d6e1; color: #666; }

a { color: #f58220; }
a:hover { text-decoration: none; }
#content a:visited { color: #999; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; margin: 0.3em 0 0.5em; color: #f58220; }
h1 { font-size: 2.3em; margin-top: 0; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }

p { font-size: 1.2em; line-height: 1.3em; margin: 0 0 1em; text-align: justify; }

ul, ol { font-size: 1.2em; line-height: 1.4em; list-style: outside; margin: 0.5em 0 1em 2em; }
ul ul, ol ol, ul ol, ol ul { font-size: 1em; margin: 0 0 0 2em; }
ul { list-style-type: square; }
ul ul { list-style-type: disc; }
ul ul ul { list-style-type: circle; }
ol { list-style-type: decimal; }
ol ol { list-style-type: lower-alpha; }
ol ol ol { list-style-type: lower-roman; }

dl { font-size: 1.1em; margin: 0.5em 0 1em; line-height: 1.6em; }
dl dt { font-size: 1.2em; }
dd { margin: 2px 0px 2px 15px; }

img { margin: 7px 0; }
img.left { float: left; margin-right: 10px; }
img.right { float: right; margin-left: 10px; }
a img { border: 0; }

.center { text-align:center; }
.center img {margin-right:20px;}

table { font-size: 1.2em; border-collapse: collapse; margin: 0.5em 0 1em; }
td, th { border: 1px solid #ccc; padding: 0.3em 0.6em; line-height: 1.6em; }
thead, tfoot, th { background: #fc3; color: #666; }

form { margin: 0.5em 0 1em; }
form fieldset { border: 1px solid #ccc; padding: 1.5em 0 0.5em; }
form legend { font-size: 1.2em; margin: 0 1em; padding: 0 5px; color: #666; }
form label { float: left; display: block; width: 100px; text-align: right; margin: 0 10px; }
form input, form textarea { font: 1em Tahoma; border: 1px solid #fc3; padding: 0.3em; width: 300px; }
form input:focus, form textarea:focus { border: 1px solid #f60; }
form .radio { border: 0; position: relative; margin: 0 10px 1em 120px; padding: 0; }
form .radio legend span {
	position: absolute;
	top: 3px;
	left: -120px;
	display: block;
	width: 100px;
	text-align: right;
	margin: 0 10px;
	font-size: 0.9em;
}
form .radio p { margin-bottom: 0.2em; clear: both; }
form .radio input { width: auto; float: left; margin: 4px 10px 2px 0; border: 0; }
form .radio label { float: none; width: auto; text-align: left; }
form button {
	margin-left: 120px;
	padding: 0.1em 1em;
	background: #fc3 url(../gfx/button.gif) repeat-x 0 0;
	border: 1px solid #f60;
	color: #333;
	font-weight: bold;
	cursor: pointer;
}


/* ---------------------------------------------------------------- 
	basic classes
---------------------------------------------------------------- */
.nod { display: none; }
.spaceman { position: absolute; top: -3000px; left: 0; }
.left { text-align: left !important; }
.right { text-align: right !important; }
.fll { float: left !important; }
.flr { float: right !important;}
.cleaner { clear: both; }
.clrl { clear: left; }



/* ---------------------------------------------------------------- 
	special classes
---------------------------------------------------------------- */
a.special { padding-right: 10px; background: url(../gfx/arrow-small.gif) no-repeat right 0.4em; }
a.file {
	display: block;
	width: 110px;
	padding: 0.7em 0;
	text-align: center;
	background: #f1822a url(../gfx/file-bg.png) repeat-x 0 0;
	color: #333;
	border: 1px solid #c0743d;
	font-weight: bold;
}
a.file:hover { border: 1px solid #4377aa; background-color: #ccf; background-position: 0 -100px; }
.button {
	position: relative;
	display: inline-block;
	height: 28px;
	margin: 0.5em 0 1em;
	padding: 0 13px 0 20px;
	background: url(../gfx/button.png) no-repeat 0 0;
	line-height: 28px;
	color: #666;
	font-size: 0.917em;
	font-weight: bold;
	text-decoration: none;
}
.button span {
	display: block;
	width: 7px;
	height: 28px;
	position: absolute;
	top: 0;
	right: -7px;
	background: url(../gfx/button.png) no-repeat right bottom;
}
.button:hover { text-decoration: underline; }
#content h1, #sider-left h2, #sider-right h2 {
	font-size: 1.2em;
	font-weight: bold;
	padding: 7px 0px 3px 14px;
	height: 20px;
	background: url(../gfx/menu-head-back.gif) repeat-x;
}
#content h1 { margin: 0 -18px 10px; }
#sider-left h2, #sider-right h2 { margin: 0 -8px; }

#content h1 a, #sider-left h2 a, #sider-right h2 a { text-decoration: none; }
#content h1 a:hover, #sider-left h2 a:hover, #sider-right h2 a:hover { text-decoration: underline; }
#sider-left h2, #sider-right h2 {
	margin-bottom: 10px;
}


/* ---------------------------------------------------------------- 
	layout
---------------------------------------------------------------- */
#page {
	width: 850px;
	border: 1px solid #FFFFFF;
	margin: 20px auto;
	position: relative;
	background: #fff url(../gfx/page-back.gif) repeat-x 0 0;
	/*background-color: #fafafa;*/
}

ul#nav { position: absolute; top: 0; left: 0; display: block; width: 850px; height: 23px; margin: 0; background: url(../gfx/nav1.gif) repeat-x 0 0; list-style: none; }

#nav li { float: left; }

#nav a { display: block; width: 120px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 23px; font-weight: bold; color: #333; text-align: center; text-decoration: none; }

#nav a:hover { display: block; background: url(../gfx/nav2.gif) repeat-x 0 0; } /*{ text-decoration: underline; color: #000 !important; }*/

#nav a strong { display: block; color: #fff; background: url(../gfx/nav3.gif) repeat-x 0 0; }




#menu-2 h2 { font-size: 86.7%; line-height: normal; }
#menu-2 { position: absolute; top: 365px; left: 0; width: 774px; padding: 0px 38px; margin: 0px; list-style: none; background: url(../gfx/menu-hover.png) repeat-x 0 0; }

#menu-2 li { float: left; position: relative; }

#menu-2 a { display: block; width: 173px; height: 25px; line-height: 25px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; /*font-weight: bold;*/ color: black; background: url(../gfx/menu.gif) no-repeat 5px 9px; text-decoration: none; padding-left: 20px; }

#menu-2 li:hover,
#menu-2 ul a:hover {
	font-weight: bold;
}


#menu-2 .selected {
	background: url(../gfx/nav2.gif) repeat-x 0 0;
}

#menu-2 ul a {
	background: url(../gfx/opacity.png) repeat;
}

#menu-2 a strong {
	font-weight: normal;
}

#menu-2 ul { display: none; position: absolute; bottom: 25px; left: 0; font-size: 1em; list-style: none; margin: 0; }

#menu-2 .selected ul, 
#menu-2 li:hover ul {
	display: block;
}


#menu-2 li:hover ul a,
#menu-2 li ul a {
	font-weight: normal;
}


#menu-2 li:hover ul a:hover {
	font-weight: bold;
}

#menu-2 ul a {
	display: block;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	padding-left:10px;
}

#menu-2 ul a strong {
	font-weight: bold;
}

#menu-2 ul li.selected a {
	background: #fc3 url(../gfx/menu-selected.gif) repeat-x 0 0;
}






#header { position: relative; padding-top: 23px; margin-bottom: 10px; height: 365px; background: url(../gfx/header.jpg) no-repeat 0 23px; }
#header form { position: absolute; top: 24px; right: 1px; margin: 0; width: 182px; }
#header fieldset { border: 0; padding: 0; }
#header legend, #header label { display: none; }
#header form input {
	font-size: 11px;
	width: 142px;
	background: #eee url(../gfx/search.png) no-repeat 0 0;
	color: #666;
	border: 0;
	height: 18px;
	padding: 4px 10px 0;
}
#header form button {
	float: right;
	display: block;
	width: 20px;
	height: 22px;
	background: #eee url(../gfx/search.png) no-repeat right 0;
	color: #666;
	border: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
}
#header form button span {
	display: none;
}
#header h1 {
	position: absolute;
	text-transform: uppercase;
	top: 30px;
	left: 60px;
	width: 219px;
	height: 35px;
	font-weight: normal;
	overflow: hidden;
}
#header h1 span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 219px;
	height: 35px;
	background: url(../gfx/actum-solutions.jpg) no-repeat 0 0;
	cursor: pointer;
}
#header h2.logo {
	position: absolute;
	top: 66px;
	right: 110px;
	width: 138px;
	height: 66px;
	padding: 0;
	border: 0;
	font-weight: normal;
	margin: 0;
}
#header h2.logo span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 139px;
	height: 66px;
	background: url(../gfx/logo-actum.jpg) no-repeat 0 0;
	cursor: pointer;
}
#header p {
	position: absolute;
	top: 74px;
	left: 118px;
	width: 415px;
	color: white;
	font-family: Tahoma;
	size: 12px;
}

body.homepage #banner { position: absolute; bottom: 0; left: 0; width: 850px; height: 240px; background: url(../gfx/mainpage.jpg); }
body.reference #banner { position: absolute; bottom: 0; left: 0; width: 850px; height: 240px; background: url(../gfx/reference.jpg); }
body.onas #banner { position: absolute; bottom: 0; left: 0; width: 850px; height: 240px; background: url(../gfx/onas.jpg); }
body.novinky #banner { position: absolute; bottom: 0; left: 0; width: 850px; height: 240px; background: url(../gfx/novinky.jpg); }
body.seminare #banner { position: absolute; bottom: 0; left: 0; width: 850px; height: 240px; background: url(../gfx/seminare.jpg); }
body.sluzby #banner { position: absolute; bottom: 0; left: 0; width: 850px; height: 240px; background: url(../gfx/sluzby.jpg); }
body.kontakty #banner { position: absolute; bottom: 0; left: 0; width: 850px; height: 240px; background: url(../gfx/kontakt.jpg); }
body.search #banner { position: absolute; bottom: 0; left: 0; width: 850px; height: 240px; background: url(../gfx/mainpage_blank.jpg); }
body #banner { position: absolute; bottom: 0; left: 0; width: 850px; height: 240px; background: url(../gfx/mainpage.jpg); }


#crumbs {
	display: block;
	position: relative;
	width: 820px;
	height: 23px;
	background-color: white;
	border: 1px solid #e6e6e6;
	position: relative;
	margin: 0px 13px 10px;
	background-color: white;
}
.crumbs-left {
	position: relative;
	top:-1px;
	left: -5px;
	float: left;
	width: 13px;
	height: 25px;
	background: url(../gfx/crumbs-left.gif) no-repeat;
}
.crumbs-right {
	position: relative;
	float: right;
	top: -1px;
	right: -5px;
	width: 13px;
	height: 25px;
	background: url(../gfx/crumbs-right.gif) no-repeat;
}

#crumbs ol {
	display: block;
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0;
	list-style: none;
	font-size: 1.1em;
}
#crumbs li { float: left; line-height:22px; padding-right: 0.5em; padding-bottom:0.1em; }
#crumbs a { padding-right: 0.2em; font-weight: normal; color: #f58220; }

#wrapper {
	float: left;
	width: 660px;
	overflow: hidden;
	margin: 0 0 1em 10px;
}
#content {
	overflow: hidden;
	float: right;
	width: 610px; /* 470px */
	margin: 0 10px;
	padding: 0 18px;
	border: 1px solid #eeeeee;
	/*  background: #ededee; */
}
#sider-left {
	overflow: hidden;
	float: left;
	width: 158px; /* 170px */
	padding: 0 5px;
	border: 1px solid #eeeeee;
}
#sider-right {
	overflow: hidden;
	float: right;
	width: 152px; /* 170px */
	margin-right: 10px;
	padding: 0 8px;
	border: 1px solid #eeeeee;
}

ul#logos { 
	list-style: none; 
	overflow: hidden; 
	width: 810px; 
	margin: 0px; 
	padding: 0px 20px;
}

#logos li { float: left; }
#logos li a { position: relative; display: block; text-align: center; line-height: 55px; margin: 0 6px 0 6px; }
#logos li a span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 55px;
	background-image: url(../gfx/logos.png);
	background-repeat: no-repeat;
	cursor: pointer;
}
#logo1, #logo1 span { width: 88px; }
#logo2, #logo2 span { width: 115px; }
#logo3, #logo3 span { width: 108px; }
#logo4, #logo4 span { width: 134px; }
#logo5, #logo5 span { width: 90px; }
#logo6, #logo6 span { width: 92px; }
#logo7, #logo7 span { width: 98px; }

#logo1 span { background-position: -20px 0px;}
#logo2 span { background-position: -118px 0px; }
#logo3 span { background-position: -248px 0px; }
#logo4 span { background-position: -366px 0px; }
#logo5 span { background-position: -511px 0px; }
#logo6 span { background-position: -618px 0px; }
#logo7 span { background-position: -718px 0px; }

#footer {
	overflow: hidden;
	width: 840px;
	height: 25px;
	list-style: none;
	font-size: 1.1em;
	margin: 0;
	padding-left: 10px;
	background: url(../gfx/footer.jpg) no-repeat 0 0;
}
#footer li { float: left; }
#footer a {
	line-height: 25px;
	padding: 0px 10px;
	color: #fff;
	border-right: 1px solid #FFFFFF;
}
#footer .no-bull { border: 0; }
#footer .rss { padding-left: 20px; background: url(../gfx/rss.png) no-repeat 0 0; }





/* ---------------------------------------------------------------- 
	homepage
---------------------------------------------------------------- */
#hp-content { float: left; width: 355px; margin: 25px 0px 20px 58px; background-color: white; }

#hp-content,
#news { float: left; overflow: hidden; height: 280px; border: 2px solid #ebebeb; padding: 10px; }
#news { float: right; width: 290px; margin: 25px 58px 20px 0px; background-color: white; }
#news span { display: block; margin: 0 0 15px 15px; }
#news span a { font-size: 11px; color: #f58220; text-decoration: underline; }

.homepage #news a { text-decoration: none; }
.homepage #news a:hover { text-decoration: underline; }


.homepage h2,
.homepage h2 a { font-size: 12px; font-weight: bold; border-bottom: 1px solid #f58220; color: #f58220; margin: 0 0 10px; padding: 0 0 5px; text-decoration: none; }
.homepage h2 a:hover { color: black; text-decoration: underline; }

.hp-article { display: block; float: right; width: 266px; margin-bottom: 20px; }




/* ---------------------------------------------------------------- 
	#menu-hp
---------------------------------------------------------------- */
#menu-hp { display: block; position: absolute; top: 168px; left: 10px; width: 140px; height: 135px; margin: 0 0 0 75px; list-style-type: none; }
#menu-hp li { display: block; height: 26px; padding-top: 11px; margin-bottom: 11px; }
#menu-hp li a { font-size: 13px; text-decoration: none; color: black; }
#menu-hp li a:hover { font-weight: bold; }






/* ---------------------------------------------------------------- 
	#content-partnery
---------------------------------------------------------------- */
#content-partnery {
	display: block;
	float: right;
	width: 526px;
	margin: 20px 60px 20px 0;
	padding: 15px;
	border: 2px solid #ebebeb;
	background-color: white;
}

#content-partnery h2 {
	font-size: 12px; 
	font-weight: bold; 
	border-bottom: 1px solid #f58220;
	color: #f58220; 
	margin: 0 0 10px;
	padding: 0 0 5px;
	text-decoration: none;	
}





/* ---------------------------------------------------------------- 
	box-img _ vycentrovni
---------------------------------------------------------------- */
.box-img,
.box-img2 {
	display: table;
	position: relative;
	#position: relative;
	float: left;
	text-align: center;
}



.box-img {
	width: 80px;
	height: 80px;
}

.box-img2 {
	width: 160px;
	height: 160px;
	margin: 20px;
}



.box-img a,
.box-img2 a {
  #position: absolute;
  #top: 50%;
  display: table-cell;
  vertical-align: middle;
}



.box-img img,
.box-img2 img {
  #position: relative; 
  #top: -50%; 
  #left: -50%;
  #float: left;
}






/* ---------------------------------------------------------------- 
	ul.menu-2
---------------------------------------------------------------- */

ul.menu-2 {
	margin: 0 0 10px;
}

ul.menu-2 li a {
	display: block;
	width: 153px;
	height: 20px;
	padding-left: 5px;
	color:black;
	text-decoration: none;
}

ul.menu-2 li a:hover,
ul.menu-2 li.selected a {
	font-weight: bold;
}

ul.menu-2 li.selected a {
background:#FFCC33 url(../gfx/menu-selected.gif) repeat-x scroll 0 0;
}








/* ---------------------------------------------------------------- 
	js plugins
---------------------------------------------------------------- */
.corners { position: relative; }
.corners .top-left, .corners .top-right, .corners .bottom-left, .corners .bottom-right {
	position: absolute;
	width: 2px;
	height: 2px;
	background: url(../gfx/corners.gif) no-repeat left top;
}
.corners .top-left { top: 0; left: 0; }
.corners .top-right { top: 0; right: 0; background-position: right top; }
.corners .bottom-left { bottom: 0; left: 0; background-position: left bottom; }
.corners .bottom-right { bottom: 0; right: 0; background-position: right bottom; }


/* ---------------------------------------------------------------- 
	opera hacks
---------------------------------------------------------------- */
@media all and (min-width: 0px) {
  form input[type=radio] {
	  margin-top: 0;
  }
}