@charset "utf-8";
/* CSS Document */
html, body {
margin : 0;
padding : 0;
font:100% Trebuchet MS, Arial, Helvetica, Sans-Serif;
}
body {
min-width : 960px;
background:url(../images/sjena.jpg);
background-position:center top;
background-repeat:repeat;
}
a{
color:#fff;
}
a:hover{}
/*h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }*/
h1 { font-size: 1.8em!important; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 1em!important; margin-bottom: 0.75em;font-weight: normal; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
margin: 0;
}
/* ----- page / wrap / container ----- */
#page {
width:960px;
margin:0 auto;
padding:0px;
}
#wrap {
width : 960px;
margin-top : 0;
margin-right : auto;
margin-bottom : 0;
margin-left : auto;
}
/* ----- header ----- */
#header{
width:960px;
background-image:url(../images/bg.jpg);
background-repeat : repeat-x;
background-position :top center;
}
#header h1{
color : #640404;
font-family : Trebuchet MS, Arial, Helvetica, Sans-Serif;
padding: 10px 0px 0px 20px;
text-align : justify;
font-size:1em!important;
float:left;
}
#header h2{
color : #640404;
font-family : Trebuchet MS, Arial, Helvetica, Sans-Serif;
padding: 0px 0px 0px 0px;
text-align : justify;
font-size:1em!important;
float:right;
margin:5px 20px 0px 0px;
}
#header a{
color : #640404;
font-family : Trebuchet MS, Arial, Helvetica, Sans-Serif;
padding: 0px 0px 0px 0px;
font-size:1em!important;
margin:0px 0px 0px 0px;
float:right;
}
#header .img {
padding: 0px 0px 0px 0px;
text-align : justify;
font-size:1em!important;
font-family : Trebuchet MS, Arial, Helvetica, Sans-Serif;
color : #640404;
}
#header .img p{
padding: 0px 0px 0px 0px;
text-align : justify;
font-size:1em!important;
font-family : Trebuchet MS, Arial, Helvetica, Sans-Serif;
color : #640404;
float:right;
}
/*------ NAVIGACIJA ----- */
#nav ul {
margin : 0;
padding : 0;
list-style : none;
display : block;
}
#nav li {
display : block;
float:left;
text-align : center;
margin:5px 0px 0px 20px;
padding:0px 10px 0px 10px;
font-size:1em;
font-family:Trebuchet MS, Arial, Helvetica, Sans-Serif;
background:#d8c3b5;
border:1px solid #fff;
}
#nav li a:link,
#nav li a:visited {
text-decoration:none;
color:#4d0000;
}
#nav li a:hover {
color : #fff;
}
/*------ /NAVIGACIJA ----- */
/* ----- header ----- */
#top{
width:960px;
height:345px;
background:url(../images/bg-top1.jpg);
background-position:center top;
background-repeat:repeat;
}
#top h1 {
clear:both;
color : #640404;
font-family : Georgia;
font-style : italic;
display : block;
padding: 50px 0px 0px 30px;
text-align : left;
width:550px;
line-height:120%;
}
#top h2 {
clear:both;
color : #fff;
font-family : Georgia;
font-style : italic;
display : block;
padding: 50px 0px 0px 30px;
text-align : justify;
width:600px;
line-height:190%;
}
/* ----- header ----- */
#top-ap{
width:960px;
height:345px;
background:url(../images/bg-top-app.jpg);
background-position:center top;
background-repeat:repeat;
}
#top-ap h1 {
clear:both;
color : #640404;
font-family : Georgia;
font-style : italic;
display : block;
padding: 50px 0px 0px 30px;
text-align : justify;
width:550px;
line-height:120%;
}
#top-ap h1 a{
clear:both;
color : #640404;
text-decoration:none;
}
#top-ap h2 {
clear:both;
color : #640404;
font-family : Georgia;
font-style : italic;
display : block;
padding: 70px 0px 0px 30px;
text-align : justify;
width:560px;
line-height:190%;
}
#top-ap h2 a{
clear:both;
color : #640404;
}
/*------ SREDINA lijevo/desno ----- */
#stupci{
width : 960px;
float:left;
margin-top:0px;
background:#e8ded3;
}
/*---- VIDEO ----*/
.left-video{}
.right-video{}
#video{
float:left;
width:320px;
margin-top:10px;
}
#video-box-right{
width:400px;
float:right;
margin-right:55px;
margin-bottom:20px;
}
.align{
padding:10px 0px 10px 40px;
height:256px;
background:#fff;
}
.video-title{
font-size: 1.2em!important;
font-family : Trebuchet MS, Arial, Helvetica, Sans-Serif!important;
background:#b18c73;
padding:0px 0px 0px 10px;
margin-top:10px;
color:#FFFFFF;
}
.laser{
padding:0px 0px 0px 15px;
}
/*------ left / right / navigacija left----- */
#left{
float:left;
width:320px;
margin-top:10px;
}
#nav-left ul {
margin : 0;
padding : 0;
display : block;
list-style-type:none;
float:left;
margin:0px 0px 10px 0px;
}
#nav-left li {
width : 280px;
display:block;
float:left;
margin: 0px 10px 15px 10px;
padding:10px 0px 5px 10px;
font-size:1em;
/*background:url(../images/bg-left-menu.jpg);*/
font-family:Trebuchet MS, Arial, Helvetica, Sans-Serif;
/*background:#b18c73;*/
background:url(../images/bg-tretmani.jpg);
}
#nav-left li a:link,
#nav-left li a:visited {
text-decoration:none;
color:#733b31;
}
#nav-left li a:hover {
color : #733b31;
}
.title{
/*background:#b18c73 url(../images/bg-tretmani.jpg);*/
background:#b18c73;
width:600px;
float:left;
padding:0px 20px 0px 10px;
margin-top:10px;
}
.text{
font-size:0.9em!important;
font-family : Trebuchet MS, Arial, Helvetica, Sans-Serif!important;
color:#111;
padding:0px 30px 0px 0px!important;
text-align:justify;
}
h6{
font-size: 2em!important;
font-family : Trebuchet MS, Arial, Helvetica, Sans-Serif!important;
color:#f3eae6;
font-variant:small-caps;
}
.maps{
padding:0px 0px 0px 15px;
font-family : Trebuchet MS, Arial, Helvetica, Sans-Serif!important;
}
#right-kontakt{
float:right;
width:640px;
/*background:#faf8f6;*/
margin-top:10px;
}
#right-kontakt h4 a{
font-size: 1.2em!important;
font-family : Trebuchet MS, Arial, Helvetica, Sans-Serif!important;
color:#660404!important;
text-decoration:none;
}
#right{
float:right;
width:640px;
/*background:#faf8f6;*/
margin-top:10px;
}
#right h4 a{
font-size: 1.2em!important;
font-family : Trebuchet MS, Arial, Helvetica, Sans-Serif!important;
color:#660404!important;
text-decoration:none;
}
#right-vise{
float:right;
width:640px;
background:#e8ded3;
}
.box-tretmani{
width:620px;
height:37px;
float:left;
margin:0px 0px 5px 0px;
padding:12px 0px 0px 10px;
background:url(../images/bg-tretmani.jpg);
/*background:#b18c73;*/
font-variant:small-caps;
}
.box-img {
width:180px;
float:left;
margin:5px 30px 0px 0px;
border:1px #fff solid;
}
.carboxy-box-img {
width:360px;
height:206px;
float:left;
margin:5px 30px 0px 0px;
border:1px #fff solid;
}
.carboxy-box-img-2 {
width:180px;
height:263px;
float:left;
margin:5px 30px 0px 0px;
border:1px #fff solid;
}
ul.box-img{
float:left;
margin:5px 30px 0px 0px;
border:0px #fff solid;
}
li.box-img{
border:1px #fff solid;
list-style-type:none;
}
ul.box-img2{
width:150px;
float:left;
margin:5px 30px 0px 0px;
border:0px #fff solid;
list-style-type:none;
}
li.box-img2{
border:1px #fff solid;
list-style-type:none;
}
.box-images{
width:180px;
float:left;
margin:5px 27px 0px 7px;
border:2px solid #fff;
}
.box-text{
width:640px;
float:right;
margin:0px 0px 10px 0px;
}
.box-gallery{
width:640px;
float:right;
margin:0px 0px 10px 0px;
}
.box-text p{
font-size: 0.9em!important;
padding:0px 30px 0px 20px!important;
font-family : Trebuchet MS, Arial, Helvetica, Sans-Serif!important;
text-align:justify;
line-height:190%;
}
p.laser{
font-size: 1.1em!important;
font-family : Trebuchet MS, Arial, Helvetica, Sans-Serif!important;
text-decoration:underline;
}
ul.box{
font-size: 0.9em!important;
padding:0px 0px 0px 60px!important;
}
.box-li{
padding:0px 20px 0px 0px!important;
font-family : Trebuchet MS, Arial, Helvetica, Sans-Serif!important;
text-align:justify;
list-style-type:disc;
font-size: 1em!important;
}
p.vise a{
font-size: 0.9em!important;
font-family : Trebuchet MS, Arial, Helvetica, Sans-Serif!important;
color:#000000;
text-align:justify;
line-height:190%;
float:right;
background:url(../images/bg-vise.jpg);
border-left:1px solid #c2af99;
border-right:1px solid #c2af99;
padding:3px;
text-decoration:none;
}
.box-text-vise{
width:625px;
float:right;
margin:0px 15px 10px 0px;
}
.box-text-vise p{
font-size: 0.9em!important;
padding:0px 0px 0px 10px!important;
font-family : Trebuchet MS, Arial, Helvetica, Sans-Serif!important;
text-align:justify;
line-height:190%;
max-width:600px;
}
p.title-vise {
font-size: 1.4em!important;
font-family : Trebuchet MS, Arial, Helvetica, Sans-Serif!important;
}
ul.box-vise{
list-style-type:disc;
font-size: 0.9em!important;
font-family : Trebuchet MS, Arial, Helvetica, Sans-Serif!important;
text-align:justify;
padding:0px 10px 0px 40px!important;
line-height:170%;
}
/* Lightbox*/
#gallery {
padding:8px 0px 0px 15px;
width:600px;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; padding:0px 0px 0px 2px; }
#gallery ul img {
border:1px #fff solid;
}
#gallery ul a:hover img {
border:1px #fff solid;
color: #fff;
}
#gallery ul a:hover { color: #fff; }
/* END Lightbox*/
/* Lightbox*/
#gallery-tretmani {
padding:8px 0px 0px 0px;
width:190px;
}
#gallery-tretmani ul { list-style: none; }
#gallery-tretmani ul li { display: inline; padding:0px 0px 0px 2px; }
#gallery-tretmani ul img {
border:1px #fff solid;
}
#gallery-tretmani ul a:hover img {
border:1px #fff solid;
color: #fff;
}
#gallery-tretmani ul a:hover { color: #fff; }
/* END Lightbox*/
/* Lightbox*/
#gallery-trajna {
padding:8px 0px 0px 0px;
width:600px;
}
#gallery-trajna ul { list-style: none; }
#gallery-trajna ul li { display: inline; padding:0px 0px 0px 2px; }
#gallery-trajna ul img {
border:1px #fff solid;
}
#gallery-trajna ul a:hover img {
border:1px #fff solid;
color: #fff;
}
#gallery-trajna ul a:hover { color: #fff; }
/* END Lightbox*/
/* Lightbox*/
#gallery-left{
padding:0px 0px 0px 9px;
width:290px;
}
#gallery-left ul { list-style: none; }
#gallery-left ul li { display: inline; padding:0px 10px 0px 0px; }
#gallery-left ul img {
border:1px #fff solid;
}
#gallery-left ul a:hover img {
border:1px #fff solid;
color: #fff;
}
#gallery-left ul a:hover { color: #fff; }
/* END Lightbox*/
/*------ grid / box ----- */
#grid{
width:960px;
clear:both;
height:32px;
background:#e8ded3;
/*background:url(../images/bg-top2.jpg);
background-position:center top;
background-repeat:repeat;*/
}
#grid-slide{
width:960px;
background:#e8ded3;
}
#grid .box{
width:280px;
background:#fff;
margin:10px 20px 0px 20px;
/*float:left;*/
}
.box h3{
color : #640404!important;
font-family : Trebuchet MS, Arial, Helvetica, Sans-Serif!important;
font-size:1em!important;
padding:14px 0px 10px 20px;
line-height:200%;
}
.box p{
color : #640404!important;
font-family : Trebuchet MS, Arial, Helvetica, Sans-Serif!important;
font-size:0.8em!important;
padding:10px 0px 0px 10px;
}
.alpha{margin-left:0}
.omega{margin-right:0px}
/*------ SREDINA ----- */
#container{
width : 960px;
float:left;
margin-top:0px;
background:url(../images/bg-red.jpg);
background-repeat:repeat;
}
/* ----- main----- */
#main{
width : 250px;
float:left;
font-size:75%;
/*background:#700505;*/
margin-left:20px;
}
#main h2 {
clear:both;
color : #b9967e;
font-family : Georgia;
font-style : italic;
display : block;
padding: 0px 0px 0px 10px;
text-align : justify;
font-size:2em!important;
border-bottom:1px solid #fff;
}
/*------ NAVIGACIJA main----- */
#nav-main ul {
margin : 0;
padding : 0;
display : block;
list-style-type:none;
float:left;
margin:10px 0px 10px 0px;
width : 250px;
}
#nav-main li {
width : 240px;
display:block;
float:left;
margin: 0px 0px 0px 10px;
padding:0px 0px 0px 0px;
font-size:1.2em;
font-family:Trebuchet MS, Arial, Helvetica, Sans-Serif;;
}
#nav-main li a:link,
#nav-main li a:visited {
text-decoration:none;
color:#fff;
}
#nav-main li a:hover {
color : #733b31;
}
/* ----- cjenik ----- */
.title-cjenik{
font-size:1.3em!important;
color:#660404;
padding:5px 0px 5px 10px!important;
font-weight:bold;
background:url(../images/bg-tretmani.jpg);
font-family:Trebuchet MS, Arial, Helvetica, Sans-Serif;
}
.subtitle-cjenik{
font-size:1em!important;
color:#111;
padding:10px 0px 0px 15px!important;
font-family:Trebuchet MS, Arial, Helvetica, Sans-Serif;
border-bottom:1px dashed #660404;
}
.prices-cjenik{
font-size:1em!important;
color:#111;
padding:0px 0px 0px 20px!important;
font-family:Georgia;
border-bottom:1px dashed #660404;
}
/* ----- novosti ----- */
.novosti-vise a{
color:#000;
font-size:1em;
float:right;
font-family:Trebuchet MS, Arial, Helvetica, Sans-Serif;
text-align:justify;
margin: 10px 30px 0px 20px;
}
#novosti{
width : 420px;
float:left;
font-size:75%;
margin-left:10px;
margin-right:10px;
}
#novosti p{
color:#FFFFFF;
font-size:1.2em;
font-family:Trebuchet MS, Arial, Helvetica, Sans-Serif;
text-align:justify;
margin: 10px 10px 0px 10px;
}
#novosti h2 {
clear:both;
color : #b9967e;
font-family : Georgia;
font-style : italic;
display : block;
padding: 0px 0px 0px 10px;
text-align : justify;
font-size:2em!important;
border-bottom:1px solid #fff;
}
/* ----- sidebar ----- */
#sidebar{
width : 230px;
float:left;
font-size:75%;
margin-right:20px;
}
#nav-sidebar ul {
margin : 0;
padding : 0;
display : block;
list-style-type:none;
margin:10px 0px 10px 0px;
clear:both;
}
#nav-sidebar li {
width : 220px;
display:block;
text-align:right;
margin:0px 0px 0px 0px;
padding:10px 10px 0px 0px;
font-size:1.2em;
line-height:180%;
color:#FFFFFF;
font-family:Trebuchet MS, Arial, Helvetica, Sans-Serif;;
}
#sidebar .img{
border:none;
width : 230px;
height:36px;
float:right;
border-bottom:1px solid #fff;
clear:both;
display : block;
}
/*------ DNO ----- */
#footer{
clear:both;
width : 960px;
float:left;
margin-top : 0;
margin-right : auto;
margin-bottom : 0;
margin-left : auto;
padding:0px;
background:#e8ded3;
}
/*------ NAVIGACIJA dno ----- */
#nav-footer ul {
margin : 0;
padding : 0;
list-style : none;
display : block;
margin-left:0px;
}
#nav-footer li {
display : block;
float:left;
text-align : center;
margin: 0px 0px 0px 30px;
padding:0px 10px 0px 0px;
font-size:0.9em;
text-decoration:underline;
font-family:Trebuchet MS, Arial, Helvetica, Sans-Serif;;
}
#nav-footer li a:link,
#nav-footer li a:visited {
text-decoration:none;
color:#4d0000;
}
#nav-footer li a:hover {
color : #733b31;
}
/*------ /NAVIGACIJA ----- */
/*------ NAVIGACIJA copy----- */
#copy{
clear:both;
width : 960px;
float:left;
margin-top:0px;
background:#e8ded3;
}
#copy ul {
margin : 0;
padding : 0;
list-style : none;
display : block;
margin-left:0px;
}
#copy li {
display : block;
float:right;
text-align : center;
margin: 0px 0px 0px 30px;
padding:0px 10px 0px 0px;
font-size:0.6em;
color:#4d0000;
font-family:Trebuchet MS, Arial, Helvetica, Sans-Serif;;
}
#copy li a:link,
#copy li a:visited {
text-decoration:none;
color:#4d0000;
}
#copy li a:hover {
color : #733b31;
}
/*------ /NAVIGACIJA ----- */
/* clear */
.clear{
clear:both;
}
/*----- KONTAKT ----- */
label{
padding:0px 0px 0px 0px;
}
.contactform fieldset {
padding:0;
margin: 0 0 0 0;
border: 0px #ccc dashed;
}
legend{
font-size:1.5em!important;
color:#454340;
padding:0px 0px 0px 0px!important;
}
input.title {
font-size:1.1em;
width: 250px;
padding:5px;
color:#666}
.contactform
{
width:300px;
margin-bottom:0px;
margin-top:0px;
font-family:Trebuchet MS, Arial, Helvetica, Sans-Serif;
float:left;
margin-left:20px;
}
.contactform form{
overflow:hidden;
/*font-size:1em;*/
}
.contactform label{
width:95%;
font-size:1em;
color:#454340;
padding:10px 0px 0px 0px;
}
.contactform textarea, .contactform input
{
width:88%;
padding: 5px;
border: #ccc 1px solid;
margin:10px 0px 5px 5px;
background:#fff;
}
.contactform .submit-button
{
float:right;
width: 100px;
margin:10px 23px 5px 0px;
}
.contactform textarea:focus,.contactform input:focus, .contactform .submit-button:focus
{
border: #ccc 1px solid;
background:#ffffff;
}
ul.kontakt{
float:left;
margin:0px 0px 0px 20px;
border:0px #fff solid;
list-style-type:none;
font-size:0.9em!important;
font-family:Trebuchet MS, Arial, Helvetica, Sans-Serif;
line-height:310%;
color:#454340;
}
ul.kontakt a{
color:#454340;
}