/*
   __              __                                             
  /\ \  __        /\ \                                            
  \_\ \/\_\    ___\ \ \/'\     ___ ___      __      ___     ____  
  /'_` \/\ \  /'___\ \ , <   /' __` __`\  /'__`\  /' _ `\  /',__\ 
 /\ \L\ \ \ \/\ \__/\ \ \\`\ /\ \/\ \/\ \/\ \L\.\_/\ \/\ \/\__, `\
 \ \___,_\ \_\ \____\\ \_\ \_\ \_\ \_\ \_\ \__/.\_\ \_\ \_\/\____/
  \/__,_ /\/_/\/____/ \/_/\/_/\/_/\/_/\/_/\/__/\/_/\/_/\/_/\/___/ design.com
  
   / GENERAL
   / BASE
   / HEADER
   / CONTENT
   / FOOTER
   / #HOME

*/

/* __________________________________ GENERAL __________________________________ */

* {margin:0;}
a img {border: 0;}
fieldset {border:0; padding:0;}
ul, ol {padding:0;}
.img_left img{float:left;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.over {overflow:hidden;}
.over1 {overflow:hidden; height:1px;}
.block {display:block;}


/* __________________________________ BASE __________________________________ */

body {
	margin:0px;
	background: url(images/bg.gif);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.main {
	position:relative;
	margin:0 auto;

}

.menu{
	float:right;
}
.menu li{
	list-style:none;
	width:81px;
	padding:3px 20px 3px 0;
}
.menu li a{
	display:block;
	width:88px;
	height:24px;
}

.menu li a:hover img{filter:alpha(opacity=0); -moz-opacity:.0; opacity:.0;}

.menu li .me-01{ background:url(images/menu-01.gif) top left no-repeat;}
.menu li .me-02{ background:url(images/menu-02.gif) top left no-repeat;}
.menu li .me-03{ background:url(images/menu-03.gif) top left no-repeat;}
.menu li .me-04{ background:url(images/menu-04.gif) top left no-repeat;}
.menu li .me-05{ background:url(images/menu-05.gif) top left no-repeat;}
.menu li .me-06{ background:url(images/menu-06.gif) top left no-repeat;}
.menu li .me-07{ background:url(images/menu-07.gif) top left no-repeat;}

/* __________________________________ HEADER __________________________________ */
.header {
	float:left;
	position:relative;
	width:335px;
}
.header .logo{
	position:absolute;
	top:140px;
	left:-40px;
}
.header .menu{
	margin-top:340px;
}
.header .login{
	height:120px;
	padding:5px 20px 0 0;
}
.header .login .txt{
	border:1px solid #CCCCCC;
}
.header .login p{
	text-align:right;
	padding:2px 0;
}
/* __________________________________ CONTENT __________________________________ */
.content {
	float:left;
	position:relative;
	width:625px;
}
.content .introd {
	background: url(images/bg-content.png) top left no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-content.png', sizingMethod='scale');
	_background: transparent;
	width: 436px;
	height: 124px;
	top: 0px;
	left:0px;
	position: absolute;
}
.content .leaf{
	position:absolute;
	top:354px;
	left:0;
	width:27px;
	height:51px;
	background:url(images/leaf-gray.png);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/leaf-gray.png');  
	_background: transparent;
	z-index: 50;
}
/* __________________________________ FOOTER __________________________________ */
.footer {
	clear:both;
}
.footer .left{
	width:335px;
}
.footer .logo2{
	float:left;
	padding:30px 0 0 20px;
}
.footer .right{
	float:left;
	width:625px;
	padding:75px 0 0;
}
.footer .right img{
	display:block;
}
/* ################################## COLORS ################################## */
#gray{
	background:#DCDDDE url(images/bg-gray.gif) repeat-y;
}
#gray .menu li.active{
	background:url(images/menu-arrow-gray.gif) right center no-repeat;
}
#green{
	background:#ADC839 url(images/bg-green_sm.gif) repeat-y;
}
#green .menu li.active{
	background:url(images/menu-arrow-green.gif) right center no-repeat;
}
#orange{
	background:#FFBA57 url(images/bg-orange.gif) repeat-y;
}
#orange .menu li.active{
	background:url(images/menu-arrow-orange.gif) right center no-repeat;
}
#blue{
	background:#7CA5DA url(images/bg-blue.gif) repeat-y;
}
#blue .menu li.active{
	background:url(images/menu-arrow-blue.gif) right center no-repeat;
}

/* ################################## HOME ################################## */
#home{
	color:#FFFFFF;
}

#home .intro{
	height:161px;
	background:url(images/home-header.jpg) no-repeat;
}
#home .intro img{
	float:right;
	margin:30px 0 0;
	padding-right:50px;
}
#home .intro p{
	float:right;
	width:390px;
	color:#FFFFFF;
	text-align:right;
	padding-right:50px;
}
#home .intro p strong{
	background:#FC9BDD;
}

#home .boxpink{
	padding:10px;
	margin:0 10px 10px;
	background:#F48FDA;
}
#home .bxgreen ul{
	padding:10px;
	font-size:14px;
	font-weight:bold;
	color:#586414;
}
#home .bxgreen li{
	float:left;
	display:inline;
	list-style:none;
	width:235px;
	height:80px;
	padding:10px;
	margin:10px;
	background:#C0D531;
}
#home .bxgreen li.small{
	font-size:11px;
}

#home .bxdin{
	position:relative;
	background:url(images/home-din-bg.gif) repeat-y 300px 0px;
}
#home .bxdin .seta{
	position:absolute;
	top:96px;
	left:285px;
	width:15px;
	height:23px;
	background:url(images/home-seta.gif) no-repeat;
}
#home .bxdin .left{
	padding:10px;
	width:265px;
	list-style:none;
}
#home .bxdin .left a{
	display:block;
	padding:5px 5px 5px 15px;
	color:#FFFFFF;
	text-decoration:none;
}
#home .bxdin .left a:hover{
	background:url(images/disc.gif) no-repeat 0px 50%;
	font-weight:bold;
}
#home .bxdin .right{
	float:left;
	width:260px;
	text-align:right;
	padding:15px 0 0 0;
}
#home .bxdin .right .site{
	border:5px solid #fff;
}

/* ################################## SITES ################################## */
#sites .intro{
	width:557px;
	height:247px;
	background:url(images/sites-intro-bg.jpg) no-repeat;
}
#sites .intro .title{
	float:right;
	padding:10px 80px 0 0;
}
#sites .intro p{
	width:320px;
	float:right;
	padding:20px 10px 20px 0;
	text-align:right;
}
#sites .intro p strong{
	color:#9A5C05;
	display:block;
}
#sites .intro .splash{
	float:right;
	padding:10px 10px 0 0;
}

#sites .list ul{
	padding:15px;
}
#sites .list li{
	list-style:none;
	width:550px;
	height:203px;
	background:#B3BAC7;
	margin:10px 0;
}

#sites .list li .left{
	padding:10px 0 0 10px;
}
#sites .list li .left img{
	border:5px solid #fff;
	width:214px;
	height:172px;
}
#sites .list li .text{
	float:right;
	height:173px;
	width:253px;
	padding:20px 10px 10px 30px;
	background:#fff url(images/sites-list-bg.gif) center left no-repeat;
}
#sites .list li .text h3{
	background:#ACC6E8;
	color:#fff;
	float:left;
	padding:0 5px;
	font-size:14px;
}
#sites .list li .text .type{
	clear:both;
	color:#777C85;
	font-size:.9em;
}
#sites .list li .text p{
	padding:10px 0;
}
#sites .list li .text a:hover img{filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75;}	

/* ################################## FAQ ################################## */
#faq { padding: 130px 0 0 40px;}
#faq .page { position: absolute; top: 38px; left: 410px; }
#terms ul,
#faq ul { list-style: none; margin: 0px; padding: 30px 0 0 0; }
#terms li,
#faq li { margin: 0 0 3px 0; background: #EAECED; padding: 13px 13px 13px 23px; position: relative; }
#terms .ball,
#faq .ball { background:url(images/ball-m1.gif) no-repeat; width: 24px; height: 20px; position: absolute; margin: 0 0 0 -35px; color: #FFFFFF; font-weight: bold; text-align: center; padding: 4px 0 0 1px; }

/* ################################## PROGRAMS ################################## */

#program { padding: 170px 0 0 40px; line-height: 16px; }
#program .page { position: absolute; top: 38px; left: 410px; }
#program .sub { position: absolute; top: 88px; left: 120px; }
#program ul { list-style: disc outside; padding: 8px 0 16px 15px; }
#program li { padding: 5px 0 5px 0;}

/* ################################## TERMS ################################## */

#terms { padding: 130px 0 0 40px; }
#terms h4 { padding: 25px 0 0 0; }
#terms .page { position: absolute; top: 38px; left: 410px; }

/* ################################## CONTACT ################################## */

#contact { padding: 130px 0 0 40px; }
#contact .page { position: absolute; top: 38px; left: 410px; }
#contact ul { list-style: none; margin: 0px; padding: 15px 0 0 0; }
#contact li { background: #EAECED; padding: 10px; margin: 4px 0 0; }
#contact .info { float: left; padding: 8px 0 0 10px; }
#contact .mail { background:url(images/contact-mail.gif) no-repeat; padding: 0 0 0 20px; }
#contact .icq { background:url(images/contact-icq.gif) no-repeat; padding: 0 0 0 20px; }

/* ################################## SIGNUP ################################## */

#signup { padding: 150px 0 0 55px; }
#signup .page { position: absolute; top: 38px; left: 435px; }
#signup .sub { position: absolute; top: 88px; left: 85px; }
#signup ul { list-style: none; margin: 0px; padding: 18px 0 18px 0; }
#signup li { margin: 0 0 3px 0; background: #C2DB58; padding: 13px 13px 13px 23px; width: 420px; }
#signup  h3 { padding: 0px; margin: 0px; font-size: 12px; padding: 0 0 0 10px; }
#signup .ball { background:url(images/ball-m2.gif) no-repeat; width: 24px; height: 20px; position: absolute; margin: 0 0 0 -32px; color: #FFFFFF; font-weight: bold; text-align: center; padding: 4px 0 0 1px; }
#signup form {display:inline;}
#signup .block-form p {padding:10px 0 0 0;}
#signup .block-form label { float:left; width: 120px; font-size: 11px; display:block}
#signup .block-form h4 {font-size:12px; font-weight:bold; padding:5px 0;}
#signup .block-form select {width:145px;}
#signup .block-form .campo { background: #EFEFEF; border: 0px; padding: 2px; font-size: 12px; }
	#signup .block-form .w1 { width: 233px; }
	#signup .block-form .w2 { width: 184px; }
	#signup .block-form .w3 { width: 153px; }
	#signup .block-form .w4 { width: 105px; }