/* 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, Arial, FreeSans;
font-size: 12px;
color: rgb(85,79,72); 
background: url('../images/bg-body.jpg') repeat-x rgb(233,228,222); 
 }
.reset {
clear: both;
line-height: 0px;
height: 0px;
}
img.border {
border: 2px solid rgb(208,208,208);
}
a:hover img.border {
border: 2px solid rgb(230,230,230);
}
em {
font-style: italic;
}



/* head */
.frame-head {
}
.head {
position: relative;
text-align: left;
width: 1060px;
height: 344px;
margin: 0px auto 0px auto;
background: url('../images/bg-top.jpg') no-repeat; 
}
h1 {
position: absolute;
color: rgb(240,240,240);
font-size: 18px;
top: 278px;
left: 100px;
width: 800px;
height: 26px;
text-align: center;
}
.logo {
position: absolute;
top: 28px;
left: 25px;
width: 174px;
height: 50px;
}
.title {
position: absolute;
top: 15px;
left: 275px;
width: 600px;
height: 20px;
font-weight: bold;
color: rgb(245,245,245);
text-transform: uppercase;
font-size: 12px;
}
.arranger-link {
position: absolute;
top: 13px;
left: 924px;
width: 120px;
height: 50px;
text-align: center;
line-height: 17px;
z-index: 50;
}
.arranger-link a {
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: white;
}
.orange {
color: rgb(255,192,0);
}
.arranger-link a:hover {
color: rgb(230,230,230);
}
.main-image {
position: absolute;
width: 800px;
height: 320px;
top: 44px;
left: 240px;
}
.novisible {
display: none;
}


div#nav {
position: absolute; 
left: 644px;
top: 310px; 
z-index: 15;
width: 312px;
height: 34px;
background: url(../images/bg-nav.png);
}
#prev {
float: left; 
margin: 0;
}
#next {
float: left; 
margin: 0;
}
div#nav span a {
display: block; 
width: 36px; 
height: 34px; 
text-indent: -9999px;
}
div#nav span#prev a {
background: url(../images/prev.png);
}
div#nav span#next a {
background: url(../images/next.png);
}
div#nav span#next a:hover, div#nav span#prev a:hover {
background-position: +36px;
}
.nav-text {
float: left; 
width: 240px;
text-align: center;
font-weight: bold;
text-transform: uppercase;
font-size: 13px;
line-height: 36px;
}
		
		
		
/* right links */
.link-obyvacipokoj {
position: absolute;
top: 80px;
left: 1000px;
width: 60px;
height: 52px;
background: url('../images/link-obyvacipokoj.jpg') no-repeat;
}		
.link-koupelny a, .link-kuchyne a , .link-loznice a  {
position: absolute;
top: 140px;
left: 1000px;
width: 60px;
height: 52px;
background: url('../images/link-koupelny.jpg') no-repeat;
text-decoration: none;
}		
.link-kuchyne a {
top: 200px;
background: url('../images/link-kuchyne.jpg') no-repeat;
}		
.link-loznice a {
top: 260px;
background: url('../images/link-loznice.jpg') no-repeat;
}	
.link-koupelny a:hover, .link-kuchyne a:hover, .link-loznice a:hover  {
background-position: -60px;
}		



/* obsah */
.frame-content {
}
.content {
position: relative;
text-align: left;
background: url('../images/bg-main-content.jpg') repeat-y;
width: 1060px;
margin: 0px auto 0px auto;
}



/* menu */
.frame-left-side {
float: left;
width: 240px;
height: auto;
}
.menu {
position: relative;
margin: -225px 0px 0px 0px;
width: 260px;
}
.menu a {
display: block;
height: 36px;
width: 205px;
background: url('../images/bg-menu-link.jpg') no-repeat;
color: white;
padding-left: 35px;
line-height: 36px;
text-decoration: none;
color: rgb(246,243,238);
text-transform: uppercase;
font-weight: bold;
font-size: 11px;
}
.menu a:hover {
background-position: -240px;
color: rgb(255,192,0);
}
.menu a.active {
color: rgb(255,192,0);
}


/* doporučujeme */
.doporucujeme {
position: relative;
margin: 30px 0px 0px 0px;
width: 240px;
}
.doporucujeme h2 {
margin: 10px 5px 5px 15px;
font-weight: bold;
text-transform: uppercase;
font-size: 12px;
}
.doporucujeme ul {
margin: 10px 0px 10px 0px;
list-style-image: url('../images/li.gif');
font-size: 12px;
line-height: 20px;
}
.doporucujeme li {
list-style-position: outside;
margin: 8px 20px 8px 30px;
}
.doporucujeme a {
color: rgb(85,79,72); 
text-decoration: none;
font-weight: bold;
}
.doporucujeme a:hover {
color: rgb(255,136,0); 
text-decoration: underline;
font-weight: bold;
}




/* rss - vseprointerier.cz */
.vseprointerier-rss {
position: relative;
margin: 30px 0px 0px 0px;
width: 240px;
background: rgb(135,123,109);
}
.logo-vseprointerier a {
position: absolute;
top: 20px;
left: 30px;
display: block;
width: 126px;
height: 39px;
background: url('../images/logo-vseprointerier.jpg') no-repeat;
text-decoration: none;
}
.logo-vseprointerier a:hover {
background-position: -126px;
text-decoration: none !important;
}
.vseprointerier-rss ul {
padding: 70px 0px 20px 0px;
margin: 10px 0px 0px 0px;
list-style-image: url('../images/li2.gif');
font-size: 12px;
line-height: 18px;
}
.vseprointerier-rss li {
list-style-position: outside;
margin: 10px 20px 10px 30px;
}
.vseprointerier-rss a {
color: rgb(250,250,250); 
text-decoration: none;
font-weight: normal;
}
.vseprointerier-rss a:hover {
color: rgb(255,192,0); 
text-decoration: underline;
}




/* pravá strana - obsah */
.frame-main {
float: left;
width: 760px;
min-height: 400px;
}
.main-content {
color: rgb(30,30,30);
padding: 30px 35px 40px 35px;
color: rgb(85,79,72); 
}

.main-content h2 {
font-size: 18px;
font-weight: bold;
margin: 10px 0px 15px 0px;
text-shadow: 1px 1px rgb(220,220,220);
}
.main-content h3 {
font-size: 16px;
font-weight: bold;
margin: 15px 0px 10px 0px;
}
.main-content p {
font-size: 12px;
margin: 5px 0px 30px 0px;
line-height: 16px;
}
.main-content p:first-letter {
font-size: 18px;
}
.main-content img {
margin: 1px;
}
.main-content a {
color: rgb(85,79,72); 
}
.main-content a:hover {
color: rgb(140,90,0);
text-decoration: none;
}

.main-content ul, .main-content ol {
font-size: 12px;
color: rgb(85,79,72); 
margin: 10px 0px 30px 0px;
}
.main-content li {
list-style-position: outside;
margin: 0px 0px 5px 40px;
}
.main-content table {
border-collapse: separate;
border-spacing: 0px 1px;
width: 99%;
margin: 5px 0px 30px 0px;
background: rgb(240,240,240);
border: 1px solid rgb(255,192,0);
color: rgb(85,79,72); 
line-height: 16px;
}
.main-content tr td {
vertical-align: top;
background: rgb(240,240,240);
padding: 12px;
}
.main-content hr {
height: 1px;
width: 98%;
border: none;
background: url('../images/bg-hr.jpg') repeat-x;
margin: 30px 0px 30px 0px;
clear: both;
}
.vizualizace {
height: 500px;
padding-bottom: 20px;
}







/* pevné přídavné moduly */
.smart-modules {
margin: 0;
}



.inquiry {
margin: 5px 0px 20px 0px;
color: white;
position: relative;
}
.inq-header, .inq-header2 {
font-size: 16px;
color: rgb(130,130,130);
margin-bottom: 3px;
font-weight: bold;
}
.inq-header2 {
color: rgb(180,180,180);
}
.inq-option a, .inq-option-first a {
display: block;
background: rgb(135,135,135);
padding: 10px 5px 10px 15px;
color: rgb(255,255,255);
min-height: 30px;
margin-top: 1px;
text-decoration: none;
width: 220px;
}
.inq-option-first a {
background: url('../images/bg-title-inquiry.jpg') repeat-x;
}
.inq-option-first a:hover {
background-position:  -240px 0px;
}
.inq-option a:hover {
background: rgb(120,120,120);
}
.inq-ratio {
display: block;
font-weight: bold;
color: rgb(255,255,255);
font-size: 12px;
}
.inq-ratio-graph {
display: block;
margin-top: 5px;
height: 10px;
width: 1px;
background: rgb(200,150,70);
}
.inq-text {
display: block;
padding-top: 6px;
color: rgb(255,255,255);
font-size: 11px;
}
.inquiry-alert {
padding: 10px 0px 10px 0px;
color: rgb(180,180,180);
font-weight: bold;
margin-top: 1px;
}
.inquiry-alert2 {
padding: 10px 0px 10px 0px;
color: rgb(255,0,0);
font-weight: bold;
margin-top: 1px;
}




/* gallery */
.gallery {
margin: 0px auto 10px auto;
width: 100%;
text-align: left;
}
div.gallery-sections {
background: rgb(245,245,245);
border: 1px solid rgb(230,230,230);
padding: 8px;
margin: 0px 0px 20px 0px;
color: rgb(255,136,0);
}
.right {
float: right;
margin-top: -2px;
}
.gallery-sections a {
font-weight: normal;
color: rgb(255,136,0);
text-decoration: underline;
}
.gallery-sections a:hover {
text-decoration: none;
}
.gallery-sections select {
width: 240px;
border: none;
background: rgb(255,255,255);
color: rgb(255,136,0);
padding: 2px;
}
table.thumbnails {
margin: 15px auto 0px auto;
text-align: left;
background: white;
border: 1px solid white;
}
.thumbnails tr td {
height: 130px;
width: auto;
text-align: left;
vertical-align: top;
padding: 3px 8px 10px 8px !important;
margin: 0px 0px 20px 0px;
background: white !important;
}
.thumbnails td.thumb-img {
width: 140px;
height: 130px;
padding-right: 0px !important;
}
.thumbnails td.thumb-desc {
width: 250px;
font-size: 12px;
}
td.thumb-desc a {
font-size: 14px;
color: rgb(255,136,0);
text-decoration: none;
font-weight: bold;
}
.thumbnails td a:hover {
text-decoration: underline;
border: none;
background: none;
}
.thumbnails td a img {
border: 2px solid rgb(205,205,205);
margin: 0px;
}
.thumbnails td a:hover img {
border: 2px solid rgb(230,230,230);
}
p.gallery-description {
margin: 10px 0px 15px 0px;
font-size: 12px;
}
.video-thumbnail {
float: left;
margin: 10px 15px 5px 15px;
height: 32px;
background: url(../images/video-ico.jpg) no-repeat;
padding-left: 30px; 
line-height: 20px;
}
h2.vid {
text-align: center;
border: none;
background: none;
margin: 15px auto 15px auto;
}
div.vid {
text-align: center;
margin-bottom: 10px;
}




/* články */
.articles {
position: relative;
margin: 0px auto 25px auto;
width: 110%;
}
.article {
position: relative;
float: left;
width: 210px;
height: 280px;
margin: 20px 25px 20px 0px;
padding: 0px;
}

.article-photo {
position: absolute;
top: 32px;
left: 0px;
text-align: left;
width: 210px;
height: 210px;
}
.article-photo a img {
margin: 0px;
}
.article-photo a:hover img {
}

.article-category {
position: absolute;
top: 248px;
left: 1px;
width: 140px;
height: 26px;
color: rgb(85,79,72); 
font-size: 12px;
}
.article h2 {
background: rgb(255,136,0);
position: relative;
margin: 0px;
padding: 8px 8px 8px 8px;
line-height: 16px;
z-index: 100;
text-shadow: none;
}
.article h2 a {
text-align: left;
font-size: 14px;
font-weight: bold;
text-decoration: none;
color: white;
}
.article h2 a:hover {
color: rgb(85,79,72); 
}
.article-link a {
position: absolute;
display: block;
top: 242px;
left: 125px;
width: 80px;
height: 26px;
color: white;
background: rgb(255,192,0);
line-height: 26px;
text-decoration: none;
padding-right: 5px;
text-align: right;
}
p.archiv-link {
text-align: right;
margin: 20px 80px 0px auto;
}
p.archiv-link a {
font-size: 12px;
font-weight: bold;
color: rgb(255,136,0);
}
p.archiv-link a:hover {
color: rgb(140,90,0);
text-decoration: none;
}
p.article-detail-date  {
text-align: right;
}
.article-detail-date a {
color: rgb(30,30,30);
}
.article-detail-date a:hover {
color: rgb(140,90,0);
text-decoration: none;
}
.filtr {
float: right;
width: 330px;
height: 24px;
}
.filtr select {
width: 240px;
border: none;
background: rgb(240,240,240);
color: rgb(30,30,30);
padding: 2px;
}

/* uživatelské moduly */ 
.modules {
margin: 0;
}



/* Každý nově vytvořený modul se automaticky vkládá do <div class="module-nazev-uzivatelsoho-modulu">...</div> */



/* footer */
.frame-footer {
}
.footer {
position: relative;
width: 1060px;
height: 140px;
background: url(../images/bg-footer.jpg) no-repeat;
margin: 0px auto 20px auto;
}
.link-bottom-koupelny a, .link-bottom-kuchyne a, .link-bottom-loznice a {
position: absolute;
display: block;
top: 21px;
left: 30px;
width: 88px;
height: 46px;
background: url(../images/link-bottom-koupelny.jpg) no-repeat;
}
.link-bottom-kuchyne a {
left: 160px;
background: url(../images/link-bottom-kuchyne.jpg) no-repeat;
}
.link-bottom-loznice a {
left: 290px;
background: url(../images/link-bottom-loznice.jpg) no-repeat;
}
.link-bottom-koupelny a:hover, .link-bottom-kuchyne a:hover, .link-bottom-loznice a:hover {
background-position: -88px;
}
.link-bottom-vseprointerier a {
position: absolute;
display: block;
top: 24px;
left: 810px;
width: 140px;
height: 42px;
background: url(../images/logo-vseprointerier-bottom.jpg) no-repeat;
}
.link-bottom-vseprointerier a:hover {
background-position: -140px;
}
.footer-text {
position: absolute;
top: 108px;
left: 30px;
width: 500px;
height: 25px;
color: rgb(188,179,166);
font-size: 11px;
}
.footer-text a {
color: rgb(255,192,0);
}
.footer-text img {
width: 10px;
height: 10px;
margin-left: 3px;
}
.footer a {
text-decoration: none;
}
.footer a:hover {
color: rgb(190,190,190);
}