@charset "utf-8";
/* CSS Document */

@import "reset.css";

html {height:100%;}
body {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	background:#e5e5e5 url(img/bgr.jpg) repeat scroll center top;
	color:#444;
	font-size:69%;
	line-height:1.4em;
	position:relative;
	text-align:center;
	}
textarea, input, select {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
} 
a {color:#418ccb; text-decoration:underline;}
a:hover {text-decoration:none;} 
hr {display:none;}

#content hr {display:block; clear:both; height:0; border:0; overflow:hidden; margin-bottom:-1em;}
html>/**/body #content hr {margin-bottom:0.5em;}

/* MAIN
***************************************************************************************************/
body {margin-top:65px;}
#container {width:950px; margin:0 auto; background:#fff url(img/bgr-top.gif) no-repeat scroll center top; text-align:left;}

/* HEADER
***************************************************************************************************/
#header {padding:10px 10px 15px; position:relative; height:70px;}
*>#header {height:45px;}
#header h1 {font-size:1.45em; font-weight:bold; position:absolute; top:-40px; left:0;}
#header h1 a {display:block; position:relative; width:190px; height:110px; line-height:150px; overflow:hidden; text-align:center;}
#header h1 a span {display:block; width:190px; height:110px; position:absolute; left:0; top:0; background:url(img/logo-digitalnatlaciaren-web.gif) no-repeat scroll left top; cursor:pointer;}
#header h1 a:hover span {background-position:left bottom;}

#header form {position:absolute; right:13px; top:13px;} 
#header form fieldset {width:299px; height:44px; background:url(img/search-fieldset.gif) no-repeat scroll left top; overflow:hidden; position:relative;}
#header form input.text {border:0; background:#fff; position:absolute; left:20px; top:15px; width:155px; color:#7c7c7c;}
#header form input.submit {border:0; width:114px; height:31px; color:#fff; font-weight:bold; background:#418cb8 url(img/search-btn.gif) no-repeat scroll left top; position:absolute; right:7px; top:7px; padding-bottom:3px; padding-right:17px; cursor:pointer;}
#header form input.submit:hover {background-color:#2c5c7a; background-position:left bottom;}

#topmenu {margin:0; background:#e5e8e9 url(img/breadcrumbs.gif) repeat-x scroll left bottom; font-size:1.09em; color:#777; border-bottom:1px solid #bcbcbc; border-top:1px solid #dbdbdb; font-weight:normal; clear:both; height:45px; text-align:center; padding:9px 0;}
*>#topmenu {height:27px;}
#topmenu li {display:inline; line-height:27px; margin-right:8px;}
*>#topmenu li {display:inline-block;}
#topmenu a {display:inline-block; line-height:27px; height:27px; background:#cfd1d1 url(img/topmenu-left.gif) no-repeat scroll left top; color:#444; text-decoration:none;}
#topmenu a:hover {color:#777; background:none;}
#topmenu a:hover strong {background:none; text-decoration:underline;}
#topmenu a strong {font-weight:normal; padding:0 9px; display:inline-block; background:url(img/topmenu-right.gif) no-repeat scroll right top;}

#sitemenu {position:absolute; left:190px; top:40px; height:30px; line-height:30px; font-size:1.09em; z-index:99;}
#sitemenu li {float:left; margin-right:2px;}
#sitemenu a {display:block; float:left; height:30px; line-height:30px; background:#418cb8 url(img/sitemenu-left.gif) repeat-x scroll left top; color:#fff; text-decoration:none;}
#sitemenu a strong {font-weight:normal; padding:0 10px; display:block; float:left; line-height:30px; height:30px; background:url(img/sitemenu-right.gif) no-repeat scroll right top;}
#sitemenu a:hover {background-position:left bottom; background-color:#5d9dc3;}
#sitemenu a:hover strong {background-position:right bottom;}

#sitemenu .active a {background-color:#e5e8e9; background-image:url(img/sitemenu-left-a.gif); height:31px; z-index:99; position:relative; color:#777;}
#sitemenu .active a strong {background-image:url(img/sitemenu-right-a.gif); height:31px;}
#sitemenu .active a:hover {background-color:#e5e8e9; background-position:left top;}
#sitemenu .active a:hover strong {background-position:right top;}


/* FOOTER
***************************************************************************************************/
#footer {background:#ced0d0 url(img/footer.gif) no-repeat scroll left top; border-top:1px solid #bcbcbc; border-bottom:1px solid #e1e1e1; clear:both; padding:12px 210px; color:#777;}
.shadow {display:block; height:50px; width:950px; margin:0 auto;}
*>.shadow {background:url(img/footer-shadow.png) no-repeat scroll center top;}

/* BASIC
***************************************************************************************************/
#content {width:950px; position:relative;}

/* CONETENT HEADERS
***************************************************************************************************/
#content h2 {padding:15px 20px 16px; margin:0; background:#e5e8e9 url(img/breadcrumbs.gif) repeat-x scroll left bottom; font-size:1.09em; color:#777; border-bottom:1px solid #bcbcbc; border-top:1px solid #dbdbdb; font-weight:normal; clear:both;}
*>#content h2 {padding-bottom:15px;}
#content h2 span {padding:0 8px; background:url(img/breadcrumbs-arrow.gif) no-repeat scroll center bottom;} 
#content h2 strong {margin:0 -10px 0 4px;}
#content h2 em {font-weight:bold; font-style:normal;}
#content h2 a img {border-bottom:1px solid #418ccb; padding:0 0 1px; margin-bottom:-2px;}
#content h2 a:hover img {border-bottom:0; margin-bottom:-1px;}
#content h2 .back {float:right;}
#content .info img {display:block;}
#content h2.downheader {position:relative; top:-1px; border-top:1px solid #aaa; z-index:99;}
#content p.text {padding:10px;}

/* TOP INFO + BOTTOM
***************************************************************************************************/
#topinfo img {display:block; position:relative; z-index:99;}
#topinfo {display:block;}

#bottom {clear:both;}
#bottom img {display:block;}

/* CAPTION
***************************************************************************************************/
#caption p {padding:0 20px; margin:1em 0; text-align:justify;}
#caption h2 {padding:0 20px; margin:1em 0 0.8em; font-weight:normal; color:#418ccb; font-size:1.82em;}
#caption h3 {padding:0 20px; margin:1em 0 0.8em; font-weight:normal; color:#418ccb; font-size:1.63em; border-top:1px solid #e2e2e2; padding-top:15px;}
#caption h4 {padding:0 20px; margin:1em 0 0.8em; font-weight:normal; color:#418ccb; font-size:1.54em; border-top:1px solid #e2e2e2; padding-top:14px;}
#caption h5 {padding:0 20px; margin:1em 0 0.8em; font-weight:bold; color:#418ccb; font-size:1.27em; border-top:1px solid #e2e2e2; padding-top:13px;}
#caption h6 {padding:0 20px; margin:1em 0 0.8em; font-weight:bold; color:#418ccb; font-size:1.18em; border-top:1px solid #e2e2e2; padding-top:12px;}
#caption .fir {margin-bottom:-8px;}
#caption em {color:#999; font-style:normal;}
#caption ul {padding:0 20px; margin:1em 0;}
#caption ol {padding:0 20px; margin:1em 0;}
#caption ul li {background:url(img/listitem.gif) no-repeat scroll left 2px; padding-left:18px;}
#caption p.date {font-size:0.82em; color:#999; margin:-1em 0 -0.5em; padding-left:21px; line-height:1.6em;}

#caption fieldset input {padding:2px 3px; margin-right:5px;}
#caption fieldset textarea {padding:2px 3px; overflow:auto; line-height:1.4em;}
#caption fieldset {padding:0.5em 0 1em;}
#caption fieldset p {margin:2px 0;}
#caption fieldset label {display:block; float:left; width:8em; margin-right:5px;}
#caption fieldset .buttons {padding-left:8em; margin-left:25px;}

#caption table {width:530px; background:#f9f9f9; margin:0.5em 20px; border-collapse:separate; border-top:1px solid #e2e2e2; border-left:1px solid #e2e2e2;}
#caption table td {border:1px solid #e2e2e2; border-top-color:#fff; border-left-color:#fff; padding:2px 5px; color:#777; text-align:center;}
#caption table tr:hover td {background:#fff; color:#418ccb;}
#caption table thead td, #caption table thead tr:hover td  {background:#eee; color:#444;}


/* MENU
***************************************************************************************************/
#menu li {float:left;}
*>#menu li {clear:both; float:none;}
#menu a {border-bottom:1px solid #eaeaea; border-top:1px solid #fff; display:block; float:left; width:189px; padding:8px 15px; font-size:1.09em; color:#777; background:url(img/menu.gif) no-repeat scroll 161px 6px; text-decoration:none;}
*>#menu a {width:159px;}
#menu a:hover {color:#418ccb; text-decoration:none; background-color:#fcfcfc; background-image:url(img/menu-hover.gif);}
#menu .active a, #menu .active a:hover {color:#444; background-color:#ececec; background-image:url(img/menu-active.gif); border-top-color:#ececec;}

/* SQUARE
***************************************************************************************************/
#content .square {min-height:170px; height:170px; padding:0;}
*>#content .square {height:auto; padding:0;}
#content .square li {float:left; width:190px; height:170px; text-align:center; font-size:1.09em; background:#eef0f1 url(img/square-bgr.gif) no-repeat scroll left top; padding:0; position:relative;}
#content .square a {display:block; width:190px; height:170px; line-height:30px; padding:140px 0 10px; cursor:pointer; position:relative; overflow:hidden; background-position:left top; z-index:5; color:#444; text-decoration:none;}
*>#content .square a {height:20px;}
#content .square a:hover {color:#777; background-position:right top;}

#content .square li.velkoplosnatlac {width: 950px;}
#content .square li.velkoplosnatlac a {width: 950px;}

#content .square.custom li {height:210px; background-image:url(img/square-bgr-large.gif);}
#content .square h3 {font-size:1.8em; font-weight:normal; color:#418ccb; margin:20px 0 10px;}
#content .square strong {font-size:1.8em; font-weight:normal;}
#content .square p {margin:12px 0 5px;}
html>/**/body #content .square p {margin:10px 0 5px;}
#content .square input.btn {width:116px; height:57px; background:#418bb7 url(img/calculator-btn.gif) no-repeat scroll left top; color:#fff; border:0; font-size:1.41em; padding-bottom:4px; cursor:pointer;}
#content .square input.btn:hover {background-color:#19638f; background-position:left bottom;}


#content .squarenavig {background:url(img/square-shadow.gif) no-repeat scroll center top; margin-top:1px; padding:15px; text-align:right; clear:both;}
#content .squarenavig input.next {background:#418cb8 url(img/square-next.gif) no-repeat scroll left top; color:#fff; font-weight:bold; width:107px; height:30px; border:0; padding-bottom:3px; padding-left:20px; cursor:pointer; position:relative; top:1px; margin-left:20px;}
#content .squarenavig input.next:hover {background-color:#2c5c7a; background-position:left bottom;}
#content .squarenavig .box {position:relative; top:3px;}

#content .square li.test label {background-image:url(img/square/test.gif);}
#content .empty {padding:10px 20px;}
#content .empty p {margin:0.5em 0;}
#content .empty ul {margin:0.5em 0; color:#777;}
#content .empty ul strong {color:#444; font-weight:normal;}

#content .podm1 {width:435px; float:left; margin:10px 0 10px 20px; text-align:justify; padding-top:0.3em;}
#content .podm2 {width:435px; float:left; margin:10px 0 10px 20px; padding-left:19px; border-left:1px dotted #ddd; text-align:justify;}
#content .podm1 h3, #content .podm2 h3 {color:#418ccb; font-size:1.09em; font-weight:normal; padding-top:0.5em;}
#content .podm1 p, #content .podm2 p {margin:0.5em 0;}

#calculator {height:170px; background:url(img/calculator-bgr.gif) repeat-x scroll left top; position:relative;}
#calculator .price {position:absolute; right:30px; top:52px;font-size:3em; color:#777;}
#calculator .price input {text-align:right; background:none; border:0; width:200px;color:#777;}
#calculator .price .small {font-size:0.5em;}
#calculator #printprice {color:#444; font-size:3.08em;}
#calculator #printpricedph {display:none;}
#calculator label {font-size:1.09em;}
#calculator .count {position:absolute; left:55px; top:37px;}
#calculator .count p {float:left; margin-right:10px;}
#calculator .count label {display:block; width:186px; text-align:center; height:24px; line-height:24px;}
#calculator .numbers {width:186px; height:55px; background:#fff url(img/calculator-input.gif) no-repeat scroll left top; border:0; font-size:3.08em; color:#444; text-align:center; padding:9px;}
*>#calculator .numbers {width:168px; height:39px;}
#calculator .btn {width:116px; height:57px; margin-top:24px; background:#418bb7 url(img/calculator-btn.gif) no-repeat scroll left top; color:#fff; border:0; font-size:1.54em; padding-bottom:4px; cursor:pointer;}
#calculator .btn:hover {background-color:#19638f; background-position:left bottom;}
#calculator small {color:#777;}
#calculator .duplex input {width:30px; height:30px; float:left; margin:37px 5px 0 20px;}
#calculator .duplex label {line-height:1.25em; text-align:left; margin-top:43px; width:160px;}

#check {padding-left:150px; float:left; width:320px; margin-left:60px;}
#check li {text-align:left; padding:5px 0; color:#777; font-size:1.09em;}
#check strong {font-weight:normal; font-size:1.42em;  margin:5px 0; display:block; color:#444;}
#check sup {font-size:0.75em; vertical-align:text-top;}
#content .ordericon {display:block; width:190px; height:150px; position:absolute; left:0px; top:47px; border-left:1px solid #eee; border-top:1px solid #eee; border-bottom:1px solid #ddd;}


#checkform {padding:0px 20px 30px 500px; color:#666;}
#checkform label {float:left; display:block; width:8.2em; color:#777;}
#checkform p {clear:both; margin:1px 0;}
#checkform h3 {margin:1em 0 5px; color:#418ccb; font-weight:normal;}
#checkform input {padding:2px 3px; width:256px;}
*>#checkform input {width:250px;}
#checkform select {width:260px; padding:1px;}
#checkform .submit {margin:10px; width:200px;  padding:5px;background:#418cb8 url(img/square-next2.gif) no-repeat scroll left top; color:#fff; font-weight:bold;  height:30px; border:0; cursor:pointer;  }
#checkform .submit:hover {background-color:#19638f; background-position:left bottom;}
#checkform textarea {line-height:1.2em; padding:2px 3px; width:256px;}
*>#checkform textarea {width:250px;}

#partnercheck {padding:10px 20px 30px 115px; color:#aaa; clear:both;}
#partnercheck label {float:left; display:block; width:8.2em; color:#777;}
#partnercheck p {clear:both; margin: 5px;}



#blog h3 a .fir {border-bottom:1px solid #418ccb; margin:5px 0;}
#blog h3 a:hover .fir {border-bottom:0; padding-bottom:1px;}
#blog .item {padding-left:200px; padding-right:20px; border-bottom:1px solid #e2e2e2; padding-bottom:6px; position:relative; min-height:141px; height:150px;  float:left; width:475px; overflow:hidden;}
*>#blog .item {height:auto; width:255px;}
#blog .item h3 {border-top:0; padding-top:0; font-size:1.27em; margin-top:16px;}
#blog .post-thumb {position:absolute; left:20px; top:20px; padding:0; margin:0;}
#blog .post-thumb a {padding:2px; border:1px solid #418ccb; display:block;}
#blog .post-thumb a:hover {padding:1px; border-width:2px;}
#blog .post-thumb img {display:block; width:160px; height:100px;}
#blog .info {display:none;}

#blog .odd {width:474px; border-right:1px solid #e2e2e2;}
*>#blog .odd {width:254px;}

#content h2.blog {background-image:url(img/header-blue.gif); background-color:#4086b2; border-bottom-color:#418ccb; border-top-color:#326c9c; color:#fff; padding:0;}
#content h2.blog a {color:#fff; display:block; padding:15px 20px 16px; text-decoration:none;}
#content h2.blog a:hover {background:#68a4c9;}

/* PHOTO print
***************************************************************************************************/
#demo-status .progress {background: url(http://digitalnatlaciaren.sk/php/uploader/assets/progress-bar/progress.gif) no-repeat scroll +50% 0; margin:1px 0 -1px;}

.photolist p {width:190px; float:left; padding-top:57px; text-align:center;}
.photolist p.image {padding:20px 0; overflow:hidden; height:140px;}
*>.photolist p.image {height:100px;}
.photolist {height:140px; clear:both; border-bottom:1px solid #d7d9da; margin-bottom:1px;}
.photolist select {width:170px; padding:2px; height:24px;}
.photolist input {width:50px; padding:0; height:24px; text-align:center; border:0; background:none;}
*>.photolist input {width:37px; height:20px; font-size:1.54em;}
.photolist input.btn {width:31px; height:31px; margin:-2px 0 0 1px; font-weight:bold; color:#fff; background:url(img/photocount.gif) no-repeat scroll left top; padding:0 0 2px 1px; cursor:pointer;}
.photolist input.btn:hover {color:#418ccb; background-position:left bottom;}
.photolist.even {background:#eef0f1 url(img/calculator-bgr.gif) repeat-x scroll left top;}
.photolist img {max-width:170px;}

#multiuploader {height:170px; background:url(img/calculator-bgr.gif) repeat-x scroll left top; position:relative; font-size:1.09em; margin-bottom:1px;}
#form-demo {position:absolute; visibility:hidden;}
#demo-status div {position:absolute; left:550px; top:45px; line-height:1.3em;}
#demo-status div p {margin-bottom:10px;}
#demo-status div .progress-text {margin-left:5px;}
#demo-status .current-text {visibility:hidden;}
#demo-status strong {font-weight:normal;}

#demo-status .buttons a {width:116px; height:57px; line-height:55px; display:block; text-decoration:none; background:#418bb7 url(img/calculator-btn.gif) no-repeat scroll left top; top:60px; font-weight:bold; color:#fff; position:absolute; text-align:center; overflow:hidden;}
#demo-status .buttons a:hover {background-position:left bottom;}
#demo-status .buttons a#demo-browse {left:40px;}
#demo-status .buttons a#demo-upload {left:170px;}
#demo-status .buttons a#demo-clear {left:300px; background-color:#b74146; background-image:url(img/cancel-btn.gif)}

#demo-list .hidden {display:none;}
#demo-list {min-height:0; height:auto;}
#demo-list li {float:left; width:190px; height:170px; text-align:center; font-size:1.09em; background:#eef0f1 url(img/square-bgr.gif) no-repeat scroll left top; padding:0; position:relative; overflow:hidden;}
#demo-list li .file-size {position:absolute; width:190px; height:1em; bottom:15px; left:0; text-align:center; display:block; color:#777;}
#demo-list li .file-name {position:absolute; width:190px; height:1em; bottom:30px; left:0; text-align:center; display:block;}
#demo-list li a {display:block; position:absolute; z-index:99; left:0; top:0; width:190px; height:170px; line-height:140px; color:#fff; text-decoration:none; font-size:70px; background:url(img/square-delete.gif) no-repeat scroll 155px 10px; opacity:0.3;filter:alpha(opacity=30)}
#demo-list li a:hover {opacity:1;filter:alpha(opacity=100)}
#demo-list li img {margin-top:20px; max-width:170px;}


h3.order {font-size:2em; font-weight:normal; color:#418ccb; margin:20px 0 20px 208px;}

#ver-zebra {
    border-collapse: collapse;
    font-family: "Lucida Sans Unicode","Lucida Grande",Sans-Serif;
    font-size: 16px;
    margin: 0 20px 20px;
    text-align: left;
    width: 850px;
	margin: 0 auto;
}
#ver-zebra th {
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    color: #003399;
    font-size: 16px;
    font-weight: normal;
    padding: 12px 15px;
}
#ver-zebra td {
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    color: #666699;
    padding: 8px 15px;
}
.vzebra-odd {
    background: none repeat scroll 0 0 #EFF2FF;
}
.vzebra-even {
    background: none repeat scroll 0 0 #E8EDFF;
}
#ver-zebra #tab_pocet_1, #ver-zebra #tab_pocet_3 {
    background: none repeat scroll 0 0 #D0DAFD;
    border-bottom: 1px solid #C8D4FD;
}
#ver-zebra #tab_pocet_2 {
    background: none repeat scroll 0 0 #DCE4FF;
    border-bottom: 1px solid #D6DFFF;
}