@import url(basic.css);

body {
    margin:0;
    min-width:730px;
    background-color:#fff;
    color:#000;
    font:0.8em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* main div */
#ExternalDiv {margin:10px auto; width:730px; background-color:#fff;}

/* accesible shortcuts */
#ShortcutsDiv {display:none;}

/* header */
#HeaderDiv {background:#fff;}
#HeaderDiv h1 {display:none;}
#HeaderDiv .LeftDiv {float:left; width:60%;}
#HeaderDiv .RightDiv {float:right; width:39%;}

/* menu */
#MenuDiv {padding:60px 0 3px 0; border-bottom:2px solid #7274B4; padding-top:60px;}
#MenuDiv h2 {display:none;}
#MenuDiv ul {text-align:center; font-size:1.1em;}
#MenuDiv ul li {list-style-type:none; margin:0; display:inline;}
#MenuDiv li a {
    padding:3px 5px;
    border:2px solid #7274B4;
    border-bottom:none;
    background:#fff url("../img/fon/tabsbg.gif") repeat-x bottom left;
    text-decoration:none;
    font-weight:bold;
}
#MenuDiv li a:link, #MenuDiv li a:visited {color:#666;}
#MenuDiv li a:hover {color:#000; background:#e7eae9; border-color:#cbdbda;}
#MenuDiv li a:visited.active {
    color:#000;
    background:#fff url("../img/fon/tabsbg_act.gif") repeat-x top left;
    border-bottom:2px solid #fff;
}

/* promos */
.promos, .steps { width:100%; margin:0 0 20px 0; padding-bottom:10px; background:#fff url("../img/fon/progressbg.jpg") repeat-x bottom left; }
.steps { text-align:center; }
.tour { text-align:center; border:3px solid #cbdbda; }
.submenu { text-align:center; margin:10px 0; padding:5px 0; background-color:#e7eae9; font-weight:bold; }

/* promo area */
.promoTxt {font-size:1.4em; margin:0.5em 0; text-align:center;}
.promo1, .promo2, .promo3 {float:left; width:31%;}
.promo1 {margin:0 0.4em 0 0.5em;}
.promo2 {margin:0 0.4em 0 0.4em;}
.promo3 {margin:0 0.4em 0 0.4em;}
.promo1 img, .promo2 img, .promo3 img { text-align:center; }
.promo1 h2, .promo2 h2, .promo3 h2 {
    font-size:1.3em;
    letter-spacing:-1px;
    color:#46aa1d;
    margin-bottom:0.2em;
    text-align:center;
}
.promo1 li, .promo2 li, .promo3 li {list-style-type:none; list-style-position:outside; margin:0.1em 0 0.1em 1.1em; padding:0 0 4px 18px; line-height:16px; background:url("../img/ico/tri_ver.png") no-repeat left top;}

/* contents */
h2 {font-size:2.2em; line-height:1em; letter-spacing:-2px; color:#46aa1d; margin:0.8em 0;}
h3, dt {font-size:1.5em; line-height:0.8em; letter-spacing:-1px; color:#79b500; margin:1em 0 0.5em 0;}

.LeftDiv {float:left; width:67%;}
.LeftDiv ul li {padding:0 0 4px 18px; line-height:16px; list-style-type:none; background:url("../img/ico/tri_ver.png") no-repeat left top;}
.RightDiv {float:right; width:32%;}

.box {
    width:234px;
    margin:0 0 14px 0;
    background:#fafafa url("../img/rounded/tile.gif") repeat-y top left;
}
.boxInner {background:url("../img/rounded/bottom.gif") no-repeat bottom left;}
.box h3, .boxImportant h3 {
    margin:0;
    line-height:0.9em;
    padding:15px 18px 0 18px;
    background:url("../img/rounded/top.gif") no-repeat top left;
}
.box p, .box ul, .box ol, .box dl, .box form {
    margin:0;
    padding:0.5em 18px 18px 18px;
    line-height:1.4em;
}
.box ul li {
    margin:0.5em 0 2px 10px;
    padding-left:13px;
    list-style:none;
    background:url("../img/ico/tri_negro.png") no-repeat left top;
}

/* footer */
#FooterDiv {margin:2.5em 0 0 0; text-align:center; width:100%; clear:both;}
#FooterDiv h3 {margin:0 0 1em 0; background:url(../img/separator.gif) repeat-x 0 50%;}
#FooterDiv h3 img {padding:0 10px; background-color:#fff;}
#FooterDiv p {margin: 0 0 1.5em 0; font-size:smaller;}
#FooterDiv #AdsDiv { padding:15px 0; }

/* float images */
.RightAlign img, .LeftAlign img {padding:2px; border:1px solid #cbdada;}
.RightAlign img {float:right; margin:0 0 0.5em 1em;}
.LeftAlign img {float:left; margin:0 1em 0.5em 0;}
.SmallRight {font-size:smaller; text-align:right;}

/* visual styles */
a:link, a:visited {color:#666; text-decoration:underline;}
a:hover {color:#000; text-decoration:none;}
a.ButtonsBg:link, a.ButtonsBg:visited {
    background:#fff url("../img/fon/tabsbg.gif") repeat-x bottom left;
    padding:4px;
    border:1px solid #cbdbda;
    color:#000;
    text-decoration:none;
    font-weight:bold;
}
a.ButtonsBg:hover {border-color:#46aa1d;}


/* LAYOUT.CSS: endeve (W3C_CSS2)| V.1.6.101005 */
/* You may adapt elements of this CSS in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the Design") is copyright 2005 Jose Ramon Quevedo Santana (jquevedo@qweos.net) and may not be reproduced. */