/*// Body Style //*/

* {
	margin: 0;
	padding: 0;
	}
	
html,body
	{
	background-color: #fff;
	margin: 0;
	padding: 0;
	background-image: url(../images/layout/bg_slate.gif);
	background-repeat: repeat-y;
	background-position: center top;
	text-align: center;
	height: 100%;
	font-family: Tahoma, Arial;
	font-size: 11px;
	line-height: 12px;
	}

div#conbinheader 
	{
	margin-top:0px; 
	}
	
* html div#conbinheader 
	{
	margin-top: -1px;
	}

p
	{ 
	margin: 0px; padding: 0px; line-height: 1.5em;
	color: #444444;
	/*text-align: justify;*/
	}
	
form
	{
	margin: 0px; padding: 0px; 
	}
	
img
	{
	border: 0;
	}
	
a {
	color: #0D00B3;
	text-decoration: underline;	
}

a:link {
	color: #0D00B3;
	text-decoration: underline;	
}

a:visited {
	color: #0D00B3;
	text-decoration: underline;	
}

a:active {
	color: #0D00B3;
	text-decoration: underline;	
}

a:hover {
	color: #FF0000;
	text-decoration: none;	
}

/*// Header DIV Styles //*/

#conbin {
	text-align: left;
	vertical-align: middle;	
	margin: 0px auto;
	padding: 0px;
	width: 766px;
}

#conbinheader {
	background-image:url("../img/bg-head.gif"); 
	height: 122px;
	background-repeat: repeat-x; 
	text-align: left;
	vertical-align: middle;	
	margin: 0px auto;
	padding: 0px;
	width: 766px;
}

#topbar {
	width: 766px;
	height: 9px;
	margin: 0px auto;
	padding: 0;
	background-image: url(../img/bg-head-btm.gif);
	background-repeat: repeat-x;
}

#logobar {
	width: 766px;
	height: 122px;
	margin: 0px;
	padding: 0px;
}

#logobar h1 {
	background-image:url("../img/acne.jpg"); 
	left:0px; height: 67px;
	background-repeat:no-repeat; 
	background-position:left bottom;
	cursor:pointer; cursor:hand;
	padding: 55px 0 0 130px;
	font-family: Tahoma, Trebuchet MS, Trecbuchet, Ariel, Tahoma;
	font-size: 2.5em;
	font-weight: normal;
	margin: 0;
	float: left;
	line-height: 28px;
	color: #0D00B3;
}

#logobar h1 a, #logobar a:visited {
	text-decoration: none;
	color: #0D00B3;
}

#logobar h1 a:hover {
	color: #FF0000;
	text-decoration: none;
}


#topnav {
	float: right; 
	padding: 0;
	margin: 0;
	line-height: 1.2em;
}

#topnav ul li {
	list-style-type: none;
	float: left;
	font-family: Tahoma, Arial;
	font-size: 11px;
	text-align: right;
	color: #fff;
	padding: 2px 0 10px 0;
}

#topnav ul {
	margin: 0;
	padding: 10;
}

#topnav ul li a:link, #topnav ul li a:visited {
	color: #fff;
	text-decoration: none;	
	padding-left: 1px;
	padding-right: 5px;
}

#topnav ul li a:hover {
	color: #fff;
	text-decoration: underline;	
}

.tagline {
	color: #666666;
	font-size: 0.5em;
	font-weight:bold;
}


/*// Content Left //*/

#leftcon {
	width: 192px;
	float: left;
	margin: 0px;
	padding: 0px;
	background-color: #fff;
}

#PLACEHOLDER1 {
	width: 192px;
	height: 92px;
	background-image: url(../img/bg-cause.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	padding: 0;
	line-height:1.5em;
}
#PLACEHOLDER1 .title { font-size: 1.5em; color: #666666; padding: 6px 0 5px 5px; margin: 0; }
#PLACEHOLDER1 .stitle { font-size: 1em; color: #766CFF; padding: 0 12px 0 60px; font-weight: bold; margin: 0; }
#PLACEHOLDER1 p { font-size: 1em; color: #444444; padding: 0 12px 0 60px; font-weight: normal; line-height: 1.1em; }
#PLACEHOLDER1 .link { font-size: 1em; color: #FF0000; padding: 0 12px 0 60px; font-weight: bold; }
#PLACEHOLDER1 .link a:link, a:visited { color: #0D00B3; text-decoration: underline; }
#PLACEHOLDER1 .link a:hover { color: #FF0000; text-decoration: none; }

#PLACEHOLDER2 {
	width: 192px;
	height:92px;
	background-image: url(../img/bg-treatment.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	padding: 0;
	line-height:1.5em;
}
#PLACEHOLDER2 .title { font-size: 1.5em; color: #666666; padding: 6px 0 5px 5px; margin: 0; }
#PLACEHOLDER2 .stitle { font-size: 1em; color: #766CFF; padding: 0 12px 0 60px; font-weight: bold; margin: 0; }
#PLACEHOLDER2 p { font-size: 1em; color: #444444; padding: 0 12px 0 60px; font-weight: normal; line-height: 1.1em; }
#PLACEHOLDER2 .link { font-size: 1em; color: #FF0000; padding: 0 12px 0 60px; font-weight: bold; }
#PLACEHOLDER2 .link a:link, a:visited { color: #0D00B3; text-decoration: underline; }
#PLACEHOLDER2 .link a:hover { color: #FF0000; text-decoration: none; }

#PLACEHOLDER3 {
	width: 192px;
	height:92px;
	background-image: url(../img/bg-medication.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	padding: 0;
	line-height:1.5em;
}
#PLACEHOLDER3 .title { font-size: 1.5em; color: #666666; padding: 6px 0 5px 5px; margin: 0; }
#PLACEHOLDER3 .stitle { font-size: 1em; color: #766CFF; padding: 0 12px 0 60px; font-weight: bold; margin: 0; }
#PLACEHOLDER3 p { font-size: 1em; color: #444444; padding: 0 12px 0 60px; font-weight: normal; line-height: 1.1em; }
#PLACEHOLDER3 .link { font-size: 1em; color: #FF0000; padding: 0 12px 0 60px; font-weight: bold; }
#PLACEHOLDER3 .link a:link, a:visited { color: #0D00B3; text-decoration: underline; }
#PLACEHOLDER3 .link a:hover { color: #FF0000; text-decoration: none; }

#PLACEHOLDER4 {
	width: 192px;
	height:92px;
	background-image: url(../img/bg-conditions.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	padding: 0;
	line-height:1.5em;
}
#PLACEHOLDER4 .title { font-size: 1.5em; color: #666666; padding: 6px 0 5px 5px; margin: 0; }
#PLACEHOLDER4 .stitle { font-size: 1em; color: #766CFF; padding: 0 12px 0 60px; font-weight: bold; margin: 0; }
#PLACEHOLDER4 p { font-size: 1em; color: #444444; padding: 0 12px 0 60px; font-weight: normal; line-height: 1.1em; }
#PLACEHOLDER4 .link { font-size: 1em; color: #FF0000; padding: 0 12px 0 60px; font-weight: bold; }
#PLACEHOLDER4 .link a:link, a:visited { color: #0D00B3; text-decoration: underline; }
#PLACEHOLDER4 .link a:hover { color: #FF0000; text-decoration: none; }




#PLACEHOLDER5 {
	width: 192px;
	height:92px;
	background-image: url(../img/bg-scar.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	padding: 0;
	line-height:1.5em;
}
#PLACEHOLDER5 .title { font-size: 1.5em; color: #666666; padding: 6px 0 5px 5px; margin: 0; }
#PLACEHOLDER5 .stitle { font-size: 1em; color: #766CFF; padding: 0 12px 0 60px; font-weight: bold; margin: 0; }
#PLACEHOLDER5 p { font-size: 1em; color: #444444; padding: 0 12px 0 60px; font-weight: normal; line-height: 1.1em; }
#PLACEHOLDER5 .link { font-size: 1em; color: #FF0000; padding: 0 12px 0 60px; font-weight: bold; }
#PLACEHOLDER5 .link a:link, a:visited { color: #0D00B3; text-decoration: underline; }
#PLACEHOLDER5 .link a:hover { color: #FF0000; text-decoration: none; }


#PLACEHOLDER6 {
	width: 192px;
	height:92px;
	background-image: url(../img/bg-promoleft-win.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	padding: 0;
	line-height:1.5em;
}
#PLACEHOLDER6 .title { font-size: 1.5em; color: #666666; padding: 6px 0 5px 5px; margin: 0; }
#PLACEHOLDER6 .stitle { font-size: 1em; color: #766CFF; padding: 0 12px 0 60px; font-weight: bold; margin: 0; }
#PLACEHOLDER6 p { font-size: 1em; color: #444444; padding: 0 12px 0 60px; font-weight: normal; line-height: 1.1em; }
#PLACEHOLDER6 .link { font-size: 1em; color: #FF0000; padding: 0 12px 0 60px; font-weight: bold; }
#PLACEHOLDER6 .link a:link, a:visited { color: #0D00B3; text-decoration: underline; }
#PLACEHOLDER6 .link a:hover { color: #FF0000; text-decoration: none; }



#PLACEHOLDER7 {
	width: 192px;
	height:92px;
	background-image: url(../img/bg-promoleft-win.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	padding: 0;
	line-height:1.5em;
}
#PLACEHOLDER7 .title { font-size: 1.5em; color: #666666; padding: 6px 0 5px 5px; margin: 0; }
#PLACEHOLDER7 .stitle { font-size: 1em; color: #766CFF; padding: 0 12px 0 60px; font-weight: bold; margin: 0; }
#PLACEHOLDER7 p { font-size: 1em; color: #444444; padding: 0 12px 0 60px; font-weight: normal; line-height: 1.1em; }
#PLACEHOLDER7 .link { font-size: 1em; color: #FF0000; padding: 0 12px 0 60px; font-weight: bold; }
#PLACEHOLDER7 .link a:link, a:visited { color: #0D00B3; text-decoration: underline; }
#PLACEHOLDER7 .link a:hover { color: #FF0000; text-decoration: none; }



#vsafe {
	width: 192px;
	height: 116px;
	background-image: url(../img/bg-vsafe.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0;
	padding: 0;
	line-height:1.5em;
}



/*// Content right //*/

#rightcon {
	width: 574px;
	background-color: #FFF;
	margin: 0px;
	float: right;
}

#rightcon1 {
	width: 766px;
	background-color: #FFF;
	margin: 0px;
	float: right;
}




#menu {
	width: 574px;
	height: 26px;
	background-image: url(../img/bg-menu.gif);
	background-repeat: repeat-x;
	margin: 0px;
	line-height: 1.1em;
}

#menu ul li {
	list-style-type: none;
	float: left;
	font-family: Tahoma, Arial;
	font-size: 1em;
	font-weight:bold;
	color: #535353;
	padding: 6px 7px 0 7px;
}

#menu .edge {
	list-style-type: none;
	float: left;
	background-image: url(../img/bg-menu-sep.gif);
	background-repeat: no-repeat;
	background-position: right;	
	font-family: Tahoma, Arial;
	font-size: 1em;
	font-weight:bold;
	color: #535353;
	padding: 6px 7px 8px 7px;
}

#menu ul {
	margin: 0;
	padding: 0;
}

#menu ul li a:link, #menu ul li a:visited {
	color: #535353;
	text-decoration: none;	
	/*padding-left: 8px;
	padding-right: 8px;*/
	padding: 8px;
}

#menu ul li a:hover {
	color: #FF0000;
	text-decoration: none;	
}


#menu1 {
	width: 766px;
	height: 26px;
	background-image: url(../img/bg-menu.gif);
	background-repeat: repeat-x;
	margin: 0px;
	line-height: 1.1em;
}

#menu1 ul li {
	list-style-type: none;
	float: left;
	font-family: Tahoma, Arial;
	font-size: 1em;
	font-weight:bold;
	color: #535353;
	padding: 6px 7px 0 7px;
}

#menu1 .edge {
	list-style-type: none;
	float: left;
	background-image: url(../img/bg-menu-sep.gif);
	background-repeat: no-repeat;
	background-position: right;	
	font-family: Tahoma, Arial;
	font-size: 1em;
	font-weight:bold;
	color: #535353;
	padding: 6px 7px 8px 7px;
}

#menu1 ul {
	margin: 0;
	padding: 0;
}

#menu1 ul li a:link, #menu ul li a:visited {
	color: #535353;
	text-decoration: none;	
	/*padding-left: 16px;
	padding-right: 16px;*/
	padding: 8px;
}

#menu1 ul li a:hover {
	color: #FF0000;
	text-decoration: none;	
}

#rightconsplit {
	width: 574px;
	background-color: #FFF;
}

#rightconsplit1 {
	width: 766px;
	background-color: #FFF;
}

#rightconright {
	width: 163px;
	float: right;
}

#rightconleft {
	width: 411px;
	float: left;
}

#rightconleft1 {
	width: 603px;
	float: left;
}




/*/ GREY INFO BOX  /*/

div#infobox { background: #eee url(images/lijevo.gif) repeat-x; border-bottom: 1px solid #DDD; border-top: 1px solid #DDD; padding: 5px; margin-top: 15px; width:155px; }
div#infobox p { margin: 0px; font-size: 1em; color: #5D5D5D; }
div#infobox a, a:visited { color: #000; text-decoration: none; }
div#infobox a:hover { color: #BF3E18; text-decoration: underline; }
div#infobox table{ width: 155px; }




/*/  MAIN CONTAINER LAYOUTS  /*/

#mainbox {
	padding: 13px 15px 15px 15px;
	font-family: Tahoma, Arial;
	font-size: 11px;
	line-height: 16px;
	color: #444444;
	text-align: justify;
}

div#mainbox p a, div#mainbox ul li a, div#mainbox ol li a { color: #0D00B3; text-decoration: underline; font-weight: normal; }
div#mainbox p a:visited, div#mainbox ul li a:visited, div#mainbox ol li a:visited { color: #0D00B3; text-decoration: underline; font-weight: normal; }
div#mainbox p a:hover, div#mainbox ul li a:hover, div#mainbox ol li a:hover { color: #FF0000;	text-decoration: none; }

#mainbox h2 {
	font-family: Tahoma, Arial;
	font-weight: normal;
	font-size: 1.7em;
	line-height: 1em;
	color: #0D00B3;
	text-decoration: none;
	padding: 0 0 13px 0;
	margin-bottom: 10px;
	border-bottom: 1px dotted #D3D3D3;
	width: 381px;
}

#mainbox .spoffers {
	font-size: 1.2em;
	font-weight: bold;
	color: #0D00B3;
	padding-bottom: 15px;
}

/*/  Inner Page Content  /*/

#mainboxwide {
	padding: 13px 0 15px 15px;
	font-family: Tahoma, Arial;
	font-size: 11px;
	line-height: 16px;
	color: #444444;
	text-align: justify;
}

div#mainboxwide p a, div#mainboxwide ul li a, div#mainboxwide ol li a { color: #0D00B3; text-decoration: underline; font-weight: normal; }
div#mainboxwide p a:visited, div#mainboxwide ul li a:visited, div#mainboxwide ol li a:visited { color: #0D00B3; text-decoration: underline; font-weight: normal; }
div#mainboxwide p a:hover, div#mainboxwide ul li a:hover, div#mainboxwide ol li a:hover { color: #FF0000;	text-decoration: none; }

#mainboxwide h2 {
	font-family: Tahoma, Arial;
	font-weight: normal;
	font-size: 1.7em;
	line-height: 1em;
	color: #0D00B3;
	text-decoration: none;
	padding: 0 0 13px 0;
	margin-bottom: 10px;
	border-bottom: 1px dotted #D3D3D3;
	width: 559px;
}

/*// Footer styles //*/

#footer {
	clear:both;
	width: 766px;
	height: 22px;
	border-top: 9px solid #FFF;
	margin: 0px auto;	
	padding: 0px;
	background-color: #818181;
}

.copyright {
	margin: 0px auto;
	width: 766px;
	float: center;
	font-size: 1em;
	color: #818181;
	padding-top: 5px;
	padding-right:0;
}

#copyright a:link, #copyright a:visited {
	color: #7E7E7E;
	text-decoration: none;	
}

#copyright a:hover {
	color: #C95700;
	text-decoration: underline;	
}

#footermenu {
	float: right;
	text-align: right;
	padding-right: 2px;
}

#footernav ul li {
	list-style-type: none;
	float: left;
	font-family: Tahoma, Arial;
	font-size: 11px;
	text-align: right;
	color: #fff;
	padding-top: 5px;
}

#footernav ul {
	margin: 0;
	padding: 0;
}

#footernav ul li a:link, #footernav ul li a:visited {
	color: #fff;
	text-decoration: none;	
	padding-left: 8px;
	padding-right: 8px;
}

#footernav ul li a:hover {
	color: #fff;
	text-decoration: underline;	
}

.clear {
	clear:both;
	height: 0;
}

/*/ events LAYER /*/

div#events {
	float: left;
	width: 163px;
	background-color:#fff;
	border: 0; margin: 0;
}

div#events ul { margin: 0; padding: 0; list-style: none; }
div#events ul li { width: 163px; text-align: left; margin: 0; font-size: 1em; }
div#events ul li a { width: 141px; display: block; margin-bottom: 1px; background-color: #F0F0F0; padding: 5px 0 5px 20px; text-decoration: none; border-bottom: 1px dotted #D3D3D3; background-image: url(../img/bg-bullet.gif); background-repeat: no-repeat; background-position: left; border-left: 2px solid #818181; font-weight: bold; color: #444444; }
div#events ul li a:hover { background-color: #f7f7f7; color: #0D00B3; }

div#events .header { width: 163px; display: block;  background-color:#fff; 
	font-family: Tahoma, Arial;
	font-weight: normal;
        text-align: center;
	font-size: 1.7em;
	line-height: 1em;
	/*line-height: 30px;*/
	color: #666666;
	text-decoration: none;
	padding: 13px 0 13px 0;
}

/*/ newsletter layer /*/

div#nletter {
	background-image: url(../img/bg-nletter.gif);
	background-repeat: repeat-y;
	height: 102px;
	border-bottom: 1px dotted #C8C8C8;
	margin-bottom: 1px;
	float: left;
	width: 163px;
}
div#nletter p {
	font-size: 0.9em;
	line-height: 0.9em;
	padding: 0 6px 7px 8px;
}

div#nletter ul { margin: 5px 0 5px 0; padding: 0; list-style: none; }
div#nletter ul li { text-align: left; margin: 0; font-size: 1em; }
div#nletter ul li { display: block; margin: 0; color: #0D00B3; padding: 2px 0 2px 20px; background-image: url(../img/bg-nletter-bullet.gif); background-repeat: no-repeat; background-position: left; font-weight: bold; }

div#nletter .mailform {
	border: 1px solid #C9C9C9;
	width: 100px;
	background-color: #FFF;
	font-size: 10px;
	color: #939393;
	text-indent: 2px;
	padding: 2px 2px;
	margin: 0;
}

div#nletter .formbutton {
	background-color: #818181;
	color: #FFF;
	font-size: 0.9em;
	font-weight: bold;
	border: 1px solid #C9C9C9;
	padding: 1px 1px;
}

div#nletter .radiobuttons {
	vertical-align: middle;
	margin-top: -3px;
}

/* TWO CONTAINER SPLIT IN WIDE COLUMN */

div#sp1 {
	width:181px;
	float:left;
	margin: 0;
	padding: 0;
	background-color: #F0F0F0;
	border-left: 2px solid #828282;
	height: 100px;
}
div#sp1 p {
	margin: 0;
	line-height: 1.5em;
	font-size: 1em;
	margin: 5px;
	text-align: left;
	color: #444444;
}
div#sp1 .link { font-size: 1em; color: #FF0000; padding: 0 12px 0 50px; font-weight: bold; }
div#sp1 .link a:link, a:visited { color: #0D00B3; text-decoration: underline; }
div#sp1 .link a:hover { color: #FF0000; text-decoration: none; }
div#sp1 p a, div#sp1 ul li a, div#sp1 ol li a { color: #0D00B3; text-decoration: underline; font-weight: normal; }
div#sp1 p a:visited, div#sp1 ul li a:visited, div#sp1 ol li a:visited { color: #0D00B3; text-decoration: underline; font-weight: normal; }
div#sp1 p a:hover, div#sp1 ul li a:hover, div#sp1 ol li a:hover { color: #FF0000;	text-decoration: none; }

div#sp2 {
	width:181px;
	float:right;
	margin: 0;
	padding: 0;
	background-color: #F0F0F0;
	border-left: 2px solid #828282;
	height: 100px;
}
div#sp2 p {
	margin: 0;
	line-height: 1.5em;
	font-size: 1em;
	margin: 5px;
	text-align: left;
	color: #444444;
}
div#sp2 .link { font-size: 1em; color: #FF0000; padding: 0 12px 0 50px; font-weight: bold; }
div#sp2 .link a:link, a:visited { color: #0D00B3; text-decoration: underline; }
div#sp2 .link a:hover { color: #FF0000; text-decoration: none; }
div#sp2 p a, div#sp2 ul li a, div#sp2 ol li a { color: #0D00B3; text-decoration: underline; font-weight: normal; }
div#sp2 p a:visited, div#sp2 ul li a:visited, div#sp2 ol li a:visited { color: #0D00B3; text-decoration: underline; font-weight: normal; }
div#sp2 p a:hover, div#sp2 ul li a:hover, div#sp2 ol li a:hover { color: #FF0000;	text-decoration: none; }

#gsearch {
	margin: 0;
	padding-top: 25px;
}
#gsearch p { font-size: 1em; color: #444444; padding: 0 12px 0 10px; font-weight: normal; line-height: 1.1em; }
#gsearch .mailform { border: 1px solid #C9C9C9; width: 200px; background-color: #FFF; font-size: 10px; color: #939393; text-indent: 2px; padding: 2px 2px; margin-left: 8px; }
#gsearch .formbutton { background-color: #818181; color: #FFF; font-size: 0.9em; font-weight: bold; border: 1px solid #C9C9C9; padding: 1px 1px;margin-left: 4px; }