/* reset */
html,body,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,p,q,s,samp,
small,strike,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,form,label,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	outline-style: none;
}
/* basic */
body {
margin: 0px; 
padding: 0px;
text-align: left;
font-family: tahoma, FreeSans;
font-size: 11px;
color: rgb(16,16,16); 
background: rgb(196,220,209);     
}
.reset {
clear: both;
line-height: 0px;
height: 0px;
}

/* xhtml tags */
h1 {
position: absolute;
font-weight: bold;
font-size: 12px;
line-height: 18px;
top: 86px;
left: 62px;
width: 200px;
height: 50px;
letter-spacing: 1px;
color: white;
}
h2 {
margin: 20px 20px 0px 15px;
font-weight: bold;
letter-spacing: 1px;
font-size: 14px;
}
h3 {
margin: 5px 20px 5px 20px;
font-weight: bold;
letter-spacing: 1px;
}
p {
line-height: 16px;
letter-spacing: 1px;
padding: 5px 15px 5px 15px;
}
table {
letter-spacing: 1px;
padding: 5px 15px 5px 15px;
}
td {
font-size: 11px;
margin: 0;
padding: 5px;
border: 1px dotted rgb(0,128,0);
border: none;
}
ul,ol {
margin-top: 15px;
margin-bottom: 15px;
padding: 5px 15px 5px 15px;
}
li {
letter-spacing: 1px;
line-height: 16px;
list-style-position: outside;
margin: 6px 10px 6px 20px;
}
a {
color: rgb(82,136,197);
text-decoration: underline;
}
a:hover {
text-decoration: none;
color: rgb(15,135,79);
}



/* head */
.frame-top {
color: rgb(196,220,209);
}
.top {
color: rgb(196,220,209);
width: 930px;
height: 14px;
margin: auto;
}


.frame-head {
color: rgb(196,220,209);
}
.head {
position: relative;
text-align: center;
background: url('../images/top.jpg') no-repeat rgb(196,220,209);
width: 930px;
height: 195px;
margin: auto;
border: 3px solid white;
border-bottom: none;
border-right: none;
}
.head-contact-icons a {
position: absolute;
top: 4px;
right: 4px;
width: 80px;
height: 30px;
margin: 0;
background: url('../images/contact.jpg') no-repeat rgb(196,220,209);
text-decoration: none;
}
.head-contact {
position: absolute;
top: 40px;
right: 5px;
width: 160px;
height: 80px;
line-height: 16px;
letter-spacing: 1px;
text-align: right;
padding: 10px 20px 10px 20px;
margin: 0;
background: url('../images/contact-back.jpg') no-repeat rgb(196,220,209);
border-top: 1px solid rgb(192,192,192);
color: white;
cursor: default;
display: none;
}
.logo {
position: absolute;
top: 20px;
left: 42px;
width: 230px;
height: 66px;
}
.frame-motto {
color: rgb(196,220,209);
}
h2.motto {
position: relative;
text-align: right;
background: rgb(15,135,79);
width: 910px;
height: 25px;
margin: auto;
margin: 0px auto 0px auto;
border-left: 3px solid white;
font-size: 13px;
font-weight: bold;
letter-spacing: 1px;
color: white;
padding-right: 20px;
}




/* obsah */
.frame-content {
color: white; 
}
.content {
position: relative;
text-align: left;
background: white;
width: 929px;
min-height: 420px;
margin: auto;
padding: 0;
border-left: 3px solid white;
border-right: 1px solid rgb(15,135,79);
}




/* menu */
.frame-left-side {
float: left;
width: 254px;
height: auto;
}
.menu {
position: relative;
width: 248px;
}
.menu a {
letter-spacing: 2px;
display: block;
height: 28px;
width: 230px;
color: rgb(82,136,197);
border-left: 8px solid rgb(82,136,197);
background: rgb(238,243,250);
line-height: 28px;
padding-left: 10px;
margin: 2px 0 2px 0;
text-decoration: none;
font-size: 11px;
}
.menu a:hover {
border-left: 8px solid rgb(15,135,79);
color: rgb(15,135,79);
}
.menu .akt-odkaz a {
background: rgb(161,196,68);
text-decoration: none;
color: white;
}
.menu-gallery, .menu-webmap, .menu-language {
background: url('../images/menu-gallery.jpg') no-repeat;
height: 42px;
width: 200px;
line-height: 42px;
margin: 10px 0 10px 10px;
}
.menu-webmap {
background: url('../images/menu-webmap.jpg') no-repeat;
}
.menu-language {
background: url('../images/menu-language.jpg') no-repeat;
}
.menu-gallery a, .menu-webmap a , .menu-language a {
display: block;
padding-left: 50px;
color: rgb(82,136,197);
text-decoration: none;
letter-spacing: 2px;
}
.menu-gallery a:hover, .menu-webmap a:hover, .menu-language a:hover {
color: rgb(15,135,79);
}





/* pravá strana - obsah */
.frame-right-side {
background: url('../images/right-back.jpg') repeat-y white;
background-position: top right;
color: rgb(32,32,32);
margin-top: 4px;
margin-left:0px;
margin-bottom: 25px;
padding-top: 10px;
padding-bottom: 10px;
float: left;
width: 671px;
height: auto;
}
.main-links {
background: white;
width: 490px;
margin-left: 20px;
height: 85px;
}
.main-links a {
display: block;
height: 34px;
background: url('../images/main-link.jpg') no-repeat white;
font-weight: bold;
font-style: italic;
font-size: 12px;
color: rgb(82,136,197);
padding-left: 40px;
text-decoration: none;
letter-spacing: 2px;
line-height: 34px;
}


.main-content {
background:  white;
width: 510px;
height: auto;
}

.right-column {
float: right;
width: 144px;
}
p.blue-box, p.orange-box, p.green-box {
width: 104px;
height: 70px;
background: url('../images/blue-box-back.jpg') no-repeat;
color: white;
text-align: center;
padding: 20px;
line-height: 21px;
margin-top: 10px;
}
p.orange-box {
background: url('../images/orange-box-back.jpg') no-repeat;
}
p.green-box {
background: url('../images/green-box-back.jpg') no-repeat;
}


























/*
.frame-right-side p, .frame-right-side table, .frame-right-side td, .frame-right-side li {
font-weight: normal;
}
.sub-frame-right {
float: right;
margin: 5px 10px 10px 10px;
}
.sub-frame-right img {
border: 4px solid rgb(222,233,196);	
}
*/







/* moduly */
.modules {
margin: 0;
}
.modules h2 {
background: rgb(238,243,250);
height: 30px;
line-height: 30px;
padding-left: 20px;
margin: 0;	
color: rgb(82,136,197);
}
.modules table {
width: 450px;
}
.modules table td {
height: 30px;
background: rgb(244,244,244);
}
.module-cenik-liteshopu, .module-cenik-liteadminu, .module-cenik-kompletni-realizace-webu,.module-php-promenne-v-xhtml-sablone, .module-cenik-doplnkovych-sluzeb {
position: relative;
margin: 25px auto 25px auto;
width: 450px;
border: 2px solid rgb(238,243,250);
}




.smart-modules {
margin: 0;
}
.news h2 {
background: rgb(238,243,250);
height: 30px;
line-height: 30px;
padding-left: 20px;
margin: 0;	
color: rgb(82,136,197);
}
.news {
position: relative;
margin: 25px auto 25px auto;
width: 450px;
border: 2px solid rgb(238,243,250);
}
.news img {
margin: 20px;
text-align: center;
}
.news-title {
color: rgb(82,136,197);
margin-top: 10px;
padding-bottom: 0px;
}
.news-content {
font-size: 10px;
padding-top: 0;
margin-top: 0;
color: rgb(96,96,96);
}
#news-loader {
position: absolute;
width: 380px;
top: 40px;
text-align: center;
}

.inquiry {
position: relative;
margin: 20px auto 20px auto;
width: 450px;
border: 2px solid rgb(238,243,250);
color: rgb(15,135,79);
}
.inquiry h4 {
background: rgb(238,243,250);
height: 30px;
line-height: 30px;
padding-left: 20px;
margin: 0;	
color: rgb(82,136,197);
}
.inquiry h5 {
padding: 10px 10px 0px 20px;
margin: 0;
color: rgb(15,135,79);
}
.inquiry table {
width: 380px;
}
.inquiry-alert {
color: rgb(15,135,79);
border-left: 5px solid rgb(15,135,79);
margin: 5px 5px 10px 20px;
}
.inquiry-alert2 {
color: rgb(228,164,45);
border-left: 5px solid rgb(228,164,45);
margin: 5px 5px 10px 20px;
}


.contact-form {
position: relative;
margin: 25px auto 25px auto;
width: 380px;
border: 2px solid rgb(238,243,250);
color: rgb(15,135,79);
}
.contact-form h2 {
background: rgb(238,243,250);
height: 30px;
line-height: 30px;
padding-left: 20px;
margin: 0;	
color: rgb(82,136,197);
}
.contact-form p {
padding-left: 20px;
}
.contact-form input, .contact-form textarea {
width: 340px;
border: 1px solid rgb(15,135,79);
color: rgb(82,136,197);
margin-bottom: 15px;
}
.contact-form img {
text-align: center;
margin-bottom: 15px;
}
.contact-form input.submit {
font-weight: bold;
}
.contact-form-alert {
color: rgb(15,135,79);
border-left: 5px solid rgb(15,135,79);
margin: 5px 5px 10px 20px;
padding-left: 5px;
}
.contact-form-alert2 {
color: rgb(228,164,45);
border-left: 5px solid rgb(228,164,45);
margin: 5px 5px 10px 20px;
padding-left: 5px;
}







/* gallery */
.gallery {
position: relative;
margin: 10px auto 25px auto;
width: 510px;
border: 2px solid rgb(238,243,250);
}
.gallery h2 {
background: rgb(238,243,250);
height: 30px;
line-height: 30px;
padding-left: 20px;
margin: 0;	
color: rgb(82,136,197);
}
.gallery-sections {
width: 510px;
padding: 0;
}

.gallery-sections a {
padding-left: 15px;
font-weight: normal;
}
.gallery-sections select {
width: 140px;
border: none;
}
.gallery-sections td {
background: rgb(238,243,250);
border-left: 8px solid rgb(82,136,197);
width: auto;
height: 28px;
}
.thumbnails {
width: 510px;
margin: 10px auto 0px 0px;
}
.thumbnails td {
margin-bottom: 40px;
text-align: center;
}

.thumbnails td a img {
border: 1px solid rgb(82,136,197);
}
.thumbnails td a:hover {
text-decoration: none;
border: none;
background: none;
}
p.gallery-description {
margin: 10px 10px 0 10px;
}





/* kontakt */
table.kontakt {
width: 540px;
background: white;
margin: 25px 20px 25px 20px;
font-weight: bold;
padding: 0;
}
table.kontakt td {
background: url(../images/content-background.jpg) repeat-y; 
border: none;
}
table.kontakt td textarea, table.kontakt td input {
border: 1px solid rgb(208,208,208);
}
.kontakt img {
margin: 0px 5px 0px 15px;
}
.kontakt a {
font-weight: bold;
}
.hlaska {
margin: 10px 30px 35px 30px;
font-weight: bold;
font-size: 12px;
color: rgb(103,139,19);
}
.hlaska2 {
margin: 10px 30px 35px 30px;
font-weight: bold;
font-size: 12px;
color: rgb(249,100,46);
}




/* footer */
.frame-footer {
}
.footer {
position: relative;
width: 920px;
height: 25px;
margin: auto;
font-size: 9px;
letter-spacing: 1px;
color: rgb(130,130,130);
}
.footer-text {
float: right;
text-align: right;
width: 440px;
padding: 5px;
}
.footer-text img {
width: 10px;
height: 10px;
}
.footer a {
color: rgb(130,130,130);
text-decoration: none;
}
.footer a:hover {
color: white;
}






/* extra k webu */

.form {
position: relative;
border: 2px solid rgb(238,243,250);
color: rgb(15,135,79);
}
.form h2 {
background: rgb(238,243,250);
height: 30px;
line-height: 30px;
padding-left: 20px;
margin: 0;	
color: rgb(82,136,197);
}
.form table {
padding: 0;
margin-bottom: 30px;
}
.form p {
margin-bottom: 30px;
}
.form table td.first {
width: 180px;
background: rgb(239,245,239);
}
.form table td.td-head {
font-weight: bold;
background: rgb(239,245,239);
}
.form table td.td-red {
color: red;
}
.form input, .form textarea {
width: 300px;
border: 1px solid rgb(190,209,194);
color: rgb(82,136,197);
}

.form input.submit {
font-weight: bold;
}
.alert {
background: rgb(99,154,106);
height: 30px;
line-height: 30px;
padding-left: 20px;
margin: 0;	
font-weight: bold;
color: white;
}
.alert2 {
background: rgb(204,0,0);
height: 30px;
line-height: 30px;
padding-left: 20px;
margin: 0;	
font-weight: bold;
color: white;
}


.menu-login {
display: block;
height: 130px;
width: 210px;
color: rgb(82,136,197);
border-left: 8px solid rgb(82,136,197);
background: rgb(238,243,250);
line-height: 25px;
letter-spacing: 1px;
padding-left: 30px;
padding-bottom: 10px;
text-decoration: none;
}
.menu-login p {
line-height: 21px;
letter-spacing: 1px;
padding: 16px 5px 0 0;
text-decoration: none;
}
.menu-login table {
margin: 2px 0 0 0;
padding: 10px 0 0 0;
}
.menu-login table td {
margin: 0;
padding: 0;
font-size: 10px;
letter-spacing: 2px;
}
.menu-login input {
width: 130px;
border: 1px solid rgb(190,209,194);
color: rgb(82,136,197);
font-size: 10px;
}
.menu-login input.submit {
width: 170px;
border: 1px solid white;
padding: 2px;
color: white;
background: rgb(82,136,197);
}

.license {
height: 200px;
color: rgb(128,128,128);
overflow:scroll;
font-size: 9px;
}
.license div {
margin-top: 10px;
margin-bottom: 10px;
}




#alertbox {
position:fixed;
left:0px;
top:0px;
background-image: url('../images/alertbg.png');
width: 100%; 
height: 100%;
z-index: 10000;
}

.alertbox {
position: relative;
margin: 31vh auto auto auto; 
width: 320px;
height: 320px; 
background: rgb(82, 136, 198);
padding: 0px; 
border: 1px dotted rgb(20,20,20); 
box-shadow: rgb(0,0,0) 0px 0px 30px;
}
.alertbox p {
font-size: 18px;
line-height: 25px;
text-align: center;
margin: 35px auto;
color: white;
}

a.closebutt {
position: absolute; display: block;width: 25px;height:25px;top:-20px; right:-20px;background-image: url('../images/close.png'); opacity:0.7; text-decoration:none; z-index:10000000;
}
 .closelink {
 font-size: 12px; font-weight: normal; margin: 10px 10px 6px 30px; text-align: center;
 }
 .closelink a {
 font-size: 12px; font-weight: bold; color: rgb(180,180,180); text-align: center;
 }