/*
Theme Name: Sendi
Theme URI: http://salon-sendi.hr
Description: Frizerski Salon Sendi
Version: 1.0
Author: Omnigenus
Author URI: http://omnigenus.hr
Tags: omnigenus, web dizajn, izrada i odrzavanje web stranica, odrzavanje racunalnih sustava
*/

/*||||||||||||||||||||||||||||||||||||||||*/
/* OMNIGENUS CSS RESET */
/*||||||||||||||||||||||||||||||||||||||||*/
* {border: 0 none;margin:0;padding:0;font-weight: normal;font-style: normal;text-decoration: none;outline-style: none}
h1, h2, h3, h4, h5, h6 { font-family: "Myriad Web", Tahoma, sans-serif; letter-spacing: 1px}
p {font-size:1.2em;line-height:1.2em;margin-bottom:1em}
em {font-style: italic}
strong { font-weight: bold}
button { cursor: pointer}
html {overflow: scroll;}
ul {list-style:none outside}
a {outline:none;text-decoration:none}
a img {border:none;margin:0;padding:0}
img {display:block}
fieldset {border:none}
dl,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,html,p,blockquote,fieldset,input {margin:0;padding:0}
body {  font:62.5% Arial, Helvetica, sans-serif normal;color:#255f6a;background:#d1d1d1}

/*||||||||||||||||||||||||||||||||||||||||*/
/* P O M O C N I   A L A T I */
/*||||||||||||||||||||||||||||||||||||||||*/
.centar {margin:0 auto; text-align:center}

body {background-color: #dcdee2;background-image: url(images/dizajn/pozadina-top.png);background-repeat: repeat-x}
#kontejner {background:#eceff5 url(images/dizajn/pozadina-kontejner.png) repeat-y;width: 800px;margin: 0 auto}
#header {background-image: url(images/dizajn/header.png);height: 80px;width: 794px;margin-left: 3px}
#header h1 { text-indent:-5000px;color:#009}
	
#izbornik {display:inline;background:#86172f url(images/dizajn/pozadina-meni.png) no-repeat top left;float:left;width:283px;height:281px;margin-left:3px}
#salon {display:inline;background: url(images/dizajn/meni-slika.jpg) no-repeat top left;float:right;width:511px;height:281px;margin-right:3px;padding:0}
div.linija {clear:both;background: url(images/dizajn/linija-sadrzaj.png) top left no-repeat;padding:0; height:3px; width:800px}

ul#meni {display:block;margin-top:52px}
ul#meni li {width:283px;height:18px;margin:14px 0}
ul#meni li a {padding:4px 0 0 74px;background:url(images/dizajn/strelice.png) left bottom no-repeat;color:#fff;display: block;font-size:1.1em;text-transform: uppercase;font-weight:bold}
ul#meni li a:hover {background-position:left top;color:#c6c6c6}
ul#meni li.aktivna a {background:url(images/dizajn/strelice.png) left top no-repeat;color:#c6c6c6}

#slika-salona {display:block;margin-left:3px;width:283px;float:left}
	
#sadrzaj {display:block;float:left;width:508px;margin-left:3px;padding-bottom:20px}
#sadrzaj h1 {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#86172f; letter-spacing:1px; font-size:1.9em; padding:20px 0 30px 25px}
#sadrzaj h2 {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#86172f; letter-spacing:1px; font-size:1.6em; padding:20px 0 10px 25px}
#sadrzaj p { color:#686868; font-size:1.4em;padding:6px 30px 6px 30px}
#sadrzaj p.cjenik { color:#686868; font-size:1.2em;padding:20px 30px 20px 30px; text-align:center; text-transform:uppercase}
#sadrzaj p.proizvod { text-align:center; margin:10px 0 20px 0}
#sadrzaj .cjenik { color:#686868; font-size:1.1em; margin:5px 30px 2px 30px}
#sadrzaj td { height:17px}

#dno {clear:both;display:block;width:800px;height:49px;background:#35363c url(images/dizajn/pozadina-dno.png) no-repeat top left; position:relative}	
#dno ul#validacija {position:absolute;top:12px;left:17px}
#dno ul#validacija li {display:block}
#dno ul#validacija li a {color:#83837f}
#dno ul#validacija li a:hover {color:#fff}
#dno ul#sitemap {font-size:1.1em;letter-spacing:1px;width:800px;text-align:center;padding:8px 0 2px 0}
#dno ul#sitemap li {display:inline; padding:0 5px}
#dno ul#sitemap li a {border-bottom:#ccc dotted 1px;color:#83837f}
#dno ul#sitemap li a:hover {border-bottom:#ccc solid 1px;color:#fff}
#dno .copy {color:#83837f;text-align:center;font-size:1.1em;letter-spacing:2px;padding:3px}
#dno .dizajn {width:109px;height:20px;position:absolute;right:15px;top:14px}
#dno .dizajn a {background:url(images/dizajn/omnigenus-dizajn.png) bottom left no-repeat;display:block;height:20px;text-indent:-5000px}
#dno .dizajn a:hover {background:url(images/dizajn/omnigenus-dizajn.png) top left no-repeat}

#sadrzaj #kontakt p {padding:4px 0 4px 30px; font-size:1.3em}
#sadrzaj #kontakt p.karta {padding-bottom:20px}
#sadrzaj #kontakt p#mail { cursor:pointer}
#sadrzaj #kontakt a { color:#34343a; border-bottom:#34343a dotted 1px}
#sadrzaj #kontakt a:hover { color:#000; border-bottom:#88172f dotted 1px}
#forma { display:block;width:450px;margin-top:20px;position:relative}
div.robot-provjera {left:-9999px;position:absolute;top:-9999px}
h3.odgovor { color:#86172F;font-family:Georgia,"Times New Roman",Times,serif;font-size:1.6em;font-style:italic;letter-spacing:1px;padding:20px 0 5px 30px;}
div.red { position:relative; margin:0; padding:0; width:100%}
span.LV_invalid {position:absolute;top:0px;right:23px;font-size:11px;color:#686868;font-weight:bold;padding:2px}
span.LV_valid {position:absolute;top:0px;right:23px;font-size:11px;color:#7eb13a;font-weight:bold;padding:2px}
.kontakt { width:350px; text-align:left; margin:5px auto; padding:0}
.kontakt fieldset { padding:0 10px 10px 10px; border:1px solid #aeb0ad}
.kontakt legend { padding:5px 10px 5px 10px; font-family:Georgia; letter-spacing:1px; margin:0; font-size:1.4em; color:#86172f; font-style:oblique; font-weight:bold}
.kontakt fieldset label { font-size:1.2em; padding:0; margin:5px 0 2px 0px; font-weight:bolder; color:#76777b; display:block}
.kontakt fieldset input, .kontakt fieldset textarea, .kontakt fieldset select { font-family:arial;font-size:1.2em;display:block;background-color:#fff;margin:0;border:1px #CCC solid;padding:4px;color:#86172f;width:90%}
.kontakt button {margin:3px 0;background-color:#36373d;color:#fff;font-size:1.2em;cursor:pointer;padding:5px 10px 5px 10px;border:1px #CCC solid}
.kontakt button:hover { background-color:#fff; color:#86172f;border:1px #CCC solid}

#tablica{font-size:11px;margin:5px 30px 2px 30px;width:448px;background-color:#eceff5}
#tablica th{background-color:#686868;font-size:12px;padding:5px 5px;color:#fff}
#tablica td{padding:4px 5px;color:#686868}
#tablica tr:hover td{color:#fff;background:#8a1830}
.prva{background:#e6e6e6;border-right:10px solid transparent;border-left:10px solid transparent}
.treca{ background-color:#e6e6e6}