/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/*
* FONTS
* This CSS file has been generated by fontsquirrel.com and is based on the work of Paul Irish. 
*/

@font-face {
	font-family:"LithosProRegular";
	src: url("../fonts/LithosPro-Regular.eot");
	src: local("Lithos Pro Regular"), local("LithosPro-Regular"), url("../fonts/LithosPro-Regular.woff") format("woff"), url("../fonts/LithosPro-Regular.otf") format("opentype"), url("../fonts/LithosPro-Regular.svg#LithosPro-Regular") format("svg");
}


html { overflow-y: scroll; } /* izbegnut firefox page shift...vertical scroll on*/

body {
	text-align:center;
	background-color:#000;
	color:#CCC;
}

p{
	padding:0 20px 15px 30px;
}

.content_subtitle {
	font-weight:bold;
	color:#FFF;
}

.content_subtitle_underline {
	padding:20px 30px 30px 30px;
}

.content_subtitle_underline p, .content_subtitle_underline h3{
	font-weight:bold;
	color:#FFF;
	font-size:18px;
	text-align:center;
	border-bottom:1px;
	border-bottom-color:#313031;
	border-style:solid none;
	padding-left:0px;
	padding-bottom:20px;
}

.content_centriran {
	padding-left:140px;
}


/*structure*/
#container {
  width: 1000px;
  margin: 0 auto;
  text-align: left;
  position:relative;
}

/*header*/
#header {
	padding: 32px 0 10px 75px;	
}

#header li {
	float:left;
}

#social_net  {
	float:right;
	padding-right:85px;
}

#logotip {
	position:absolute;
	left:0px;
	top:480px;
}

ul#social_net a{
	display: block;
	width:25px;
	height:25px;
	padding-right:1px;
	background-repeat:no-repeat;
}

ul#social_net .FB a{ background-image:url(../images/goblenstudiofacebookGS.jpg);}
ul#social_net .FB a:hover{	background-image:url(../images/goblenstudiofacebook.jpg);}

ul#social_net .myspace a{ background-image:url(../images/goblenstudiomyspaceGS.jpg);}
ul#social_net .myspace a:hover{	background-image:url(../images/goblenstudiomyspace.jpg);}

ul#social_net .twitter a{ background-image:url(../images/goblenstudiotwitterGS.jpg);}
ul#social_net .twitter a:hover{	background-image:url(../images/goblenstudiotwitter.jpg);}


#goblen a, #goblen a:hover {
	color:black;
}

/*main_nav*/
#mainNav {
	font: 18px "LithosProRegular", Arial, sans-serif;
	padding-left:45px;
  	text-align:center;
	border-style:solid none;
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-color:#313031;
	overflow:auto;
}

#mainNav img{
	padding-top:.6em;
	padding-bottom:.5em;
}

#other_wrapper {
	padding-top:55px;
}

#content {
	font: 13px "LithosProRegular", Arial, sans-serif;
	color: #9c9a9c;
	width: 800px;
	float:right;
	border-left-style:solid;
	border-left-width: 1px;
	border-color:#9c9a9c;
	
}

#o_nama #content, #informator #content, #kontakt #content, #linkovi #content {
	height:450px;
}

#subNav{
	font: 13px "LithosProRegular", Arial, sans-serif;
	float:left;
}


#footer {
	font: 10px "LithosProRegular", Arial, sans-serif;
	clear:both;
	padding-top: 30px;
	padding-bottom: 20px;
	text-align:center;
}



/*navigacija*/
ul{
	list-style:none;
}

ul#mainNav li {
	float:left;
}

ul#subNav {
	padding-left:20px; /* bilo 50px*/
}

ul#subNav li {
	clear:both;
}

ul#mainNav a:hover, ul#subNav a:hover {
	color:#f68a1f;
}

ul#subNav a {
	display:block;
	clear:both;
	padding:0 1.5em;
	line-height: 2.1em;
	text-decoration: none;
	color:#FFF;
}

ul#mainNav a {
	display:block;
	float:left;
	padding:3px 1.5em;
	line-height: 2.1em;
	text-decoration: none;
	color:#FFF;
}

li { display:inline; /*removes large gaps in IE/Win*/}

/* USLUGE...treci nivo navigacije*/
ul#subsubNav {
	padding-left:10px; /* bilo 50px*/
}

/*aktivno stanje mainNav */
#glavna #mainNav .glavna a,
#o_nama #mainNav .o_nama a,
#saradnja #mainNav .o_nama a,
#klijenti #mainNav .o_nama a,

#portfolio #mainNav .portfolio a,

#usluge #mainNav .usluge a,
#animacija #mainNav .usluge a,
#interaktiv #mainNav .usluge a,
#dopunske_usluge #mainNav .usluge a,
#cenovnik #mainNav .usluge a,
#proces #mainNav .usluge a,

#informator #mainNav .informator a,
#terminologija #mainNav .informator a,
#linkovi #mainNav .informator a,
#kontakt #mainNav .kontakt a
{
	color:#f68a1f;
	cursor:default;
}

/*aktivno stanje subNav*/
#o_nama #subNav .uopsteno a,
#saradnja #subNav .saradnja a,
#klijenti #subNav .klijenti a,


#usluge #subNav .slika a, /* class direktno u <a> zbog IE i child selectora */
#animacija #subNav .animacija a,
#interaktiv #subNav .interaktiv a,
#dopunske_usluge #subNav .dopunske_usluge a,
#cenovnik #subNav .cenovnik a,
#proces #subNav .proces a,

#informator #subNav .novosti a,
#terminologija #subNav .terminologija a,
#linkovi #subNav .linkovi a

{
	color:#f68a1f;
	cursor:default;
}


.locallink {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

/*aktivno stanje subsubNav*/
#usluge #subsubNav .slika a,
#animacija #subsubNav .animacija a,
#interaktiv #subsubNav .interaktiv a,
#dopunske_usluge #subsubNav .dopunske_usluge a,
#dopunske_usluge #subsubgoblenNav .dopunske_usluge a
{
	color:#f68a1f;
	cursor:default;
}

/* GLAVNA _ swap img */

#glavna_wrapper{
	position:relative;
}

ul#glavnaSwapNav{
	padding: 30px 0 0 55px;
}

ul#glavnaSwapNav a {
	font: 13px "LithosProRegular", Arial, sans-serif;
	display:block;
	clear:both;
	/*padding:0 1.5em;*/
	/*line-height: 2.1em;*/
	text-decoration: none;
	color:#FFF;
	width: 230px;
	line-height:54px;
	/*border: 1px solid #9c9a9c;*/
	text-align:right;
	background-image:url(../images/01-glavna/swap1.png);
}

.glavnaLink{
	padding-right:35px;
}


ul#glavnaSwapNav a img {height: 0; width: 0; border-width: 0;}

ul#glavnaSwapNav a:hover img, .glavna_img {position: absolute;
    top: 30px; left: 55px; height: 324px; width: 870px; z-index:-1;}
	
ul#glavnaSwapNav a:hover {
	background-image:url(../images/01-glavna/swap2.png)
}

/*LINKOVI na raznim stranama*/
#footer a{
	color:#f68a1f;
	text-decoration:none;
}

.footer_right{
	padding-left:170px;
}

.back_top {
	color:#f68a1f;
	padding-left: 340px;
}

.back_top a {
	color:#f68a1f;
}

.mail_to {
		color:#f68a1f;
}


	

	

/* clear*/
.clear_all {
	clear:both;
}

/*content_fotke + opis*/
#content_left{
	float:left;
	width: 310px;
}
#content_right{
	float:left;
}

.text_desno{
	padding-left:355px;
}


/*CENOVNIK*/

table {
	width:600px;
}

#tabela_1, #tabela_2, #tabela_3, #tabela_4, #tabela_5 {
	padding:0 0 25px 0;
	text-align:center;
	width:600px;
	margin: 0 auto;
}

caption {
	color:#f68a1f;
	text-align:center;
	font-weight:bold;
	padding-bottom:10px;
}

.prva_col, th {
	font-weight:bold;
	color:#FFF;
	text-align:center;
	padding:5px;
}

td {
	height: 4em;
	text-align:center;
	vertical-align:middle;
	padding:5px;
}

#tabela_1 .col2 {
	width:150px;
}

#tabela_4 .col2, #tabela_4  .col1 {
	width:200px;
}

#tabela_5  .col1  {
	width:150px;
}

 #tabela_5 .col2 {
	width:250px;
}

/*LINKOVI*/

#tabela_linkovi{
	padding-left:30px;
}

#linkovi table {
	width:730px;
}

#linkovi td{
	text-align:left;
	vertical-align:top;
}

#linkovi .link_col1{
	width:180px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;

}

#tabela_linkovi td a{
	color:#FFF;
	text-decoration:none;
}




#modelovanjeNaslov h2 {
	text-align:center;
	margin-bottom:6px;
}

#noviProjekti ul, #noviProjektiul li, #noviProjektiul li img {
	display:inline;
	padding:0px;
	margin:0px;
	margin-top:5px;
}
/*
ul#noviProjekti li {
	border: 1px solid #ddd;
	padding-top:4px;
	padding-left:4px;
}
ul#noviProjekti li.s {
	border-left: 0px;
	border-right: 0px;
}
*/
.novi{
	text-align:center;
	margin-right:20px;
}


img.galerija {
	padding:5px;
	width:100px;
	height:75px;
}

p.galerija {
	padding-left:40px;
}




a.locallinkb {
	color:#f68a1f;	
	text-decoration:none;
	font-weight:bold;
}



.paddingleft {
	padding-left:10px;	
}








/*FORMA*/
fieldset {
	margin-left:80px;
	padding:0px;
	border-bottom-style:none;
}

fieldset  ol {
	padding: 0 10px 0 10px;
	list-style:none;
}

fieldset li {
	padding-bottom:10px;
	display:block;
}

#content_right ol span {
	display:block;
	color:#f68a1f;
	background-color:#666;
	padding:2px;
	width:320px;
}

.input{
	border:none;
	background-color:#333;
	color:#FFF;
	width:320px;
	padding:2px;
	font-size:12px;
}


textarea#styled {
	border:none;
	width: 320px;
	height: 120px;
	border:none;
	padding: 2px;
	background-color:#333;
	color:#FFF;
	font-size:12px;
	font-family:Arial, sans-serif;
}

.buttons {
	padding-left:150px;
}

.buttons li {padding-left:10px; display:inline; }

.buttons input {
	border:none;
	font: 12px "LithosProRegular", Arial, sans-serif;
	color:#666;
	background-color:#333;
	width:80px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:left;
	
}

input.btn {
	background-image:url(../images/strelica_dugme.jpg);

}

input.btn_btnhov {
	background-image:url(../images/strelica_dugme2.jpg);
}