@charset "utf-8";
/* CSS Document */

/* SETUP ***********************************************/

body
{
	text-align:center;
	line-height:130%;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	background-color:#FFFFFF;
	background-image:url(/html/kleraderm2009/theme/body-background.jpg);
	background-repeat:repeat-y;
	background-position:center;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
}

select, input, textarea{ font-size:11px; }
td, th{ vertical-align:top; }

body.splash
{
	background-color:#EFEFEF;
	background-image:none;
	background-image:url(/html/kleraderm2009/theme/pixel.gif);
}

body.farmacie
{
	background-color:#FFCC00;
	background-image:none;
	background-image:url(/html/kleraderm2009/theme/body-background-farmacie.jpg);
	background-repeat:repeat-y;
	background-position:center;
}

td{	vertical-align:top; }
p{ margin-bottom:20px; }

a, a:link, a:visited{ color:#666666; }

a:hover, a:visited:hover{ text-decoration:none; }

.close{ clear:both; }
.error{ color:#CC0000; }
.message{ color:#009900; }


/* BLOCKS ***********************************************/

div#layout
{
	width:960px;
	background-color:#FFFFFF;
	border:0px dashed #FF0000;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

/* Begin Custom *******************************************************************************/
body.splash{ background-color:#333333; }
body.splash div#layout{ background-color:#333333; }

div#locale
{
	font-size:11px;
	color:#000000;
	background-color:#FFFFFF;
	border-bottom:2px solid #FFCC00;
	margin:0px;
	padding:6px;
	text-align:left;
}
div#locale a,
div#locale a:link,
div#locale a:visited{ color:#000000; }
div#locale a:hover,
div#locale a:visited:hover,
div#locale strong{ text-decoration:none; }

div#grey-line
{
	border-top:2px solid #999999;
	margin-bottom:1px;
}

div#title
{
	text-align:left;
	font-size:22px;
	color:#FFFFFF;
}

div#flash{}

div#splash
{
	height:520px;
	background-image:url(/html/kleraderm2009/theme/splash-background.gif);
	background-repeat:no-repeat;
	background-position:left;
	background-color:#333333;
	color:#FFFFFF;
	margin-top:20px;
}
div#splash-languages
{
	font-size:11px;
	text-align:right;
	padding-top:360px;
	padding-right:60px;
}
div#splash-languages select
{
	font-size:10px;
}
div#splash-footer
{
	font-size:11px;
	margin-top:80px;
}

div.banner-left h4{ margin-top:18px; padding-top:20px; }
div.banner-left-top{ background-image:url(/html/kleraderm2009/theme/menu-column-top.jpg); background-repeat:no-repeat; height:40px; }
div.banner-left-bottom{ background-image:url(/html/kleraderm2009/theme/menu-column-bottom.jpg); background-repeat:no-repeat; height:40px; }

div.affiliate
{
	border:1px dashed #CCCCCC;
	margin-bottom:10px;
	padding:10px;
}

/* End Custom *********************************************************************************/

div#header
{
	background-color:#FFFFFF;
	background-image:url(/html/kleraderm2009/theme/header-logo.gif);
	background-repeat:no-repeat;
	background-position:left;
	margin-bottom:1px;
}

div#banner-top
{
	background-color:#FFFFFF;
	border-top:1px solid #CCCCCC;
}
div#banner-top img
{
	height:300px;
	background-color:#FFFFFF;
	border-top:20px solid #CCCCCC;
	border:0px dashed #FF0000;
}

div#main
{
	width:940px;
	background-color:#FFFFFF;
	border:0px dashed #FF0000;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	padding-top:0px;
	text-align:left;
}

div#footer
{
	font-size:10px;
	color:#FFFFFF;
	border:1px dashed #000066;
	margin:4px;
	padding:4px;
	text-align:left;
}

div#credits
{
	font-size:10px;
	color:#CCCCCC;
	background-color:#FFFFFF;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:4px;
	text-align:right;
}
div#credits a,
div#credits a:link,
div#credits a:visited{ color:#CCCCCC; }
div#credits a:hover,
div#credits a:visited:hover{ text-decoration:none; }


/* COLUMNS ***********************************************/

table#columns
{
	width:940px;
	background-color:#FFFFFF;
}

td#column-left
{
	width:246px;
	background-color:#FFFFFF;
	padding-right:30px;
}

td#column-center
{
	width:100%;
	background-color:#FFFFFF;
}

td#column-right
{
	width:246px;
	background-color:#FFFFFF;
	padding-left:30px;
}

td#column-product
{
	width:246px;
	background-color:#FFFFFF;
	padding-right:30px;
}


/* CONTENTS ***********************************************/

h1 /* Page Title */
{
	color:#FFFFFF;
	font-size:22px;
	background-color:#CCCCCC;
	padding:10px;
	margin-top:1px;
	margin-bottom:1px;
	font-weight:normal;
}

h2 /* Content Title */
{
	font-size:12px;
	background-color:#FFFFFF;
	border-bottom:1px solid #666666;
	padding:4px;
	padding-left:0px;
	margin-bottom:10px;
	text-transform:uppercase;
}

div.contents
{
	margin-bottom:20px;
}

div.contents ul
{
	margin-bottom:20px;
}
div.contents ul li
{
	list-style-type:square;
	margin-left:20px;
}

div.content
{
	background-color:#FFFFFF;
	margin-bottom:20px;
	/*border:1px dotted #FF0000;*/
}
div.content h2{}
div.content div.image{ float:right; margin-left:4px; margin-right:0px; margin-top:0px; margin-bottom:0px;}
div.content div.image img{ width:338px; height:210px; }
div.content div.text{ text-align:justify; }
div.content div.link a,
div.content div.link a:link,
div.content div.link a:visited{}
div.content div.link a:hover,
div.content div.link a:visited:hover{ text-decoration:none; }

div.content-top
{
	background-color:#FFFFFF;
	margin-bottom:20px;
	/*border:1px dotted #CCCCCC;*/
}
div.content-top h2{}
div.content-top div.image{ float:right; margin-left:4px; margin-right:0px; margin-top:0px; margin-bottom:0px; }
div.content-top div.text{ text-align:justify; }
div.content-top div.link a,
div.content-top div.link a:link,
div.content-top div.link a:visited{ color:#FFFFFF; }
div.content-top div.link a:hover,
div.content-top div.link a:visited:hover{ text-decoration:none; }

div.content-bottom
{
	background-color:#FFFFFF;
	margin-bottom:20px;
	/*border:1px dotted #CCCCCC;*/
}
div.content-bottom h2{}
div.content-bottom div.image{ float:right; margin-left:4px; margin-right:0px; margin-top:0px; margin-bottom:0px; }
div.content-bottom div.text{ text-align:justify; }
div.content-bottom div.link a,
div.content-bottom div.link a:link,
div.content-bottom div.link a:visited{ color:#FFFFFF; }
div.content-bottom div.link a:hover,
div.content-bottom div.link a:visited:hover{ text-decoration:none; }

/* MENUS ***********************************************/

h4 /* Content Title */
{
	color:#000000;
	font-size:12px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:10px;
	padding:4px;
}

div#menu-path
{
	text-align:left;
	font-size:11px;
	background-color:#EBEBEB;
	margin-bottom:1px;
	padding:4px;
	padding-left:10px;
}
div#menu-path h4{}
div#menu-path a,
div#menu-path a:link,
div#menu-path a:visited{}
div#menu-path a:hover,
div#menu-path a:visited:hover,
div#menu-path strong{ text-decoration:none; }

div#menu-top
{
	color:#666666;
	border:0px solid #FFFFFF;
	margin:0px;
	padding:0px;
	padding-top:54px;
	/*padding-right:10px;*/
	margin-left:auto;
	text-align:right;
	background-image:url(/html/kleraderm2009/theme/farmacie.gif);
	background-repeat:no-repeat; background-position:right bottom;
	height:26px;
	border-bottom:3px solid #FC0;
	padding-right:10px;
}
div#menu-top h4{}
div#menu-top a,
div#menu-top a:link,
div#menu-top a:visited{ color:#666666; margin-left:10px; text-decoration:none; }
div#menu-top a:hover,
div#menu-top a:visited:hover{ text-decoration:underline; }
div#menu-top a.farmacie,
div#menu-top a.farmacie:link,
div#menu-top a.farmacie:visited{ margin-left:40px; margin-right:10px; color:#666666; text-decoration:none; color:#FFFFFF; }
div#menu-top a.farmacieActive,
div#menu-top a.farmacieActive:link,
div#menu-top a.farmacieActive:visited{ margin-left:40px; margin-right:10px; color:#666666; text-decoration:none; color:#FFFFFF; }
div#menu-top a.farmacieActive:hover,
div#menu-top a.farmacieActive:visited:hover{ text-decoration:underline; }
div#menu-top strong{ margin-left:10px; color:#000000; letter-spacing:1px; }
div#menu-top strong.farmacie{margin-left:40px; margin-right:10px; color:#666666; text-decoration:none; color:#FFFFFF; }

div.menu-left
{
	width:216px;
	background-image:url(/html/kleraderm2009/theme/menu-column-top.jpg); 
	background-repeat:no-repeat;
	background-position:top right;
	color:#666666;
	background-color:#FFFFFF;
	border:0px dashed #FF0000;
	margin:0px;
	padding:0px;
	padding-top:20px;
}
div.menu-left h4{ padding:6px; color:#000000; text-transform:uppercase;}
div.menu-left a,
div.menu-left a:link,
div.menu-left a:visited{ display:block; background:none; width:196px; text-decoration:none; margin-top:1px; }
div.menu-left a:hover,
div.menu-left a:visited:hover
{ display:block; background-image:url(/html/kleraderm2009/theme/menu-column-link-background.jpg); background-repeat:repeat-y; width:196px; text-decoration:none; font-weight:normal; margin-top:1px; }
div.menu-left strong{ display:block; width:196px; margin-top:1px; color:#000000; font-weight:bold; }
div.menu-left-top{ height:40px; background-image:url(/html/kleraderm2009/theme/menu-column-top.jpg); background-repeat:no-repeat; }
div.menu-left div.close{ height:40px; background-image:url(/html/kleraderm2009/theme/menu-column-bottom.jpg); background-repeat:no-repeat; }
div.menu-left .subtitle{ display:block; font-size:9px; }
div.menu-left li{}
div.menu-left li.level1 a, div.menu-left li.level1 strong{ padding:6px; padding-left:6px; border-bottom:1px solid #CCCCCC; }
div.menu-left li.level2 a, div.menu-left li.level2 strong{ padding:6px; padding-left:6px; border-bottom:1px solid #CCCCCC; }
div.menu-left li.level3 a, div.menu-left li.level3 strong{ padding:6px; padding-left:16px; border-bottom:1px solid #EEEEEE; font-size:11px; }
div.menu-left li.level4 a, div.menu-left li.level4 strong{ padding:6px; padding-left:26px; font-size:11px; }
div.menu-left li.level5 a, div.menu-left li.level5 strong{ padding:6px; padding-left:36px; font-size:11px;}



div.menu-right
{
	width:216px;
	background-image:url(/html/kleraderm2009/theme/menu-column-top.jpg); 
	background-repeat:no-repeat;
	background-position:top right;
	color:#666666;
	background-color:#FFFFFF;
	border:0px dashed #FFFFFF;
	margin:0px;
	padding:0px;
	padding-top:20px;
}
div.menu-right h4{ padding:10px; color:#000000; text-transform:uppercase; }
div.menu-right a,
div.menu-right a:link,
div.menu-right a:visited{ display:block; background:none; padding:10px; width:196px; text-decoration:none; margin-top:1px; }
div.menu-right a:hover,
div.menu-right a:visited:hover,
div.menu-right strong{ display:block; background-image:url(/html/kleraderm2009/theme/menu-column-link-background.jpg); background-repeat:repeat-y; padding:10px; width:196px; text-decoration:none; font-weight:normal; margin-top:1px; }
div.menu-right strong{ font-weight:bold; }
div.menu-right div.close{ height:40px; background-image:url(/html/kleraderm2009/theme/menu-column-bottom.jpg); background-repeat:no-repeat; }


/* MODULES ***********************************************/

h3 /* Content Title */
{
	font-size:12px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:4px;
	padding:4px;
}

div.module-left
{
	background-image:url(/html/kleraderm2009/theme/menu-column-top.jpg); 
	background-repeat:no-repeat;
	background-position:top right;
	color:#666666;
	background-color:#FFFFFF;
	border:0px dashed #FFFFFF;
	margin-bottom:20px;
	padding-top:20px;
}
div.module-left h3{ padding:10px; color:#000000; text-transform:uppercase; }
div.module-left div.image{  }
div.module-left div.image img{ width:196px; height:80px; border:1px solid #999999; margin-left:10px; }
div.module-left div.text{ padding:10px; }
div.module-left div.link a,
div.module-left div.link a:link,
div.module-left div.link a:visited{}
div.module-left div.link a:hover,
div.module-left div.link a:visited:hover{ text-decoration:none; }
div.module-left div.close{ height:40px; background-image:url(/html/kleraderm2009/theme/menu-column-bottom.jpg); background-repeat:no-repeat; }

div.module-right
{
	background-image:url(/html/kleraderm2009/theme/menu-column-top.jpg); 
	background-repeat:no-repeat;
	background-position:top right;
	color:#666666;
	background-color:#FFFFFF;
	border:0px dashed #FFFFFF;
	margin-bottom:20px;
	padding-top:20px;
}
div.module-right h3{ padding:10px; color:#000000; text-transform:uppercase; }
div.module-right div.image{  }
div.module-right div.image img{ width:196px; height:80px; border:1px solid #999999; margin-left:10px; }
div.module-right div.text{ padding:10px; }
div.module-right div.link a,
div.module-right div.link a:link,
div.module-right div.link a:visited{}
div.module-right div.link a:hover,
div.module-right div.link a:visited:hover{ text-decoration:none; }
div.module-right div.close{ height:40px; background-image:url(/html/kleraderm2009/theme/menu-column-bottom.jpg); background-repeat:no-repeat; }

div.module-top
{
	background-color:#FFFFFF;
	background-image:url(/html/kleraderm2009/theme/module-background.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	margin-bottom:20px;
}
div.module-top h3{ color:#FFFFFF; background-color:#CCCCCC; margin-bottom:1px; margin-top:1px; }
div.module-top div.image{ float:left; margin-right:4px; margin-left:0px; margin-top:0px; margin-bottom:0px; }
div.module-top div.image img{ width:100px; height:50px; }
div.module-top div.text{ text-align:justify; }
div.module-top div.link a,
div.module-top div.link a:link,
div.module-top div.link a:visited{}
div.module-top div.link a:hover,
div.module-top div.link a:visited:hover{ text-decoration:none; }
div.module-top div.close{ clear:both; margin-bottom:1px; }

div.margin-bottom-Yes{ margin-left:8px; }
div.margin-bottom-No{ margin-left:0px; }
div.module-bottom
{
	font-size:11px;
	background-color:#FFFFFF;
	background-image:url(/html/kleraderm2009/theme/module-background.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	border-bottom:1px solid #999999;
	margin-bottom:8px;
	float:left;
}
div.module-bottom h3{ color:#FFFFFF; background-color:#CCCCCC; margin-bottom:1px; margin-top:1px; }
div.module-bottom div.image{ float:right; margin-left:4px; margin-right:0px; margin-top:0px; margin-bottom:0px; padding:20px; }
div.module-bottom div.image img{}
div.module-bottom div.text{ text-align:justify; padding:6px; }
div.module-bottom div.link{ margin-top:6px;}
div.module-bottom div.link a,
div.module-bottom div.link a:link,
div.module-bottom div.link a:visited{}
div.module-bottom div.link a:hover,
div.module-bottom div.link a:visited:hover{ text-decoration:none; }
div.module-bottom div.close{ clear:both; margin-bottom:1px; }

/* FORM CONTACT ***********************************************/

div#form-contact{ border:1px dashed #CCCCCC; }
div#form-contact table{ margin:10px; }
div#form-contact table th{ padding-right:10px; }

/* FORM LOGIN ***********************************************/

div#login{ border:1px dashed #CCCCCC; margin-bottom:20px; }
div#login table{ margin:10px; }
div#login table td, div#login table th{ padding:4px; }
div#login table th{ padding-right:10px; }
div#login table input.text{ width:200px; margin-left:4px; }

/* FORM EDITOR ***********************************************/

div#editor{}
div#editor div.field{ color:#FF0000; font-size:9px; display:block; margin-top:10px; }
div#editor input,
div#editor select,
div#editor textarea{ border:1px dashed #FF0000; width:500px; }
div#editor input.save{ background-color:#FF0000; color:#FFFFFF; border:1px solid #CC0000; display:block; margin-bottom:10px; }