/* CSS Document */
* { margin: 0; padding: 0; font-family: helvetica,arial,sans-serif; }
body { font-size: 15px; color: #464646; line-height: 135%; background: #3266a3 url('background.jpg') center top repeat fixed; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; }
img { display: block; border: 0; }
h1 { width: 388px; height: auto; margin-left: 37px; }
h1 a { display: block; width: 100%; height: 100%; }
h1 strong { display: none; }
h2 { font-size: 30px; color: #ea0005; margin: 0 0 20px 0; text-align: left; text-transform: uppercase; }
h3 { font-size: 25px; color: #7aaeeb; margin: 30px 0 15px 0; text-align: left; line-height: 100%; }
h4 { font-size: 20px; color: #0072bc; margin: 30px 0 15px 0; text-align: left; line-height: 100%; }
h5 { font-size: 15px; color: #000; margin: 30px 0 15px 0; text-align: left; line-height: 100%; }
ul, ol, dl, p, address, form { margin: 0 0 10px 0; }
address { font-style: normal; }
small { font-size: 80%; }
a { color: #ea0005; text-decoration: underline; }
a:hover { color: #000; text-decoration: none; }
hr { display: none; }

#parent { background: url('net.png') top center repeat fixed; padding: 60px 0 30px 0; text-align: center; }
#child { margin: 0 auto; width: 1100px; position: relative; }

#remote { margin: 20px 0 0 0; position: absolute; top: -50px; right: 25px; }
#remote div { float: left; margin: 0 0 0 20px; width: auto; }
#remote a { position: relative; z-index: 1111; display: block; font-size: 30px; line-height: 60px; color: #fff; white-space: nowrap; vertical-align: middle; }
#remote img { border: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; }

#header { position: relative; text-align: left; }
#header ul { position: absolute; top: 50px; right: 50px; right: 0px; margin: 0; list-style: none; text-transform: uppercase; font-size: 18px; }
#header ul li { display: inline; margin-left: 15px; }
#header ul li a,
#header ul li strong { color: #000; font-weight: normal; text-decoration: none; padding-left: 10px; background: url('arrow.gif') left center no-repeat; }
#header ul li a:hover,
#header ul li strong { color: #fff; background: url('arrow_hover.gif') left center no-repeat; }
#header ul #fb {}
#header ul #fb img { display: inline; vertical-align: middle; margin-bottom: 5px; }

#nvg { border-bottom: 5px solid #ea0005; margin: 20px 0 0 0; }
#nvg ul { margin: 0; list-style: none; }
#nvg ul li { display: inline-block; margin: 0 5px; font-size: 15px; font-weight: bold; text-transform: uppercase; }
#nvg ul li a,
#nvg ul li strong { color: #7aaeeb; background: #000 url('menu.png') center bottom repeat-x; border: 1px solid #000; border-bottom: 0; display: block; padding: 0 13px; line-height: 40px; text-decoration: none; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
#nvg ul li a:hover,
#nvg ul li strong { color: #fff; }
#nvg ul li #uvod,
#nvg ul li #akce { background-image: url('menu_red.png'); border-color: #ea0005; color: #fff; }
#nvg ul li #uvod span { background: url('icon_home.gif') center center no-repeat; padding: 0 7px; }
#nvg ul li #nahradni-plneni { background-image: url('menu_blue.png'); border-color: #235794; color: #fff; }

#content { background: url('content.png') repeat; padding: 20px; text-align: justify; position: relative; }
#content .content { background: url('content_content.png') repeat; padding: 40px 40px 30px 40px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#content ul { list-style: none; }
#content ul li { padding: 0 0 0 15px; background: url('li.gif') left 5px no-repeat; }
#content ul li ul { margin: 0; }
#content ul li ul li { background-image: url('li_li.gif'); }
#content ol { margin-left: 40px; }
#content .news { padding: 0 0 20px 0; margin: 0 0 30px 0; border-bottom: 2px solid #7aaeeb; }
#content .news img { float: right; margin: 0 0 10px 20px; }
#content .news a.more:after { content: "\20 »"; }
#content .event { padding: 20px; margin: 0 0 30px 0; background: #c0ddea; }
#content .event .gallery { height: 100px; overflow: hidden; }
#content .event .gallery img { float: left; margin: 0 5px 5px 0; }
#content .image { width: 440px; border: 5px solid #d5e3f3; background: #d5e3f3; float: right; margin: -40px 0 20px 30px; text-align: left; line-height: 120%; }
#content .image p { margin: 0; padding: 10px 10px 5px 10px; color: #0072bc; }
#content .image iframe { width: 100%; height: 370px; border: 0; display: block; }
#content .partners { text-align: center; }
#content .partners li { padding: 0; background: none; text-align: center; display: inline-block; }
#content .partners li a { display: block; padding: 0 0 5px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#content .partners li a:hover { background: #d5e3f3; color: #0072bc; }
#content .partners li br { display: none; }
#content .partners li img { margin: 0 0 5px 0; }
#content .akce { border: 5px solid #d5e3f3; }
#content #akce { }
#content #akce img { margin: 0 auto 50px auto; }

#services { background: url('services.png') repeat; padding: 20px 0; text-align: center; }
#services ul { margin: 0; list-style: none; }
#services ul li { display: inline-block; width: 246px; height: 246px; margin: 0 8px; overflow: hidden; border: 2px solid #cfdae6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#services ul li:hover { border-color: #fff; }
#services ul li h3 { background: url('service.png') center top repeat-x; text-shadow: 0 2px 5px #0072bc; display: block; margin: 0; font-size: 25px; line-height: 60px; height: 246px; }
#services ul li:hover h3 { background: url('service_hover.png') center top repeat-x; text-shadow: 0 2px 5px #01244f; }
#services ul li h3 a { color: #fff; text-decoration: none; text-transform: uppercase; width: 100%; height: 100%; display: block; background-position: center bottom; background-repeat: no-repeat; }
#services ul li h3 a:after { content: "\20 »"; }
#services ul li h3 span { padding: 0 0 0 20px; }
#services ul .hardware a { background-image: url('service_hardware.png'); }
#services ul .software a { background-image: url('service_software.png'); }
#services ul .voip a { background-image: url('service_voip.png'); }
#services ul .tiskarny a { background-image: url('service_tiskarny.png'); }
#services ul .it a { background-image: url('service_it.png'); }
#services ul li h3 a:after { content: none; }
#services ul li h3 span { visibility: hidden; }
#services ul li:hover h3 { background-image: url('service_hover_red.png'); background-color: #ea0005; }
#services ul .fujitsu a { background-image: url('service_fujitsu.png'); }
#services ul .microsoft a { background-image: url('service_microsoft.png'); }
#services ul .bezpecnost a { background-image: url('service_bezpecnost.png'); }
#services ul .sprava-it a { background-image: url('service_sprava-it.png'); }

#partners { background: url('partners.png') repeat; text-align: left; color: #fff; }
#partners .content { padding: 35px; }
#partners #logos { width: 860px; float: right; border-left: 2px solid #fff; }
#partners #logos ul { margin: 0; padding-left: 50px; list-style: none; }
#partners #logos ul li { display: inline; }
#partners #logos ul li img { display: inline; margin: 10px 40px 10px 0; }
#partners #menu { width: 160px; float: left; line-height: 20px; }
#partners #menu h3 { display: none; }
#partners #menu ul { margin: 0; list-style: none; font-size: 13px; }
#partners #menu ul a { color: #fff; }
#partners #menu ul strong { font-weight: normal; }

#footer { background: url('footer.png') repeat; text-align: left; color: #b6c1c1; font-size: 15px; min-height: 60px; }
#footer .content { padding: 20px 35px; }
#footer p { width: 49%; display: inline-block; margin: 0; }
#footer a { color: #b6c1c1; }
#footer a:hover { color: #fff; }
#footer span { padding: 0 5px; }
#footer #webmaster { text-align: right; float: right; }

#cookies { display: none; padding: 10px; width: 100%; position: fixed; left: 0; bottom: 0; background: #f0f0f0; font-size: 85%; line-height: 125%; opacity: .9; text-align: center; }
#cookies button { padding: 2px 5px; background: #fff; border: 1px solid #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; }

.clear { clear: both; }



@media screen and (max-width:1124px){
#parent { padding: 1% 0 3% 0; }
#child { width: 100%; }
#remote { position: relative; top: auto; right: auto; float: right; text-align: right; }
#remote div { float: left; margin: 0 20px 0 0; width: auto; }
#remote a { position: relative; z-index: 1111; display: block; font-size: 30px; line-height: 60px; color: #fff; white-space: nowrap; vertical-align: middle; }
#remote img { border: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; }
h1 { width: auto; height: auto; margin-left: 3%; }
#header { clear: both; }
#header ul { clear: both; position: relative; top: auto; right: auto; margin: 15px 0 0 1.5%; }
#nvg { margin: 0; padding: 1.5% 3%; text-align: left; }
#nvg ul li { margin: 5px; }
#nvg ul li a,
#nvg ul li strong { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#services { padding: 3%; }
#services ul li { width: 23%; height: auto; margin: 0 1% 0 0; }
#services ul li:last-child { margin-right: 0; }
#services ul li h3 { height: 150px; }
#services ul li h3 a { background-position: center center; background-size: 100%; }
#content { padding: 3%; }
#content .content { padding: 3%; }
#content .image { margin-top: 0; }
img { max-width: 100%; }
#partners .content { padding: 3%; }
#partners #logos { width: 100%; float: none; border-left: none; text-align: center; }
#partners #logos ul { padding-left: 0; }
#partners #logos ul li img { margin: 10px; }
#partners #menu { display: none; }
#footer { min-height: inherit; line-height: 175%; }
#footer .content { padding: 20px 3%; }
#footer p { width: auto; display: block; }
#footer #webmaster { text-align: left; float: none; }
}
@media screen and (max-width:840px){
h2 { line-height: 125%; }
#header ul li { line-height: 150%; }
#services ul li h3 { height: 100px; }
#content .image { width: auto; max-width: 100%; float: none; margin: 20px 0; }
#content .image img { width: 100%; height: auto; }
#menu-tree { position: absolute; top: 30px; right: 3%; cursor: pointer; }
}
@media screen and (max-width:600px){
h1 img { width: auto; max-width: 97%; }
#header ul li { display: block; }
#services ul li { width: 47%; margin: 0 3% 3% 0; }
#services ul li:nth-of-type(2n) { margin-right: 0; }
#content { text-align: left; }
}
@media screen and (max-width:590px){
#remote { float: none; text-align: center; }
#remote div { float: none; display: inline-block; }
}
@media screen and (max-width:400px){
#nvg ul li a,
#nvg ul li strong { background-image: none; line-height: 150%; padding: 6px 13px; }
#nvg ul li #uvod,
#nvg ul li #akce { background-image: none; background-color: #ea0005; }
#nvg ul li #nahradni-plneni { background-image: none; background-color: #235794; }
#services ul li { width: 100%; margin: 0 0 3% 0; }
#services ul li:last-child { margin-bottom: 0; }
#services ul li h3 a { background-size: 60%; }
#menu-tree { top: 90px; }
}