p, h1, h2, h3, h4, h5, ul, ol, form {margin: 0; padding: 0;}
fieldset {margin: 0; padding: 0; border: none;}
ul {list-style: none;}
input, textarea, select {font: 100% arial,sans-serif; }
hr {border: none; border-bottom: 1px dotted #cecece; height: 1px; padding: 0; display: block; margin: 15px 0 15px 0; _margin: 5px 0 10px 0; clear: both;}*/

.hidden {display: none !important;}
.clr {clear: both; display: block; font-size: 1px; height: -1px;}
img {border: none;}
.tal {text-align: left !important;}
.tar {text-align: right !important;}
.tac {text-align: center !important;}
.taj {text-align: justify !important;}
.imgl {float: left; _display: inline; margin-right: 10px;}
.imgr {float: right; _display: inline; margin-left: 10px;}
.nobrd {border: none !important;}
.nomarg {margin: 0 !important;}
.nopadd {padding: 0 !important;}
.fl {float: left;}
.fr {float: right;}
a {color: #e00000;}

/***********************************************/

body {margin: 0; padding: 30px 0; font-size: 75%; text-align: center; color: #555555; background: #f3f3f3 url(../images/layout/backgrounds/body-bg.gif); font-family: arial, sans-serif;}
span.tattoo {width: 100%; height: 271px; position: absolute; top: 128px; left: 0; background: url(../images/layout/backgrounds/tattoo-bg.gif) repeat-x; z-index: 1;}
#site {margin: auto; width: 960px; padding: 20px 15px; text-align: left; background: #fff; position: relative; z-index: 2;}

/*top*/
h1#logo {position: relative; width: 182px; height: 58px; overflow: hidden; font-size: 200%; text-transform: uppercase;}
h1#logo a {cursor: pointer; cursor: hand; color: #e00000; text-decoration: none;}
h1#logo a small {color: #707070; font-size: 70%; display: block;}
h1#logo span {position: absolute; width: 182px; height: 58px; top: 0; left: 0; background: url(../images/layout/headings/h1-logo.gif) 0 0 no-repeat;}

#fullbanner {position: absolute; top: 15px; right: 15px; width: 750px; height: 70px;}

#top {margin-top: 20px; padding-bottom: 3px; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;}

/*categories*/
#mainmenu {width: 200px; float: left;}
#mainmenu li {display: block; position: relative; width: 181px; height: 29px; =height: 26px; line-height: 29px; _height: 1px; margin-top: 1px; _margin-bottom: -1px;}
#mainmenu li a {font-size: 130%; _height: 1px; font-weight: bold; display: block; color: #000; text-decoration: none; cursor: pointer; cursor: hand; border-bottom: 1px solid #e8e8e8;}
#mainmenu li a:hover, #mainmenu li a.act {color: #e00000;  border-bottom: 1px solid #e00000;}
#mainmenu li span {position: absolute; width: 181px; height: 29px; top: 0; left: 0; background-position: 0 0; background-repeat: no-repeat;}
#mainmenu li.m1 span {background: url(../images/layout/nav/m1.gif);}
#mainmenu li.m2 span {background: url(../images/layout/nav/m2.gif);}
#mainmenu li.m3 span {background: url(../images/layout/nav/m3.gif);}
#mainmenu li.m4 span {background: url(../images/layout/nav/m4.gif);}
#mainmenu li.m5 span {background: url(../images/layout/nav/m5.gif);}
#mainmenu li.m6 span {background: url(../images/layout/nav/m6.gif);}
#mainmenu li.m7 span {background: url(../images/layout/nav/m7.gif);}
#mainmenu li a:hover span, #mainmenu li a.act span {background-position: 0 -29px;}

#mainmenu a#face {position: absolute; top: 330px; left: 15px;}

/*info*/
#info {width: 740px; float: right;}

#supmenu {position: relative; z-index: 2; _height: 20px; border-bottom: 1px solid #e8e8e8;}
#supmenu li {display: inline; float: left; position: relative; background: url(../images/layout/crumbs/supmenu-splitter.gif) 0 11px no-repeat;}
#supmenu li a {padding: 9px 15px 6px 15px; _height: 1px; display: block; float: left; text-decoration: none; color: #e00000;}
#supmenu li a:hover, #supmenu li a.act, #supmenu li:hover a {color: #000; text-decoration: underline;}

#supmenu li ul {position: absolute; z-index: 3; width: 180px; left: 0; top: 30px; display: none; background: #fff; border: 1px solid #e8e8e8; border-top: 0; border-bottom: 3px solid #e00000;}
#supmenu li ul li {display: block; float: none; _height: 1px; _margin-bottom: -3px;}
#supmenu li ul li a, #supmenu li:hover ul li a {text-align: left; display: block; padding: 5px 15px; width: 150px; background: #fff; border-top: 1px dashed #e0e0e0; color: #000; text-decoration: none; font-weight: normal;}
#supmenu li ul li.fst a {border-top: 1px solid #fff;}
#supmenu li ul li a:hover {color: #e00000; text-decoration: underline;}
#supmenu li:hover ul {display: block;}

/*welcome*/
#maininfo {width: 455px; float: left;}
#maininfo h1 {font-size: 120%; color: #000; font-weight: normal; line-height: 1.4em; padding-top: 30px; background: url(../images/layout/headings/claim.gif) 0 10px no-repeat; margin-bottom: 1em;}
#maininfo h1 a {color: #e00000;}
#maininfo p {margin-bottom: 1em;}

#maininfo a#myba, #maininfo a#studioba {width: 194px; height: 53px; padding: 10px; display: block; _display: inline; float: left; position: relative; color: #e00000; text-decoration: none; font-size: 150%; background: #f7f7f7;}
#maininfo a#studioba {width: 215px; margin-left: 5px;}
#maininfo a#myba strong, #maininfo a#studioba strong {color: #000;}
#maininfo a#myba:hover, #maininfo a#studioba:hover {color: #fff; background: #e00000;}
#maininfo a#myba span, #maininfo a#studioba span {height: 73px; position: absolute; top: 0; left: 0;}
#maininfo a#myba span {width: 214px; background: url(../images/layout/buttons/myba.gif) 0 0 no-repeat;}
#maininfo a#studioba span {width: 235px; background: url(../images/layout/buttons/studioba.gif) 0 0 no-repeat;}
#maininfo a#myba:hover span, #maininfo a#studioba:hover span {background-position: 0 -73px;}

/*login*/
#loginarea {width: 270px; float: right;}
#loginarea form {background: #f7f7f7; border: 1px solid #e8e8e8; min-height: 106px; _height: 106px; padding: 10px 25px; margin: 15px 0 8px 0; =margin-bottom: 6px; }
#loginarea h3 {width: 210px; height: 23px; position: relative; overflow: hidden; color: #e00000; font-size: 120%; border-bottom: 1px solid #e00000; margin-bottom: 5px;}
#loginarea h3 span {width: 210px; height: 23px; position: absolute; top: 0; left: 0; background: url(../images/layout/headings/login-heading.gif) 0 0 no-repeat;}
#loginarea h3.logged span {background: url(../images/layout/headings/login-heading2.gif) 0 0 no-repeat;}
#loginarea label {color: #e00000; width: 66px; float: left; position: relative; top: 2px;}
#loginarea input.txt {background: #e8e8e8; border: 0; width: 140px; height: 14px; padding: 2px; color: #000;}
#loginarea input.btn {background: #e00000; color: #fff; border: 0; width: 70px; text-align: center; margin-left: 66px; _margin-left: 69px;}
#loginarea p {margin: 3px 0; font-size: 90%; margin-left: 66px; _margin-left: 69px;}
#loginarea a {color: #000;}
#loginarea .clr {margin: 2px 0; =margin: 0;}

#loginbanner {background: #e8e8e8; height: 75px;}
#loginbanner p {margin: 0; padding: 0;}

/*content*/
#content {width: 825px; float: left; margin-top: 15px;}
#content h1 {padding: 5px 15px 5px 30px; font-size: 150%; color: #fff; margin: 0 0 1em 0; text-transform: uppercase; background: #767676 url(../images/layout/crumbs/h-bullet.gif) 0 0 no-repeat; position: relative;}
#content h1 small {position: absolute; width: 100px; height: 20px; bottom: 5px; right: 15px; text-align: right; color: #000; font-size: 70%;}
#content h2 {font-size: 130%; color: #e00000; margin: 1em 0 0.2em 0;}
#content h3 {font-size: 100%; color: #000; margin: 1.2em 0 0.2em 0;}
#content a {color: #e00000;}
#content p {margin: 0.2em 0 1.2em 0; line-height: 1.5em;} 
#content img {border: 0;}
#content ul {margin: 0.5em 0 1.2em 5px;}
#content ol {margin: 0.5em 0 1.2em 25px; =margin: 0.5em 0 1.2em 30px;}
#content ol ol, #content ul ol {margin: 0 0 0 25px;}
#content ol li {padding: 3px 0;}
#content ul ul, #content ol ul {margin: 0 0 0 5px;}
#content ul li {padding: 3px 0 3px 0; =margin-left: 0; list-style: url(../images/layout/crumbs/bullet.gif) inside; =list-style: url(../images/layout/crumbs/bulletIE6.gif) inside;}
#content ul ol li {padding: 3px 0; background: none;}

#content ul#tabs {position: relative; top: 1px; left: 5px;}
#content ul#tabs li {display: inline; padding: 0; background: none;}
#content ul#tabs li a {display: block; _display: inline; float: left; padding: 5px 14px; background: #f2f2f2; border: 1px solid #e0e0e0; margin-right: 2px; text-decoration: none;}
#content ul#tabs li a:hover, #content ul#tabs li.act a {color: #000; background: #fff; border-bottom: 1px solid #fff;}

/*tabulky*/
#content table.common {width: 100%; margin: 0.5em 0 2em 0; border: none; border-collapse: collapse;}
#content table.common thead {background: #767676;}
#content table.common thead th, #content table.common thead td {text-align: left; padding: 5px; border: 1px solid #aaaaaa; color: #fff;}
#content table.common tbody th, #content table.common tbody td {text-align: left; padding: 3px 5px; border: 1px solid #dbdbdb;}
#content table.common tbody tr.tr1 td, #content table.common tbody tr.tr1 th {background: #fff;}
#content table.common tbody tr.tr2 td, #content table.common tbody tr.tr2 th {background: #eeeeee;}

#content table.plain {margin: 0.5em 0 2em 0; border: none; border-collapse: collapse;}
#content table.plain th, #content table.plain td {text-align: left; padding: 2px 10px 2px 0; vertical-align: top;}

#content .impnote {background: #f6f6f6; padding: 0 10px; border: 1px solid #e8e8e8;}
/*form*/
#content form {/*padding: 20px 15px;*/ margin: 0.5em 0 2em 0;}
#content label {color: #e00000;}
#content label.maincat {font-weight: bold;}
#content input.txt {background: #e5e5e5;  padding: 2px 2px 0 2px; border: 0;}
#content textarea.txt {overflow: auto; background: #e5e5e5; border: 0;}
#content select.txt {background: #e5e5e5;}
#content input.btn {background: #e00000; color: #fff; border: 0; padding: 3px 15px; font-weight: bold; text-align: center;}

#content form input.required {background: #e5e5e5 url(../images/layout/crumbs/req.gif) 100% 0 no-repeat;}
#content form label.error {color :black; display: none;}
#content form .row {margin: 5px 0; =margin: 3px 0;}

/*gallery*/
#content .ba, #content .bad {width: 195px; padding: 2px; border: 1px solid #e8e8e8; float: left; margin-right: 7px; margin-bottom: 7px; position: relative;}
#content .ba p.bapic {height: 210px; padding-bottom: 5px; _padding-bottom: 2px; background: url(../images/layout/crumbs/bapicline.gif) 1px 212px no-repeat; text-align: center; margin: 0;}
#content .bad p.bapic {height: 210px; text-align: center; margin: 0;}
#content .ba p.descr, #content .bad p.descr {height: 60px; overflow: hidden; background: #f6f6f6; padding: 3px 5px; color: #000; font-size: 90%; margin: 0; line-height: 1.3em;}
#content .bad p.descr {height: 15px; overflow: hidden;}
#content .ba p.descr a.detail {color: #000; font-weight: bold;}
#content .ba p.vote, #content .bad p.vote {text-align: right; margin: 0; height: 20px; color: #000; font-size: 90%; position: absolute; width: 85px; bottom: 0; right: 5px; line-height: 1.3em;}
#content .ba p.vote span.votemess, #content .bad p.vote span.votemess {width: 200px; height: 25px; position: absolute; top: -85px; left: -110px; line-height: 25px; text-align: center; background: #000; color: #fff; border-bottom: 3px solid #fff; border-top: 3px solid #fff;}

/*portfolio*/
#content #map {float: left; width: 350px; height: 279px}
#content #pano {float: right; width: 450px; height: 264px}

/*sort*/
#content .sort {position: relative; text-align: center; padding: 10px 0; font-size: 180%;}
#content .sort a {color: #000; text-decoration: none; padding: 0 5px;}
#content .sort a.act {color: #fff; background: #e00000; font-weight: bold;}

/*frontend admin*/
#content .baitem {width: 195px; float: left; background: #eff0e6; border: 1px solid #e0e0e0; padding: 2px; margin: 0 5px 5px 0;}
#content .baitem hr {margin: 3px 0; padding: 0;}
#content .baitem .subcat {padding: 0 0 0 20px; background: #f9f9f6;}
#content .baitem .subcat label {color: #606060;}
#content .baitem h3, #content .baitem h4 {margin: 0; padding-left: 3px;}

/*sidebanners*/
#sidebanners {width: 120px; float: right; margin-top: 15px;}
#sidebanners div {margin-bottom: 3px;}
#scyscraper {height: 600px;}
#bigrectangle {height: 300px;}
#square {height: 120px;}
#smallrectangle {height: 60px;}

/*footer*/
#footer {color: #000; clear: both; font-size: 90%; margin-top: 10px; background: #e8e8e8;}
#footer p {position: relative; padding: 8px 15px;}
#footer a {color: #737373; margin: 0 10px;}
#footer a.fst {margin-left: 0;}
#footer a.author {position: absolute; top: 8px; right: 15px; _right: 30px; color: #000; text-decoration: none; margin: 0;}
#footer a.author:hover {text-decoration: underline;}
#footer a.author span {color: #e00000;}

/*popup*/
 #backgroundPopup {display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:100%; width:100%; top:0; left:0; background:#000000; border:1px solid #cecece; z-index:9; }  
 #popupContact {display:none; height:400px; width:500px; background:#FFFFFF; border:2px solid #e00000; z-index:10; font-size: 140%;}  
 #popupContact h6 {text-align:left; color:#fff; font-size:130%; background: #e00000; padding: 5px 10px; margin: 0 0 20px 0;}  
 #popupContact p.contactArea {padding: 0 18px;} 
 a#Confirm {font-size: 110%; font-weight: bold; cursor: pointer; cursor: hand; text-decoration: underline;}
 #popupContactClose {font-size:14px; line-height:14px; right:6px; top:4px; position:absolute; color:#6fa5fd; font-weight:700; display:block;} 
 #popupContact ol{margin:20px 20px 20px 40px;}
 
 
/**********************************/

.w10 {width: 10px !important;}
.w20 {width: 20px !important;}
.w25 {width: 25px !important;}
.w30 {width: 30px !important;}
.w40 {width: 40px !important;}
.w50 {width: 50px !important;}
.w50p {width: 50% !important;}
.w60 {width: 60px !important;}
.w70 {width: 70px !important;}
.w80 {width: 80px !important;}
.w90 {width: 90px !important;}
.w100 {width: 100px !important;}
.w110 {width: 110px !important;}
.w120 {width: 120px !important;}
.w130 {width: 130px !important;}
.w140 {width: 140px !important;}
.w150 {width: 150px !important;}
.w200 {width: 200px !important;}
.w230 {width: 230px !important;}
.w250 {width: 250px !important;}
.w300 {width: 300px !important;}
.w350 {width: 350px !important;}
.w400 {width: 400px !important;}
.w450 {width: 450px !important;}
.w500 {width: 500px !important;}
.w550 {width: 550px !important;}
.w600 {width: 600px !important;}