/*	
	DIZAJN.VG
	Brand subpage style
	www.dizajn.vg
*/

/* MAIN DIVS */

a {
text-decoration:none;
border:none;
margin:0;
padding:0;
color:#666666;
}

img {border: none;}

body {
margin:0;
padding:0;
background:url(images/body_bkg.jpg) #000000 top repeat-x;
font-family: "Calibri", "Arial";
font-size:16px;
}

#glavni {
background:url(images/footer_bkg.jpg) bottom repeat-x;
}

#stranica_kont {
width:680px;
margin-left:auto;
margin-right:auto;
}

header_slika {
width:680px;
height:155px;
}

#slider {
width:600px;
margin-left:auto;
margin-right:auto;
margin-bottom:50px;
}

#tooltipovi {
}

#fuuter {
background:#000000;
color:#999999;
text-align:center;
font-size:12px;
padding:10px;
}

#boja {
background: url(images/footer_bkg.jpg) bottom repeat-x;
}

/* Tooltipovi divs*/
.tooltip_trigger
{
display:block;
width:204px;
height:55px;
margin-top:-15px;
margin-bottom:1px;
overflow:hidden;
cursor:pointer;
float:left;
border: solid 1px #1F1F1F;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
background:#000;
color:#fff;
margin-right:10px;
margin-left:10px;
cursor:default;
text-align:center;
font-size:20px;
line-height:55px;
}

#tooltip1 {
	background: url(images/reflexia.png) repeat-x bottom #1b1b1b;
} 

#tooltip2 {
	background: url(images/reflexia.png) repeat-x bottom #1b1b1b;
} 

#tooltip3 {
	background: url(images/reflexia.png) repeat-x bottom #1b1b1b;
} 

.tooltip { 
	display:none;
	background:url(http://images.dizajn.vg/brandovi/background.png) no-repeat;
	height:190px;
	padding:5px 40px 5px;
	width:320px;
	color:#fff;
	z-index:9999;
	text-align:center;
	background-position:center;
}

h2 {
padding:0;
margin:0;
color:#FFFFFF;
font-size:18px;
}


#panel1
{
top: 230px;
}
.panel {
position: fixed;
left: 0;
display: none;
background: #000000;
border:1px solid #111111;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
width: 310px;
height: auto;
padding: 20px 30px 10px 130px;
filter: alpha(opacity=85);
opacity: .85;
z-index:800;

}

.panel p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
border-bottom: 1px solid #9FC54E;
}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}

a#panel_trigger1
{
top: 170px; left: 0;
background:#333333 url(http://images.dizajn.vg/paneli/gumb1.png) no-repeat;
z-index:900;
}


a.active#panel_trigger1.active
{
background:#222222 url(http://images.dizajn.vg/paneli/gumb1_active.png) no-repeat;
}


a:hover#panel_trigger1
{
background:#222222 url(http://images.dizajn.vg/paneli/gumb1.png) no-repeat;
border-left:5px solid #222222;
}


a.trigger{
height:100px;
position: fixed;
padding: 0 15px 0 20px;
display: block;
}