/* CSS Document */

* {margin: 0px; padding: 0px;}

body {width:100%; position:relative;
	text-align:center; margin:0px; font-family:  Arial CE, arial, Verdana, sans-serif;
	font-size: 0.8em; line-height:17px;
	color:#11100A; background: #FFFFFF url('/images/template/bg-main.jpg') top left repeat-x;}

a{ text-decoration:underline; color:#FF6600;}
a:hover{ text-decoration:none;}
a img{ border:0px;}

img{vertical-align:middle;}

form,p, table{ margin:0px; padding:0px;}
table tr td{vertical-align:top; border-spacing:0px;}
input,select,textarea {vertical-align:middle; font-size:11px; font-family:arial;}

.fleft{float:left;}
.fright{float:right;}
.full-width{width:100%;}
.center{text-align:center;}
.align-right{text-align:right;}
.align-left{text-align:left;}
.align-middle{vertical-align:middle}
.italic {font-style: italic;}
.top_odsazeni {margin-top:10px;}
.half_width {width:50%;}
.full_width {width:50%;}

.cleaner{clear: both; height: 0px; line-height: 0px;}
#center{ width:981px; margin:0px auto;}
#layout{ position:relative; z-index:100; float:left; width:981px; text-align:left;}

.stredovyPanel {width: 981px; margin: auto;}
#layout #header {float:left; width:100%; position:absolute; top: 0px; height:273px; }
#layout #header #logo{position:absolute; top:12px; color:#DD472C; font-size:33px; font-weight:bold; z-index:100;}

#layout #obsah {margin-top:  350px;}

#layout #header #referenceSluzby {position: absolute; top: 100px; width: 100%; color: white;}
#layout #header #referenceSluzby #reference {width: 400px; float: left;}
/*#layout #header #referenceSluzby #reference #cycleRef div {background: transparent !important;}*/
#layout #header #referenceSluzby #reference h2,  #layout #header #referenceSluzby #sluzby h2{color: white; margin-bottom: 3px; font-size: 1em;
	font-weight: bold;}
#layout #header #referenceSluzby #sluzby {width: 571px; margin-left: 410px;}

#cycleRef {position: absolute; margin-left: 0px;}

#navSlu, #navRef {position: absolute; margin-left: 328px; top: 1px;}
#navSlu a, #navRef a {background: url("/images/template/dot.jpg") top left no-repeat transparent; color: #EE5E17;
	display: block; float: left; width: 17px; height: 17px; font-size: 0px;}
#navSlu a.activeSlide, #navRef a.activeSlide {background-image: url("/images/template/dot-on.jpg");}



#navSlu, #navRef {position: absolute; float: right; top: 0px; left: -10px;}
#navSlu a, #navRef a {background: url("/images/template/dot.jpg") top left no-repeat transparent; color: #EE5E17;
	display: block; float: left; width: 17px; height: 17px; font-size: 0px;}
#navSlu a.activeSlide, #navRef a.activeSlide {background-image: url("/images/template/dot-on.jpg");}


#cms, #eshop, #helpdesk {float: left; width: 183px; height: 211px; background: url("/images/sluzby/sluzby.png") top left no-repeat transparent; margin-right: 10px;}
#cms h3, #eshop h3, #helpdesk h3 {line-height: 30px; padding-left: 10px; padding-top: 5px; font-size: 1em;}
#cms p, #eshop p, #helpdesk p {margin: 5px; margin-top: 0px; padding-left: 5px;}
#helpdesk {margin-right: 0px;}
#cms h3 a, #eshop h3 a, #helpdesk h3 a {color: white; text-decoration: none; display: block;} 
#cms h3 a:hover, #eshop h3 a:hover, #helpdesk h3 a:hover {text-decoration: underline;} 
#helpdesk img, #eshop img, #cms img {position: absolute; top: 115px;}

#layout #header ul#top_menu {margin-left: 250px; width: 732px;}
#layout #header ul#top_menu li {display:inline; }
#layout #header ul#top_menu li a {display: block; float: left; color: #ededed; text-decoration: none; font-weight: bold; font-size: 12px;
	line-height: 25px;  margin-right: 1px; width: 180px;}
#layout #header ul#top_menu li a:hover {color: white;}
#layout #header ul#top_menu li.red a {background: url("/images/template/top-odkazy-bottom-red.jpg") top left repeat-x #AE0606;}
#layout #header ul#top_menu li.green a {background: url("/images/template/top-odkazy-bottom-green.jpg") top left repeat-x #019E8B;}
#layout #header ul#top_menu li.grey a {background: url("/images/template/top-odkazy-bottom-grey.jpg") top left repeat-x #6F6F6F;}

#layout #header #main_menu {
background: #484848 url("/images/template/bg-menu-top.gif") no-repeat left top;
height:32px;
margin-left: 300px;
position:absolute;
top:63px;
width:681px;
z-index:99;
}

#layout #header #main_menu ul#main {
float:left;
height:26px;
margin:0;
margin-left: 10px;
padding:0;
width:660px;
}
#layout #header #main_menu ul#main li { float:left; line-height:26px; list-style-type:none;
	margin:0; padding:0;}
	
#layout #header #main_menu ul#main li.last { border-right:0 none; }
#layout #header #main_menu ul#main li a {
	border-right:1px solid #777777; color:#ddd; display:block; font-size:13px; line-height:28px;
	margin:0; margin-top: 4px; padding:0 10px; text-align:center; text-decoration:none; 
	font-variant: small-caps;
}
#layout #header #main_menu ul#main li a:hover { color:#FFFFFF;}
#layout #header #main_menu ul#main li a.aktiv { color:#FFFFFF;}

#layout #header #main_menu ul#main li ul li {
line-height:37px;
list-style-type:none;
margin:0;
padding:0;
display: list-item;
width:auto;
float: none;
}
#layout #header #main_menu ul#main ul {
display:none;
height:37px;
margin:0;
padding:0;
position:absolute;
}
#layout #header #main_menu ul#main li ul li a {
background-color: #71808E;
opacity: 0.88;
color:#ddd;
font-size:12px;
margin:0;
padding:0 5px;
text-align: left;
text-decoration:none;
width:auto;
border-bottom: 1px solid #484848;
}
#layout #header #main_menu ul#main li ul li a:hover {opacity: 1;}
#layout #header #main_menu ul#main li:hover ul {
display:block;
}

#footer {background-color: #373737; border-top: 3px solid #6F6F6F; padding: 5px; clear: both; height: 300px;
	margin-top: 50px;}

#profil_menu {float: left; width: 150px;}
#profil_menu li {list-style: none; padding-left: 5px; background-color: #1B2531; border-bottom: 1px solid #8A9AAA;}
#profil_menu li a {display: block; width: 100%; height: 20px; color: white; font-size: 9pt;}
#profil_menu li.active {background-color: #DD472C;}
#profil_nick {width: 300px; float: right;}
#userObsah {width: 750px; margin-left: 200px;}


/* tabulka pro tisk seznamu */
.list-table {background-color: #B2B2B2; margin: auto; margin-top: 10px;}
.list-table th {vertical-align: top; font-size: 1em; padding: 2px; background-color: #005B99; color: white;}
.list-table td {vertical-align: middle; font-size: 1em; height: 24px;}
.list-table tr th a {color: #C2E5FC;}

div.box h1, div.box h2 {margin-bottom: 10px; font-size: 1.1em; color: #363636;}
div.indexObsah, div.indexNews {margin-top: 0px;}
div.indexObsah {float: right; width: 570px;}
div.indexNews {width: 385px;}

/* CONTENT */
div.box h1 {margin-left: 10px;}
div.box div.content {border: 1px solid #E8E8E8; padding: 5px 10px; padding-bottom: 10px;
	background: url("/images/template/bg-content.jpg") right bottom no-repeat #F7F7F7;}

div.box div.content ul, div.box div.content ol {margin-left: 20px;}
div.box div.content ul li {list-style: square;}
/* NOVINKY */
div.novinka {margin-bottom: 10px;}
div.novinka h2 {background-color: #E9E9E9; border-bottom: 1px solid #D4D4D4; margin-bottom: 0px; line-height: 22px;}
div.novinka h2 a  {color: #E84B0D; text-decoration: none; padding: 3px; font-size: 12px;}
div.novinka h2 a:hover {border-bottom: 1px dotted #E74B0D; }
div.novinka div.text-long {background-color: #F3F3F3; padding: 3px; padding-bottom: 6px;}

/**-REFERENCE-**/
.foto-ref {width: 209px; float: right;  margin-right: 5px; margin-bottom: 10px;}
.foto-ref img.imgs {border: 3px solid #cdcdcd; margin-bottom: 2px;}
.foto-ref img.imgm {border: 1px solid #cdcdcd; margin-left: 2px;}
.parRef {display: block; width: 110px; float: left;}
.refLine {width: 97%; margin: auto; border-bottom: 1px dotted #CACFD1; marign-bottom:10px;}
/* PATICKA */
p.copy {text-align: left; color: white; font-size: 9pt; font-family: arial;}
div.footSluzby {width: 739px; float: right; margin-top: 20px; color: #F3F3F3;
	background: url("/images/template/bg-foot.jpg") top left repeat-y;
	font-variant: small-caps;}
div.footSluzby img {vertical-align: bottom;}
div.footBox {width: 247px; float: left;}
div.lba {width: 245px;}
div.footBox h3{background-color: #464646; text-align: left; font-size: 9pt; padding-left: 3px;
	height: 22px; line-height: 20px; margin-bottom: 6px;}
div.footBox h3.lbx {border-right: 2px solid grey;}
div.footBox ul li{list-style: square; text-align: left; margin-left: 20px; font-size: 8pt; font-weight: bold;
	font-family: arial;}
div.footBox ul li a {color: white; text-decoration: none;}
div.footBox ul li a:hover {text-decoration: underline;}
div.footBox ul li.dark {color: #8C8C8C;}

/* google */
#plusOne {float: right; margin-top: 20px;}