body {

    background: #fff url(../images/v2bg.jpg) repeat-x;

    color: #000;

    font-family: "Century Gothic", Verdana, Geneva, Arial, Helvetica, sans-serif;

    font-size: 12pt;

}



.content {

    margin: 0 auto;

    overflow: hidden;

    width: 960px;

    background-color: #fff;

}



/* header */

.header

{

    background-color: #fff;

    width: 960px;

    margin: 0 auto;

    margin-top: 10px;

    overflow: hidden;

    padding: 10px 0;

}



/* logo */

.logo {

	float: left;

	background: #fff url(../images/v2logo.jpg) no-repeat;

	width: 225px;

	height: 50px;

}

.logo span {

	display: none;

}



/* menu */

.menu {

    margin-right: 10px;

    float: right;

    font-size: 14px;

    overflow: hidden;

	padding: 12px 0;

}



.menu ul {

    text-align: right;

}



.menu ul li {

    display: inline-block;

    margin-left: 5px;

}



.menu ul li a,

.menu ul li a:active {

    color: #000;

    display: block;

    text-decoration: none;

	line-height: 26px;

	padding: 0px 10px;

}



.menu ul li.active a,

.menu ul li:hover a {

    color: #fff;

	background: #a8474a;

	border-radius: 5px;

	-moz-border-radius: 5px;

}



/* page */

.page {

    margin: 0 10px;

    overflow: hidden;

    padding-top: 10px;

    width: 940px;

	position: relative;
	
	min-height: 500px;

}



/* footer */

.footer

{

    background-color: #303030;

    width: 940px;

    margin: 0 auto;

    margin-top: 10px;

    overflow: hidden;

    padding: 10px 0;

    font-size: 80%;

}



.footer .copy

{

    margin: 0 10px;

    color: #fff;

    text-align: right;

}



/* slideshow */

#slideshow {

    height: 300px;

    margin-bottom: 20px;

    width: 940px;

}

.slidenav{

	list-style: none;

	position: absolute;

	top: 15px;

	right: 10px;

	z-index: 100;

}

.slidenav li{

	float: right;

	margin-left: 5px;

}

.slidenav li a {

    background: url("../images/slider-inactive.png") no-repeat scroll 0 0 transparent;

    display: block;

    height: 10px;

    width: 10px;

}

.slidenav li.activeSlide a {

    background: url("../images/slider-active.png") no-repeat scroll 0 0 transparent;

}

#slideshow .slide

{

    position: relative;

}



#slideshow .slide .title {

    position: absolute;

    top: 15px;

    left: 15px;

    color: #fff;

    font-size: 30px;

	padding: 10px 15px;

	background: url(../images/bg.png);

}



#slideshow .slide .text {

    position: absolute;

    right: 15px;

    bottom: 15px;

    width: 460px;

    color: #fff;

	padding: 10px 15px;

	background: url(../images/bg.png);

}



/* columns */

.column220px {

    float: left;

    margin: 0 10px;

    overflow: hidden;

    width: 200px;

}

.column300px {

    float: left;

    margin: 0 10px;

    overflow: hidden;

    width: 280px;

}

.column300px img{

	float: right;

	padding: 20px 10px;

}

.column700px {

    float: left;

    margin: 0 10px;

    overflow: hidden;

    width: 700px;

}



/* plans */

.blue-plan,

.green-plan

{

    background: #e1e1e1 url(../images/v2bg2.jpg) repeat-x;

    padding: 10px;

    height: 400px;

    position: relative;

}



.blue-plan h1,

.green-plan h1

{

    font-size: 125%;

    font-weight: bold;

    padding-bottom: 10px;

	color: #FFFFFF;

}



.blue-plan p.storage,

.blue-plan p.bandwidth,

.green-plan p.storage,

.green-plan p.bandwidth

{

    font-weight: bold;

    font-size: 115%;

}



.blue-plan p.price,

.green-plan p.price

{

    color: #FFFFFF;

    font-size: 120%;

    font-weight: bold;

}



.blue-plan p.description,

.green-plan p.description

{

    font-size: 75%;

}



.blue-plan .buy,

.green-plan .buy

{

    background: #fff;

    padding: 10px;

    text-align: center;

    position: absolute;

    bottom: 10px;

    width: 260px;

    border-radius: 5px;

    moz-border-radius: 5px;

}



.blue-plan .buy a,

.green-plan .buy a

{

    color: #333333;

    font-weight: bold;

    text-decoration: none;

}



.green-plan

{

    background: #ccc;

}



.column220px .buy

{

    width: 180px;

}



/* services */



.service {

    border-top: 1px solid #333333;

    margin: 5px 0 20px;

}

.service .link a {

    font-style: italic;

    font-weight: bold;

}

.service .active {

    color: #008000;

    font-weight: bold;

}

.service .inactive {

    color: #FF0000;

    font-weight: bold;

}





table.payments {

    border-collapse: collapse;

    font-size: 85%;

    width: 100%;

}

table.payments th, table.payments td {

    padding: 5px;

    text-align: right;

}

table.payments th.left, table.payments td.left {

    text-align: left;

}

table.payments th {

    background: #CCCCCC;

    font-weight: bold;

}

table.payments td {

    background: #DDDDDD;

}

table.payments td.paid {

    background: #008000;

    color: #FFFFFF;

    font-weight: bold;

}

table.payments td.waitingpayment {

    background: #FF0000;

    color: #FFFFFF;

    font-weight: bold;

}

table.planos
{
    border-collapse: collapse;
    font-size: 75%;
    width: 100%;
	margin-top: 45px;
	margin-bottom: 45px;
}

table.planos th, table.planos td {
    padding: 5px;
    text-align: center;
}

table.planos th {
    background: #CCCCCC;
    font-weight: bold;
}

table.planos td {
    background: #DDDDDD;
}

table.planos tr.preco td
{
    font-weight: bold;
    font-size: 115%;
    background:#fff;
    color: #008000;
    padding: 10px;
}

table.planos tr.subscrever td
{
    background: #fff;
}

table.planos tr.subscrever th a
{
    text-decoration: none;
    display: block;
    padding: 5px;
}

table.planos tr.subscrever th a:hover
{
    background: #a8474a;
	color: #fff;
}

table.planos .clean
{
	background: none;
	text-align: right;
}

table.planos .small
{
	background: none;
	width: 1px;
}

h1 {

    font-size: 125%;

    font-weight: bold;

    padding-bottom: 10px;

}

h2 {

    font-size: 85%;

    font-weight: bold;

    line-height: 130%;

    padding-bottom: 10px;

}

p {

    font-size: 10pt;

    line-height: 120%;

    margin-bottom: 10px;

}

a, a:hover {

    color: #333333;

    text-decoration: underline;

}

.bold {

    font-weight: bold !important;

}

.round5px {

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

}

.marginleft0px {

    margin-left: 0;

}

.marginright0px {

    margin-right: 0;

}



.dataform legend

{

    display: none;

}



.dataform label

{

    display: block;

    font-weight: bold;

    margin-bottom: 5px;

}



.dataform input,

.dataform .select,

.dataform .textarea

{

    background: transparent;

    border: 1px solid #BBBBBB;

    color: #333333;

    font-size: 75%;

    margin-bottom: 10px;

    padding: 1px 2px 3px;

    text-decoration: none;

    width: 200px;

}



.dataform .checkbox

{

    width: 18px;

}



.dataform .textarea

{

    height: 60px;

}



.dataform a.actionbutton

{

    background: #5f7310;

    border-radius: 5px;

    moz-border-radius: 5px;

    padding: 5px 10px;

    color: #FFFFFF;

    display: block;

    padding: 5px;

    text-align: center;

    text-decoration: none;

    width: 100px;

}



/* login panel */



.loginpanel

{

    width: 960px;

    margin: 0 auto;

    padding: 10px;

    font-size: 75%;

    text-align: right;

    font-family: Trebuchet MS, serif;

}



.loginpanel .facebook

{

    float: left;

}



.loginpanel .facebook span

{

    float: left;

    padding-top: 3px;

    font-weight: bold;

	color: #fff;

}



.loginpanel label, .loginpanel legend

{

    display: none;

}



.loginpanel .warning

{

    font-size: 85%;

    font-weight: bold;

}



.loginpanel input

{

    border: 1px solid #666;

    color: #fff;

    font-style: italic;

    padding: 1px 2px 3px;

    text-decoration: none;

    width: 140px;

}



.loginpanel a

{

    padding: 3px 5px;

    text-decoration: none;

}



.loginpanel a.actionbutton,

.loginpanel a.button

{

    background: #d6d6d6;

    border-radius: 5px;

    moz-border-radius: 5px;

    padding: 2px 10px;

    color: #000;

}



.loginpanel a.button

{

    background: #aaa;

}



/* misc */

strong

{

    font-weight: bold;

}



.height500px

{

    height: 500px;

}



.hidden {

    display: none !important;

    visibility: hidden !important;

}