/************************************************ * Salon Amazona * * CSS document http://www.salon-amazona.com * * Copyright (c) 2009. Coding by Davor Peic * * http://www.davorpeic.com me@davorpeic.com * ************************************************/ body{color:#5a5a5a;font-family:"Trebuchet MS", sans-serif; font-size: 62.5% ;line-height:140%;background:#ffdbff url(../images/bg1.jpg) 50% 0 no-repeat; background-attachment: fixed; padding-bottom: 30px; /* height: 100%; */} /* body.hasJs { overflow:hidden; } */ h1{text-indent: -9999px; outline: none; width: 170px; height: 80px; background: transparent url(../images/sprite.png) 0 -251px no-repeat; display: block;} h1 a { display: block; width: 170px; height: 80px; } h2{text-indent: -9999px; outline: none; width: 200px; height: 35px; display: block; margin-bottom: 7px;} h3{font-family:"Trebuchet MS"; font-size:1.1em;line-height:1.4em;margin-bottom:10px; color:#E87EAB; text-shadow: 1px 1px 4px #FFFFFF;} h3.customh3 { margin-bottom: 5px; margin-top: 12px; } h4{font-size:1.1em;font-style:italic; color: #ff5b3e; font-weight: bold;} h4 strong { font-size: 1.3em;} h4 a, h4 a:visited { color: #ff5b3e; font-weight: normal; } h4.h4_foto { text-align: center; padding: 8px; } #content ul{padding:15px; padding-top: 5px;} #content ul li{background:transparent url(../images/bullet.png) 0 7px no-repeat;padding:0 15px} a,a:visited{color:#27922e;text-decoration:underline} a:hover{text-decoration:none} p { margin-bottom: 15px; } .clear { clear: both; } #wrapper { width: 780px; margin:10px auto 0; text-align: center; /* overflow: hidden; */ /* position: relative; */ padding-right:20px; padding-top:30px; background:transparent url(../images/cvijet_up.png) no-repeat scroll 100% 0; } .wrapper2 { width: 780px; background:transparent url(../images/cvijet_down.png) no-repeat scroll 140px 100%; padding-bottom:45px; } #content { width: 580px; float: right; /* position: relative; */ background: transparent url(../images/rounded_corners.png) 0 0 no-repeat; padding-top: 12px; text-align: left; margin-top: 20px; color: #5a5a5a; font-size: 1.5em; line-height:1.4em; } .cont_bottom { width: 580px; background: transparent url(../images/rounded_corners.png) 100% 100% no-repeat; padding-bottom: 12px; } .cont_middle { width: 540px; background: transparent url(../images/pixel_fff_50.png) 0 0 repeat; padding: 8px 20px; } body.hasJs .cont_middle { overflow: hidden; } body.hasJs .cont_middle { /* min-height: 455px; */ } #content.main_content_mail { float: none; margin: 0 auto;} #left { width: 200px; float: left; position: fixed; text-align: left; margin-top: 15px; } #menu { padding:20px 0; } #menu li { margin-bottom: 2px; } #menu li a { text-decoration: none; text-indent: -9999px; display: block; width: 200px; height: 48px; } #menu li a.o_salonu, #menu li a.o_salonu:visited { background: transparent url(../images/sprite.png) 0 0 no-repeat; } #menu li a.o_salonu:hover { background: transparent url(../images/sprite.png) -200px 0 no-repeat; } #menu li a.o_salonu.active { background: transparent url(../images/sprite.png) -400px 0 no-repeat; } #menu li a.gdje_smo, #menu li a.gdje_smo:visited { background: transparent url(../images/sprite.png) 0 -102px no-repeat; } #menu li a.gdje_smo:hover { background: transparent url(../images/sprite.png) -200px -102px no-repeat; } #menu li a.gdje_smo.active { background: transparent url(../images/sprite.png) -400px -102px no-repeat; } #menu li a.foto, #menu li a.foto:visited { background: transparent url(../images/sprite.png) 0 -153px no-repeat; } #menu li a.foto:hover { background: transparent url(../images/sprite.png) -200px -153px no-repeat; } #menu li a.foto.active { background: transparent url(../images/sprite.png) -400px -153px no-repeat; } #menu li a.rezervacije, #menu li a.rezervacije:visited { background: transparent url(../images/sprite.png) 0 -204px no-repeat; } #menu li a.rezervacije:hover { background: transparent url(../images/sprite.png) -200px -204px no-repeat; } #menu li a.rezervacije.active { background: transparent url(../images/sprite.png) -400px -204px no-repeat; } #menu li a.o_nama, #menu li a.o_nama:visited { background: transparent url(../images/sprite.png) 0 -510px no-repeat; } #menu li a.o_nama:hover { background: transparent url(../images/sprite.png) -200px -510px no-repeat; } #menu li a.o_nama.active { background: transparent url(../images/sprite.png) -400px -510px no-repeat; } h2.h2_o_salonu { background: transparent url(../images/sprite.png) -200px -255px no-repeat; margin-bottom: 0; } h2.h2_gdje_smo { background: transparent url(../images/sprite.png) -200px -338px no-repeat; /* margin-top: 35px; */ } h2.h2_foto { background: transparent url(../images/sprite.png) -200px -380px no-repeat; /* margin-top: 35px; */ } h2.h2_rezervacije { background: transparent url(../images/sprite.png) -200px -422px no-repeat; /* margin-top: 35px; */ } h2.h2_onama { background: transparent url(../images/sprite.png) -200px -462px no-repeat; /* margin-top: 35px; */ } .booking { /* width: 200px; float: right; */ display:block; /* padding: 20px 0; */ } .booking label { display: block; font-size:0.8em; text-transform:uppercase;} .booking input { width: 190px; padding: 6px 5px; border: 1px #ffb2d6 solid; background-color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .booking textarea { font-family: "Trebuchet MS"; width: 190px; padding: 6px 5px; border: 1px #ffb2d6 solid; background-color: #fff; font-size:0.8em; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .booking p { margin-bottom: 5px; } .booking .submit_btn { font-weight: bold; text-transform: uppercase; cursor: pointer; } .booking .submit_btn:hover { cursor: pointer; } .google_map { padding: 10px; height: 350px; width: 515px; background-color: #fff; border: 1px #ffb2d6 solid; } .psi { width: 270px; height: 210px; display: inline; float: right; margin:10px 0 15px 15px; background: transparent url(../images/psi.png) 0 0 no-repeat; } .mala_mapa { float: right; margin:0 0 15px 15px; border: 3px solid #fff; display: inline; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #content ul.gallery { padding: 10px 20px; } #content ul.gallery li { padding: 0; background: none; float: left; display: block; border: 3px solid #fff; margin-right: 14px; display: inline; margin-bottom: 5px;} #content ul.gallery li a, #content ul.gallery li a:visited { } #content ul.gallery li a img { float: left; } #content ul.gallery li:hover { border: 3px solid #ffaf7a; } .submit { width: 320px; float: right; padding-top:15px; margin-top:295px; } .warning { display:block; font-size:0.8em; font-style:italic; padding:8px 0 5px; } .contactFormMust, .obavezno { color: red; font-size: .9em; } .main_content_mail h5 { color:#FF5B3E; font-size:1.7em; line-height:1.2em; } p.mail_report { font-size: 1.4em; font-weight: bold; display: block; padding: 10px; background-color: #fff; border: 1px solid #ffdaaf; margin: 20px 0; } #footer { text-align: right; text-transform: uppercase; font-size: 1.4em; color: #fff; padding-top: 5px;} #footer span { font-size: .7em; color: #ff92c1; } #footer a, #footer a:visited { color: #f26da6; font-size: .7em; text-shadow: 1px 1px 4px #FFFFFF; padding: 2px 0; } #footer a:hover { color: #d83c7f; }