/* CSS Document */

/* -----------------------------------*/
/* ---------->>> GLAVA  <<<-----------*/
/* -----------------------------------*/


body {
	margin:0;
	background-color:#fff;
	/*font-family: Gill Sans, Gill Sans MT, sans-serif;*/
	/*font-family: ‘Lucida Sans Unicode’, ‘Lucida Grande’, Arial, sans-serif;*/
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
	padding:0px;	
}
p { margin:0px;}
a { text-decoration: none; color:#696969; }
a:hover { color:#FFFFFF; background-color: #000; }
::selection {	background:#FF0; color:#000; /* Safari */	}
::-moz-selection {	background:#FF0; color:#000; /* Firefox */ }


/* -----------------------------------*/
/* ------------>>> TOP <<<------------*/
/* -----------------------------------*/

#kontejnr {
	margin: 0 auto;
	width:820px;
	padding-top:0px;
}
#shortkat { text-align:right; margin-bottom:60px; }
#shortkat .bliznjica { color:#000; display:inline-block; -moz-transform:rotate(-3deg); -webkit-transform: rotate(-3deg);  }
#shortkat h2 { margin:0px; padding:0px; display:inline; }
#shortkat h2.blog a { background-color:#900; color:#fff; padding:0px 4px; margin:0px; display: inline-block; font-size: 35px; line-height: 24px; }
#shortkat h2.foto a { background-color: #AAAAAA; color: #FFFFFF; display: inline-block; font-size: 35px; letter-spacing: 0; line-height: 8px; margin-top: 0; padding: 8px;}
#shortkat h2.blog a:hover { background-color:#fff; color:#900; }
#shortkat h2.foto a:hover { background-color:#fff; color: #000;}

#top .fobija {
-moz-transform:rotate(-0deg);
background:none repeat scroll 0 0 #000000;
color:#FFFFFF;
display:inline-block;
font-size:140px;
letter-spacing:-10px;
line-height:73px;
margin-bottom:-10px;
padding:4px;
}
#top .fobija:hover { background-color:#FFF; color:#000; }
#top .web {
	-moz-transform:rotate(-8deg);
	-webkit-transform: rotate(-2deg);
	background:none repeat scroll 0 0 #7A0202;
	color:#FFFFFF;
	display:inline-block;
	font-size:43px;
	letter-spacing:-4px;
	line-height:23px;
	margin-top:4px;
	padding:8px;
}
#top .dizajn {
	-moz-transform:rotate(3deg); 
	background:none repeat scroll 0 0 #AAAAAA; 
	color:#FFFFFF; 
	display:inline-block; 
	font-size:53px; 
	letter-spacing:-4px;
	line-height:25px;
	margin-top:5px;
	padding:8px;
}
#top .foto {
	-moz-transform:rotate(-1deg);
	display:inline-block;
	font-size:47px;
	letter-spacing:-2px;
	line-height:27px;
	margin-left:-8px;
	padding:8px;
}

#centr { font-size:12px; margin:-19px 0 64px; }

#web { float:left;  width:20%; border-left:1px dashed #CCCCCC; margin:2px 0px 0px 0px; padding:2px 10px 5px 15px;}
#foto { float:left;  width:20%; border-left:1px dashed #CCCCCC; margin:2px 0px 0px 0px; padding:2px 10px 5px 15px;}
#linkz { float:left;  width:20%; margin:2px 0px 0px 0px; padding:2px 10px 5px 15px; border-left:1px dashed #CCCCCC; }
#fobija { float:left; width:20%; margin:2px 0px 0px 0px; padding:2px 10px 5px 15px; border-left:1px dashed #CCCCCC; border-right:1px dashed #CCCCCC; }

#web:hover, #foto:hover, #linkz:hover, #fobija:hover { background-color:#E5E5E5; color:#333; }
#web h2, #foto h2, #linkz h2, #fobija h2 { color:#7a0202; letter-spacing:-1px; margin:0px 0px 5px 0px; font-size:18px; }
#web h3, #foto h3, #linkz h3, #fobija h3 { color:#000; letter-spacing:-1px; margin:10px 0px 4px 0px; font-size:14px; font-weight:normal; }

#btm {
	background:none repeat scroll 0 0 #DDDDDD;
	color:#000000;
	display:inline-block;
	font-size:11px;
	letter-spacing:2px;
	margin:0 52px;
	padding:1px;
	text-align:right;
}
/* ======== form ========*/

/*
input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000;
	border:1px solid #999;
	-webkit-border-radius: 4px;
 	-moz-border-radius: 4px;
	background:transparent;
	padding:1px 2px 1px 2px;
	margin: 3px 0px 8px 0px;
}

textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	background:transparect;
	border:1px solid #999;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding:5px;
	margin-bottom:10px;
}
*/

/* ======== other ========*/

.clear {clear:both; }