/* --------------------------------------------------
Assec computers, www.assec.cz
copyright (c) 2009 NOVÁ | REKLAMA, www.novareklama.cz
-------------------------------------------------- */

/* ----------[ layout ]---------- */
body {
	margin: 0;
	padding: 0;
	background: #1a7fc3;
	color: #ffffff;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	}
#container {
	margin: 0;
	padding: 0;
	background: #1a7fc3 url(../images/bg-body.png) repeat-x 0 0;
	}
#master {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}
#header {
	position: relative;
	height: 110px;
	background: #32427a url(../images/bg-header.jpg) no-repeat left top;
	}
#navigation {
	background: #fbfbfb url(../images/bg-iconnavigation.png) no-repeat left top;
	height: 70px;
	overflow: hidden;
	padding: 0 50px;
	}
#main {
	background: url(../images/bg-gradient.png) no-repeat 50% 0;
	padding: 0;
	width: 960px !important;
	}
#content {
	width: 860px;
	background: url(../images/shadow-whitebody.png) repeat-y 8px top;
	padding: 40px 50px;
	color: #616161;
	line-height: 160%;
	font-size: 90%;
	position: relative;
	}
#first-column {
	width: 420px;
	float: left;
	margin: 0;
	padding: 0;
	}
#first-column-in {
	padding-right: 10px;
	}
#second-column {
	margin-left: 420px;
	}
#second-column-in {
	padding-left: 10px;
	}
#footer {
	background: url(../images/footer.png) no-repeat left top;
	position: relative;
	padding: 0 10px;
	font-size: 80%;
	color: #aaaebe;
	}
.action {
	background: url(../images/action-bg-2.jpg) no-repeat -2px 0;
	position: absolute;
	left: 490px;
	text-align: left;
	top: 38px;
	width: 450px;
	height: 50px;
	font-size: 90%;
	line-height: 150%;
	}
.action-in {
	padding: 5px 10px;
	padding-left: 140px;
	}
.action strong { color: #acb9ee; }
.action em { font-weight: bold; font-style: normal; }
.action a { color: #fff; text-decoration: none; }
.action a:hover { text-decoration: underline;  }

/* ----------[ navigation ]---------- */
#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#navigation ul li {
	float: left;
	margin: 0 30px;
	}
#navigation ul li a {
	display: block;
	height: 68px;
	line-height: 107px;
	font-weight: bold;
	text-decoration: none;
	color: #2384c5;
	font-size: 12px;
	background: url(../images/nav-icons.png) no-repeat 0 0;
	text-align: center;
	}
#navigation ul li a:hover span, #navigation ul li a.active span {
	display: block;
	height: 100%;
	width: 100%;
	background: url(../images/nav-arrow.gif) no-repeat 50% 100%;
	color: #000;
	}
#navigation ul li#nav-hardware a { width: 65px; background-position: 15px 10px; }
#navigation ul li#nav-hardware a:hover, #navigation ul li#nav-hardware a.active { background-position: 15px -101px; }
#navigation ul li#nav-software a { width: 60px; background-position: -120px 10px; }
#navigation ul li#nav-software a:hover, #navigation ul li#nav-software a.active  { background-position: -120px -101px; }
#navigation ul li#nav-servis a { width: 120px; background-position: -242px 10px;}
#navigation ul li#nav-servis a:hover, #navigation ul li#nav-servis a.active  { background-position: -242px -101px; }
#navigation ul li#nav-site a { width: 150px; background-position: -417px 10px;}
#navigation ul li#nav-site a:hover, #navigation ul li#nav-site a.active { background-position: -417px -101px; }
#navigation ul li#nav-eshop a { width: 55px; background-position: -636px 10px;}
#navigation ul li#nav-eshop a:hover, #navigation ul li#nav-eshop a.active { background-position: -636px -101px; }
#navigation ul li#nav-onas a { width: 50px; background-position: -755px 10px;}
#navigation ul li#nav-onas a:hover, #navigation ul li#nav-onas a.active  { background-position: -755px -101px; }
#navigation ul li a:hover, #navigation ul li a.active { color: #042d77; }

/* ----------[ extras ]---------- */
#content p {
	margin: 0 0 1em 0;
	}
#header h1 {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 457px;
	height: 67px;
	z-index: 1;
	left: 10px;
	top: 23px;
	padding: 0;
	margin: 0;
	text-align: left;
	}
#header h1 span {
	display: block;
	position: absolute;
	background: url(../images/logo.jpg) no-repeat;
	width: 457px;
	height: 67px;
	z-index: 2;
	left: 0;
	top: 0;
	cursor: pointer;
	}
.separator hr, .cleaner hr, .cleaner-right hr { display: none; }
.cleaner-right { clear: right; }
.cleaner { clear: left; }

/* ----------[ content ]---------- */
h2 {
	font-size: 200%;
	line-height: 130%;
	font-weight: normal;
	color: #32427a;
	color: #000;
	margin: 1em 0 0 0;
	padding: 0 0 0.3em 0;
	}
h3 {
	font-size: 140%;
	font-weight: normal;
	color: #303030;
	margin: 1em 0 0 0;
	padding: 0 0 0.3em 0;
	}
.no-margin { margin: 0; }
form#news-box, form#question-box {
	background: #2e87be url(../images/bg-newsbox.jpg) no-repeat 100% 0;
	padding: 0.8em;
	margin: 1em 0 2em 0;
	color: #ffffff;
	}
form#question-box {
	background: #d0d0d0 url(../images/bg-questionbox.jpg) no-repeat bottom right;
	color: #333333;
	}
#about { margin-bottom: 2em; }
#about p {
	font-style: italic;
	margin-bottom: 0.5em;
	}
.boxbody {
	text-align: center;
	margin: 0;
	padding: 50px;
	background: #fff;
	}
.box {
	background: #4459a6 url(../images/bg-newsbox.jpg) no-repeat bottom right;
	padding: 030px;
	margin: 1em auto;
	color: #ffffff;
	text-align: left;
	line-height: 150%;
	}
.box a { color: #afc1f5; }
.box a:hover { color: #fff; text-decoration: none; }

.contacts { position: relative; }
.contacts img { border: none; }
address { font-style: normal; margin-bottom: 2em; }
address.second-column { position: absolute; top: 0; left: 210px; }
.opening-time { position: relative; }
form#news-box label { color: #bfe0eb; font-weight: bold; }
form#news-box, form#question-box { position: relative; margin: 1em 0 0 0; }
form#news-box .input, form#question-box .input, form#question-box textarea { width: 200px; margin-right: 20px; border: 1px solid #203368; font-size: 110%; padding: 5px; color: #666; }
form#news-box p, form#question-box p { margin: 0; padding: 0; } 
form#news-box .submit-button, form#question-box .submit-button { width: 100px; position: absolute; right: 10px; bottom: 10px; }
form#question-box textarea { height: 200px; }
#content a { color: #1a7fc3; text-decoration: underline; }
#content a:hover { color: #0088ee; text-decoration: none; }
#content a:visited { color: #4b86ae; }
.message {
	color: #cc923a;
	font-weight: bold;
	}

.local-navigation {
	background: #ebebeb;
	margin: 0;
	margin-bottom: 1em;
	padding: 1em;
	}
.local-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
.local-navigation ul li {
	background: url(../images/bg-localnav.png) repeat-x top;
	border: 1px solid #fff;
	margin-bottom: -1px;
	}
.local-navigation ul li a {
	display: block;
	padding: 0.3em 2em;
	background: url(../images/localnav-arrow.gif) no-repeat 10px 50%;
	text-decoration: none !important;
	}
.local-navigation ul li a:hover { background: url(../images/localnav-arrow-active.gif) no-repeat 10px 50%; color: #4fa3db !important! }
.local-navigation ul li a.active {
	background: url(../images/localnav-arrow-active.gif) no-repeat 10px 50%;
	font-weight: bold;
	cursor: default;
	color: #000 !important;
	}
.local-navigation li.eshop {
	background: url(../images/bg-label.png) repeat-x 0 100%
	
	}
.local-navigation li.eshop a {
	font-weight: bold;
	color: #f0f9ff !important;
	padding: 0.6em 2em 0.6em 57px;
	background: url(../images/eshop-go.png) no-repeat 10px 50%;
	}
.local-navigation li.eshop a:hover {
	color: #fff !important;
	background: url(../images/eshop-go.png) no-repeat 10px 50%;
	} 
.img-float {
	float: left;
	margin: 1em;
	margin-left: 0;
	}
.img-floatr {
	float: right;
	margin: 1em;
	margin-right: 0;
	}
dl.features dt { font-weight: bold; color: #555; }
dl.features dd { margin-left: 0; padding-left: 1.5em; margin-bottom: 0.5em; }
dl.properties dt { font-size: 120%; color: #999999; padding-bottom: 0.3em; }
dl.properties dd { margin: 0 0 1em 0; padding-left: 1.5em; }
.gallery { padding: 0.5em 0; }
.gallery a img { border: 1px solid #1c80c3; padding: 1px; }
p.goto {
	background: #cfcfcf url(../images/bg-localnav.png) repeat-x top;
	padding: 0.5em 2em;
	font-size: 120%;
	text-align: center;
	border: 1px solid #ccc;
	margin-top: 1em !important;
	}
p.goto a {
	background: url(../images/localnav-arrow-active.gif) no-repeat 100% 50%;
	padding-right: 1em;
	}
ul.product-options {
	list-style: none;
	margin: 0;
	padding: 0;
	}
ul.product-options li.name {
	color: #185884;
	font-size: 140%;
	margin-bottom: 1.5em;
	margin-top: 1em;
	}
ul.product-options li.name ul li.title {
	margin: 0;
	margin: 0.5em 0 0 -2em;
	padding: 0;
	list-style: none;
	font-size: 70%;
	color: #555555;
	font-weight: bold;
	}
ul.product-options li.name ul li.title ul li {
	font-weight: normal;
	color: #616161;
	list-style: circle;
	}
ul.product-options li.name ul li.title ul li strong {
	font-weight: normal;
	color: #000000;
	}
.buyform legend {
	text-align: right;
	color: #1a7fc3;
	}
.buyform fieldset { border: 1px solid #1a7fc3; padding: 1em; }
.buyform input.wide, .buyform textarea { width: 97%; }
.img-center {
	text-align: center;
	}
.img-indent { margin: 2em 0; }
dl.software, dl.software dd, dl.software dt { margin: 0; padding: 0; }
dl.software dt { margin-bottom: 0.3em; font-weight: bold; }
dl.software dd { margin-bottom: 2em; }
dl.software a {
	text-decoration: none !important;
	font-size: 130%;
	font-weight: normal;
	}
dl.software a:hover {
	text-decoration: underline !important;
	}
img.border { background: #fff; padding: 1px; border: 1px solid #1c80c3; }
a:hover img.border { background: #fff; padding: 1px; border: 1px solid #98affe; }
.mrgbtm { margin-bottom: 1em; }
table.eset-table {
	border-collapse: collapse;
	}
table.eset-table td {
	padding: 0.5em;
	text-align: center;
	border: 1px solid #354277;
	}
table.eset-table thead td {
	background: #354277;
	color: #fff;
	}
table.eset-table th {
	background: #F5F5F5;
	border: 1px solid #354277;
	font-weight: normal;
	color: #000;
	width: 50%;
	text-align: left;
	}
.form-message {
	background: #354277;
	padding: 0.5em 1em;
	margin: 1em 0;
	font-size: 100%;
	color: #fff;
	}
span.povinne {
	color: #354277;
	}
p.povinne {
	color: #1a7fc3;
	font-style: italic;
	font-size: 90%;
	}
.perex {
	margin: 40px 0 20px 0;
	}




#footer { padding-top: 40px; }
#footer h6 {
	background: url(../images/footer-gradient.png) repeat-y 0 0;
	margin: 0;
	padding: 5px 0;
	font-size: 100%;
	font-weight: bold;
	color: #6fcfeb;
	}
#footer .cols {
	padding: 20px 40px;
	border-bottom: 2px solid #4c9bd0;
	color: #c8dfe5;
	line-height: 150%;
	}
#footer .cols strong {
	color: #fff;
	font-weight: normal;
	}
#footer p.col { width: 215px; float: left; }

#footer #links {
	padding: 10px 0 50px 0;
	color: #c8dfe5;
	position: relative;
	}
#footer #links a, #footer .cols a { color: #c8dfe5; }
#footer #links a:hover { color: #fff; text-decoration: underline; }

#footer .cols .map {
	background: url(../images/map.png) no-repeat 80% 100%;
	}
#footer .cols .map a { display: block; }

#footer-nav {
	position: absolute;
	right: 0;
	top: 10px;
	}
.services {
	list-style: none;
	margin: 40px 0 10px 0;
	padding: 0;
	position: relative;
	}
.services li {
	display: inline;
	}
.services li a {
	margin: 0 5px 20px 0;
	display: block;
	float: left;
	width: 200px;
	height: 125px;
	background: url(../images/bg-label.png) repeat-x 0 100%;
	overflow: hidden;
	text-decoration: none !important;
	color: #fff !important;
	font-size: 90% !important;
	}
.services-xl li a {
	width: 416px;
	height: auto;
	}
.services li a:hover {
	background: #1c80c3 url(../images/bg-label-hover.png) repeat-x 0 100%;
	}
.services li img {
	display: block;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	}
.services li a span {
	display: block;
	padding: 0 20px 0 5px;
	background: url(../images/go-arrow.png) no-repeat 90% 50%;
	line-height: 25px;
	}
.services-xl li a span { background: url(../images/go-arrow-xl.png) no-repeat 90% 50%; }
.shopbox, .newspaper {
	padding-bottom: 20px;
	margin-bottom: 50px;
	border-bottom: 2px solid #fff;
	}
.shopbox a.go {
    display: block;
    background: url(../images/bg-navigation.png) repeat-x 0 0;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ccc;
    text-align: center;
    width: 50%;
    text-decoration: none;
    color: #000;
    }
.shopbox a.go:hover { background: url(../images/bg-navigation-hover.png) repeat-x 0 0; color: #666; }
.shopbox a.go:active { background: url(../images/bg-navigation-reverse.png) repeat-x 0 0; }


.news-item {
	margin: 0 0 20px 0;
	}
.news-item h4 {
	font-size: 120%;
	font-weight: normal;
	margin: 10px 0 0 0;
	padding: 0;
	color: #4283af;
	}
.news-item .date {
	margin: 0 !important;
	color: #b2b2b2;
	}
.margin-top { margin-top: 40px; }


/* titulní strana */
#second-column-in { padding-left: 30px; }
#footer p { margin: 0; padding: 0; }
#footer p a { color: #d2d6e3; text-decoration: none; }
#footer p a:hover { color: #fff; text-decoration: underline; }
body#titlepage #footer {
	background: url(../images/footer-titlepage.jpg) no-repeat left top;
	}
body#titlepage #footer * {
	margin: 0 !important;
	}
body#titlepage #content {
	background: url(../images/shadow-whitebody-titlepage.png) repeat-y 8px top;
	}
#titlepage h2 { font-size: 160%; }

#watch-video { width: 640px; margin: 40px auto; }

object { margin: 20px 0; }
.office365-video object {
	display: block;
	width: 720px;
	margin: 20px auto;
	}