@charset "utf-8";
/* CSS Document - motion booking */

/* colors

#772505		bordo?
#bb846f		svetla bordo

*/

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

	global

******************************/
* { padding: 0; margin: 0; }
body { font: 12px Arial, Helvetica, sans-serif; color: #000; background: #eee url(/img/body-bg.jpg) 0 0 repeat; padding: 25px 0; }

a { color: #000; text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: none; }
hr { display: none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; line-height: 0; height: 0; }
.hidden { display: none; }
.center { text-align: center; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.bold { font-weight: bold; }

/* overlapping */
.overlap { position: relative; overflow: hidden; }
.overlap span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 0 0; background-repeat: no-repeat; }
.overlap a span,
a.overlap span { cursor: pointer; }


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

	layout

******************************/
#page-wrapper { width: 800px; margin: auto; background-color: #fff; padding: 1px 0; position: relative; }
#content { background: url(/img/content-bg-top.png) left top repeat-x; padding-top: 10px; }


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

	header

******************************/
#header { height: 205px; background: #f2ebed url(/img/header-bg.png) 0 0 no-repeat; border-top: 4px solid #772505; }
#logo { width: 90px; height: 72px; padding: 88px 0 0 348px; font-weight: bold; }
#logo a { color: #000; text-decoration: none; }


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

	menu

******************************/
#menu { position: absolute; top: 175px; left: 0; width: 800px; height: 35px; background-color: #772505; text-align: center; }
#menu ul { list-style: none; width: 500px; margin: 7px auto 0; }
#menu ul li { float: left; margin: 0 15px; }
#menu ul li a { display: block; height: 15px; padding: 6px 0 0 0; text-align: center; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #f9fbfb; }
#menu ul #m1 a { width: 63px; }
#menu ul #m2 a { width: 106px; }
#menu ul #m3 a { width: 93px; }
#menu ul #m4 a { width: 99px; }
#menu ul #m1 span { background-image: url(/img/m1.png); }
#menu ul #m2 span { background-image: url(/img/m2.png); }
#menu ul #m3 span { background-image: url(/img/m3.png); }
#menu ul #m4 span { background-image: url(/img/m4.png); }
#menu ul a:hover span,
#hp #m1 span,
#about-us #m2 span,
#artists #m3 span,
#contact #m4 span { background-position: 0 -21px; }


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

	content

******************************/
/* homepage */
#hp #content { padding-top: 20px; }
#content #list-news { list-style: none; margin: 0 1px; }
#content #list-news li { margin-bottom: 3px; background-color: #eee; width: 100%; }
#content #list-news p.date { width: 90px; float: left; color: #fff; background-color: #772505; padding: 3px 5px 2px; margin: 0 1px 1px 0; }
#content #list-news h2 { float: left; width: 667px; font-size: 13px; color: #fff; background-color: #bb846f; padding: 2px 15px; margin-bottom: 1px; }
#content #list-news h2 a { color: #fff; }
#content #list-news img.thumbnail { float: left; background-color: #ccc; border-right: 1px solid #fff; }
#content #list-news p.text { float: left; width: 666px; padding: 5px 0 5px 15px; margin: 0; }
#content .older-news { padding: 10px 30px 0; margin: 0; font-size: 11px; text-align: right; }

/* common text page */
#content p { margin: 10px 20px; }

/* artists */
#content #list-artists ul { list-style: none; margin: 0 1px; }
#content #list-artists li { float: left; width: 264px; height: 320px; margin: 0 3px 3px 0; overflow: hidden; background-color: #d2d0cf; }
#content #list-artists li.last { margin-right: 0; }
#content #list-artists li h2,
#content h1 { height: 34px; line-height: 34px; vertical-align: middle; font-size: 16px; text-transform: uppercase; color: #fff; text-align: center; background: #333 url(/img/artist-h2-bg.png) 0 0 repeat-x; }
#content h1 { text-align: left; padding: 0 20px; }
#content #list-artists li h2 a { display: block; color: #eee; text-decoration: none; }
#content #list-artists li h2 a:hover { color: #fff; }
#content #list-artists li img { display: block; width: 264px; height: 175px; margin: 2px 0; background-color: #aaa; text-align: center; }
#content #list-artists li .info { line-height: 1.3; margin: 10px; }

/* artist page */
#artists #content .visual { display: block; background: #aaa; margin: 4px 0; }
#artists #content .block { width: 760px; padding: 5px 20px 20px; background-color: #d2d0cf; margin-bottom: 4px; }
#artists #content .block .column { float: left; width: 330px; padding-right: 50px; }
#artists #content .block h2 { color: #772505; font-size: 16px; text-transform: uppercase; margin: 10px 0; }
#artists #content .block h3 { color: #222; font-size: 12px; margin: 5px 0 2px; }
#artists #content .block p { margin: 10px 0; line-height: 1.3; }
#artists #content .block ul { list-style: none; margin: 0 0 15px 0; }
#artists #content .block ul li { padding: 2px 0 2px 10px; background: url(../img/content-li-bg.png) 0 8px no-repeat; }
#artists #content #gallery img { margin: 1px; }


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

	forms

******************************/
form fieldset { border: none; }
input,
textarea,
select { font: 12px Arial, Helvetica, sans-serif; border: 1px solid #b9b9b9; padding: 1px; }


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

	footer

******************************/
#footer { height: 16px; padding: 46px 15px 4px; text-align: right; font-size: 11px; color: #fff; background: #772505 url(/img/footer-bg.png) 0 0 repeat-x; }
#footer a { color: #fff; }