/*****************  RESET  *************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*****************  STRAN  *************************/
body {
	background:url(images/bg.jpg) repeat-x;
	background-color:#FFF;
}

.content, .footer-content, .sub-footer-content {
	width: 980px;
	text-align: center;
	position: relative;
	left: 50%;
	margin-left: -490px;
}

.logo h1 {
	background:url(images/matejlepej.png) no-repeat;
	width:780px;
	height:111px;
	text-indent:-9999px;
	margin:0 auto;
}

.logo h1 a {
	width: 780px;
	height: 111px;
	display: block;
}

.menu {
	width:770px;
	margin-left:20px;
	padding-left:170px;
	height:65px;
	background:url(images/bg_menu.jpg) no-repeat;
	text-align:left;
	font:bold 14px 'century gothic',verdana,arial,helvetica,sans-serif;
}

div.hoverBtn {
	position: 		relative;
	float:			left;
	background:		url(images/bg_menu_link_sprite.jpg) repeat-x 0 0 scroll;
}

div.hoverBtn a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 			100px;
	height: 		65px;
	line-height: 	30px;
	text-align: 	center;
	font-size:		1.0em;
	text-decoration:none;
	color:			#838282;
	background:		transparent none repeat-x 0 0 scroll;
	padding:	    7px 0px;
}

div.hoverBtn div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	background:		url(images/bg_menu_link_sprite.jpg) repeat-x 0 0 scroll;
	background-position:-100px 0;
}

.sliderbg {
	width:980px;
	height:58px;
	background:url(images/bg_slider.jpg) no-repeat;
}

.welcome {
	width:980px;
	height:133px;
	background-image:url(images/welcome.jpg);
}

.welcome h2, .welcome h3 {
	font:38px 'century gothic',verdana,arial,helvetica,sans-serif;
	color:#717171;
	line-height:27px;
	padding-top:25px;
}

.welcome h3 {
	font-size:17px;
	margin-top:-7px;
	padding-top:0px;
	color:#acacac;
}

.welcome h2 {
	text-transform:uppercase;
}

.temna-welcome {
	color:#faab12;
}

a.read-more {
	margin-left:433px;
	margin-right:433px;
	display:block;
	margin-top:2px;
	width: 113px;
	height:38px;
	background-image:url(images/readmore.png);
	text-indent:-9999px;
}

a.read-more:hover {
	background-image:url(images/readmore.png);
	background-position:-113px 0;
}
	

#widgets, #widgets-podstran, #portfolio-podstran {
	width:980px;
	height:270px;
	text-align:left;
	font:14px Arial;
	color:#717171;
	line-height:20px;
	margin-bottom:50px;
}

#widgets-podstran {
	height:1080px;
	background-image:url(images/podstran_bg.gif);
	background-repeat:repeat-y;
	background-color:#FFF;
}

#widgets-podstran p{
	padding-bottom:25px;
	margin-top:-5px;
}

#widgets-podstran a {
	text-decoration:none;
	color:#fbab48;
}

#widgets-podstran a:hover {
	text-decoration: underline;
}

.temno {
	color:#000;
}

#portfolio-podstran {
	height:1260px;
	width:890px;
	background-color:#FFF;
	background-image:url(images/bg_portfolio.png);
	background-repeat:no-repeat;
	margin-left:20px;
	padding:25px;
}

#widgets .widget:hover, .widget-desno:hover {
	-moz-border-radius:10px 10px;
	background:none repeat scroll 0 0 #f8f8f8;
}

.widget, .widget-desno {
	float:left;
	width:270px;
	padding:20px;
	margin-right:25px;
}

.widget-desno {
	margin-right:0px;
}

.widget img, .widget-desno img {
	margin-bottom:0px;
}

.widget-img {
	overflow:hidden;
	position:relative;
	width:270px;
	height:156px;
	margin:0;
	padding:0;
}

.footer {
	position:relative;
	width:100%;
	height:490px;
	background:#000 url(images/bg_footer.jpg) repeat-x;
}

.footer-content a, #portfolio-podstran a, #widgets a {
	text-decoration:none;
	color:#faab12;
}

.footer-content a:hover, #portfolio-podstran a:hover, #widgets a:hover {
	text-decoration:underline;
}

.footer-widget-levo {
	width:670px;
	padding:30px 0 0 20px;
	text-align:left;
	font-family:'century gothic',verdana,arial,helvetica,sans-serif;
	line-height:24px;
	float:left;
}

.footer-widget-desno {
	width:270px;
	padding-top:30px;
	text-align:left;
	font-family:'century gothic',verdana,arial,helvetica,sans-serif;
	line-height:24px;
	float:left;
}

.footer-widget-levo h4, .footer-widget-desno h4 {
	font-weight:normal;
	font-size:32px;
	color:#bababa;
}

.svetla-footer {
	color:#FFF;
}

.footer-widget-levo h5, .footer-widget-desno h5 {
	font-weight:normal;
	font-size:17px;
	color:#878787;
	margin-top:-5px;
	margin-bottom:30px;
}
.footer-widget-desno h6 {
	font:16px Arial;
	color:#e5e5e5;
	margin-bottom:5px;
}

.footer-widget-desno p {
	font:12px Arial;
	color:#878787;
	line-height:16px;
	margin-bottom:20px;
}

.footer-widget-desno img{
	margin-right:9px;
	border:none;
}

.contact-form-levo, .contact-form-levo-button {
	float:left;
	width:270px;
	margin-right:65px;
}

.contact-form-full {
	float:left;
	width:605px;
}

.contact-form-levo input, .contact-form-full input, .contact-form-full textarea {
	width: 253px;
	height:33px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	background-color:#2a2a2a;
	border:1px #2a2a2a solid;
	color:#878787;
	overflow:hidden;
	padding-left:15px;
	margin-bottom:10px;
}

.contact-form-levo input {
	line-height:32px;
}

.contact-form-full input {
	width: 590px;
}

.contact-form-full textarea {
	width: 590px;
	height:150px;
	padding-top:15px;
}

.contact-form-levo textarea:focus, .contact-form-levo input:focus,  .contact-form-full input:focus,  .contact-form-full textarea:focus {
	background-color:#3e3e3e;
	border:1px #eee dashed;
}

.contact-form-levo textarea:hover, .contact-form-levo input:hover,  .contact-form-full input:hover,  .contact-form-full textarea:hover {
	background-color:#3e3e3e;
	border:1px #787878 dashed;
}

.submit-button {
	margin-top:10px;
	width: 100px;
	height:29px;
	background-image:url(images/sendit_sprite.png);
	color:#9c5704;
	border: 0px solid #FFFFFF;
	cursor:pointer;
}

.submit-button:hover {
	background-image:url(images/sendit_sprite.png);
	background-position:-100px 0;
}

.footer-widget-levo legend {
	color:#e5e5e5;
	font:14px Arial;
	padding-bottom:7px;
}

#error {
	color:#e5e5e5;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

.error-slo {
	color:#878787;
}

.sub-footer {
	position:relative;
	width:100%;
	height:53px;
	background-color:#0f0f0f;
	border-top:1px solid #1e1e1e;
}

.sub-footer-content {
	width:940px;
	color:#878787;
	font:12px Verdana, Geneva, sans-serif;
	float:left;
	text-align:center;
	padding:20px;
}

.sub-footer-content a {
	color:#878787;
}

.sub-footer-content a:hover {
	text-decoration:none;
}

ul#awesome-menu {
	width: 270px;
	list-style: none;
}

ul#awesome-menu li { display: inline; }
	
ul#awesome-menu li a {
	display: block; float: left; height: 34px;
	background-image: url(images/social_sprite.jpg); text-indent: -9999px;
}

ul#awesome-menu li a.facebook {
	width: 40px; background-position: 0 0;	
}

ul#awesome-menu li a.twitter {
	width: 48px; background-position: -40px 0;	
}

ul#awesome-menu li a.gmail {
	width: 47px; background-position: -88px 0;	
}

ul#awesome-menu li a.linkedin {
	width: 48px; background-position: -135px 0;	
}

ul#awesome-menu li a.wordpress {
	width: 47px; background-position: -183px 0;	
}

ul#awesome-menu li a.youtube {
	width: 40px; background-position: -230px 0;	
}

ul#awesome-menu li a.facebook:hover, ul#awesome-menu li a.facebook:focus {
	background-position: 0 -34px;	
}

ul#awesome-menu li a.twitter:hover, ul#awesome-menu li a.twitter:focus {
	background-position: -40px -34px;	
}

ul#awesome-menu li a.gmail:hover, ul#awesome-menu li a.gmail:focus {
	background-position: -88px -34px;	
}

ul#awesome-menu li a.linkedin:hover, ul#awesome-menu li a.linkedin:focus {
	background-position: -135px -34px;	
}

ul#awesome-menu li a.wordpress:hover, ul#awesome-menu li a.wordpress:focus {
	background-position: -183px -34px;	
}

ul#awesome-menu li a.youtube:hover, ul#awesome-menu li a.youtube:focus {
	background-position: -230px -34px;	
}

/*
 * jQuery Nivo Slider v2.0
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:940px;
	z-index:89;
}
.nivo-caption p {
	padding:11px;
	margin:0;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:36%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
/*
 * Note: Include the nivo-slider.css file that comes
 * with the main download before including this file.
 */

#slider {
	position:relative;
	margin-left:20px;
	background:#202834 url(images/loading.gif) no-repeat 50% 50%;
/*	-moz-box-shadow:0px 0px 10px #333;
	-webkit-box-shadow:0px 0px 10px #333;
	box-shadow:0px 0px 10px #333;
*/}
#slider img {
	position:absolute;
	top:0px;
	left:00px;
	display:none;
}
#slider a {
	border:0;
}

.nivo-controlNav {
	position:absolute;
	left:45%;
	bottom:-21px;
}
.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:7px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:-10px 0;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:70px;
	background:url(images/arrows.png);
	text-indent:-9999px;
	border:0;
}

.nivo-directionNav a:hover {
	background:url(images/arrows-hover.png);
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:24px;
}

a.nivo-nextNav:hover {
	background-position:-30px 0;
}

a.nivo-prevNav {
	left:4px;
}

.podstran-levo {
	float:left;
	width:390px;
	padding:20px 40px 20px 20px;
}

.podstran-desno {
	float:left;
	padding-top:20px;
	padding-left:120px;
	width:390px;
}

#widgets-podstran h2, #portfolio-podstran h2 {
	color:#717171;
	font-size:36px;
	margin-top:10px;
	font-family:'century gothic',verdana,arial,helvetica,sans-serif;
	font-weight:normal;
}

#portfolio-podstran h2 {
	margin-top:-5px;
	margin-bottom:-5px;
}

#widgets-podstran h2 {
	text-transform:uppercase;
}

#widgets-podstran h3 {
	color:#f57a23;
	margin-top:-5px;
}


#widgets-podstran h3, #portfolio-podstran h3 {
	
	font-size:18px;
	margin-bottom:20px;
	font-family:'century gothic',verdana,arial,helvetica,sans-serif;
	font-weight:normal;
}

#portfolio-podstran h3 {
	margin-bottom:0px;
	color:#faab12;
}

#widgets-podstran p {
	color:#717171;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	margin-bottom:30px;
}

#portfolio-podstran p {
	color:#717171;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	margin-bottom:10px;
}

.portfolio-levo, .portfolio-desno {
	float:left;
	width:275px;
	padding:0px;
}

.portfolio-desno {
	margin-left:32px;
}

#portfolio-podstran img {
	margin-bottom:20px;
}

.ime-projekta {
	float:left;
	width:275px;
}

#portfolio-podstran a {
	text-decoration:none;
}


.photo00, .photo1, .photo2, .photo3, .photo4, .photo5, .photo6, .photo7, .photo8, .photo9, .photo10, .photo11, .photo12, .photo13, .photo14, .photo15, .photo16, .photo17, .photo18, .photo19{
    width:275px;
    height:132px;
    background-repeat:no-repeat;
    background-position:0px 0px;
    float:left;
	margin-bottom:20px;
}
.photo00{
    background-image:url(portfolio/projekt00.jpg);
}
.photo1{
    background-image:url(portfolio/projekt1.jpg);
}
.photo2{
    background-image:url(portfolio/projekt2.jpg);
}
.photo3{
    background-image:url(portfolio/projekt3.jpg);
}
.photo4{
    background-image:url(portfolio/projekt4.jpg);
}
.photo5{
    background-image:url(portfolio/projekt5.jpg);
}
.photo6{
    background-image:url(portfolio/projekt6.jpg);
}
.photo7{
    background-image:url(portfolio/projekt7.jpg);
}
.photo8{
    background-image:url(portfolio/projekt8.jpg);
}
.photo9{
    background-image:url(portfolio/projekt9.jpg);
}
.photo10{
    background-image:url(portfolio/projekt10.jpg);
}
.photo11{
    background-image:url(portfolio/projekt11.jpg);
}
.photo12{
    background-image:url(portfolio/projekt12.jpg);
}
.photo13{
    background-image:url(portfolio/projekt13.jpg);
}
.photo14{
    background-image:url(portfolio/projekt14.jpg);
}
.photo15{
    background-image:url(portfolio/projekt15.jpg);
}
.photo16{
    background-image:url(portfolio/projekt16.jpg);
}
.photo17{
    background-image:url(portfolio/projekt17.jpg);
}
.photo18{
    background-image:url(portfolio/projekt18.jpg);
}
.photo19{
    background-image:url(portfolio/projekt19.jpg);
}




.photo00 p, .photo1 p, .photo2 p, .photo3 p, .photo4 p, .photo5 p, .photo6 p, .photo7 p, .photo8 p, .photo9 p, .photo10 p, .photo11 p, .photo12 p, .photo13 p, .photo14 p, .photo15 p, .photo16 p, .photo17 p, .photo18 p, .photo19 p{
    background-position:0px -132px;
    display:block;
    width:100%;
    height:132px;
    background-repeat:no-repeat;
}
.photo00 p{
    background-image:url(portfolio/projekt00.jpg);
}
.photo1 p{
    background-image:url(portfolio/projekt1.jpg);
}
.photo2 p{
    background-image:url(portfolio/projekt2.jpg);
}
.photo3 p{
    background-image:url(portfolio/projekt3.jpg);
}
.photo4 p{
    background-image:url(portfolio/projekt4.jpg);
}
.photo5 p{
    background-image:url(portfolio/projekt5.jpg);
}
.photo6 p{
    background-image:url(portfolio/projekt6.jpg);
}
.photo7 p{
    background-image:url(portfolio/projekt7.jpg);
}
.photo8 p{
    background-image:url(portfolio/projekt8.jpg);
}
.photo9 p{
    background-image:url(portfolio/projekt9.jpg);
}
.photo10 p{
    background-image:url(portfolio/projekt10.jpg);
}
.photo11 p{
    background-image:url(portfolio/projekt11.jpg);
}
.photo12 p{
    background-image:url(portfolio/projekt12.jpg);
}
.photo13 p{
    background-image:url(portfolio/projekt13.jpg);
}
.photo14 p{
    background-image:url(portfolio/projekt14.jpg);
}
.photo15 p{
    background-image:url(portfolio/projekt15.jpg);
}
.photo16 p{
    background-image:url(portfolio/projekt16.jpg);
}
.photo17 p{
    background-image:url(portfolio/projekt17.jpg);
}
.photo18 p{
    background-image:url(portfolio/projekt18.jpg);
}
.photo19 p{
    background-image:url(portfolio/projekt19.jpg);
}