/************************************
    *                                   *
    *      bojovniciprotikrize.sk       *
    *    CSS by: fatchilli.com, mB      *
    *                                   *
    ************************************/

	@import "global.css";
	html,
	body {height: 100%;}
	body {color: #FFF; font-family: sans-serif; background: url(../images/repeat_bcg.jpg) repeat-y #a6a6a6;}
	h2 {margin-bottom: 10px; font-size: 17px; line-height: 18px;}
	a {color: #FFF;}
	
	/* ---| General classes |--- */
	.p {}
	
	/* ---| LAYOUT |--- */
	.holder {width: 1024px; min-height: 100%; _height: 100%; padding-bottom: 15px; background: url(../images/hold_bcg.jpg) no-repeat;}
	#page {width: 900px; margin: 0 auto; padding-top: 10px;}
	#cnt {margin-bottom: 20px;}
	#cnt .col.f-l {width: 213px;}
	#cnt .col.f-r {width: 671px;}
	.smpl {background-color:#000; padding:20px;}
	
	/* Top */
	.top {position: relative; top: 20px; padding: 22px 17px; width: 638px; height: 128px; background: url(../images/top_bcg.png) no-repeat;}
	.top .f-l {width: 58%;}
	.top .f-r {width: 38%;}
	.top ol {padding-left: 0; list-style-position: inside;}
	.top li {padding-left: 5px; margin-bottom: 5px; font-size: 23px; font-weight: bold; color: #000; background: url(../images/no_bcg.png) no-repeat;}
	.top li em {position: relative; top: -3px; =left: 13px; color: #FFF; font-weight: normal; font-style: normal; font-size: 13px; white-space: nowrap;}
	.top p {margin-bottom: 8px; font-size: 12px;}
	.top p big {font-size: 18px; text-transform: uppercase;}
	
	/* Navigation */
	#m-nav {margin: 12px 0 20px 0; height: 44px; padding: 0 10px; background: url(../images/nav_bcg.png) no-repeat; font-size: 13px;}
	#m-nav a {display: inline-block; margin: 0 5px; line-height: 45px; color: #ca0109; text-decoration: none;}
	#m-nav a:hover {color: #ed1c24;}
	#m-nav a.act {color: #000;}
	
	/* Form */
	.form {font-size: 11px;}
	.col.f-r .form {font-size: 12px; margin-bottom: 40px;}
	.col.f-r .form td {padding: 0 4px 4px 0;}
	.form .field {padding: 2px 4px; background-color: #c7c7c8; border: 1px solid #696969; font-size: 11px; font-family: sans-serif;}
	.form .button {padding: 1px 8px; font-size: 14px; font-weight: bold; color: #FFF; background-color: #404140; border: 1px solid #696969;}
	
	/* Box */
	.box {padding-bottom: 20px; margin-bottom: 15px; background: url(../images/box_bottom.png) bottom no-repeat;}
	.box .cnt {padding: 20px 15px 0 15px; background: url(../images/box_cnt.png) no-repeat;}
	/* Box2 */
	.box2 {padding-bottom: 15px; margin-bottom: 15px; background: url(../images/box2_bottom.png) bottom no-repeat;}
	.box2 .cnt {padding: 20px 15px 0 15px; background: url(../images/box2_cnt.png) no-repeat;}
	.box2 .s-col {width: 45.5%;}
	
	.d-col, .d-col2 {padding-bottom: 20px; margin: 0 0px 15px 0px; background: url(../images/def_bottom.png) bottom no-repeat;}
	.d-col .tp, .d-col2 .tp {padding: 14px 20px 0px 20px;  height:45px; background: url(../images/def_top.png) no-repeat;}
    .d-col .cnt, .d-col2 .cnt {padding: 6px 20px 0 20px; background: url(../images/def_cnt.png) repeat;}
    .d-col .tp h1, .d-col2 .tp h1 {font-weight:normal; font-size:1.9em; padding-bottom:9px;}
    /*.d-col .cnt h1, .d-col2 .cnt h1 {font-weight:normal; font-size:1.9em; padding-bottom:9px;}*/
    .d-col2 .cnt {background: url(../images/def2_cnt.png) repeat;}
    
    .cnt {position:relative;}
    .cnt .c-left {width:305px; vertical-align:top; }
    .cnt .c-middle {width:30px; }
    .cnt .c-right {width:305px;  vertical-align:top;}
    
    .d-col2 .cnt h2 {color:#FDF032;}
  	
	/* Q & A */
	.cnt h3 {margin-bottom: 8px; color: #EEE; font-size: 20px; font-weight: normal; line-height: 21px;}
	.cnt h3 strong {color: #FFF; font-weight: normal;}
	.cnt .p {margin-bottom: 20px;}
	
	.cnt .articles h3 {font-size: 17px; line-height: 1px; margin-bottom: 1px;}
	.cnt .articles h3 small {font-size: 10px;}
	.cnt .articles a {font-weight:bold; font-size:0.75em;}
	
    #h-a {margin-top:36px;}
    #h-a h3 {font-size: 15px; line-height: 1px; margin-bottom: 1px; margin-top:8px;}
	#h-a h3 small {font-size: 9px;}
	#h-a a {font-weight:bold; font-size:0.75em;}
	#h-a a.more {disply:block; float:right; color:#fff;}
	
	/* --- Left col --- */
	.col.f-l .box form {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #959595;}
	.col.f-l .box table {width: 100%;}
	.col.f-l .box .field {width: 100%; =width: 135px;}
	.col.f-l .box textarea {=width: 170px !important;}
	.col.f-l ul {padding: 0; list-style: none;}
	.col.f-l li {padding-bottom: 9px; color: #000; font-size: 12px;}
	.col.f-l cite {display: block; color: #FFF; font-weight: bold; font-style: normal; font-size: 14px;}
	#oct, #ocf {display:none;}
	.col.f-l .box form table td span {font-weight:bold; color:#ED1C24;}
	.col.f-l .box form table td .err {border:1px solid #ED1C24;}
	
	div.err {font-size:11px; color:#fff; background-color:#ED1C24; padding: 2px 5px;}
	div.msg {font-size:11px; color:#000; background-color:#FFF200; padding: 2px 5px;}
    
	/* FB */
	.fb {padding: 25px 15px 20px 15px; width: 183px; height: 48px; background: url(../images/fb_bcg.png) no-repeat;}
	.fb a {padding-left: 37px; background: url(../images/fb_ico.png) no-repeat; display: inline-block; color: #000; font-size: 12px; line-height: 13px;}
	/* --- Right col --- */
	.spot-hold {position: relative; padding: 18px 22px; width: 220px; height: 136px; background: url(../images/spot_bcg.png) no-repeat;}
	.spot-hold ul {list-style: none; padding: 0; position: absolute; right: -24px; top: 4px;}
	.spot-hold ul a {display: block; width: 24px; line-height: 39px; font-size: 12px; font-weight: bold; background: url(../images/spot_no.png) left -39px no-repeat; text-align: center; text-decoration: none;}
	.spot-hold ul a:hover {color: #000;}
	.spot-hold ul a.act {color: #000; background-position: left 0;}
	.spot-hold li {margin-bottom: 3px;}
	.spot-hold h3 {font-size: 12px; color: #000;}
	.spot-hold .spot {position: absolute; top: 45px; height: 105px;}
	.spot-hold table {height: 105px;}
	.spot-hold td {vertical-align: middle;}
	/* Banners */
	.banner div {float: left; width: 213px; margin-right: 16px;}
	.banner3 {margin: 0 !important;}
		
	/* Foot */
	#foot {padding: 0 20px; margin-bottom: 15px; height: 44px; background: url(../images/foot_bcg.png) no-repeat; line-height: 40px;}
	/* fatchilli.com footer sign */
	#fat {text-decoration: none; font-size: 11px; color: #000;}
	#fat span {text-decoration: underline;}
	#fat span i {color: #9e1f10; font-style: normal;}
	
	.cnt .p {font-size:12px; line-height:16px; margin-bottom: 0px;}
	.cnt .p p {padding:6px 0px; }
	
	.yellow {color:#FDF032; padding-right:6px;}
	
	.download {color:#FDF032; font-size:1.5em; }
	

	
	
	/* ---| Lightbox |--- */
	#lightbox{position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
	#lightbox a { outline: none;}
	#lightbox a img{ border: none;}
	#outerImageContainer{position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
	#imageContainer{padding: 10px; }
	#loading{position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
	#hoverNav{position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
	#imageContainer>#hoverNav{ left: 0;}
	#hoverNav a{ outline: none;}
	#prevLink, #nextLink{width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; display: block;}
	#prevLink {left: 0; float: left;}
	#nextLink {right: 0; float: right;}
	#prevLink, #prevLink { background: url(../images/prevlabel.gif) left 15% no-repeat; }
	#nextLink, #nextLink { background: url(../images/nextlabel.gif) right 15% no-repeat; }
	#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%;}
	#imageData{	padding:0 10px; color: #666; }
	#imageData #imageDetails{ width: 70%; float: left; text-align: left;}
	#imageData #caption{ font-weight: bold;}
	#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;}
	#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;}
	#overlay{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;}