@charset "utf-8";
/* CSS Document */
body{
	background:#FFF url(../img/fons-aloe.jpg) no-repeat 100% 100%;
	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
{
    margin-bottom: 1em;
}

/* Default box style */

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

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

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

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

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

div.border-box div.border-mc
{
    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 div.border-mc:before, div.border-box div.border-mc:after /* Preventing margins on content from breaking the box */
{
    content: "-";
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
}

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

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

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

/* FACTBOX */

div.factbox-left
{
	float:left;
	margin-right:1.1em;
    width: 18em;
}
div.factbox-mid
{
	float:left;
    width: 18em;
}
div.factbox-right
{
	float:left;
	margin-left:1.1em;
    width: 18em;
}
div.factbox-header
{
    margin-bottom: 0;
}

div.factbox-header h2
{
    margin: 1px 0px 3px 0px;
    padding: 0;
}
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.box-content-footer a, div.box-content-text a, div.factbox-header-right-link a{
	color:#666666;
	font-weight:bold;
}
div.box-content-footer a:hover, div.box-content-text a:hover, div.factbox-header-right-link a:hover{
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
	
div.factbox-header div.border-tl
{
    background-image: url(../img/factbox-header/border-tl.gif);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

div.factbox-content div.border-bc
{
    background-image: url(../img/factbox/border-bc.gif);
}
div.box-content h2{
	padding:0px;
	margin:0px;
	margin-bottom:5px;
	margin-top:2px;
	margin-left:10px;
	color:#333333;
}
div.box-content-text{
	margin-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	margin-top: 10px;
	bottom:1px;
	font-size:13px;
	color:#333333;
}
div.box-index{
	height:155px;
}
div.box-content-text ul{
	list-style:none;
}
div.quienes{
	background:url(../img/bg-quienes.jpg) no-repeat bottom right;
}
div.aloe{
	background:url(../img/bg-aloe.jpg) no-repeat bottom right;
}
div.papaya{
	background:url(../img/bg-papaya.jpg) no-repeat bottom right;
}

/* MAINBOX */

div.mainbox-left
{
	float:left;
    width: 900px;
}
div.mainbox-submenu{
	width:200px;
	margin:0px 10px 10px 10px;
	padding:10px;
	background-color:#91af6e;
	border:1px solid #222B18;
}

/* FOOTER */
div#footer
{
	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 */
	border-top:1px solid #aaaaaa;
}
div.box-content-footer{
	padding-top: 12px;
	padding-left: 10px;
	padding-right: 10px;
	font-size:12px;
	color:#666666;
}
div.submenu-footer{
	float: left;
	padding-top:10px;
	color:#666666;
	font-weight:bold;
}
div.footer-footer{
	float: right;
	height:45px;
	text-align:right;
	color: #666666;
}
div.footer-footer a{
	color: #666666;
	font-weight:normal;
}
div.footer-footer a:hover{
	color: #000000;
	text-decoration:none;
	font-weight:normal;
}