/* general */



* {

margin: 0;

padding: 0;

border: 0;

}



body {

font-family: Arial, Verdana, Helvetica, sans-serif;

font-size: 75%;

color: black;

background: #211718 url("../grafika/bg.jpg") repeat-x;

height: 100%;

text-align: center;

}



a {

color: black; 

text-decoration: underline;

} 



a:visited {

color: #b6b1b9; 

}



a:hover, a:active, a:focus {

color: #f0ece5; 

}


a.popup:visited {

color: black;

}

a.popup:hover, a.popup:active, a.popup:focus {

color: #f0ece5; 

}


h1  {

color: #ffc601; 

font-size: 150%;

font-weight: normal;

margin-bottom: 15px;

}



h2 {

font-size: 150%;

font-weight: normal;

color: #92167d;

margin: 0 0 20px 0;

}



h3 {

font-size: 120%;

color: #92167d; 

font-weight: bold;

margin: 0 0 20px 0;

}



h4 {

color: #c0bdb5; 

font-size: 100%;

margin: 20px 0 10px;

}



h5 {

font-size: 100%;

font-weight: bold;

color: #46a1bc; 

margin: 20px 0 10px 0;

}



h6 {

font-size: 90%;

font-weight: bold;

color: black; 

margin: 10px 0 10px 0;

}



p {

margin-bottom: 15px;

line-height: 150%;

}



ul, ol {

margin: 10px 0;

line-height: 140%;

}



li {

margin-left: 30px;

list-style: none;

padding: 7px 0 7px 23px;

background: url("../grafika/bullet.png") no-repeat 0 14px;

}



ol li {

list-style: decimal;

padding: 7px 0;

}



li a {

font-weight: bold;

}



.cistic {

=height: 1px;

=width: 1px;

=font-size: 1px;

=line-height: 1px;

=margin: -1px -1px 0 0;

clear: both;

}



input, textarea, select {

font-family: Arial, Verdana, Helvetica, sans-serif;

font-size: 100%;

color: black;

padding: 3px;

border: 1px solid #645f40;

}



address {

line-height: 150%;

font-style: normal;

font-weight: bold;

font-size: 100%;

margin: 30px 0 20px;

}



.strong {

font-weight: bold;

}



.black {

color: black;

}



.doprava {

float: right;

}



/***************** layout *************/



#obal {

background: url("../grafika/header.png") no-repeat center top;

}



#main {

width: 984px;

text-align: left;

margin: 0 auto;

position: relative;

}



#top {

width: 487px;

height: 171px;

padding: 124px 0 0 497px;

float: left;

position: relative;

}



#logo {

width: 215px;

height: 60px;

font-size: 150%;

color: #a81a96;

text-transform: uppercase;

overflow: hidden;

margin: 0;

position: relative;

}



#logo a, #logo span {

width: 215px;

height: 60px;

display: block;

background: url("../grafika/rubicone-tattoo-studio.jpg");

position: absolute;

top: 0;

left: 0;

}



/*** menu ***/



ul#menu { 

width: 685px;

height: 90px; 

margin: 0;

padding: 0;

font-size: 100%;

position: absolute;

top: 262px;

right: 37px;

}



ul#menu li {

height: 54px;

margin: 0 17px 0 0;

padding: 0;

list-style: none;

text-align: center;

text-transform: uppercase;

font-weight: bold;

overflow: hidden;

float: left;

}



ul#menu li#jedna {

width: 84px;

}



ul#menu li#dva {

width: 110px;

}



ul#menu li#tri {

width: 110px;

}



ul#menu li#ctyri {

width: 104px; 

}



ul#menu li#pet {

width: 88px;

}



ul#menu li#sest {

width: 104px;

margin: 0;

}



ul#menu li a, ul#menu li a:visited, ul#menu li span {

width: 100%;

font-size: 90%;

height: 44px;

padding-top: 10px;

color: #98949c;

text-decoration: none;

display: block;

}



ul#menu li#jedna a {

background: url("../grafika/menu.png") no-repeat 0 0;

}



ul#menu li#dva a {

background: url("../grafika/menu.png") no-repeat -101px 0;

}



ul#menu li#tri a {

background: url("../grafika/menu.png") no-repeat -227px 0;

}



ul#menu li#ctyri a {

background: url("../grafika/menu.png") no-repeat -352px 0;

}



ul#menu li#pet a {

background: url("../grafika/menu.png") no-repeat -475px 0;

}



ul#menu li#sest a {

background: url("../grafika/menu.png") no-repeat -582px 0;

}



ul#menu li a:hover, ul#menu li a:active, ul#menu li a:focus {

color: white;

}



ul#menu li span {

color: #847c69;

font-size: 100%;

height: 54px;

line-height: 54px;

padding: 0;

}



ul#menu li#jedna span {

background: url("../grafika/menu.png") no-repeat 0 -54px;

}



ul#menu li#dva span {

background: url("../grafika/menu.png") no-repeat -101px -54px;

}



ul#menu li#tri span {

background: url("../grafika/menu.png") no-repeat -227px -54px;

}



ul#menu li#ctyri span {

background: url("../grafika/menu.png") no-repeat -352px -54px;

}



ul#menu li#pet span {

background: url("../grafika/menu.png") no-repeat -475px -54px;

}



ul#menu li#sest span {

background: url("../grafika/menu.png") no-repeat -582px -54px;

}



/*** obsah ***/



#horni {

width: 984px;

height: 286px;

background: #989483 url("../grafika/top.jpg");

overflow: hidden;

float: left;

}



#dolni {

width: 984px;

height: 289px;

background: #989483 url("../grafika/bottom.jpg");

overflow: hidden;

float: left;

}



#vlevo {

width: 422px;

height: 241px;

padding: 45px 30px 0 45px;

float: left;

}



#vpravo {

width: 217px;

height: 241px;

padding: 45px 225px 0 45px;

float: left;

}



#vlevo2 {

width: 230px;

height: 264px;

padding: 25px 0 0 45px;

float: left;

}



#vlevo3 {

width: 192px;

height: 264px;

padding: 25px 30px 0 0;

float: left;

}



#vlevo3 ul li {

margin: 0;

}



#vpravo2 {

width: 247px;

height: 264px;

padding: 25px 195px 0 45px;

float: left;

}



a.vice, a.vice:visited {

font-weight: bold;

display: block;

margin-top: 35px;

color: black;

}



a.vice:hover, a.vice:focus, a.vice:active {

color: #b6b1b9;

}



/* slider */



#slider {

width: 946px;

height: 154px;

padding: 20px 0 0 38px;

background: url("../grafika/slider.jpg") no-repeat 18px 0;

float: left;

}





#slider ul, #slider ul li {

margin: 0;

padding: 0;

list-style: none;

}



#slider ul li { 

width: 946px;

height: 154px;

margin: 0 !important;

padding: 0 !important;

overflow: hidden; 

}



#slider a img, .galerie a img {

border: 1px solid #3b3f48;

margin-right: 10px;

}



.galerie a img {

margin-right: 5px;

}



#slider a:hover img, #slider a:active img, #slider a:focus img,

.galerie a:hover img, .galerie a:active img, .galerie a:focus img {

border: 1px solid #92167d;

}



img.last {

margin: 0;

}



span#prevBtn, span#nextBtn {

width: 38px;

height: 174px;

display: block;

position: absolute;

top: 581px;

left: -20px;

}



span#nextBtn {

left: 966px; 

}



a#prevBtn {

width: 38px;

height: 174px;

background: url("../grafika/prev.jpg");

display: block;

}



a#nextBtn {

width: 38px;

height: 174px;

background: url("../grafika/next.jpg");

display: block;

}



/** ukazky **/



#obsah {

background: #857f65 url("../grafika/bg2.jpg");

float: left; 

}



#inner {

background: url("../grafika/horni.jpg") top left no-repeat;

float: left; 

}



#spodni {

width: 939px;

min-height: 675px;

_height: 675px;

padding: 45px 0 30px 45px;

background: url("../grafika/dolni.jpg") bottom left no-repeat;

float: left; 

}



#spodni h2 {

height: 40px;

background: url("../grafika/h2.jpg") no-repeat bottom right; 

margin-bottom: 0;

}



.galerie {

padding-right: 30px;

margin-bottom: 30px;

}



.galerie a {

background: url("../grafika/foto.jpg") no-repeat;

padding: 16px 19px;

display: inline-block;

}



.galerie a.sirsi {

background: url("../grafika/foto2.jpg") no-repeat;

}



/** o nas **/



#obsah2 {

background: #857f65 url("../grafika/bg3.jpg");

float: left; 

}



#inner2 {

background: url("../grafika/horni2.jpg") top left no-repeat;

float: left; 

}



#spodni2 {

width: 984px;

min-height: 675px;

_height: 675px;

padding: 45px 0 30px 0;

background: url("../grafika/dolni2.jpg") bottom left no-repeat;

float: left; 

}



#spodni2 h2 {

height: 40px;

background: url("../grafika/nadpis.png") no-repeat bottom right; 

margin-bottom: 0;

}



#left {

width: 455px;

padding: 0 0 0 45px;

float: left;

}



#right {

width: 404px;

padding: 0 35px 0 0;

float: right;

}



/** kontakt **/



#left2 {

width: 275px;

float: left;

}



#left3 {

width: 224px;

padding-top: 30px;

float: left;

}



#left3 p {

padding-right: 30px;

margin-bottom: 30px;

}



#left4 {

width: 500px;

float: left;

}



#adresa {

width: 212px;

height: 226px;

padding-left: 45px;

background: url("../grafika/kontakt.jpg");

}



#adresa address {

margin: 0;

padding: 40px 0 20px;

}



a.vice2, a.vice2:visited {

width: 185px;

height: 51px;

line-height: 51px;

text-align: center;

background: url("../grafika/vice.jpg");

color: black;

font-weight: bold;

float: right;

}



a.vice2:hover, a.vice2:active, a.vice2:focus {

color: #b6b1b9;

}



ul.nomargin li {

margin-left: 0; 

}



/*** formulár ***/



fieldset {

padding-top: 20px;

}



input {

width: 194px;

height: 19px;

border: 1px solid #645f40;

background: #9c967e;

margin-bottom: 20px;

float: left;

}



input#odeslat {

width: 187px;

height: 56px;

line-height: 56px;

float: right;

text-align: center;

font-weight: bold;

text-transform: uppercase;

border: 0;

background: url("../grafika/odeslat.png");

color: black;

}



textarea {

width: 300px;

height: 185px;

border: 1px solid #645f40;

background: #9c967e;

margin-bottom: 10px;

float: left;

}



label {

width: 65px;

color: #484139;

padding-top: 3px;

font-weight: bold;

margin-bottom: 20px;

display: block;

float: left;

}



.small {

font-size: 90%;

padding-left: 70px;

}



a#zpet {

width: 102px;

text-align: center;

height: 34px;

line-height: 34px;

padding: 0;

background: url("../grafika/zpet.png");

font-weight: bold;

}



/* paticka */





#paticka {

width: 984px;

text-align: center;

color: #4f473c;

height: 80px;

line-height: 80px;

font-size: 90%;

background: url("../grafika/paticka.jpg") center top no-repeat;

float: left;

}



#paticka a {

color: #912c83;

}



#paticka a:visited {

color: #4f473c;

}



#paticka a:hover, #paticka a:active, #paticka a:focus {

color: white;

}



.oddelovac {

padding: 0 7px;

color: #912c83;

}



a#fb {

position: relative; top: 28px; left: -30px;

}