/*  
Theme Name: Hadzo
Theme URI: http://www.hadzo.com
Description: Tema za moj web kutak.
Version: 1.0
Author: Hadžović Emir
Author URI: http://www.hadzo.com/

*/



#wrapper{


}


#header{
height: 375px;
}

#footer p{
line-height: 18px;

}


#container {
color:black;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:200;
margin:0 auto;
padding-top:0;
position:relative;
text-align:left;
width:800px;
}



.sidebar{
float: left;
width: 240px;
background: #eeeeee;
margin: 0 0 0 10px;
}

#footer{
clear:both;
color:#000000;
margin:0 auto;
padding-top:10px;
padding-bottom:10px;
width:750px;
color:#000000;
font-family:Verdana,Arial,Helvetica;
font-size:10x;
}


h2{
border-bottom:1px solid #A3A3A3;
color:#000000;
font-family:Verdana,Arial,Helvetica;
font-size:19px;
font-weight:200;

padding-bottom:10px;
padding-top:10px;

}






img { border:none;} 





body
{
	background-image: url(images/back.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align:center;
	color:#CCCCCC;
}


A:link {text-decoration: none; border-width: 0px;  color:#CCCCCC;}
A:visited {text-decoration: none; border-width: 0px;   color:#CCCCCC;}
A:active {text-decoration: none;  border-width: 0px;  color:#CCCCCC;}
A:hover {text-decoration: nnone;  border-width: 0px;  color: white;}



A.crni:link {text-decoration: none; border-width: 0px;  color:#333333;}
A.crni:visited {text-decoration: none; border-width: 0px;   color:#333333;}
A.crni:active {text-decoration: none;  border-width: 0px;  color:#333333;}
A.crni:hover {text-decoration: nnone;  border-width: 0px;  color:#CC0000;}

A.crninaslov:link {text-decoration: none; border-width: 0px;  color:#333333;}
A.crninaslov:visited {text-decoration: none; border-width: 0px;   color:#333333;}
A.crninaslov:active {text-decoration: none;  border-width: 0px;  color:#333333;}
A.crninaslov:hover {text-decoration: nnone;  border-width: 0px;  color:#CC0000;}


#zaglavlje_naziv{

background-image:url(images/Untitled-1_02.jpg);
float:none;
height:61px;
position:relative;
text-align:right;

}

#meni_gore {
color:#CCCCCC;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:200;
margin-right:163px;
margin-top:15px;
position:absolute;
right:0;
text-align:right;
}


#meni_dole {
color:#CCCCCC;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:200;
margin:0 auto;
position:relative;
text-align:center;
width:900px;
padding-bottom:30px;

}




.panel {
color:#333333;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:14px;
height:190px;
left:0;
max-height:213px;
overflow:auto;
padding-left:23px;
padding-top:23px;
position:absolute;
right:0;
width:777px;
filter:alpha(opacity=90);
opacity: 0.9;
-moz-opacity:0.9;
}

#sms_panel {
background-image:url(images/sms_bg.jpg)}

#email_panel {
background-image:url(images/email_bg.jpg)}

#mobile_panel {
background-image:url(images/mobile_bg.jpg)}

#remind_panel {
background-image:url(images/remind_bg.jpg)}

#chat_panel {
background-image:url(images/chat_bg.jpg)}


#mobile_number{

letter-spacing:3;
font-size:24px;
font-weight:400;

}





#panel_tekst {
border-bottom:2px solid white;
border-top:2px solid black;
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
height:147px;
margin-left:235px;
margin-right:22px;
padding:10px;
position:relative;
text-align:left;
}






#panel_slika{
float:left;
width:218px;
height:171px;

}



#web_development_panel{
background-image:url(images/Untitled-1_08-14.jpg);
}
#graficki_dizajn_panel{
background-image:url(images/Untitled-1_08-14.jpg);
}
#programiranje_panel{
background-image:url(images/Untitled-1_08-14.jpg);
}
#it_podrska_panel{
background-image:url(images/Untitled-1_08-14.jpg);
}
#mreze_racunara_panel{
background-image:url(images/Untitled-1_08-14.jpg);
}
#office_rjesenja_panel{
background-image:url(images/Untitled-1_08-14.jpg);
}
#edukacija_panel{
background-image:url(images/Untitled-1_08-14.jpg);
}
#web_dizajn_panel{
background-image:url(images/Untitled-1_08-14.jpg);
}

/* zelena #B2F682 */



.web_dizajn_panel_slika{
background-image:url(images/web_design.jpg)}

.web_development_panel_slika{
background-image:url(images/web_development.jpg)}

.graficki_dizajn_panel_slika{
background-image:url(images/graficki_dizajn.jpg)}

.programiranje_panel_slika{
background-image:url(images/programiranje.jpg)}

.it_podrska_panel_slika{
background-image:url(images/it_podrska.jpg)}

.mreze_racunara_panel_slika{
background-image:url(images/mreze_racunara.jpg)}

.office_rjesenja_panel_slika{
background-image:url(images/office_rjesenja.jpg)}

.edukacija_panel_slika{
background-image:url(images/edukacija.jpg)}







.web_dizajn_panel_tekst{
background-color:#93D1F8;}

.web_development_panel_tekst{
background-color:#9EED6F;}

.graficki_dizajn_panel_tekst{
background-color:#D892DA;}

.programiranje_panel_tekst{
background-color:#A7B9C2;}

.it_podrska_panel_tekst{
background-color:#DFCC76;}

.mreze_racunara_panel_tekst{
background-color:#70D6BE;}

.office_rjesenja_panel_tekst{
background-color:#D8F187;}

.edukacija_panel_tekst{
background-color:#BFD38C;}


.bold
{
    font-weight:bold;
}
.maliitalic{
font-size:10px;
font-style:italic;
}