@charset "utf-8";
/* CSS Document */
body{
	background-attachment:fixed;
}
body, div{
	font-family:"Trebuchet MS";
}
div#page
{
    width: 900px; /* This can be changed to any fixed width if desired */
    margin: 0 auto 0 auto; /* General method for centering content if fixed page width, for other browsers than IE */
    text-align: left; /* Reset IE method for centering page, to stop all other content on the page from centering */
}
div#header
{
    padding-top: 0.25em;
    padding-bottom: 0.75em;
}
div#logo
{
    float: left;
    margin: 1em 0 0 1.5em;
}

/* BOX GENERAL DESIGN */

div.border-box-aloe
{
    margin-bottom: 1em;
}

/* Default box style */

div.border-box-aloe div.border-tl-aloe
{
    background: url(../img/factbox-aloe/border-tl.gif) no-repeat top left;
}

div.border-box-aloe div.border-tr-aloe
{
    background: url(../img/factbox-aloe/border-tr.gif) no-repeat top right;
    padding: 0 4px 0 4px;
}

div.border-box-aloe div.border-tc-aloe
{
    font-size: 0;
    height: 4px;
    background: url(../img/factbox-aloe/border-tc.gif) repeat-x top left;
}

div.border-box-aloe div.border-ml-aloe
{
    background: url(../img/factbox-aloe/border-ml.gif) repeat-y center left;
}

div.border-box-aloe div.border-mr-aloe
{
    background: url(../img/factbox-aloe/border-mr.gif) repeat-y center right;
    padding: 0 1px 0 1px;
}

div.border-box-aloe div.border-mc-aloe
{
    height: 1%; /* Preventing margins on content from breaking the box (for IE) */
    background-color: #ffffff;
    padding: 0.5em 0.75em 0.5em 0.75em;
}

div.border-box-aloe div.border-mc-aloe:before, div.border-box-aloe div.border-mc-aloe:after /* Preventing margins on content from breaking the box */
{
    content: "-";
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
}

div.border-box-aloe div.border-bl-aloe
{
    background: url(../img/factbox-aloe/border-bl.gif) no-repeat bottom left;
}

div.border-box-aloe div.border-br-aloe
{
    background: url(../img/factbox-aloe/border-br.gif) no-repeat bottom right;
    padding: 0 4px 0 4px;
}

div.border-box-aloe div.border-bc-aloe
{
    font-size: 0;
    height: 4px;
    background: url(../img/factbox-aloe/border-bc.gif) repeat-x bottom left;
}

/* FACTBOX */
div.factbox-header-aloe
{
    margin-bottom: 0;
}

div.factbox-header-aloe h2
{
    margin: 1px 0px 3px 0px;
    padding: 0;
}
div.factbox-header-right-aloe{
	float:right;
}
div.factbox-header-right{
	float:right;
}
div.factbox-header-right-link a{
	font-size: 16px;
}
div.factbox-header-right-link a:hover{
	font-size: 16px;
}
div.factbox-header-right-link-aloe a{
	color:#222B18;
	font-size: 16px;
	font-weight:bold;
}
div.factbox-header-right-link-aloe a:hover{
	color:#222B18;
	font-size: 16px;
	font-weight:bold;
	text-decoration:none;
}
	
div.factbox-header-aloe div.border-tl-aloe
{
    background-image: url(../img/factbox-header-aloe/border-tl.gif);
}

div.factbox-header-aloe div.border-tr-aloe
{
    background-image: url(../img/factbox-header-aloe/border-tr.gif);
}

div.factbox-header-aloe div.border-tc-aloe
{
    background-image: url(../img/factbox-header-aloe/border-tc.gif);
}

div.factbox-header-aloe div.border-ml-aloe
{
    background-image: url(../img/factbox-header-aloe/border-ml.gif);
}

div.factbox-header-aloe div.border-mr-aloe
{
    background-image: url(../img/factbox-header-aloe/border-mr.gif);
}

div.factbox-header-aloe div.border-mc-aloe
{
    background: #8bab65 url(../img/factbox-header-aloe/border-mc.gif) repeat-x top left;
    padding: 0 6px 0 6px;
}

div.factbox-header-aloe div.border-bl-aloe
{
    background-image: url(../img/factbox-header-aloe/border-bl.gif);
}

div.factbox-header-aloe div.border-br-aloe
{
    background-image: url(../img/factbox-header-aloe/border-br.gif);
}

div.factbox-header-aloe div.border-bc-aloe
{
    background-image: url(../img/factbox-header-aloe/border-bc.gif);
}

div.factbox-content-aloe div.attribute-image-aloe
{
    margin: 0.5em 0.5em 0.5em 0;
    float: left;
}

div.factbox-content-aloe div.border-tl-aloe
{
    background-image: url(../img/factbox-aloe/border-tl.gif);
}

div.factbox-content-aloe div.border-tr-aloe
{
    background-image: url(../img/factbox-aloe/border-tr.gif);
}

div.factbox-content-aloe div.border-tc-aloe
{
    background-image: url(../img/factbox-aloe/border-tc.gif);
}

div.factbox-content-aloe div.border-ml-aloe
{
    background-image: url(../img/factbox-aloe/border-ml.gif);
}

div.factbox-content-aloe div.border-mr-aloe
{
    background-image: url(../img/factbox-aloe/border-mr.gif);
}

div.factbox-content-aloe div.border-mc-aloe
{
    background: #e6f1cf url(../img/factbox-aloe/border-mc.gif) repeat-x top left;
    padding: 3px 6px 3px 6px;
}

div.factbox-content-aloe div.border-bl-aloe
{
    background-image: url(../img/factbox-aloe/border-bl.gif);
}

div.factbox-content-aloe div.border-br-aloe
{
    background-image: url(../img/factbox-aloe/border-br.gif);
}

div.factbox-content-aloe div.border-bc-aloe
{
    background-image: url(../img/factbox-aloe/border-bc.gif);
}
div.box-content-aloe h2{
	padding:0px;
	margin:0px;
	margin-bottom:5px;
	margin-top:2px;
	margin-left:10px;
	color:#222B18;
}
div.box-content-text-aloe{
	margin-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	margin-top: 10px;
	bottom:1px;
	font-size:13px;
	color:#222B18;
}
div.box-content-text-aloe a{
	color:#7c985a;
	font-weight:bold;
}
div.box-content-text-aloe a:hover{
	color:#222B18;
	font-weight:bold;
	text-decoration:none;
}
div.box-content-text-aloe ul{
	list-style:none;
}
div.aloe{
	background:url(../img/bg-aloe.jpg) no-repeat bottom right;
}
/* MAINBOX */

div.mainbox-left-aloe
{
	float:left;
    width: 900px;
}
div.mainbox-submenu-aloe{
	float: left;
	width:200px;
	margin-bottom: 10px;
	padding:10px;
	background-color:#d5e0be;
	border:1px solid #a0ac88;
}
div.mainbox-submenu-aloe ul{
	margin: 0px;
	padding-left: 18px;
	list-style-type:decimal;
}
div.mainbox-submenu-aloe ul li{
	margin-bottom: 5px;
	margin-top: 5px;
	font-weight: bold;
	color: #3f5a20;
}
div.mainbox-submenu-aloe ul li span{
	color: #7c985a;
	font-weight: normal;
}
div.mainbox-submenu-aloe ul li span a{
	color: #3f5a20;
	font-weight: normal;
	text-decoration: underline;
}
div.mainbox-submenu-aloe ul li span a:hover{
	color: #7c985a;
	font-weight: normal;
	text-decoration: none;
}
div.mainbox-banner-aloe{
	float: left;
	width:220px;
	height: 132px;
	margin-bottom: 10px;
	background:url(../img/aloe-banner.jpg) #d5e0be no-repeat top left;
	border:1px solid #a0ac88;
}
div.mainbox-banner-aloe h1{
	text-align:center;
	font-size:22px;
	margin:33px;
}
div.mainbox-banner-aloe h1 a{
	color: #000000;
	text-decoration: underline;
}
div.mainbox-banner-aloe h1 a:hover{
	color: #666666;
	text-decoration: none;
}
div.mainbox-bannercomprar-aloe{
	float: left;
	width:220px;
	height: 132px;
	margin-bottom: 10px;
	background:url(../img/comprar.jpg) #d5e0be no-repeat top left;
	border:1px solid #a0ac88;
	cursor: pointer;
}
div.mainbox-bannertest-aloe{
	float: left;
	width:220px;
	height: 132px;
	margin-bottom: 10px;
	background:url(../img/test.jpg) #d5e0be no-repeat top left;
	border:1px solid #a0ac88;
	cursor: pointer;
}
div.mainbox-right-aloe{
	float: left;
	width: 607px;
	margin-left:15px;
	padding:10px 10px;
	background-color:#d5e0be;
	border:1px solid #a0ac88;
}
div.mainbox-right-aloe h2{
	margin-top: 0px;
}
div.mainbox-right-aloe h4{
	margin-top: 35px;
}
div.mainbox-right-aloe-img{
	text-align: center;
}
div.mainbox-right-aloe-img img{
	border: 3px solid #ffffff;
	margin: 10px 3px;
	vertical-align: top;
}
div.mainbox-right-aloe-productes{
	float:left;
	width:285px;
	height: 170px;
	margin:5px;
	border:1px solid #7c985a;
	background-color: #e6f1cf;
}
div.mainbox-right-aloe-productes img{
	margin: 10px;
	border:1px solid #7c985a;
}
div.mainbox-right-aloe-productes p{
	margin: 0px 10px 0px 50px;
}
div.mainbox-right-aloe-productes h4{
	font-size:16px;
	padding-bottom: 10px;
	padding-top: 5px;
	margin: 0px;
}
div.mainbox-right-aloe-productes h4 a{
	color:#222B18;
	text-decoration:underline;
}
div.mainbox-right-aloe-productes h4 a:hover{
	color: #7c985a;
	text-decoration:none;
}
div.mainbox-right-aloe-productes-max{
	float:left;
	padding:10px;
	border:1px solid #7c985a;
	background-color: #e6f1cf;
}
div.mainbox-right-aloe-productes-max img{
	padding: 10px;
}
div.mainbox-right-aloe-productes-max span{
	padding-right: 10px;
	padding-bottom: 10px;
}
div.mainbox-right-aloe-productes-max h4{
	font-size:16px;
	padding-bottom: 10px;
	padding-top: 5px;
	margin: 0px;
}

/* FOOTER */
div#footer-aloe
{
	clear:both;
    width: 900px; /* This can be changed to any fixed width if desired */
    margin: 0px auto 0 auto; /* General method for centering content if fixed page width, for other browsers than IE */
    text-align: left; /* Reset IE method for centering page, to stop all other content on the page from centering */
}
div.box-content-footer-aloe{
	padding-top: 12px;
	padding-left: 10px;
	padding-right: 10px;
	font-size:12px;
	color:#222B18;
}
div.box-content-footer-aloe a{
	color:#7c985a;
	font-weight:bold;
}
div.box-content-footer-aloe a:hover{
	color:#222B18;
	font-weight:bold;
	text-decoration:none;
}
div.submenu-footer-aloe{
	float: left;
	padding-top:10px;
	color:#7c985a;
	font-weight:bold;
}
div.footer-footer-aloe{
	float: right;
	height:45px;
	text-align:right;
	color: #222B18;
}
div.footer-footer-aloe a{
	color: #222B18;
	font-weight:normal;
}
div.footer-footer-aloe a:hover{
	color: #7c985a;
	text-decoration:none;
	font-weight:normal;
}