/* Sample 2*/
#obsah h2 {
	color: #58585A;
	padding-bottom: 6px;
	margin-bottom: 0;
    padding-top: 5px;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
}

#obsah h1 {
	color: #004385;
	display: block;
	margin-bottom: 15px;
	margin-top: 23px;
	padding: 5px 0 10px 0;
	font-size: 150%;
	_left: 0;
	&left: 0;
	background: transparent;
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
}

#obsah li {
	padding: 5px 0;
}


h2.u {
}

#galerie {
	width: 312px !important;
	float: right;
	height: 230px;
	position: relative;
	text-decoration: none;
	margin-top: 220px;
}

#galerie h2 {
	float: left;
	color: #004385;
	position: relative;
	display: block;
	margin-bottom: 15px;
	margin-top: 7px;
	padding: 5px 15px 10px 0;
}

img {
	border: 0;
}

#bannerWrapper {
	background-color: #f1f1f1;
	width: 348px;
	height: 252px;
	font-family: arial, 'lucida console', sans-serif;
	overflow: hidden;
	border: 3px solid #fff;
	border-radius: 5px;
	box-shadow: 1px 1px 5px grey;
	margin-top: -3px;
	padding-top: 0;
}

#bannerWrapper a {
	cursor: pointer;
}

.hide {
	position: absolute;
	left: -4000px;
	top: -4000px;
}

.qslide1 {
	
}

#qscroller1 {
	width: 348px;
	height: 252px;
	background: #fff;
	overflow: hidden;
}

#bannerButtons {
	color: #000;
	font-size: 14px;
	width: 348px;
	text-align: center;
	position: relative;
	padding: 5px 0;
	margin-top: -172px;
	margin-left: 3px; 
	margin-bottom: 10px;
	height: 18px;
	line-height: 18px;
}

#bannerButtons div {
	cursor: pointer;
	color: #4d9db5;
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	width: 97px;
	float: left;
	display: inline;
}

#bannerButtons #buttonR {
	position: absolute;
	right: 0;
	top: 3px;
	padding: 20px 5px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	background-color: #fff;
}

#bannerButtons #buttonL {
	position: absolute;
	left: 0;
	top: 3px;
	padding: 20px 5px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	background-color: #fff;
}

#procdata {
	width: 319px !important;
	height: 239px;
	float: right;
	position: relative;
	text-decoration: none;
	margin-right: 31px;
	margin-top: 220px;
}

#procdata h2 {
	float: left;
	color: #004385;
	position: relative;
	display: block;
	margin-bottom: 15px;
	margin-top: 7px;
	padding: 5px 15px 10px 0;
}

#procdata a {text-decoration:none;}
#procdata a:hover {text-decoration:underline;}

#procdata span {
	display: block;
	color: #58585A; 
	font-size: 16px;
	font-family: Arial, Verdana, Sans-serif;
	font-weight: bold;
	text-align: left;
	margin-bottom: 5px;
	padding-left: 60px;
}

#procdata .transport {
	height: 39px;
	line-height: 190%;
	background: url(../gfx/why-datahelp.png) 0 0 no-repeat;
}

#procdata .pay {
	height: 50px;
	line-height: 150%;
	background: url(../gfx/why-datahelp.png) 0 -37px no-repeat;
}

#procdata .skill {
	height: 45px;
	line-height: 290%;
	background: url(../gfx/why-datahelp.png) 0 -89px no-repeat;
}

#procdata .exp {
	height: 50px;
	line-height: 290%;
	background: url(../gfx/why-datahelp.png) 0 -131px no-repeat;
}

#umime {
	text-decoration: none;
	font-family: Trebuchet MS,Arial,Verdana,sans-serif;
	_padding-right: 10px;
	&padding-right: 10px;
}

#umime h2 {
	float: left;
	color: #004385;
	position: relative;
	display: block;
	margin-bottom: 0;
	margin-top: 7px;
	padding: 5px 15px 20px 0;
}

#umime table {
	border: 2px solid #CBCBCB;
	border-radius: 10px;
	width: 1015px;
	padding: 20px 40px;
	background-color: #FBFBFB;
}


#umime td {
	color: #58585A; 
	font-size: 14px;
	text-align: left;
}

#umime .hdd a {
	height: 42px;
	width: 40px;
	display:block;
	margin: 0 auto;
	background: url('/gfx/icons.png') 5px 2px no-repeat;
}
#umime .ssd a {
	height: 42px;
	width: 58px;  
	display:block;
	margin: 0 auto;
	background: url('/gfx/icons.png') -28px 3px no-repeat;
}
#umime .sd a {
	height: 42px;
	width: 40px;   
	display:block;
	margin: 0 auto;
	background: url('/gfx/icons.png') -86px 4px no-repeat;
}
#umime .win a {
	height: 42px;
	width: 28px;   
	display:block;
	margin: 0 auto;
	background: url('/gfx/icons.png') -129px 4px no-repeat;
}
#umime .linux a {
	height: 42px;
	width: 42px;
	display:block;
	margin: 0 auto;
	background: url('/gfx/icons.png') -154px 6px no-repeat;
}
#umime .raid a {
	height: 34px;
	width: 78px;  
	display:block;
	margin: 0 auto;
	background: url('/gfx/icons-v2-new.png') 0 0 no-repeat;
}
#umime .usb a {
	height: 42px;
	width: 57px;  
	display:block;
	margin: 0 auto;
	background: url('/gfx/icons.png') -33px -35px no-repeat;
}
#umime .cd a {
	height: 42px;
	width: 40px;   
	display:block;
	margin: 0 auto;
	background: url('/gfx/icons.png') -88px -35px no-repeat;
}
#umime .apple a {
	height: 42px;
	width: 28px;  
	display:block;
	margin: 0 auto;
	background: url('/gfx/icons.png') -129px -35px no-repeat;
}
#umime .nas a {
	height: 42px;
	width: 34px;  
	display:block;
	margin: 0 auto;
	background: url('/gfx/icons-v2-new.png') -22px -48px no-repeat;
}

#novinky2 {
	width: 323px !important;
	height: 226px;
	float: right;
	position: relative;
	text-decoration: none;
	margin-top: 275px;
	margin-left: 25px;
	margin-right: 25px;
	text-align: left;
	font-family: Trebuchet MS,Arial,Verdana,sans-serif;
    background: url(../gfx/clanek.png) 0 0 no-repeat;
    background-size: 100% 100%;
}

#novinky2 h2 {
	float: left;
	color: #004385;
	position: relative;
	display: block;
	margin-bottom: 15px;
	margin-top: -47px;
	padding: 5px 15px 10px 0;
}
#novinky2 h2 a {
	color: #004385;
	text-decoration: none;
	position: relative;
}

#menu {
	margin-top: 17px;
	_float: right;
	&float: right;
	_margin-top: -532px;
	&margin-top: -532px;
}

#obsah {
	margin-top: 2px;
	width: 680px !important;
	padding-right: 0;
	float: left;
}

#obsah .levy {
	float:left;
	width: 310px;
}
#obsah .pravy {
	float:right;
	padding-right:10px;
	width: 310px;
}

/* tablet verze */
@media (min-width: 700px) and (max-width: 1035px) {
#novinky2 {margin-top:372px;}
#galerie {margin-top:315px;left:10px;}
#procdata {clear:both;float:none;height:260px;}
#umime {top:788px;position:absolute;left:350px;}

#umime table {width:325px!important;padding:10px;text-align:left;}
#umime td {display:block;height:42px;line-height:46px;}
#umime td:nth-child(even) {
	position:absolute;
	left:120px;
	margin-top:-45px;
}
#obsah.homepage {margin-top:270px;}

}

/* mobilní verze */
@media (max-width: 699px) {
#odsun2 {margin-top:780px;position:static;}
#novinky2 {width: 264px !important;
	background: #bbbdbe;
	background: linear-gradient(to bottom,  #bbbdbe 0%,#87888a 100%);
	border: 3px solid #fff;
	box-shadow: 0 0 4px 0 rgba(50, 50, 50, 0.75);
	border-radius: 10px;
	height: auto;
	padding: 10px 15px 20px;
	margin:0 0 25px;
	float:none;
}
#novinky2 h2 {margin-top: -50px;;margin-left:-15px;}
#galerie {margin:0;}
#galerie h2 {
    margin-top: -20px;
    margin-left: 5px;
    margin-bottom: 0;
    }
#procdata {float:none;margin:0;height:265px;width:300px !important;}
#blok-nad-obsahem {top:225px;position:absolute !important;}
#obsah h1 {margin-left: 0;}

#umime td {display:block;height:42px;line-height:46px;}
#umime td:nth-child(even) {
	position:absolute;
	left:120px;
	margin-top:-45px;
}
#reference, .reference-hp {display:none;visibility:hidden;}

#obsah {float:none;margin:0;padding:0;}
#obsah .levy {float:none;width:300px;}
#obsah .pravy {float:none;width:300px;padding:0;}

}