@charset "utf-8";

@font-face {   
   /* will IE load locally and skip the EOT GET? */   
   font-family: "Sophie";   
   src: url(sophie.eot);   
   src: local('Sophie'), url(Sophie.ttf) format("truetype");   
 }   
   
 /* now use the fonts like any other font */   
 .Sophie {   
   font:2em/1.1em Sophie,verdana,sans-serif;   
 }  


/* CSS Document */


body{
margin: 0 0 20px 0;
text-align: center;
background-image:url(slike/bg.jpg);
background-repeat:repeat-x;
}

#container {
background-image:url(slike/bg_blok.png);
background-repeat:no-repeat;
z-index:100; 	
margin-left: auto; 
margin-right: auto; 	
width: 900px;
height: 675px; 	
text-align: left;
 }  
	
a{
text-decoration:none;
color:#ed2088;
font-size:14px;
}


#glavna_tablica
{

}
#td_livo
{
width:83px;
}
#td_mail
{
width:130px;
}
#adminstracija
{

}
#edit_gumb
{
background-image:url(slike/edit_gumb.gif);
background-color:#FFFFFF;
display:inline;


}
#logo{
font-family: Sophie, Verdana, sans-serif;
padding-top:80px;
padding-left:50px;
padding-right:0px;
font-size:18px;
overflow:visible;
z-index:1000;
vertical-align:bottom;


}
#logo p
{
white-space:nowrap;

}


.logo{

font-size:58px;
/*font-weight:bold;*/
color:#ed2088;
font-family: Sophie, Verdana, sans-serif;
vertical-align:top;
}
#styled_popup{
width: 380px; height: 300px; display:none; position: absolute; top: 150px; left: 50px;
z-index:1000;
}
#edit_gumb
{
width:20px;
height:20px;
background-image:url(slike/edit_gumb.gif);
z-index:1000;
}
#kontakt
{
width:300px;
height:30px;
overflow:visible;
text-align:left;
position:relative;
top:-60px;
}

#g_home
{
width:150px;
background-image:url(slike/home_bg_v1_2.png);
background-repeat:no-repeat;
background-position:center;



}
#g_works
{

background-image:url(slike/work_bg_v12.png);
background-repeat:no-repeat;
background-position:center;
width:150px;



}

#g_links
{

background-image:url(slike/links_bg_v2.png);
background-repeat:no-repeat;
background-position:center;
width:130px;


}
#g_about
{

background-image:url(slike/about_v2.png);
background-repeat:no-repeat;
background-position:center;
width:150px;

}
#g_home a:hover
{

}
#g_works a:hover
{


}

#g_links a:hover
{

}
#g_about a:hover
{
}

#g_home:hover
{
background-image:url(slike/home_bg_v2.png);
background-repeat:no-repeat;
background-position:center;

}
#g_works:hover
{

background-image:url(slike/work_bg_v2.png);
background-repeat:no-repeat;
background-position:center;

}

#g_links:hover
{
background-image:url(slike/links_bg_v12.png);
background-repeat:no-repeat;
background-position:center;

}
#g_about:hover
{
background-image:url(slike/about_v12.png);
background-repeat:no-repeat;
background-position:center;

}


#content
{
padding-right:0px;
padding-top:60px;
padding-left:50px;
width:840px;
height:500px;
margin-top:-5px;
vertical-align:top;
}
.tekst{
vertical-align:top;
text-align:left;
width:407px;
padding:1px;
word-wrap: break-word;

}
#content2
{
padding-right:0px;
padding-left:80px;
width:833px;
height:500px;
margin-top:-50px;
vertical-align:top;
}
#content3
{
padding-right:0px;
padding-left:30px;
width:833px;
height:500px;
margin-top:20px;
vertical-align:top;
}
#linkovi
{
height:245px;
text-align:center;
}
#linkovi2
{
height:180px;
}

.tekst2{
vertical-align:top;
text-align:left;
width:800px;
padding:1px;

}
#works_big{
height:330px;
background-image:url(slike/lworks_big.gif);
background-repeat:no-repeat;
}
#works_big2{
height:80px;
color:#FFFFFF;

}
#works_left{
width:245px;
height:330px;
word-wrap: break-word;
}
#works_center{
width:378px;
height:330px;
word-wrap: break-word;
}
#works_center_img{
padding-top:45px;
padding-left:0px;
width:378px;
height:250px;


}


#works_right{
height:196px;
height:330px;
word-wrap: break-word;
}
#works_left_client
{
word-wrap: break-word;
padding-left:168px;
padding-top:38px;
font-family: Sophie,helvetica,sans-serif;
font-size:15px;
color:#FFFFFF;

}
#works_left_date
{
word-wrap: break-word;
padding-left:168px;
padding-top:0px;
font-family: Sophie,helvetica,sans-serif;
font-size:15px;
color:#FFFFFF;

}

#works_right_client
{
word-wrap: break-word;
padding-left:38px;
padding-top:30px;
font-family: Sophie,helvetica,sans-serif;
font-size:12px;
color:#FFFFFF;

}
#works_right_date
{
word-wrap: break-word;
padding-left:38px;
padding-top:0px;
font-family: Sophie,helvetica,sans-serif;
font-size:12px;
color:#FFFFFF;

}
#content1
{
padding-left:80px;
background-image:url(slike/welcome.png);
background-repeat:no-repeat;
width:840px;
height:450px;
margin-top:0px;
vertical-align:top;
}
#tratinchica_index{
width:190px;
height:550px:;
word-wrap: break-word;
}
/**** tag definitions ****/