/**************************************************************
 NOIVOU CASOU - STYLE SHEETS
 TEMPLATE DEFAULT
 Development: NOIVOU CASOU
***************************************************************/

/*********************************************** HTML TAGS ***********************************************/
html, body{width:100%;height:100%;}

html{background:url("../imgs/bgHTML.jpg") top left #FFF repeat-x;}

body{
	margin:0px;
    padding:0px;
    background:url("../imgs/bgBody.jpg") top center no-repeat;
    font-family:Tahoma, Arial, "Trebuchet MS";
    font-size:13px;
	color:#3D3D3D;
	cursor:default;
}

img, object, embed, form{border:none;margin:0px;}
img{font-size:9px;}


select, input, textarea{
	font-size:13px;
	color:#3d3d3d;
	background:#FFF;
    font-family:Tahoma, Arial, "Trebuchet MS";
}

input, textarea{
	border:1px solid #ffc6e3;
	padding:8px;
}

.frmButton{
	padding:6px 12px 6px 12px;
	*padding:6px 8px 6px 8px;
	font-weight:bold;
	font-size:11px;
	border:none;
	background:#850043;
	color:#FFFFFF;
}


.checkbox{
	width:auto;
	padding:auto;
	background:none;
	border:none;
}

a{color:#ECE12D;text-decoration:none;}
a:active{color:#ECE12D;text-decoration:none;}
a:visited{color:#ECE12D;text-decoration:none;}
a:hover{color:#FFCC00;text-decoration:none;}

h1,h2,h3,h4,h5,h6{color:#ce006f;margin:0px;font-family:Arial, Tahoma, "Trebuchet MS";}
h1{font-size:13px;}
h2{font-size:16px;}
h3{font-size:18px;}
h4{font-size:20px;}
h5{font-size:22px;}
h6{font-size:24px;}

p{line-height:19px;margin:0px;}

table{margin:0px;padding:0px;}
table td{text-align:left;}
table th{text-align:right;font-weight:normal;}


/******** LIBRARY *********/
.align-center{text-align:center;}
.align-right{text-align:right;}
.justify{text-align:justify;}
.bold{font-weight:bold;}
.italic{font-style:italic;}
.normal{font-weight:normal;}
.float-left{float:left;}
.float-right{float:right;}
.block{float:left;width:100%;}
.no-border{border:0px;}
.no-margin{margin:0px;}
.no-padding{padding:0px;}


/*********************************************** LOADING PAGE ***********************************************/
#loadingPage{
	position:absolute;
	width:100%;
	height:100%;
	z-index:100;
	left:0;
	background:#fcdced;
}


/*********************************************** PAGE ***********************************************/
#page{
	position:relative;
    width:990px;
    margin:0px auto;
    text-align:left;
	display:none;
}


/*********************************************** HEADER ***********************************************/
#page .header{
	float:left;
	width:100%;
	height:167px;
}


/*********************************************** LOGO ***********************************************/
#page .header .logo{
	float:left;
	text-align:center;
}
#page .header .logo img{margin:10px 0px 0px 10px;}



/*********************************************** LANGS ***********************************************/
#page .header .langs{
	float:left;
	width:350px;
	margin:10px 0px 0px 50px;
	text-align:left;
	font-size:9px;
	font-family:Tahoma, Arial, "Trebuchet MS";
}
#page .header .langs img{margin:0px 0px 0px 5px;}



/*********************************************** BT EXPERIMENT ***********************************************/
#page .header #btExperiment{
	/*position:absolute;
	top:0px;
	left:813px;
	width:180px;
	height:167px;*/
	float:right;
	width:552px;
	height:101px;
	margin-right:30px;
}


/*********************************************** MAIN MENU ***********************************************/
#page .header .mainMenu{
	float:left;
	width:974px;
	margin:22px 0px 0px 7px;
	_margin:22px 0px 0px 3px;
	font-size:15px;
}
#page .header .mainMenu a{
	float:left;
	padding:10px 22px 10px 22px;
	color:#FFFFFF;
}
#page .header .mainMenu a:active{color:#FFFFFF;}
#page .header .mainMenu a:visited{color:#f3cce0;}
#page .header .mainMenu a:hover{background:#ffd8ed;color:#a90057;}




/*********************************************** SUB HEADER ***********************************************/
#page .subHeader{
	float:left;
	width:100%;
	height:277px;
	margin:15px 0px 15px 0px;
	background:url('../imgs/bgTopSubHeader.jpg') top center no-repeat #FFFFFF;
}
#page .subHeader .bgBottom{
	float:left;
	width:966px;
	height:253px;
	padding:12px;
	background:url('../imgs/bgBottomSubHeader.jpg') bottom center no-repeat;
}


/*********************************************** TOP BANNER ***********************************************/
#page .subHeader #topBanner{
	float:left;
	width:100%;
	height:100%;
	background:#FFF;
}



/*********************************************** MAIN CONTENT ***********************************************/
#page .mainContent{
	float:left;
	width:100%;
	background:url('../imgs/bgTopContent.jpg') top center no-repeat #FFFFFF;
}
#page .mainContent .bgBottom{
	float:left;
	width:950px;
	padding:15px 20px 30px 20px;
	height:100%;
}


/*********************************************** SHOWROOM THEMES ***********************************************/
#page .mainContent .showroom{
	float:left;
	width:100%;
	margin-top:25px;
}

#page .mainContent .showroom .scroll{
	float:left;
	width:55px;
	height:200px;
}

#page .mainContent .showroom .scroll a{
	float:left;
	width:55px;
	height:143px;
	padding-top:57px;
	text-align:center;
	font-size:65px;
	font-family:Arial;
	color:#FFFFFF;
	background:#ce006f;
	text-decoration:none;
}
#page .mainContent .showroom .scroll a:active{background:#ce006f;}
#page .mainContent .showroom .scroll a:visited{background:#ce006f;}
#page .mainContent .showroom .scroll a:hover{background:#ef2290;}
#page .mainContent .showroom .scroll a.inative{cursor:default;background:#ffdbee;color:#FFF;_margin:-3px;}
#page .mainContent .showroom .scroll a.inative:visited{background:#ffdbee;color:#FFF;}

#page .mainContent .showroom .themesBox{
	position:relative;
	float:left;
	overflow:hidden;
	width:840px;
	height:200px;
}

#page .mainContent .showroom .themesBox .themes{
	float:left;
	width:10000px;
}

#page .mainContent .showroom .themesBox .themes .theme{
	float:left;
	width:239px;
	height:190px;
	margin:6px 10px 0px 26px;
	_margin:6px 23px 0px 13px;
}
#page .mainContent .showroom .themesBox .themes .margin-less{_margin-left:13px;}

#page .mainContent .showroom .themesBox .themes .selectedTheme{
	position:absolute;
	width:25px;
	height:25px;
	left:260px;
	top:1px;
	background:url('../../../demo/adm/modulos/configGeral/imgs/selectedSkin.gif') no-repeat center center;
}

#page .mainContent .showroom .themesBox .themes .theme .name{
	float:left;
	width:215px;
	padding-left:24px;
	margin-bottom:5px;
}
#page .mainContent .showroom .themesBox .themes .theme img{margin:0px;}

#page .mainContent .showroom .themesBox .themes .theme .palette{
	float:left;
	width:20px;
	height:100px;
}
#page .mainContent .showroom .themesBox .themes .theme .palette a{
	float:left;
	width:16px;
	height:16px;
	margin-bottom:2px;
}
#page .mainContent .showroom .themesBox .themes .theme .palette a .selectedSkin{
	float:left;
	width:100%;
	height:100%;
	background:url('../../../demo/adm/modulos/configGeral/imgs/selectedSkin.gif') no-repeat center center;
}

#page .mainContent .showroom .themesBox .themes .theme .preview{float:right;}
#page .mainContent .showroom .themesBox .themes .theme .preview img{padding:3px;border:1px solid #DCDCDC;}



/*********************************************** BOTTOM CONTENT ***********************************************/
#page .bottomContent{
	float:left;
	width:100%;
	margin:15px 0px 0px 0px;
	font-size:13px;
}
#page .bottomContent p{margin:-2px 0px 5px 0px;}


/*********************************************** SEARCH ***********************************************/
#page .bottomContent .search{
	float:left;
	width:297px;
	height:140px;
	padding:10px 15px 10px 15px;
	background:url('../imgs/bgSearch.jpg') top center no-repeat;
}
#page .bottomContent .search .txtSearch{width:195px;}


/*********************************************** ADS BOX ***********************************************/
#page .bottomContent .adsBox{
	float:left;
	width:294px;
	height:161px;
	padding:8px;
	margin:0px 0px 0px 13px;
	background:url('../imgs/bgAds.jpg') top center no-repeat;
}
#page .bottomContent .adsBox .ads{
	float:left;
	width:100%;
	height:144px;
	background:url('../imgs/loaderImg.gif') center center no-repeat #000000;
}


/*********************************************** NEWSLETTER ***********************************************/
#page .bottomContent .newsletter{
	float:right;
	width:297px;
	height:140px;
	padding:10px 15px 10px 15px;
	background:url('../imgs/bgNewsletter.jpg') top center no-repeat;
}
#page .bottomContent .newsletter .txtEmail{width:200px;}
#page .bottomContent .newsletter .txtName{width:150px;}


/*********************************************** SOCIAL NET ***********************************************/
#page .socialNet{
	float:right;
	width:990px;
	margin-top:20px;
	color:#ce006f;
	font-size:13px;
}
#page .socialNet .label{float:right;margin:13px 10px 0px 0px;padding:0px 0px 0px 20px;}
#page .socialNet .logos{float:right;height:30px;background:#FFF; padding:5px 0px 5px 20px;}
/*#page .socialNet .label{float:right;margin:7px 10px 0px 0px;padding:0px 0px 0px 20px;}*/
/*#page .socialNet .logos{float:right;height:30px;}*/

#page .socialNet .logos a{float:left;margin:0px 20px 0px 0px;}

/** ORKUT **/
#page .socialNet .logos a.btOrkut{
	width:72px;
	height:29px;
	background:url('../imgs/btOrkut.jpg') no-repeat 0px 0px;
}
#page .socialNet .logos a:hover.btOrkut{background:url('../imgs/btOrkut.jpg') no-repeat 0px -30px;}

/** TWITTER **/
#page .socialNet .logos a.btTwitter{
	width:101px;
	height:29px;
	background:url('../imgs/btTwitter.jpg') no-repeat 0px 0px;
}
#page .socialNet .logos a:hover.btTwitter{background:url('../imgs/btTwitter.jpg') no-repeat 0px -30px;}

/** YOUTUBE **/
#page .socialNet .logos a.btYouTube{
	width:72px;
	height:29px;
	background:url('../imgs/btYouTube.jpg') no-repeat 0px 0px;
}
#page .socialNet .logos a:hover.btYouTube{background:url('../imgs/btYouTube.jpg') no-repeat 0px -30px;}

/** MY SPACE **/
#page .socialNet .logos a.btMySpace{
	width:84px;
	height:29px;
	background:url('../imgs/btMySpace.jpg') no-repeat 0px 0px;
}
#page .socialNet .logos a:hover.btMySpace{background:url('../imgs/btMySpace.jpg') no-repeat 0px -30px;}

/** FACEBOOK **/
#page .socialNet .logos a.btFacebook{
	width:101px;
	height:29px;
	background:url('../imgs/btFacebook.jpg') no-repeat 0px 0px;
}
#page .socialNet .logos a:hover.btFacebook{background:url('../imgs/btFacebook.jpg') no-repeat 0px -30px;}

/** FLICKR **/
#page .socialNet .logos a.btFlickr{
	width:77px;
	height:29px;
	background:url('../imgs/btFlickr.jpg') no-repeat 0px 0px;
}
#page .socialNet .logos a:hover.btFlickr{background:url('../imgs/btFlickr.jpg') no-repeat 0px -30px;}



/*********************************************** FOOTER ***********************************************/
#page .footer{
	float:left;
	width:958px;
	height:70px;
	margin-top:10px;
	font-size:13px;
	background:url('../imgs/bgTopFooter.jpg') top center no-repeat #C10166;
	padding:16px 16px 0px 16px;
}


/*********************************************** MENU ***********************************************/
#page .footer .menu{float:left;}
#page .footer .menu a{
	float:left;
	padding:5px 10px 5px 10px;
	color:#FFFFFF;
	margin:0px 3px 0px 3px;
}
#page .footer .menu a:active{color:#FFFFFF;}
#page .footer .menu a:visited{color:#FFFFFF;}
#page .footer .menu a:hover{
	color:#a90057;
	background:#ffd8ed;
}
#page .footer .menu a.btSiteFree{
	color:#a90057;
	background:#ffe400;
	font-weight:bold;
}

#page .footer .menu a:hover.btSiteFree{
	color:#a90057;
	background:#ffd8ed;
	font-weight:bold;
}

/*********************************************** AUTHOR ***********************************************/
#page .footer .author{float:right;margin-top:6px;}