/*
   Lubomir Pokorny (lubomirpokorny@email.cz)
   CSS styles for MarketaJanebova.cz
*/

/* Fonts */
@font-face {font-family:'Avenir Bold';src:url('./font/AvenirNextLTPro-Bold.eot');src:local('c'),url('./font/AvenirNextLTPro-Bold.woff') format('woff'),url('./font/AvenirNextLTPro-Bold.ttf') format('truetype'),url('./font/AvenirNextLTPro-Bold.svg') format('svg');}
@font-face {font-family:'Avenir Medium';src:url('./font/AvenirNextLTPro-Medium.eot');src:local('c'),url('./font/AvenirNextLTPro-Medium.woff') format('woff'),url('./font/AvenirNextLTPro-Medium.ttf') format('truetype'),url('./font/AvenirNextLTPro-Medium.svg') format('svg');}

/* Body */
body {font-size:13px;color:#68686c;text-align:center;font-family:Arial,sans-serif;}
body.light {background:#fff url(./images/body-bg-light.gif) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
body.dark {background:#29282a url(./images/body-bg-dark.gif) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
body.art {background:#29282a url(./images/body-bg-art.gif) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
body.home {background:#fff url(./images/body-bg-home.gif) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
body.web {background:#fff url(./images/body-bg-web.gif) no-repeat top center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
body.contact {background:#fff url(./images/body-bg-contact.gif) no-repeat top center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

/* General styles */
h1 {color:#9c8d77;font-size:18px;font-family:'Avenir Bold';font-weight:normal;text-transform:uppercase;letter-spacing:0.2em;}
h2 {color:#9c8d77;font-size:18px;font-family:'Avenir Bold';text-transform:uppercase;letter-spacing:0.2em;}
p {margin:5px 0;font-size:15px;font-family:'Avenir Medium';}
strong {font-weight:bold;}
a {color:#87745b;text-decoration:underline;cursor:pointer;}
a:hover {color:#000;}
.dark a:hover {color:#fff;}

/* Common styles */
.float-right {float:right;}
.clear {clear:both;}
.right {text-align:right!important;}
.center {text-align:center!important;}

/* Main boxes */
#page {position:relative;width:998px;margin:0 auto;padding-bottom:50px;text-align:left;}
#mainbox {clear:both;padding-top:50px;}
#content {height:auto!important;height:523px;min-height:523px;line-height:20px;}

/* Header */
#header ul li {float:left;}
#header ul li a {display:block;position:relative;padding:150px 0 25px 0;color:#fff;text-align:center;font-weight:bold;font-size:17px;font-family:'Avenir Medium';text-decoration:none;-moz-opacity:0.7;opacity:0.7;filter:alpha(opacity=70);}
#header .light .item1 a {width:111px;background:#c7c4be;}
#header .light .item2 a {width:214px;left:6px;background:#b8b2ad;}
#header .light .item3 a {width:203px;left:25px;background:#ada7a0;}
#header .light .item4 a {width:139px;left:28px;background:#d0cbc8;}
#header .light .item5 a {width:293px;left:34px;background:#c8c5bf;}
#header .light a:hover {background-color:#b3ada6;}
#header .light a.selected {color:#3f311f;}
#header .dark .item1 a {width:111px;background:#424142;}
#header .dark .item2 a {width:214px;left:6px;background:#414041;}
#header .dark .item3 a {width:203px;left:25px;background:#403f40;}
#header .dark .item4 a {width:139px;left:28px;background:#414041;}
#header .dark .item5 a {width:293px;left:34px;background:#403f40;}
#header .dark a:hover {background-color:#4f4d4f;}
#header .dark a.selected {color:#b4cc39;}

/* Footer */
#footer {clear:both;padding-top:40px;}
#footer span {display:none;}
#footer a {float:left;}
#footer .art {display:block;width:421px;height:132px;background:url(./images/art-light-1.jpg) no-repeat;}
#footer .foto {position:relative;left:11px;display:block;width:568px;height:132px;background:url(./images/foto-light-1.jpg) no-repeat;}
.dark #footer .art {display:block;width:421px;height:132px;background:url(./images/art-dark-1.jpg) no-repeat;}
.dark #footer .foto {position:relative;left:11px;display:block;width:568px;height:132px;background:url(./images/foto-dark-1.jpg) no-repeat;}
.art #footer .art {display:block;width:421px;height:132px;background:url(./images/art-dark-1.jpg) no-repeat;}
.art #footer .foto {position:relative;left:11px;display:block;width:568px;height:132px;background:url(./images/foto-dark-1.jpg) no-repeat;}

/* Scroller */
#scroller {width:994px;height:400px;position:relative;left:2px;overflow:hidden;}
#scroller div.scrollableArea * {position:relative;display:block;float:left;padding:0;margin:0;}
#scroller .scroll_img {border-right:8px solid #fff;}

/* Content */
.submenu {padding:25px 40px;color:#bbaf9e;font-size:17px;letter-spacing:0.3em;text-align:right;}
.submenu a {color:#bbaf9e;text-decoration:none;}
.submenu a:hover, .submenu a.selected {color:#87745b;}
.submenu span {text-transform:lowercase;}
.noitems {width:950px;position:relative;top:10px;text-align:right;color:#87745b;}
.home {font-family:'Avenir Medium';background:url(./images/background-home.jpg) no-repeat;}
.graphic {font-family:'Avenir Medium';background:url(./images/background-graphic.gif) no-repeat;}
.sluzby {position:relative;font-family:'Avenir Medium';background:url(./images/background-sluzby.jpg) no-repeat;}
.sluzby h1 {position:absolute;top:145px;left:31px;}
.sluzby .h21 {position:absolute;top:340px;left:787px;}
.sluzby .h22 {position:absolute;top:441px;left:261px;}
.sluzby p {position:absolute;}
.sluzby .p1 {top:175px;left:31px;}
.sluzby .p2 {top:200px;left:365px;}
.sluzby .p3 {top:225px;left:300px;}
.sluzby .p4 {top:250px;left:235px;}
.sluzby .p5 {top:275px;left:430px;}
.sluzby .p6 {top:300px;left:135px;}
.sluzby .p7 {top:368px;left:268px;}
.sluzby .p8 {top:392px;left:459px;}
.sluzby .p9 {top:468px;left:114px;}
.kontakt {font-family:'Avenir Regular';background:url(./images/background-kontakt.gif) no-repeat;}
#kontakt {padding:77px 58px;}
#kontakt p {margin:6px 0;color:#bbaf9e;letter-spacing:0.3em;}
.foto {font-family:'Avenir Medium';background:url(./images/background-foto.gif) no-repeat;}
.admin {font-family:'Avenir Medium';background:url(./images/background-kontakt.gif) no-repeat;}
#admin {padding:40px 30px;}

/* Errors and warnings */
#systemMessage ol {padding-left:20px;list-style:decimal;}
.notice {margin:10px 9px 0 9px;padding:8px 15px;color:#666;line-height:150%;font-family:Arial,sans-serif;font-size:12px;background:#f9f9f9;border:1px solid #cecece;border-top:3px solid #a3a3a3;}
.notice span {color:#000;}
.warning {margin:10px 2px 5px 2px;padding:10px;color:#d8716e;line-height:150%;font-family:Arial,sans-serif;font-size:12px;background:#fdf5f5;border:1px solid #ecb2b1;border-top:3px solid;}
.warning a {color:#d8716e;font-weight:bold;}
.closeSystemMessage {float:right;position:relative;bottom:7px;}
.closeSystemMessage a {cursor:pointer;text-decoration:none;font-weight:bold;color:#d8716e;}
.closeSystemMessage a:hover {color:#000!important;}

/* References */
.references {padding:50px 0;}
.references li {float:left;width:180px;text-align:center;}

/* Admin tools */
.editlinks {clear:both;padding:15px;text-align:center;line-height:23px;}
.editlinks a {margin:0 5px;}
.adminlink {font-size:16px;font-weight:bold;}
#logout {position:absolute;top:208px;left:10px;font-size:15px;font-weight:bold;}
#referenceslink {position:absolute;top:208px;right:10px;font-size:15px;font-weight:bold;}

/* Tooltips */
#WzBoDy {padding:3px 7px!important;}
#WzBoDy div {padding-top:5px;}

/* Forms */
input, textarea, select {padding:5px 3px;color:#2d3f4a;font-size:13px;font-family:sans-serif;}
.form {clear:both;color:#2d3f4a;padding:10px 0;font-family:Arial,sans-serif;}
.form .submit, .submit {margin:10px 0 0 10px;padding:8px 10px 5px 10px;font-size:11px;color:#fff;text-transform:uppercase;background:#87745b;border:none;cursor:pointer;}
.form input {padding:5px 3px;border:1px solid #c9c9c9;}
.form fieldset {padding:0 10px 20px 10px;background:#f6f6f6;border:1px solid #c9c9c9;border-top:3px solid #c9c9c9;}
.form legend {padding:2px 8px;font-weight:bold;border:1px solid #c9c9c9;}
.form label {padding:6px 15px 6px 5px;}
.form select {font-size:1em;border:1px solid #c9c9c9;}
.form option {padding-right:15px;}
.form textarea {color:#2d3f4a;border:1px solid #c9c9c9;font-size:13px;}
.form table {width:100%;margin-top:8px;}
.form table.full {width:100%;}
.form table td {padding:2px;vertical-align:middle;}
.form_thumb {position:relative;top:4px;right:5px;}
.form_icon {position:relative;top:4px;}
.info {margin:0;padding:5px 10px;color:#888888;text-align:right;}
.form .info input {font-weight:bold;text-align:center;border:0;background:none;width:22px;}
.form h3 {padding-top:10px;}
#loginform {width:60%;}