@charset "utf-8";

/* =General Classes & Hacks
-----------------------------------------------------------------------------*/
body {
	font: 62.5%/1.6 Verdana, Tahoma, Helvetica, sans-serif; /* with this settings 1em = 10px approx. */
	background-color: #e8d9eb;
}


/* slightly enhanced, universal clearfix hack */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: inline-block;
}

/* start commented backslash hack \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/* close commented backslash hack */


/* hidding elements */
.hide {	display: none; }

/* Remove border around linked images */
img { border: 0; }

/* align elements */
.alignLeft { text-align: left !important; }
.alignCenter { text-align: center !important; }
.alignRight { text-align: right !important; }
.alignTop { vertical-align: top !important; }
.alignMiddle { vertical-align: middle !important; }
.alignBottom { vertical-align: bottom !important; }

.centered {	margin-left: auto; margin-right: auto; }

.floatLeft { float: left; }
.floatRight { float: right; }

.asBlock { display:block; }
.asInline { display:inline; }
.asRelative { position:relative; }
.asAbsolute { position:absolute; }

.noBorder { border: none !important; }
.noMargin { margin: 0 !important; }
.noPadding { padding: 0 !important; }

.w10p { width: 10%; }
.w20p { width: 20%; }
.w30p { width: 30%; }
.w40p { width: 40%; }
.w50p { width: 50%; }
.w60p { width: 60%; }
.w70p { width: 70%; }
.w80p { width: 80%; }
.w90p { width: 90%; }
.w100p { width: 100%; }

.w10px { width: 10px; }
.w25px { width: 25px; }
.w50px { width: 50px; }
.w60px { width: 60px; }
.w70px { width: 70px; }
.w75px { width: 75px; }
.w85px { width: 85px; }
.w90px { width: 90px; }
.w100px { width: 100px; }
.w110px { width: 110px; }
.w120px { width: 120px; }
.w125px { width: 125px; }
.w150px { width: 150px; }
.w155px { width: 155px; }
.w160px { width: 160px; }
.w175px { width: 175px; }
.w178px { width: 178px; }
.w180px { width: 180px; }
.w190px { width: 190px; }
.w200px { width: 200px; }
.w206px { width: 206px; }
.w225px { width: 225px; }
.w250px { width: 250px; }
.w260px { width: 260px; }
.w275px { width: 275px; }
.w300px { width: 300px; }
.w350px { width: 350px; }
.w360px { width: 360px; }
.w365px { width: 365px; }
.w375px { width: 375px; }
.w400px { width: 400px; }
.w440px { width: 440px; }
.w450px { width: 450px; }
.w500px { width: 500px; }
.w510px { width: 510px; }
.w530px { width: 530px; }
.w550px { width: 550px; }
.w600px { width: 600px; }
.w650px { width: 650px; }
.w700px { width: 700px; }
.w750px { width: 750px; }
.w800px { width: 800px; }
.w940px { width: 940px; }

strong { font-weight: bold; }

em { font-style: italic; }

ul { list-style: none; list-style-position: outside; }
ol { list-style-position: inside; list-style: decimal; list-style-position: inside; margin: 0 0 1.5em 0; }

/* IE Hack */
input { margin:-1px 0px; }      /* all browsers read this, used to target IE6 */
html>body input { margin:0px; }       /* IE 6 cannot read this, others can */
*+html>body input {margin:-1px; }      /* targets IE7 */



/* =Layout
-----------------------------------------------------------------------------*/

	#wrapper { padding: 25px 0 0 0; margin:0 auto; width: 900px; }
    
    #header { height: 243px; }
    
	#main { background-color: #FFFFFF; min-height: 350px; }
		/* min-height hack for Internet Explorer */ /*\*/ * html #main { height: 350px; } /**/

    	#left-sidebar { width: 224px; float: left; padding:0px; margin:0px; }    
    
    	#content-container { float: right; width: 562px; background-color: #eee; padding: 20px 50px 0 32px; background: transparent url(../img/bkg_divider_01.gif) no-repeat left 25px; min-height: 330px; margin: 0 0 10px 0; }
    	/* min-height hack for Internet Explorer */ /*\*/ * html #content-container { height: 330px; } /**/
    
  	#footer {
  			width: 730px;
  			height: 50px;
  			color: #6C487E;
  			padding: 25px 0 0 170px;
			background: transparent url(../img/pie.png) no-repeat left top; }


/* =Type
-----------------------------------------------------------------------------*/

    h1 { color: #9160a1; font-family: Arial, Helvetica, sans-serif; font-size: 2.4em; line-height: 120%; margin: 0 0 .4em 0; font-weight: normal; }

    h2 { color: #9160a1; font-family: Arial, Helvetica, sans-serif; font-size: 2em; line-height: 120%; margin: 0 0 .8em 0; font-weight: normal; }
    
	h3 { color: #E17A2d; font-size: 1.1em; font-weight: bold; line-height: 120%; }
    	h3 a:link, h3 a:visited { color: #E17A2d; text-decoration: none; }

    h4 { color: #6f2c91; font-size: 1.1em; font-weight: bold; margin: 0 0 .2em 0; }

    h5 { font-size: 1.2em; color:#87888A; line-height: normal; margin-bottom:0.2em; font-weight: bold; }

    p { color: #565656; font-size: 1.1em; margin: 0 0 1.1em 0; }



/* =Forms
-----------------------------------------------------------------------------*/

	label {
		font-size: 1.1em;
		color: #e46f21;
		display: block;
		padding: .2em 0; }
	
		label.required {
			background: transparent url(../img/asterisco.jpg) no-repeat right 50%;
			padding-right: 10px; }
	
	input.textField,
	file.fileField,
	textarea.textArea {
		font-size: 1.2em;
		font-family: inherit;
		color: #565656;
		padding: 4px; 
		border: 1px solid #bbb;
	}

	select.selectBox {
		font-size: 1.2em;
		color: #565656;
		padding: 3px;
		border: 1px solid #bbb;
	}	
	

	.formRow { margin-bottom: 10px; }
	.formRow.buttons { padding: 15px 0 0 0; margin: 15px 0 0 0; border-top: 1px solid #ccc; }
	.formColumn { width: 220px; margin: 0 30px 0 0; float: left; }
	.formColumn.last { margin: 0; }
	
	.error-message { font-size: 1em; color: #C00; padding: 2px; }

	.infoBox, .successBox, .warningBox, .errorBox { border: 1px solid; margin: 10px 0px; padding:15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; font-size: 1.2em; line-height: 1.4em; }
		.infoBox { color: #00529B; background-color: #D1F4FB; background-image: url('../img/admin/info.png'); }
		.successBox { color: #5f3297; background-color: #e8d9eb; background-image:url('../img/admin/success.png'); }
		.warningBox { color: #9F6000; background-color: #FEEFB3; background-image: url('../img/admin/warning.png'); }
		.errorBox { color: #D8000C; background-color: #FFD6D6; background-image: url('../img/admin/error.png'); }

	.infoBoxSmall, .successBoxSmall, .warningBoxSmall, .errorBoxSmall { border: 1px solid; margin: 10px 0px; padding:5px 5px 5px 25px; background-repeat: no-repeat; background-position: 5px center; font-size: 1.1em; }
 	.infoBoxSmall { color: #00529B; background-color: #D1F4FB; background-image: url('../img/admin/info_small.png'); }
		.successBoxSmall { color: #4F8A10; background-color: #DFF2BF; background-image:url('../img/admin/success_small.png'); }
		.warningBoxSmall { color: #9F6000; background-color: #FEEFB3; background-image: url('../img/admin/warning_small.png'); }
		.errorBoxSmall { color: #D8000C; background-color: #FFD6D6; background-image: url('../img/admin/error_small.png'); }

	.paginator a:link, .paginator a:visited { color:#fff; font-size: 1.2em; background: #999; height:24px; line-height:24px; padding:2px 8px; margin:0 3px 0 0; }
	.paginator a:active, .paginator a:hover { background: #bbb; }
	.paginator .current { color:#fff; font-size: 1.2em; background: #bbb; height:24px; line-height:24px; padding:2px 8px; margin:0 3px 0 0; }


/* =Contents
-----------------------------------------------------------------------------*/

	/* GENERAL */
	.row { margin: 0 0 1em 0; }

    .two-column-item { float: left; width: 260px; margin: 0 42px 0 0; }
    	.two-column-item.last { margin: 0; }
	.two-column-item-picture { float: left; width:70px; }
    .two-column-item-text { width: 175px; float: right; }


	ul.button-list { margin: 0 0 15px 0; }
	ul.button-list li { float: left; }
	ul.button-list a:link, ul.button-list a:visited { width: 136px; padding: 10px 0 0 0; margin: 0 4px 0 0; display: block; background: #fff url(../img/bkg_button_01.png) no-repeat left top; color: #ff5800; font-size: 1.1em; font-weight: bold; line-height: 120%; text-decoration: none; }
	ul.button-list a:hover, ul.button-list a:active { color: #6f2c91; }
	ul.button-list a span { padding: 0 10px 14px 10px; display: block; background: #fff url(../img/bkg_button_01.png) no-repeat right bottom; vertical-align: bottom; text-align: center; line-height: 18px; }
	ul.button-list a.selected { color: #6f2c91; }
	
	.orange { color: #e77123; }
	.brown { color: #a86026; }
	.purple { color: #6f2c91 }
	
	.img-float-left { float: left; margin: 0 20px 20px 0; }
	
	
	/* CATEGORIES */
	ul.subcategories-list { font-size: 1.4em; margin: 0 0 2em 0; }
	ul.subcategories-list li { padding: .2em 0; }
	ul.subcategories-list li a { text-decoration: none; }
	
	ul.subcategories-list-hor { font-size: 1.2em; padding: 0 0 5px 0; margin: 0 0 20px 0; border-bottom: 1px solid #DBCEDF; }
	ul.subcategories-list-hor li { padding: 0 2em 0 0; display: inline; }
	ul.subcategories-list-hor li a { text-decoration: none; }
	ul.subcategories-list-hor li a.selected { color: #6f2c91; font-weight: bold; }


    /* MAIN MENU */
	#menuwrapper { padding-top: 25px; padding-left: 35px; }

		#menuwrapper ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; }
		#menuwrapper li { border-bottom: 1px solid #dbcedf; color: #5f3297; line-height: 2em; text-transform: uppercase; }
		#menuwrapper li a:link, #menuwrapper li a:visited { color: #92899E; text-decoration: none; display: block; }
		#menuwrapper li a:hover, #menuwrapper li a:active { color: #5f3297; }


	/* NEWS */
	#news { border-top: 1px solid #DBCAE3; margin: 1.5em 0 0 0; padding: 1em 0 0 0; }
		#news .two-column-item-text h3 { margin: 0 0 .2em 0; }
		#news .two-column-item-text p { line-height: 140% }
	
	
	#news-detail .header {
			height: 100px;
			padding: 0 0 5px 0;
			border-bottom: 1px solid #D0D0D0;
			margin: 0 0 10px 0;
			position: relative; }

	#news-detail h2 {
			color: #ff5800;
			font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
			font-size: 1.9em;
			letter-spacing: -1px;
			margin: 0;
			position: absolute;
			bottom: 10px;
			left: 0px; }
	
	#news-detail .header img {
			position: absolute;
			right: 0px;
			bottom: 10px; }


	/* TREATMENTS */
	.treatment { background: #fff url(../img/bkg_panel_01.png) no-repeat left top; display: block; padding: 10px 0 0 0; margin: 0 0 10px 0; }
	.treatment-content { background: #fff url(../img/bkg_panel_01.png) no-repeat right bottom; display: block; padding: 0 10px 13px 10px; }
	.treatment-picture { width: 170px; float: left; }
	.treatment-text { width: 357px; float: right; }
	
	.treatment h3 { color: #6f2c91; text-transform: uppercase; margin: 0 0 .2em 0; }
	.treatment h4 { color: #9F6000; margin: 0 0 .2em 0; font-weight: bold; }
	
	
	/* PROMOTIONS */
	#promotions { margin: 2em 0; }
	
	p.legal {
			color: #6e6e6e; 
			font-size: 9px;
			font-weight: normal;
			margin: 10px 0;
			padding: 10px 0 0 0;
			border-top: 1px solid #D0D0D0; }


	/* BRANCHES */
	#branches {
			padding: 10px 0 0 0; }

	#branches ul li {
			padding: 0 0 10px 0;
			margin: 0 0 10px 0;
			border-bottom: 1px solid #D0D0D0; }
			
	#branches ul li p {
			margin: 0; }


	/* LINKS */
	a:link, a:visited { color: #ff5800; text-decoration: underline; }
	a:hover, a:active { color: #6f2c91; }
	
	a.top-link:link, a.top-link:visited { color: #9F6000; text-decoration: none; font-size: 0.9em; padding: .1em 0 .1em 12px; background: transparent url(../img/icon_top-link.png) no-repeat left 4px; display: block; }
	a.top-link:hover, a.top-link:active { color: #6f2c91; }
	
	a.back-link:link, a.back-link:visited { color: #ff5800; text-decoration: none; font-size: 0.9em; padding: .1em 0; font-weight: bold; }
	a.back-link:hover, a.back-link:active { color: #6f2c91; }