/************************************
    *                                   *
    *            stolars.sk             *
    *    CSS by: fatchilli.com, mB      *
    *                                   *
    *         All web content           *
    *                                   *
    *  Last update: 14.07.2007, 19:31   *
    *                                   *
    ************************************/

	* {margin:0; padding: 0; font-family: sans-serif;}

	/*****************************
	*         HTML tags          *
	*****************************/	
	body { background: #392316 url(../images/body_background.jpg) center repeat-y; font-size: 1em; color: #E1DFD6; }
	a {color: #E1DFD6;}
	a:hover {color: #b8551a;}
	a img {border: none;}
	.p p {margin-bottom: 10px; line-height: 18px;}
	fieldset {border: none;}
	.s-clr {zoom: 1;}
	.s-clr:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
	
	/* ---| Logo |--- */
	h1 {border-left: 3px solid #a1928c; position: absolute; top: 0; left: 0; height: 27px;}
	h1 a,
	h1 a span {display: block; width: 88px; height: 27px; position: absolute; left: 0; top: 0; cursor: pointer; overflow: hidden; background-image: url(../images/logo.jpg);}
	h1 a {left: 15px; font-size: 0.9em; color: #FFF;}
	h1 small {position: relative; top: 28px; left: 17px; display: block; font-size: 11px; font-weight: normal;}

	/*****************************
	*         Headings           *
	*****************************/		
	h2 {font-weight: normal; font-size: 26px; margin-bottom: 15px; color: #FFF;}
	h2:first-letter,
	h2 a:first-letter {text-transform: uppercase;}
	h2 small {display: block; font-size: 13px; font-weight: normal;}
	h3 {font-weight: normal; font-size: 1.4em;}
	/*.h3 {font-weight: bold; font-size: 1em; margin-bottom: 8px; color: #B8551A;}*/

	/*****************************
	*       General classes      *
	*****************************/
	.hidden {display: none;}
	.content-divider {border-top: 4px solid #b8551a;}
	.column { margin: 0 auto; width: 768px; min-height: 100px; _height: 100px; position: relative;}
	.clear {clear: both;}
	.p {font-size: 12px; margin-bottom: 24px;}
	.p2 {margin-bottom: 10px; font-size: 11px;}
	.left,
	.f-l {float: left; }
	.right,
	.f-r {float: right;}
	.external {background: url(../images/target.png) right no-repeat; padding-right: 13px;}
	.col {width: 48%;}
	.m-b20 {margin-bottom: 20px;}

	/*****************************
	*       General layout       *
	*****************************/	
	#content {padding-top: 20px;}
	#content .column {padding-top: 274px; min-height: 20px;}
	#tags {min-height: 100px; background: #FFF url(../images/tags_background.png) repeat-x; padding-bottom: 20px;}
	#foot {text-align:center; padding-top: 5px; font-size: 0.85em;}
	.content {position: relative; border-style: solid; border-color: #a1928c; border-width: 0 3px 1px 3px; margin-bottom: 25px; padding: 8em 15px 15px 15px; _text-align: left; min-height: 1px;}	

    /*****************************
	*            Foot            *
	*****************************/
	#foot { font-size: 0.7em;}
	#foot a {text-decoration: none;}
	#foot a:hover {text-decoration: underline; color: #FFF;}

	/*****************************
	*       Photo showcase       *
	*****************************/	
	#showcase {position: absolute; top: 31px; right: 0; width: 514px; height: 223px; border: 1px solid #A68D89;}
	#showcase span {display: block; position: absolute; left: 3px; top: 3px; width: 514px; height: 217px; background-repeat: no-repeat;  -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; filter: alpha(opacity=0);}
	#article1 {-moz-opacity: 1 !important; -khtml-opacity: 1 !important; opacity: 1 !important; filter: alpha(opacity=100) !important;}
	
	#showcase a {position: absolute; right: 10px; bottom: 10px; font-size: 18px; display: block; padding: 5px 10px; background: url(../images/bcg.png); z-index: 20; text-align: right; color: #392316;}
	#showcase a:hover {color: #000;}
	#showcase a big {display: block; padding-right: 30px;}

	/*****************************
	*         Navigation         *
	*****************************/		
	#navigation {list-style: none; position: absolute; left: -3px; _left: -18px; top: 0; width: 768px; font: normal 0.75em Verdana, Arial, Helvetica, sans-serif;}
	#navigation li {float: left;}
	#navigation li a {border-bottom: 1px solid #a1928c; text-decoration: none;}
	#navigation li a,
	#navigation li .act,
	#navigation li .menu {display: block; width: 256px; height: 8.5em; min-height: 105px; position: relative; color: #FFF;}
	#navigation li .menu {position: absolute; left: 0; top: 0; cursor: pointer; z-index: 1; background-repeat: no-repeat;}
	#navigation li a:hover {background: none;}
	#navigation li a:hover .menu {background-position: left -106px;}
	#navigation li .act {border: none;}
	#navigation li .act .menu,
	#navigation li .act:hover .menu,
	.act .visible {background-position: left -212px;}
	#navigation li .visible {position: absolute; z-index: 2; left: 23px; top: 32px; font-size: 0.9em; font-style: normal; padding-right: 30px; color: #b8551a; cursor: pointer;}
	/* Hover */
	#navigation li #uvod .menu { background-image: url(../images/link_uvod.jpg);}
	#navigation li #galeria-nabytku .menu { background-image: url(../images/link_galeria.jpg);}	
	#navigation li #kontakt .menu { background-image: url(../images/link_kontakt.jpg);}	
	/* Selected */
	#navigation li #uvod.act .menu { background-image: url(../images/link_uvod.jpg);}
	#navigation li #galeria-nabytku.act .menu { background-image: url(../images/link_galeria.jpg);}	
	#navigation li #kontakt.act .menu { background-image: url(../images/link_kontakt.jpg);}	

	/*****************************
	*       Top Navigation       *
	*****************************/		
	.nav-top {position: absolute; top: -265px; right: 0; padding: 0; list-style: none; text-align: right; color: #A1928C; font-size: 12px;}
	.nav-top li {padding-left: 8px; display: inline;}
	.nav-top a {margin-left: 8px; color: #A1928C; text-transform: uppercase; text-decoration: none; font-size: 12px;}
	.nav-top a.act,
	.nav-top a:hover {color: #FFF;}
	.nav-top a.act {cursor: default;}

    /*****************************
	*            Tags            *
	*****************************/
	#tags {text-align: center; clear: both;}
	#tags h2 {margin-bottom: 0; text-align: left; position: relative; border-bottom: 1px solid #b3aba3; padding: 8px 0; font: normal 11px Verdana, "Geneva CE", lucida, sans-serif;}
	#tags h2 a {text-decoration: underline; color: #b8551a; }
	#tags a {color: #392316; text-decoration: none; margin-right: 10px; line-height: 150%; white-space: nowrap;}
	#tags a:hover {color: #b8551a;}
	/* #tags a:visited {color: #896753;}*/
	.font1 {font-size: 0.7em;}
	.font2 {font-size: 0.8em;}
	.font3 {font-size: 0.9em;}
	.font4 {font-size: 1em;}
	.font5 {font-size: 1.2em;}
	.font6 {font-size: 1.5em;}
	.font7 {font-size: 2em;}
	.font8 {font-size: 2.5em;}

    /*****************************
	*         Gallery            *
	*****************************/
	.gallery {margin: 0 auto; position: relative;}
	.gallery .p {margin-bottom: 15px; font-size: 12px;}

	/* --- | Galleries list | --- */
	.gal-list .col-1 {float: left; width: 47%;}
	.gal-list .col-2 {float: right; width: 47%;}
	.gal-item {position: relative; margin-bottom: 25px; padding: 0 0 0 109px; min-height: 71px; _height: 71px;}
	.gal-item h4 {margin-bottom: 4px; font-size: 18px; font-weight: normal;}
	.gal-item .p p {line-height: 14px; margin-bottom: 4px;}
	.gal-item h4:first-letter {text-transform: uppercase;}
	.gal-item h4 a {text-decoration: none;}
	.gal-item .pic,
	.gal-item .pic a {display: block; overflow: hidden;}
	.gal-item .pic {position: absolute; top: 0; left: 0; border: 3px solid #A1928C; width: 95px; height: 71px;}
	.gal-item .pic a {border: 2px solid #392316; width: 91px; height: 67px;}
	.gal-item p {font-size: 12px;}
	.gal-item p small { color: #B8551A;}

	/* ---| Photos listing |--- */
	.photo {width: 228px; margin-right: 47px; margin-bottom: 32px; background: transparent url(../images/photo_divider.png) right center no-repeat;}
	.photo,
	.transparent {height: 181px; position: relative; float: left; display: block;}
	.transparent {width: 181px; background-color: #B8551A; position: absolute; left: 0; top: 0; -moz-opacity: 0.1; -khtml-opacity: 0.1; opacity: 0.15; filter: alpha(opacity=15);}
	.photo h3 {position: absolute; left: 12px; bottom: 14px; z-index: 1; padding: 7px 3px; height: 15px; width: 150px; overflow: hidden; background-color: #A1928C; font-size: 10px; font-weight: normal; line-height: 17px;}
	.photo h3 a {color: #FFF; text-decoration: none;}
	.photo a.ctr,
	.photo i {display: block; width: 155px; height: 155px; position: absolute; left: 10px; top: 10px; overflow: hidden; }
	.photo a.ctr {z-index: 2; border: 2px solid #A1928C;}
	.photo i {left: 12px; top: 12px; width: 155px;}
	.photo a:hover {text-decoration: underline; color: #FFF;}
	.photo a img {margin: 0 auto;}
	/*
	.photo a strong {position: absolute; display: block; bottom: 0; left: 0; font-weight: normal; background-color: #A1928C; padding: 7px 8px 6px 0; width: 147px; text-align: right; _bottom: -1px;}
	*/
	
	/* Last photo */
	.photo.last {width: 181px; margin: 0 0 32px 0; background-image: none;}
	/*.photo b {display: none;}
	.photo a:hover b {position: absolute; bottom: 35px; right: 0; padding: 1px 5px; border: 1px solid #4c392d; display: block; color: #000; background-color: #FFF; font-size: 11px; font-weight: normal;}
	*/

	/* ---| Photo detail |--- */
	.gallery #col-1 {float: right; width: 50%; position: relative;}
	.gallery #col-2 {float: left; width: 45%; font-size: 0.75em; position: relative;}
	.gallery h2 a {font-size: 14px;}
	.h3,
	#col-1.left h3, 
	.gallery #col-2 h3, 
	.gallery #col-2 h3 {font-weight: bold; font-size: 1.4em; margin-bottom: 5px; color: #B8551A; clear: both;}	
	/* Photo viewport */
	.ph-box {position: relative; margin-bottom: 5px;}
	.ph-box .shdw {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #A1928C; opacity: 0.1; filter: alpha(opacity=15);}
	#photo-detail {position: relative; z-index: 1; text-align: center; width: 100%;}
	#photo-detail tr td {position: relative; padding: 11px 0 10px 0; display: block;}
	#photo-detail a {margin: 0 12px; text-decoration: none;}
	#photo-detail a img {position: relative; z-index: 0;}
	#photo-detail tfoot th {padding-bottom: 5px;}
	/* Zoom button */
	#photo-detail a span {display: none; position: absolute; font-size: 12px; z-index: 14; right: 14px; bottom: 8px; padding: 1px 12px 1px 3px; cursor: pointer;}
	#photo-detail a:hover span {text-decoration: underline; color: #FFF;}
	/* Photos switching */
	#photo-detail .navigation {font-weight: normal;}
	#photo-detail .navigation a img {background-color: #b8551a;}
	#photo-detail .navigation a:hover img {background-color: #FFF;}
	#photo-detail .navigation span {margin: 0 12px; position: relative; top: -6px; font-size: 0.75em;}
	#photo-detail .navigation span.count {margin: 0;}
	span.pointer {top: 0px !important;}
	span.pointer img {-moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50);}
	/* Form */
	.gallery #col-2 form table th,
	.gallery #col-2 form table td {padding: 2px 0; vertical-align: top; text-align: left;}
	.gallery #col-2 fieldset {line-height: 110%;}
	.gallery #col-2 fieldset p {padding-top: 2px; line-height: 10px;}
	.gallery #col-2 label {padding-bottom: 5px;font-weight: bold; width: 7em; display: block;}
	.gallery #col-2 label strong {font-size: 1.5em; color: #B8551A; cursor: help;}
	.gallery #col-2 .field,
	.gallery #col-2 textarea {border: 2px solid #A1928C; background-color: #FFFCFA; padding: 1px 2px; margin-right: 8px; font-size: 11px;}
	.gallery #col-2 textarea {width: 240px;}
	.gallery #col-2 .button {padding: 0px 5px 1px 5px; color: #FFF; background: transparent; border: 2px solid #A1928C; font-size: 11px;}
	/*  Other galleries */ 
	.pics {margin-bottom: 15px;}
	.pics a {position: relative; display: inline-block; margin: 0 8px 10px 0; padding-left: 42px; line-height: 22px;}
	.pics a:first-letter {text-transform: uppercase;}
	.pics a img {position: absolute; top: 0; left: 0; width: 33px; height: 22px; border: 1px solid #ccc;}
	/*  Info */
	.nfo {padding-left: 16px; font-size: 10px; line-height: 12px; background: url(../images/info_icon.gif) left top no-repeat;  color: #e9dcd0;}

    /*****************************
	*         Contact            *
	*****************************/
	#col-1.left {width: 40%; font-size: 0.75em;}
	#col-1.left p {margin-bottom: 10px; line-height: 140%;}
	#col-2.right {width: 59%;}
	#mail-form legend {padding: 0 4px; font-size: 15px; color: #FFF;}
	#mail-form label strong {position: relative; left: -2px; color: #B8551A; font-size: 18px; cursor: help;}
	#mail-form fieldset {margin-bottom: 10px; padding: 10px 15px; border: 1px solid #FFF;}
	.form th,
	.form td {padding: 7px 5px 0 0;}
	.form th {font-size: 12px; white-space: nowrap; vertical-align: top; text-align: left;}
	#mail-form .field,
	#mail-form textarea {padding: 2px 3px; font-size: 12px; opacity: 0.8; width: 160px;}
	#mail-form textarea  {width: 295px;}

    /*****************************
	*         Spolupraca         *
	*****************************/
	.coop h3 {margin-bottom: 4px; color: #B8551A; font-size: 14px;}
	.coop p {line-height: 16px;}
	

    /*****************************
	*         TPL: Text          *
	*****************************/
	.txt-tpl {zoom: 1;}
	.txt-tpl:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
	.txt-tpl h3 {font-size: 24px; font-weight: normal; color: #B8551A; margin-bottom: 10px;}

	/*****************************
	*      Custom - predaj       *
	*****************************/
	.h3.type2 {margin-bottom: 10px;}
	.pic.type2 {float: right; margin: 0 0 15px 15px;}
	.gal-item.type2 {padding-left: 225px; min-height: 160px; margin-bottom: 40px;}
	.gal-item.type2 .p p {margin-bottom: 6px;}
	.gal-item.type2 h5 {font-size: 13px; margin-bottom: 5px;}
	.gal-item.type2 ul {padding-left: 20px; margin-bottom: 10px;}
	.gal-item.type2 li {margin-bottom: 3px;}
	.gal-item.type2 ul big {font-size: 16px; font-weight: bold;}
	.gal-item .vol2 {left: 110px;}
	.gal-item .vol3 {top: 85px;}
	.gal-item .vol4 {top: 85px; left: 110px;}