/*********************************************************************
 * GENERAL STYLE INFO
 *********************************************************************/
* {
    margin: 0;
    padding: 0;
}
body {
    text-align: center;
    color: #ffffff;
    font-size: 100%;
    background: #000000;
	font-family: Arial, Helvetica, sans-serif;
}
h1{
	font-size: 18px;
}
h2{
	font-size: 16px;
}
h3{
	font-size: 15px;
}
h4{
	font-size: 14px;
}
p{
	font-size: 12px;
}
a{
	text-decoration:none;
	font-size: 12px;
	font-weight: bold;
}
fieldset{
	padding-left: 2%;
    padding-right: 2%;
	width: 90%;
    margin-left: auto;
    margin-right: auto;
    border-width: thin;
    border-color: #ffdb4d;
}
fieldset legend {
    padding-left:5px;
	padding-right:5px;
	font: bold 12px Arial, Helvetica, sans-serif;
    color: #ffdb4d;
}
fieldset a {
	text-decoration: none;
    color: #ffdb4d;
}
/* Tables */
table {
	width: 100%;
    border-bottom: 1px solid #ffdb4d;
    border-right: 1px solid #ffdb4d;
    border-left: 1px solid #ffdb4d;
    color: #c5c5c5;
    clear: both;
    margin: auto;
    white-space: normal;
    border-collapse: collapse;
    text-align: center;
	font-size: 12px;
}
table img {
    border: none;
}
table a {
    text-decoration: none;
    color: #c5c5c5;
}
table th {
    border-top: 1px solid #ffdb4d;
    background: red;
    text-align: center;
}
table tr td {
    border-left: 1px solid #ffff00;
    vertical-align: middle;
    text-align: center;
}
tbody tr td {
    border-right: 1px solid #ffdb4d;
    border-left: 1px solid #ffdb4d;
}
tbody tr td a {
    color: #c5c5c5;
}
tbody tr:hover {
   
}
tbody tr.dif td {
    background: #404040;
}
tbody tr.dif td a {
    color: #c5c5c5;
}
tbody tr.dif:hover td {
    background: #0800ff;
}
/* Forms */
form {
    margin: auto;
    color: #ffdb4d;
	font: bold 12px Arial, Helvetica, sans-serif;
}
form label {
    position: absolute;
    text-align: right;
    width: 80px;
    padding-top: 3px;
}
form input { /* Hack IE6 */
    font: bold 12px Arial, Helvetica, sans-serif;
	margin-left: 83px;
    background-color: #cacaca;
    margin-bottom: 5px;
    text-align: justify;
}
form input[type=text], input[type=file], input[type=password]{
    font: bold 12px Arial, Helvetica, sans-serif;
	margin-left: 83px;
    background-color: #cacaca;
    margin-bottom: 5px;
    text-align: justify;
}
form select{
    font: bold 12px Arial, Helvetica, sans-serif;
	margin-left: 83px;
    background-color: #cacaca;
    margin-bottom: 5px;
	text-align: left;
	width:auto;
}
form textarea{
	font: bold 12px Arial, Helvetica, sans-serif;
	margin-left: 83px;
    background-color: #cacaca;
    margin-bottom: 5px;
    text-align: justify;
}
form input[type=submit] {
    margin-left: 83px;
    width: 80px;
}
form .error_message {
    margin-left: 83px;
    color: red;
    font: bold 11px Arial, Helvetica, sans-serif;
	margin-bottom: -10px;
}


/*********************************************************************
 * LAYOUTS
 *********************************************************************/
/* Containers */
#globalContainer {
    text-align: left;
    width: 960px;
    background: url("/img/layout/panel_center5x5.jpg") repeat;
    margin: auto;
}
#topContainer {
    margin: auto;
    width: 100%;
    background: black;
    height: 270px;
}
#middleContainer {
    float: none;
    /*
margin-left: 5px;
*/
	margin-right: -5px;
    width: 100%;
    height: auto;
}
#middleContainerHack {
    float: none; 
	margin-left: 5px;
	margin-right: -5px;
    width: 100%;
    height: auto;
}
#bottomContainer {
    clear: both;
    margin: 0 auto;
}
/* Panels */
#globalPanel {
    height: auto;
    clear: both;
    float: none;
    margin: 0 auto;
    width: 960px;
    /*background: url("/img/layout/panel_center5x5.jpg") repeat;*/
}
/* Left Panel */
#leftPanel {
    float: left;
    height: auto;
    /*
     border: solid 1px blue;
     */
    margin-left: 5px;
    width: 589px;
    color: #c5c5c5;
    background: black;
}
/* Right Panel */
#rightPanel {
    float: right;
    height: auto;
    margin-right: 5px;
    /*
border: solid 1px blue;
*/
    width: 348px;
    background: black;
    color: #c5c5c5;
}
/* Admin Panel */
#adminPanel {
    height: auto;
    /*
border: solid 1px blue;
*/
    margin: 0 auto;
    width: 80%;
    background: black;
}
/* Login Panel */
#loginPanel {
    height: auto;
    clear: both;
    float: none;
    margin: 0 auto;
    width: 589px;
    background: url("/img/layout/panel_center5x5.jpg") repeat;
}
/* Products Types Panel */
#productTypesPanel{
	float: left;
    height: auto;
    /*
     border: solid 1px blue;
     */
   	/*
margin: 0 auto;
*/
    width: 950px;
    color: #c5c5c5;
    background: black;
}
/* Flash message*/
#flashMessage{
	text-align:center;
}
#flashMessage p{
	text-align:center;
	padding-bottom:200px;
}
#flashMessage a{
	font: bold 15px Arial, Helvetica, sans-serif;
	color: red;
	text-decoration:none;
}

/*********************************************************************
 * ELEMENTS
 *********************************************************************/
/* Header */
#header {
    margin: auto;
    background: transparent url("/img/layout/header_logo.jpg") center center no-repeat;
    height: 220px;
    width: 100%;
}
/* Footer */
#footer {
    margin: 0 auto;
    height: 50px;
    width: 960px;
    background: url("/img/layout/panel_bottom960.jpg") center center no-repeat;
    text-align: center;
    font: bold 11px Arial, Helvetica, sans-serif;
    color: #ffdb4d;
}
#footer p {
    padding-top: 10px;
}
#footer a {
    color: #ffdb4d;
}
#footer a:hover {
	color: red;
}
/* Top Menu */
#topMenu {
	margin: auto;
    list-style: none;
    width: 960px;
    height: 50px;
    background: url("/img/layout/panel_top960.jpg") center center no-repeat;
    color: #ffdb4d;
}
#topMenu ul {
	margin-left:6px;
}
#topMenu li {
    float: left;
    margin: 5px;
    border: solid 0px transparent;
    height: 30px;
    background: url("/img/layout/button_hm.jpg") center center no-repeat;
    list-style: none;
}
#topMenu a {
    margin-top: 8px;
    color: #ffdb4d;
    font: 11px Arial, Helvetica, sans-serif;
    font-weight: 600;
}
#topMenu li a {
    display: block;
    float: left;
    width: 108px;
    text-align: center;
}
#topMenu li:hover {
    background: url("/img/layout/button_hm_hover.jpg") center center no-repeat;
    border: transparent 0px solid;
}
/* Pagination */
#pagination {
    font-weight: bold;
    color: red;
}
#pagination a{
    font-weight: bold;
    color: #ffdb4d;
}
#paginationResult {
    float: left;
    margin-top: 3px;
    margin-bottom: 3px;
}
#paginationNavigation {
    float: right;
    margin-top: 3px;
    margin-bottom: 3px;
}
#paginationPanel {
    float: left;
    width: 100%;
}
/* Controls */
#control {
	float:right;
    color: #ffdb4d;
    font: bold 12px Arial, Helvetica, sans-serif;
	margin-top: 3px;
    margin-bottom: 3px;
}
#control a:hover {
    color: red;
}


/*********************************************************************
 * VIEWS
 *********************************************************************/
/* Users login*/
#usersLogin {
    /*
     border: solid 1px blue;
     */
    margin: 0 auto;
    width: 80%;
    background: black;
}
#usersLogin .error_login {
    margin-top: 3px;
    width: 100%;
    text-align: center;
    color: red;
    font: bold 11px Arial, Helvetica, sans-serif;
}
/* Articles/Treatments index */
#index {
    text-align: justify;
	margin: 5px 15px 5px 15px;
}
#index a{
    color: #ffdb4d;
}
#index .title{
	margin-top: 5px;
}
#index .title a {
	font: bold 15px Arial, Helvetica, sans-serif;
	margin-top: 10px;
}
#index .subtitle{
	margin-top: 0px;
}
#index .subtitle a{
	font: bold 12px Arial, Helvetica, sans-serif;  
}
#index .type {
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #c5c5c5;
}
#index .date {
	margin-top: 5px;
    font: 10px Arial, Helvetica, sans-serif;
    color: #c5c5c5;
    font-style: italic;
}
#index .resume {
	margin-top: 5px;
    color: #c5c5c5;
    font: 12px Arial, Helvetica, sans-serif;
}
#index img {
	float: left;
    width: 125px;
    height: 125px;
    border: solid 0px #c5c5c5;
    margin: 5px 5px 5px 0px;
}
#selected {
    float: left;
    width: 100%;
}
#selected:hover {
    background: url("/img/layout/article_hover.jpg") repeat-x;
    color: #eeedeb;
}
/* Articles/Treatments view */
#view {
    text-align: justify;
	margin: 5px 15px 5px 15px;
}
#view a{
    color: #ffdb4d;
}
#view .title {
    font: bold 15px Arial, Helvetica, sans-serif;
    margin-top: 5px;
    color: #ffdb4d;
}
#view .subtitle {
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #ffdb4d;
    margin-bottom: 10px;
}
#view .type {
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #c5c5c5;
}
#view .date {
    font: 10px Arial, Helvetica, sans-serif;
    color: #c5c5c5;
    font-style: italic;
	margin-bottom: 10px;
}
#view img {
    float: right;
    border: solid 0px #c5c5c5;
    margin-left: 5px;
    margin-bottom: 5px;
}
#view .body {
    color: #c5c5c5;
    font: 12px Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
}
/* Articles/Treatments admin_view */
#adminView {
    text-align: justify;
	color:#c5c5c5;
}
#adminView .title {
    font: bold 15px Arial, Helvetica, sans-serif;
    margin-top: 15px;
    color: #ffdb4d;
}
#adminView .subtitle {
    font: bold 13px Arial, Helvetica, sans-serif;
    color: #ffdb4d;
}
#adminView .date {
    font: 11px Arial, Helvetica, sans-serif;
    color: #c5c5c5;
    font-style: italic;
    margin-top: 10px;
}
#adminView .resume {
    color: #c5c5c5;
    font: 12px Arial, Helvetica, sans-serif;
    margin-top: 10px;
}
#adminView .body {
    color: #c5c5c5;
    font: 12px Arial, Helvetica, sans-serif;
    margin-top: 10px;
    margin-bottom: 10px;
}
#adminView img {
    margin: 0 auto;
    display: block;
    border: solid 1px #c5c5c5;
    margin-top: 10px;
    margin-bottom: 10px;
}
/* Contacts index */
#indexContacts{
	text-align: justify;
	margin: 5px 15px 5px 15px;
}
#indexContacts a{
    color: #ffdb4d;
}
#indexContacts img{
    display: block;
    border: solid 0px #c5c5c5;
    margin-top: 10px;
    margin-bottom: 10px;
}
/* ProductTypes index */
#indexProductTypes{
	text-align: justify;
	margin: 5px 15px 5px 15px;
	height:auto;
}
#productType{
	width: 184px;
	height: 150px;
	background: black;
	display: block;
	float:left;
}
#productType a{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #ffdb4d;
}
#productType a:hover{
	font: bold 12px Arial, Helvetica, sans-serif;
	color:red;
}
#productType h3{
	text-align:center;
	margin-right:5px;
	margin-left:5px;
}
#productType p{
	font: 12px Arial, Helvetica, sans-serif;
	text-align:center;
	margin-right:5px;
	margin-left:5px;
}
#productType img{
	display: block;
    border: solid 0px #c5c5c5;
    margin-top: 10px;
    margin-bottom: 10px;
	margin-left:auto;
	margin-right:auto;
	width:100px;
	height:100px;
}
#selectedProduct{
    float: left;
    width: 100%;
}
#selectedProduct:hover{
    background: url("/img/layout/article_hover.jpg") repeat-x;
    color: red;
}
#selectedProduct:hover a{
    color: red;
}
/* ProductTypes admin_index */
#productTypeInfo{
	text-align: justify;
	margin: 5px 5px 5px 0px;
	color: #ffdb4d;
}
#productTypeInfo .title{
	margin-top: 5px;
	font: bold 15px Arial, Helvetica, sans-serif;
	margin-top: 10px;
}
#productTypeInfo .subtitle{
	margin-top: 0px;
	font: bold 12px Arial, Helvetica, sans-serif;
}
#productTypeInfo .description {
	margin-top: 5px;
    color: #c5c5c5;
    font: 12px Arial, Helvetica, sans-serif;
}
#productTypeInfo img {
	float: left;
    border: solid 0px #c5c5c5;
    margin: 0px 5px 5px 0px;
}
/* Products index */
#indexProducts{
	text-align: justify;
	margin: 5px 15px 5px 15px;
	height:auto;
}
#productTypesMenu{
	background:none;
	width:270px;
	float:left;
}
#productTypesMenuLabel{
	background: url("/img/layout/menu_label.jpg");
	font: bold 12px Arial, Helvetica, sans-serif;
	color:red;
	margin-top:5px;
	padding-left:15px;
}
#line_menu{
	background: url("/img/layout/top_line_red.jpg") repeat-x;
    height: 2px;
    clear: both;
}
#productTypesMenuOptions{
 	background: url("/img/layout/panel_center5x5.jpg") repeat;
	padding-top:5px;
	padding-bottom:15px;
	padding-left:15px;
	padding-right:15px;
}
#productTypesMenuOptions a{
	text-decoration:none;
	color: #c5c5c5;
}
#productTypesMenuOptions p{
	font: bold 12px Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
}
#productsList{
	width:650px;
	float:left;
}
#productsListPanel{
	clear:both;
}
#productsListPanel table{
	background:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
	border-top: 0px solid #c5c5c5;
	border-bottom: 0px solid #c5c5c5;
    border-right: 0px solid #c5c5c5;
    border-left: 0px solid #c5c5c5;
	text-align:justify;
}
#productsListPanel table img{
	width:80px;
	height:80px;
	padding:5px 5px 5px 5px;
}
#productsListPanel tr td{
	border-top: 0px solid #c5c5c5;
	border-bottom: 0px solid #c5c5c5;
    border-right: 0px solid #c5c5c5;
    border-left: 0px solid #c5c5c5;
	text-align:left;
}
#productsListPanel .name{
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #ffdb4d;
	margin-left: 5px;
}
#productsListPanel .description{
	margin-left: 5px;
	margin-right:5px;
}
.grey{
	 background: url("/img/layout/panel_center5x5.jpg") repeat;
}
#catalogMenu{
}
#catalogMenu ul{
	list-style: none;
}
#catalogMenu a:hover{
	color: #01ff13;
}
#catalogMenu .title{
	font: bold 11px Arial, Helvetica, sans-serif;
	margin-top:5px;
	margin-left:15px;
}
#catalogMenu .subtitle{
	font: bold 9px Arial, Helvetica, sans-serif;
	margin-left:15px;
}
#formCart{
	float:right;
	margin-right: 5px;	
}
#formCart input[type=text]{
	margin-left: 0px;
}
#formCart .add a{
	text-decoration:none;
	color: #ffdb4d;
}
#formCart:hover a{
	color:red;
}
#cart{
	width:260px;
	background:none;
	float:right;
	color:red;
	text-align:left;
	border-left: solid 5px #3B3A3B;
	border-right: solid 5px #3B3A3B;
	border-bottom: solid 5px #3B3A3B;
}
#cart a{
	color: #ffdb4d;
}
#cart img{
	border: 0px;
}
/* Products show_cart */
#tableCart{
	margin-right:10px;
}
#tableCart a{
	text-decoration: none;
    color: #c5c5c5;
}
#tableCart a:hover{
    color: red;
}
#tableCart table {
	width: 100%;
    border-bottom: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5;
    border-left: 1px solid #c5c5c5;
    color: #c5c5c5;
    clear: both;
    margin: auto;
    white-space: normal;
    border-collapse: collapse;
    text-align: center;
	font-size: 12px;
}
#tableCart table img {
    border: none;
}
#tableCart table a {
    text-decoration: none;
    color: #c5c5c5;
}
#tableCart table th {
    border-top: 1px solid #c5c5c5;
    background: red;
    text-align: center;
}
#tableCart table tr td {
    border-left: 1px solid #c5c5c5;
    vertical-align: middle;
    text-align: center;
}
#tableCart tbody tr td {
    border-right: 1px solid #c5c5c5;
    border-left: 1px solid #c5c5c5;
}
#tableCart tbody tr td a {
    color: #c5c5c5;
}
#tableCart tbody tr:hover {
    background: #000000;
}
#tableCart tbody tr.dif td {
    background: #404040;
}
#tableCart tbody tr.dif td a {
    color: #c5c5c5;
}
#tableCart tbody tr.dif:hover td {
    background: #404040;
}
#cartSum{
	background:#404040;
	float:right;
	width:150px;
	text-align: center;
	border: 1px solid #c5c5c5;
	margin-top:5px;
	margin-right:10px;
}
#cart_form{	
}
#cart_form form {
    margin: auto;
    color: #ffdb4d;
	font: bold 12px Arial, Helvetica, sans-serif;
}
#cart_form form label {
    position: absolute;
    text-align: right;
    width: 100px;
    padding-top: 3px;
}
#cart_form form input[type=text]{
    font: bold 12px Arial, Helvetica, sans-serif;
	margin-left: 100px;
    background-color: #cacaca;
    margin-bottom: 5px;
    text-align: justify;
}
#cart_form form select{
    font: bold 12px Arial, Helvetica, sans-serif;
	margin-left: 83px;
    background-color: #cacaca;
    margin-bottom: 5px;
	text-align: left;
}
#cart_form form textarea{
	font: bold 12px Arial, Helvetica, sans-serif;
	margin-left: 100px;
    background-color: #cacaca;
    margin-bottom: 5px;
    text-align: justify;
}
#cart_form form input[type=submit] {
    margin-left: 100px;
    width: 80px;
}
#cart_form form .error_message {
    margin-left: 100px;
    color: red;
    font: bold 11px Arial, Helvetica, sans-serif;
	margin-bottom: -10px;
}


/********************************************************************
 * DETAILS
 ********************************************************************/
#label {
    background: url("/img/layout/articles_label960.jpg") left no-repeat;
    width: 100%;
	height:20px;
	
}
#label p {
    font: bold 12px Arial, Helvetica, sans-serif;
	padding-top: 5px;
    padding-left: 15px;
    color: red;
	
}
#articlesContainer{
	margin-bottom:10px;
}
#treatmentsContainer{
	clear:both;
}
#break {
    background: url("/img/layout/panel_center5x5.jpg") repeat;
    height: 5px;
	width:348px;    
	clear: both;
}
#break2 {
    background: url("/img/layout/panel_center5x5.jpg") repeat;
    height: 5px;
	width:100%;    
	clear: both;
}
#line {
    background: url("/img/layout/top_line.jpg") repeat-x;
    height: 2px;
    clear: both;
}
#lineRed {
    background: url("/img/layout/top_line_red.jpg") repeat-x;
    height: 2px;
    clear: both;
}
#lineBlue {
    background: url("/img/layout/top_line_blue.jpg") repeat-x;
    height: 2px;
    clear: both;
}
#linePink {
    background: url("/img/layout/top_line_pink.jpg") repeat-x;
    height: 2px;
    clear: both;
}
#lineGreen {
    background: url("/img/layout/top_line_green.jpg") repeat-x;
    height: 2px;
    clear: both;
}
#fieldsetPanel{
	padding-bottom:2%;
	padding-top:2%;
}
#formPanel{
	padding-bottom:2%;
	padding-top:2%;
	clear:both;
}
.error_message {
    margin-left: 83px;
    color: red;
    font: bold 11px Arial, Helvetica, sans-serif;
	margin-bottom: -10px;
}/*******************************************************************/