/*
    Document    : main.css
    Created on  : 2.2.2012, 11:01:52
    Author      : Josef Rybička, josef.rybicka@gmail.com
    Description : Main web style.
    Version     : 1.0
*/

/*
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*
  CSS reset and setup base values
*/ 
* {
    margin:0; padding:0;
}
body, div, span, p, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, button, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 {
    border:0; outline: none;
}
body {
    font: 12px 'Lucida Grande', Arial; text-align: center; background: #fff;
}
a {
    color: #00adf5;
}
a:hover {
    text-decoration: none;
}
/*
  Universal styles
*/  
.box {
    min-height:1px;
}
.box:after {
    display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";
}
.clear {
    clear:both; visibility: hidden;
}
.f-left {
    float:left !important;
}
.bigger {
    font-size: 130%;
}
.smaller {
    font-size: 12px;
}
.f-right {
    float:right !important;
}
.t-left {
    text-align:left !important;
}
.t-center {
    text-align:center !important;
}
.t-right {
    text-align:right !important;
}
.nom-right {
    margin-right:0 !important;
}
.nom {
    margin:0 !important;
}
.nob {
    background: none !important;
}
h3.nom {
	margin: 0 0 10px 0 !important;
}
.noscreen {
    display:none;
}
/*
  Layout
*/
#main {
    position:relative; width:1000px; margin:0 auto; text-align:left;
}
#header {
    padding: 20px 0; overflow:hidden;
}
#logo {
    padding-top: 20px; padding-bottom: 20px; float: left;
}
#logo h1 a span {
    display:none;
}
/* H1 overlay - logo */
#logo {
	padding: 0; width: 588px; float: left;
}
h1  {
	position: relative; margin: 0; padding: 0; overflow: hidden; width:588px; height:71px; color: #000; font-weight: normal;
}
h1 a.overlay {
	display: block; position: absolute; left: 0; top: 0; z-index: 1; margin: 0; padding: 0; width: 588px; height: 71px; background: url("../design/logo.png") top left;
}
h1 a {
	text-decoration: none; font-size: 1.5em; color: #000; text-transform: uppercase; letter-spacing: 10px;
}
p#slogan {
    float: right; display: block; width: 400px; font-size: 12px; text-align: right; text-transform: uppercase; padding: 15px 0 0 0
}
#header p#slogan span.lang {
    margin-left: 50px; color: #727272;
}
span.lang a {
	text-decoration: none; color: #727272;
}
span.lang a:hover, span.cs, span.en {
	color: #00adf5; 
}


/* navigation */
.nav-wrap {
	background-color: #000; border-top: 5px solid #000; border-bottom: 5px solid #000;
}
.nav {
	margin: 0 auto; list-style: none; position: relative; width: 1000px;
}
.nav li {
	display: inline-block; width: 139px;
}
.nav li a {
	color: #afafaf; font-size: 12px; display: block; float: left; width: 100%; padding: 10px 0; text-decoration: none; text-transform: uppercase; text-align: center;
}
.nav li a:hover {
	color: #fff;
}
#magic-line {
	position: absolute; top: -5px; left: 0; width: 143px; height: 5px; background: #03b4ea;
}
#cols {
	padding: 20px 0 60px 0;
}

/*    content column  */
#content {
    width: 780px; float: right;
}
/*  content categories  */
#content-cat {
	width: 1000px;
}
#content .project-view .f-right {
	width: 350px; margin-bottom: 30px;
}
#content .contact-view .f-right {
	width: 350px; margin-bottom: 30px;
}
#content .project-view .f-right h3 {
	text-transform: lowercase;
}
img.main-proj {
	margin-bottom: 15px;
}
img.thumb-proj {
	margin: 0 15px 15px 0;
}


#content h2 {
	font-size: 20px; font-weight: normal; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 1px; color: #393434;
}
#content p {
	text-align: justify; line-height: 16px;
}
#content h3 {
	margin: 15px 0 10px 0; color: #00adf5; font-weight: normal; text-transform: uppercase;
}
#content ul {
	padding: 0 0 10px 0; list-style: none;
}
#content ul li {
    padding: 7px 0 7px 20px; background: url("../design/li-menu-gray.png") 0 8px no-repeat;
}
#content .mag-wrapper {
	margin-bottom: 20px; margin-right: 35px; float: left; color: #808080;
}
#content .mag-wrapper img {
	margin-bottom: 5px; border: 5px solid #CCC;
}

#content img.profil {
	float: right;
}
table.cv td {
	padding: 2px 0; vertical-align: top;
}
table.cv {
	border: 0; width: 400px; margin-bottom: 15px;
}
table.cv td.def {
	color: #000; width: 120px;
}

/*  
	LEFT SIDE  
*/

#aside {
    float: left; width: 180px; border-right: 5px solid #00adf5;
}
#aside ul {
    padding: 0 10px 0 0; list-style: none;
}
#aside ul li {
    padding: 5px 0 5px 20px; background: url("../design/li-menu.png") 0 6px no-repeat; line-height: 16px;
}
#aside ul.aside-menu li.active ul li.active a {
	color: #515151;
}
#aside ul.aside-menu li.active ul li.active {
	background: url("../design/li-menu-gray.png") 0 6px no-repeat;
}

#aside ul.dynamic-menu li.active ul li.active a {
	color: #515151;
}
#aside ul.dynamic-menu li.active ul li.active {
	background: url("../design/li-menu-gray.png") 0 6px no-repeat;
}
#aside ul.static-menu li.active a {
	color: #515151;
}
#aside ul.static-menu li.active, #aside ul.static-menu li.active ul li  {
	background: url("../design/li-menu-gray.png") 0 6px no-repeat;
}
#aside ul li ul {
	padding: 5px 0 5px 0;
}
#aside ul.dynamic-menu li ul, #aside ul.static-menu li ul {
	display: none;
}
#aside ul.dynamic-menu li.active ul, #aside ul.static-menu li.active ul {
	display: block;
}
p.feature {
	color: #727272;
}

/* obrazkove menu pro kategorie */

ul#kat {
	list-style: none !important; padding: 0; margin: 0; 
}
ul#kat li {
	float: left; width: 250px; height: 230px; overflow: hidden; padding: 0; margin: 0; 
}
ul#kat li a {
	 width: 250px; height: 230px; display: block; background-position: top left; background-repeat: no-repeat; text-decoration: none;
}
ul#kat li a:hover {
	background-position: bottom left;
}
ul#kat li.rodinne-domy a {
	background-image: url("../design/kat-rodinne-domy.png");
}
ul#kat li.bytove-domy a {
	background-image: url("../design/kat-bytove-domy.png");
}
ul#kat li.interiery a {
	background-image: url("../design/kat-interiery.png");
}
ul#kat li.drobna-architektura a {
	background-image: url("../design/kat-drobna-architektura.png");
}
ul#kat li.ubytovaci-zarizeni a {
	background-image: url("../design/kat-ubytovaci-zarizeni.png");
}
ul#kat li.design a {
	background-image: url("../design/kat-design.png");
}
ul#kat li.ucelove-stavby a {
	background-image: url("../design/kat-ucelove-stavby.png");
}
ul#kat li.associates a {
	background-image: url("../design/kat-associates.png");
}

ul#kat li a span {
	display: block; text-transform: uppercase; color: #fff; padding: 200px 0 0 15px;
}



/*    
	FOOTER   
*/
#footer {
    clear: both; padding: 0; font-size: 12px;
}
#footer p {
    padding: 5px 5px 5px 10px; color: #515151; line-height: 18px;
}
#footer p.f-left {
	border-left: 5px solid #03b4ea;
}
#footer a {
	color: #515151;
}

/*
	ORBIT SLIDER
*/

#featured { 
	width: 1000px; height: 365px; background: #000 url('../design/loading.gif') no-repeat center center; overflow: hidden;
}
#featured>img, #featured>div, #featured>a {
	display: none;
}

/* Container */
div.orbit-wrapper {
   width: 1px; height: 1px; position: relative;
}
div.orbit {
   width: 1px; height: 1px; position: relative; overflow: hidden
}
div.orbit>img {
	position: absolute; top: 0; left: 0; display: none;
}
div.orbit>a {
	border: none; position: absolute; top: 0; left: 0; line-height: 0; display: none;
}
.orbit>div {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
/* captions */
.orbit-caption {
	display: none; font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif;
}
.orbit-wrapper .orbit-caption {
	background: #000; background: rgba(0,0,0,.6); z-index: 998; color: #fff; text-align: left; padding: 15px; font-size: 13px; position: absolute; right: 0; bottom: 0;
}
.orbit-caption h2 {
	font-weight: normal; color: #00ccff; padding: 0 0 6px 0; text-transform: uppercase; letter-spacing: 1px;
}
.orbit-caption p {
	line-height: 16px;
}
/* directional nav */
div.slider-nav {
    display: block
}
div.slider-nav span {
    width: 78px; height: 100px; background-position: top left; position: absolute; text-indent: -9999px; z-index: 998; top: 50%; margin-top: -50px; cursor: pointer;
}
div.slider-nav span.right {
    background-image: url('../design/big-arrow-right.png'); right: 0;
}
div.slider-nav span.left {
    background-image: url('../design/big-arrow-left.png'); left: 0;
}	
div.slider-nav span:hover {
    background-position: bottom left;
}


/*
	CLOUD ZOOM
*/

/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
	border: 5px solid #03b4ea; margin:-5px; background-color:#fff;	 cursor:move;		
}

/* This is for the title text. */
.cloud-zoom-title {
	font-family:Arial, Helvetica, sans-serif; position:absolute !important; background-color:#000; color:#fff; padding:3px; width:100%; text-align:center; font-weight:bold; font-size:10px; top:0px;
}

/* This is the zoom window. */
.cloud-zoom-big {
	border:5px solid #03b4ea; overflow:hidden;
}

/* This is the loading message. */
.cloud-zoom-loading {
	color:white; background:#222; padding:3px; border:1px solid #000;
}
.mag-gallery {
	width: 400px; float: right; text-align: right; vertical-align: top;
}
.zoom-small-image {
	border:5px solid #CCC; margin:0px; float: left;	
}
.zoom-tiny-image {
	border:5px solid #CCC; margin:0px; margin-left: 15px; margin-bottom: 15px;
}
.zoom-tiny-image:hover {
	border:5px solid #03b4ea;		
}

/*
	SHADOW BOX
*/

/* shadow box */
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message {
	font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;
}
#sb-container {
	position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;
}
#sb-overlay {
	position:relative;height:100%;width:100%;
}
#sb-wrapper {
	position:absolute;visibility:hidden;width:100px;
}
#sb-wrapper-inner {
	position:relative;border:1px solid #303030;overflow:hidden;height:100px;
}
#sb-body {
	position:relative;height:100%;
}
#sb-body-inner {
	position:absolute;height:100%;width:100%;
}
#sb-player.html {
	height:100%;overflow:auto;
}
#sb-body img {
	border:none;
}
#sb-loading {
	position:relative;height:100%;
}
#sb-loading-inner {
	position:absolute;font-size:14px;line-height:32px;height:50px;top:50%;margin-top:-12px;width:100%;text-align:center;
}
#sb-loading-inner span {
	background:url(../design/loading.gif) no-repeat;padding-left:40px;display:inline-block; font-size: 12px;
}
#sb-body,#sb-loading {
	background-color:#060606;
}
#sb-title,#sb-info {
	position:relative;margin:0;padding:0;overflow:hidden;
}
#sb-title,#sb-title-inner {
	height:26px;line-height:26px;
}
#sb-title-inner {
	font-size:16px;
}
#sb-info,#sb-info-inner {
	height:20px;line-height:20px;
}
#sb-info-inner {
	font-size:12px;
}
#sb-nav {
	float:right;height:16px;padding:2px 0;width:45%;
}
#sb-nav a {
	display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;
}
#sb-nav-close {
	background-image:url(../design/close.png);
}
#sb-nav-next {
	background-image:url(../design/next.png);
}
#sb-nav-previous {
	background-image:url(../design/previous.png);
}
#sb-nav-play {
	background-image:url(../design/play.png);
}
#sb-nav-pause {
	background-image:url(../design/pause.png);
}
#sb-counter {
	float:left;width:45%;
}
#sb-counter a {
	padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;
}
#sb-counter a.sb-counter-current {
	text-decoration:underline;
}
div.sb-message {
	font-size:12px;padding:10px;text-align:center;
}
div.sb-message a:link,div.sb-message a:visited {
	color:#fff;text-decoration:underline;
}