/* CSS Document by okayguru few mods by netors */
body{
	background:url(../images/bg.gif) repeat-x 0 0 #FFF9F2; color:#666666;
	padding:0; margin:0;
}
div, p, ul, h1, h2, h3, img, form{
	padding:0; margin:0;
	}
ul{
	list-style-type:none;
	}
.bank{
	line-height:0; font-size:0; clear:both;
	}
/*------------------------main body-------------------------*/
#main_body{
	width:825px;  margin:0 auto 0 auto; 
	}
#left_pan{
	width:220px; background:url(../images/logo_bg.gif) no-repeat #FFF9F2; color:#fff; float:left; 
}
/*#left_pan img{
	margin:46px 0 72px 35px; display:block;
	}*/
#left_pan h2{
	width:73px; height:41px; background:url(../images/login_bg.html) no-repeat 0 0; margin:0 0 0 6px; display:block;
	font:14px/14px Arial, Helvetica, sans-serif; padding:17px 65px 0 32px; font-weight:bold; text-transform:uppercase;

	}
#left_pan h2 span{
	font-size:24px; line-height:24px;
	}
#left_pan ul{
	width:126px; display:block; /*margin:38px 0 0 38px;*/
	}
#left_pan ul li{
	background:url(../images/ul_arrow.gif) no-repeat 0 8px; border-bottom:#B8A997 1px dashed; padding: 0 0 0 18px;
	}
#left_pan ul li.li1{
	background:url(../images/ul_arrow.gif) no-repeat 0 8px; border-bottom:none; padding: 0 0 0 18px;
	}
#left_pan ul li a{
	font:13px/23px Arial, Helvetica, sans-serif; color:#4D371E; text-decoration:none; background-color:#FFF9F2;
	}
#left_pan ul li a:hover{
	text-decoration:underline;
	}
/*-------------------------------right side--------------------*/
#rightPan{
	width:580px; float:left; margin:0; margin-left:16px;
	}
#rightPan ul{
	width:570px; display:block; height:29px; font-size:0;
	}
#rightPan ul li{
	float:left;  height:29px; 
	}
#rightPan ul li a{
	font:12px/29px Arial, Helvetica, sans-serif; font-weight:bold; height:29px; display:block; color:#f9e917;
	background:url(../images/navi_bg.gif) repeat-x 0 0 #005050; text-decoration:none; text-align:center;
	}
#rightPan ul li a.main{
	background:url(../images/home.html) no-repeat 0 0; width:59px;
	}
#rightPan ul li a.main:hover{
	background:url(../images/home_h.html) no-repeat 0 0; width:59px;
	}
#rightPan ul li a.home{
	background:url(../images/about_us.gif) no-repeat 0 0; width:74px;
	}
#rightPan ul li a.home:hover{
	background:url(../images/about_us_h.gif) no-repeat 0 0; width:74px;
	}
#rightPan ul li a.sub{
	background:url(../images/submission.gif) no-repeat 0 0; width:92px;
	}
#rightPan ul li a.subactive{
	background:url(../images/submission_h.gif) no-repeat 0 0; width:92px; color:#FFFFFF;
	}
#rightPan ul li a.sub:hover{
	background:url(../images/submission_h.gif) no-repeat 0 0; width:92px;
	}
#rightPan ul li a.con{
	background:url(../images/contact_us.html) no-repeat 0 0; width:74px;
	}
#rightPan ul li a.con:hover{
	background:url(../images/contact_us_h.html) no-repeat 0 0; width:74px;
	}
#rightPan ul.link{
	width:590px; display:block; margin:23px 0 0 0; height:20px;
	}
#rightPan ul.link li{
	float:left;   width:102px; font-size:0px; display:block; padding:0 0 0 96px; height:20px;
	}
#rightPan ul.link li.sup{
	float:left;   width:96px; font-size:0px; display:block; padding:0 0 0 102px; height:20px; margin:0;
	}
#rightPan ul.link li.sol{
	float:left;   width:122px;  display:block; padding:0 0 0 55px; height:20px;
	}
#rightPan ul.link li a{
	font:20px/20px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#AA855B ; font-weight:normal; 
	background-color:#FFF9F2; background-image:none;  display:block; width:104px; text-align:right; height:20px;
	}
#rightPan ul.link li a:hover{
	color:#5A3000; background-color:#FFF9F2; padding:0; margin:0;
	}
#rightPan ul.sub_link{
	width:590px; display:block; margin:0px 0 0 0; height:14px; padding:0;
	}
#rightPan ul.sub_link li{
	float:left;  width:104px; font-size:0px; display:block; padding:0 0 0 94px; height:14px; margin:0;
	}
#rightPan ul.sub_link li.sup1{
	float:left;   width:96px; font-size:0px; display:block; padding:0 0 0 102px; height:inherit;
	}
#rightPan ul.sub_link li.sol1{
	float:left;   width:112px; font-size:0px; display:block; padding:0 0 0 65px; 
	}
#rightPan ul.sub_link li a{
	font:14px/14px Arial, Helvetica, sans-serif; color:#353535; font-weight:normal; 
	background-color:#FFF9F2; background-image:none;  display:block; width:104px; text-align:right; height:14px;
	}
#rightPan ul.sub_link li a:hover{
	color:#5A3000; background-color:#FFF9F2; padding:0; margin:0; text-decoration:underline;
	}
#rightPan h2{
	width:214px; display:block; font:18px/18px Arial, Helvetica, sans-serif; color:#000000; text-transform:uppercase;
	margin:175px 0 0 10px; padding:0px 0 0 0; height:29px; background-color:#FFF9F2;
	}
#rightPan P{
	width:570px; font:12px/19px Arial, Helvetica, sans-serif; color:#666666; font-weight:normal; display:block;
	margin:0 0 10px 10px; background-color:#FFF9F2;
	}
#rightPan P a{
	/*width:300px;*/ background:url(../images/arrow.gif) no-repeat right 0 0 #FFF9F2; color:#666666; /*margin:0 0 0 220px;*/
	font:12px/14px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; /*display:block;*/
	}
#rightPan P a:hover{
	color:#C01F0B; background:url(../images/button_arrow.html) no-repeat 0 0 #FFF9F2; width:32px;
	}

/*---------------------------footer-------------------*/
#footer_bg{
	background:url(../images/footer_bg.gif) repeat-x; width:100%; margin:0  auto 0 auto; float:left; height:153px;
	}
#footer{
	width:425px; margin:0 auto 0 auto; 
	}
#footer ul{
	width:425px; margin:29px 0 7px 0; display:block; height:15px;
	}
#footer ul li{
	float:left; font:12px/14px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#612181;
	display:block; 
	}
#footer ul li a{
	font:12px/14px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#612181; text-decoration:none;
	margin:0 10px 0 10px;
	}
#footer ul li a:hover{
	text-decoration:underline;
	}
#footer p{
	/*width:225px; *//*margin:0 0 0 95px;*/ font:12px/14px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#F3F1DF;
	background-color:#612181; text-align:center;
	}
#footer p a {
	/*width:225px;*/ /*margin:0 0 0 95px;*/ font:12px/14px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#F3F1DF;
	background-color:#612181; text-align:center;
	}
#footer ul.xhtml{
	width:135px; display:block; margin:12px 0 0 197px; height:21px; font-size:0px;
	}
#footer ul.xhtml li{
	float:left; height:21px; margin-right:9px;
	}
#footer ul.xhtml li a{
	text-indent:-2000px; display:block; height:21px; margin:0; padding:0; font-size:0px;
	}
#footer ul.xhtml li a.xht{
	background:url(../images/xhtml.html) no-repeat 0 0 #612181; color:#fff; width:66px;
	}
#footer ul.xhtml li a.css{
	background:url(../images/css.html) no-repeat 0 0 #612181; color:#fff; width:50px;
	}
#content {margin:5px 0 5px 5px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#333333}
#content div {border-bottom:#4d371e 1px dashed;}

.fontff {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.purple {color:#612181;}
.purpleu {color:#612181; text-decoration:underline}
a.purple:link {color:#612181; font-weight:bold; text-decoration:none;}
a.purple:active {color:#612181; font-weight:bold; text-decoration:none;}
a.purple:visited {color:#612181; font-weight:bold; text-decoration:none;}
a.purple:hover {color:#612181; font-weight:bold; text-decoration:underline;}

.bold {font-weight:bold;}
.lh15 {line-height:15px;}
.marl15 {margin-left:15px;}
.marr15 {margin-right:15px;}
.txtr {text-align:right;}
.mar10 {margin:10px;}
.mar10nt {margin:0 10px 10px 10px;}
.padl20 {padding-left:20px}
.padr10 {padding-right:5px}
.padb10 {padding-bottom:10px;}
.txt11 {font-size:11px; color:#666666;}
.logopdg {margin:46px 0 74px 35px;}
.pupsep {border-top:#611f81 1px dashed;}

/* below here.. added by netors */
/* Flash message */
#flashMessage {
	margin-top:10px;
	background:#F8EA18;
	color:#660000;
	padding:1em;
	border-top:1px solid #622081;
	border-bottom:1px solid #622081;
	border-left:1px solid #622081;
	border-right:1px solid #622081;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

/* Info message */
#infoMessage {
	margin-top:10px;
	background:#F8EA18;
	padding:1em;
	border-top:1px solid #622081;
	border-bottom:1px solid #622081;
	border-left:1px solid #622081;
	border-right:1px solid #622081;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #44444E;
}

/* auth message */
#authMessage {
	margin-top:10px;
	background:#F8EA18;
	color:#660000;
	padding:1em;
	border-top:1px solid #622081;
	border-bottom:1px solid #622081;
	border-left:1px solid #622081;
	border-right:1px solid #622081;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

/*
    FORMS
*/
 
label {
    font-weight: bold;
}

input, textarea {
}

textarea {
}
select {
	margin: 0;
}
select[multiple=multiple] {
}

input[type=checkbox] {
}

input[type=radio] {
}

input[type=submit],
input[type=button] {
}

.basic.form {
    width: 600px;
    margin: 0 auto;
}
.basic.form label {
    width: 30%;
}

.basic.form input {
    width: 50%;
    padding: 1px;
}

.basic.form textarea {
    width: 50%;
}

.basic.form .input.text {
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
}

.basic.form .input.text label {
    float: left;
}

.basic.form .input.textarea label {
    float: left;
}

.basic.form .input.text input {
    float: left;
}


.basic.form .submit {
    overflow: hidden;
}

.basic.form .submit input {
    float: left;
}

.basic.form .submit {
    width: 50%;
    margin-left: 90px;
}

/*
    TABLES
*/
table .precios {
    border: 1px solid #ccc;
    width: 99%;
    margin-top: 10px;
    border-collapse:collapse;
    border-spacing:0;
    margin-left:2px;
	font:12px/19px Arial, Helvetica, sans-serif; color:#666666; font-weight:normal; 
}

td .precios, th .precios {
    vertical-align: middle;
    border: 1px solid #ccc;
    padding: 5px 10px;
}
th.actions.precios,
td.actions.precios {
    width: 58px;
}

div.index th.precios {
    font-weight: bold;
    background: #111;
    border:1px solid #111;
    border-right: 1px solid #fff;
    color: #fff;
    padding: 5px 10px;
}

th.actions.precios {
    border-right: 1px solid #111;
}
th.precios a {
    color: #fff;
}

tr.precios td.precios {
    background: #fff;
}

tr.altrow td {
    background: #f9f9f9;
}
.btn {
	background-color: #f9e917;
	border: 2px #d1ec4c outset;
	padding: 1px 4px;
	color: #612181;
	text-decoration: none;
	font: bold 90% Verdana, Helvetica, sans-serif;
	float:right;
}
.money {
	text-align:right;
}