/*
Theme Name: Clube Amigo Suvinil
Theme URI: http://www.clubeamigosuvinil.com.br/
Description: 
Version: 1.0
Company: DireTotal - Marketing de Relacionamento Total (http://www.diretotal.com.br)
Author: Cesar Augusto Becker Denis
*/

h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; color: #960822; }

h1 { font-size: 1.6em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.1em; }
h4 { font-size: 0.9em; }
h5 { font-size: 0.7em; }
h6 { font-size: 0.6em; }

p { font-size:11px;  margin-bottom: 10px; }

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background: #faf9f6 url(../images/bgBody.png) repeat-x;
	margin: 0; 
	padding: 0;
	color: #000000;
}

/** CSS RESET **/

* {
	margin:0;
	padding: 0;
	list-style: none;
	text-decoration: none;
}

/*** LOGO ***/

h1.logo {
	width:160px;
	padding:10px 20px;
}

h1.logo a {
	height:92px;
	display:block;
	background:url(../images/logo.png) no-repeat;
	text-indent:-999em;
	overflow:hidden;
	cursor:pointer;
}

a { font-size:10px; color:#960822; text-decoration:underline; }
a:hover { color:#960822; text-decoration:none; }

/*** CONTEINERS ***/

div#container { width:1004px; margin: 0 auto; position:relative;}

div#header { 
	width:804px;
	height:202px;
	background: url(../images/bgHeader.png) no-repeat;
	padding: 0 100px;
}

div#mainContent {
	width:756px;
	min-height:350px;
	background: url(../images/bgMainContent.png) repeat-y;
	padding: 0pt 124px;
}

.block {
	padding: 10px 0pt;
	position:relative; 
	z-index:10;
}

.ac-left {
	border-right:1px solid #DBDBDB;
	float:left;
	position:relative;
	min-height:200px;
	padding:0pt 38px 20px 0pt;
	width:45%;
}

.ac-right {
	float:right;
	position:relative;
	min-height:200px;
	padding:0pt;
	width:45%;
}


div#footer {
	width:804px;
	min-height:26px;
	background: url(../images/bgFooter.png) no-repeat;
	padding: 11px 100px;
	color:#fff;
	font-weight: bold;
	text-align:center;
}
div#footer p { margin:0; padding:0; font-size:10px;}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	height:1px;	
}


/*** MENU ***/

.menu {
	width: 192px;
	position:absolute;
	top: 32px; 
	right: 124px;
}

.menu li a{
	display: block;
	height: 18px;
	width: auto;
	text-indent:-999em;
	overflow:hidden;
	cursor:pointer;
}

.menu li a.theProgram { background: url(../images/menu/theProgram.png) no-repeat; }
.menu li a.theProgramInternal { background: url(../images/menu/theProgramInternal.png) no-repeat; }
.menu li a.join { background: url(../images/menu/join.png) no-repeat; }
.menu li a.contact { background: url(../images/menu/contact.png) no-repeat; }
.menu li a.prizes { background: url(../images/menu/prizes.png) no-repeat; }
.menu li a.score { background: url(../images/menu/score.png) no-repeat; }
.menu li a.rules { background: url(../images/menu/rules.png) no-repeat; }
.menu li a.training { background: url(../images/menu/training.png) no-repeat; }
.menu li a.research { background: url(../images/menu/research.png) no-repeat; }
.menu li a.journal { background: url(../images/menu/journal.png) no-repeat; }
.menu li a.pointsDetails { background: url(../images/menu/pointsDetails.png) no-repeat; }


/*** MENU ACCESSIBILITY ***/

.menuAccessibility {
	margin: 0;
	padding: 0;
	float: left;
	position:absolute;
	top: 5px; 
	right: 124px;
}

.menuAccessibility li{
	display: inline;
}

.menuAccessibility li a{
	float: left;
	height:16px;
	margin: 0 0 0 20px;
	text-indent:-999em;
	overflow:hidden;
	cursor:pointer;
}

.menuAccessibility li a.home { width: 47px; background: url(../images/menu/aHome.png) no-repeat; }
.menuAccessibility li a.personalInfo { width: 90px; background: url(../images/menu/aPersonalInfo.png) no-repeat; }
.menuAccessibility li a.contact { width: 91px; background: url(../images/menu/aContact.png) no-repeat; }
.menuAccessibility li a.logout { width: 40px; background: url(../images/menu/aLogout.png) no-repeat; }

/*** FORMULARIO DE LOGIN ***/
div#header div.login { margin-bottom:0; height: 95px; position:absolute; top: 115px;  right: 124px; }
div#header div.login fieldset{ 
	margin:0;
	padding: 0;
	border: 0; 
}

div#header div.login label.leftAlign { 
	display: block;
	width: 37px;
	float: left;
	text-indent:-999em;
	overflow:hidden;
	margin-right: 5px; 
	padding-top: 3px;
}
div#header div.login label.labelLogin { background:url(../images/labelLogin.gif) no-repeat 0 center; }
div#header div.login label.labelPassword { background:url(../images/labelPassword.gif) no-repeat 0 center; }
div#header div.login div.widget { margin-bottom: 3px; }
div#header div.login div.widget input { font-size: 10px; padding:1px 0; margin: 0 0 3px 0; background-color:#fff; }
div#header div.login div.widget input.login { width: 138px; padding:2px 0; }
div#header div.login div.widget input.password { width: 56px; vertical-align:top; margin-top: 2px; padding:2px 0;}
div#header div.login div.widget .btnLogin { padding:0; width:73px; height:23px; border: 0; background: transparent url(../images/btnLogin.png) no-repeat; cursor:pointer;}
div#header div.login div.widget p.esqueci { text-align:right; margin:0; }
div#header div.login div.widget p.esqueci a { color:#000; font-size:9px; text-decoration:underline; }


/*** MSG DE BEM VINDO ***/
div.msgWellcome { 
	width:245px;
	position:absolute;
	top: 135px; 
	left: 180px;
	color:#FFFFFF;
	text-align:right;
}
div.msgWellcome p { font-size:12px; }
div.msgWellcome strong { color:#ffcc33; }

/*** SEUS DADOS ***/
div#modDados { margin-left: 60px; padding-top: 20px; }
div#modDados .mod .info { background:url(../images/icons/personal.gif) no-repeat; }
div#modDados .mod .seg { background:url(../images/icons/kgpg.gif) no-repeat; }
div#modDados .mod .out { background:url(../images/icons/hwinfo.gif) no-repeat; }
div#modDados .mod .modTlt { margin-bottom: 5px; padding: 5px 0 5px 30px;  }
div#modDados .mod .modTlt span{ font-size: 12px; font-weight: bold; }
div#modDados .mod .modBox { margin-bottom: 15px; font-size:10px; }

.txt10 { font-size:10px; }
.txtA10 { font-family:Arial, Helvetica, sans-serif; font-size:10px; }
.txt9 { font-size:9px; }
.txtA9 { font-family:Arial, Helvetica, sans-serif; font-size:9px; }

/*** List Sytle ***/

ul.listSuvinil { margin-left: 10px; font-size:11px; margin-bottom:10px; }
ul.listSuvinil li { padding-left: 10px; background: url(../images/bullet_01.gif) no-repeat 0 5px; }

/*** boxHome ***/

.pboxHome { height:444px;  background: url(../images/pHomeBoxBg.jpg) no-repeat right 0; }
.sboxHome { height:444px;  background: url(../images/sHomeBoxBg.jpg) no-repeat right 0; }
.newBox { padding: 0 180px 0 295px; text-align:right; }