/* CSS Document */

html,body { margin:0; padding:0; background: #101010 !important;}
p, h1,h2,h3, h4, ul, li, span { margin:0; padding:0;}
img { border:none;}
.site { width:968px; padding-bottom:40px;}
.clear { clear:both;}
.msgSucess { color:#ffffff; font-size:11px; text-align:center; padding-bottom:3px;}
.pngfix, img, div { behavior: url(css/iepngfix.htc); }

#HEADER{width:968px;}
#HEADER a{ color:#FFFFFF !important;}
#HEADER h1{ left:0px !important; background:none !important;}
#HEADER h1 .png{background:none !important;}
#HEADER h1 a{ background:url(../images/logo-vichyconsult.png) no-repeat left 1px !important; text-decoration:none; height:52px !important;}
#HEADER h1 a:hover { text-decoration:none;}
#HEADER .actions{ left:290px !important; color:#FFFFFF !important;}
#HEADER #PERMA{ left:285px !important;}
#PAGE{ width:968px; background:none !important; margin:auto; padding:0px;}

.main { padding-bottom:20px;}
.main .contentLeft{ padding-left:10px; width:240px; float:left;  padding-top:20px; }
.main .contentLeft .menuLateral{  }
.main .contentRight{ float:left; width:670px; padding-left:40px; padding-top:20px; }

#PERMA ul {
	margin:0;
	background:url("../images/vcnav-bg.png") no-repeat !important;
	width:682px;
	height:38px;
}

#PERMA .item1 { width:135px; }
#PERMA .item1 .png { background:url("../images/vcnav-item1.png") no-repeat !important; }
#PERMA .item2 { width:133px; }
#PERMA .item2 .png { background:url("../images/vcnav-item2.png") no-repeat !important; }
#PERMA .item3 { width:165px; }
#PERMA .item3 .png { background:url("../images/vcnav-item3.png") no-repeat !important; }
#PERMA .item4 { width:109px; }
#PERMA .item4 .png { background:url("../images/vcnav-item4.png") no-repeat !important; }
#PERMA .item5 { width:140px; }
#PERMA .item5 .png { background:url("../images/vcnav-item5.png") no-repeat !important; }
/*#PERMA .item6 { width:126px; }
#PERMA .item6 .png { background:url("../images/vcnav-item6.png") no-repeat !important; }*/


/*MENU LATERAL*/
.login {border:none !important; background: #101010 !important; width:240px !important;}
.login .researchFrame { background: #101010 !important; border:none !important; width:240px !important;}
.login .researchFrame  .content {background: #101010 !important;  border:none !important; width:240px !important;}
.login .researchFrame  .content .user { color:#B31700 !important; font-family:Verdana !important; font-weight:700 !important; font-size:11px !important; text-transform:uppercase !important; margin-bottom:4px; }

#ctl00_ContentPlaceHolder1_Login1_pnlLogin {background: #101010 !important; border:none !important; width:300px !important;}
#ctl00_ContentPlaceHolder1_Login1_pnlLogin .email{ padding-bottom:4px !important; width:220px !important;  }
#ctl00_ContentPlaceHolder1_Login1_pnlLogin div #ctl00_ContentPlaceHolder1_Login1_tbLoginEmail{ border:1px solid #B31700 !important; background:#000 !important; color:#FFF !important; width:220px !important; height:15px !important; font-size:9px !important; padding:2px !important; margin-bottom:3px;}
#ctl00_ContentPlaceHolder1_Login1_pnlLogin .logline { width:240px !important;  }
#ctl00_ContentPlaceHolder1_Login1_pnlLogin .logline .password{ float:left !important; width:190px !important; }
#ctl00_ContentPlaceHolder1_Login1_pnlLogin .logline .password input{ border:1px solid #B31700 !important; background:#000 !important; color:#FFF !important; width:180px !important; height:15px !important; font-size:9px !important; padding:2px !important;}
#ctl00_ContentPlaceHolder1_Login1_pnlLogin .logline .submitBt{ float:left !important; width:28px !important;  margin-left:3px; margin-top:0px; *margin-top:1px;}

#ctl00_ContentPlaceHolder1_Login1_lnkLoginPassword {  display:block;padding-top:20px; *padding-top:0px; padding-bottom:3px; *padding-bottom:0px;}

.submit{ background: #B31700 !important; border:1px solid #B31700 !important; vertical-align:middle !important; height:21px !important; font-size:11px !important;}
.submit:hover{background: #811202 !important; color:#FFF !important;}

/*#ctl00_ContentPlaceHolder1_Login1_pnlLogin div .logline div {padding-top:5px; width:200px !important;}
#ctl00_ContentPlaceHolder1_Login1_pnlLogin div .logline div ul{ margin:0; padding:0;}
#ctl00_ContentPlaceHolder1_Login1_pnlLogin div .logline div ul li{ background: url(../images/icon_arrow.gif) no-repeat 3px 3px !important; padding-left:16px !important; font-size:10px !important;}
#ctl00_ContentPlaceHolder1_Login1_pnlLogin div .logline div ul li a{ color:#FFF !important; font-size:10px !important; text-decoration:none !important;}
#ctl00_ContentPlaceHolder1_Login1_pnlLogin div .logline div ul li a:hover{ text-decoration:underline !important;}
.questionsLogins { padding-top:5px; width:200px !important; }
.questionsLogins ul{ margin:0; padding:0;}
.questionsLogins li{ background: url(../images/icon_arrow.gif) no-repeat 3px 3px !important; padding-left:16px !important; font-size:10px !important;}
.questionsLogins li a{ color:#FFF !important; font-size:10px !important; text-decoration:none !important;}
.questionsLogins li a:hover{ text-decoration:underline !important;}
*/

/*when loged in*/

.diagState { color:#ffffff !important;font-family:Verdana !important; font-size:11px !important;}
/*.linksLoginIn { color:#B31700;font-family:Verdana !important;}

.linksLoginIn ul{ margin:0; padding:0; padding-top:5px;}
.linksLoginIn li{ background: url(../images/icon_arrow.gif) no-repeat 3px 3px !important; padding-left:16px !important; font-size:10px !important;}
.linksLoginIn li a{ color:#B31700 !important; font-size:10px !important; text-decoration:none !important;}
.linksLoginIn li a:hover{ text-decoration:underline !important;}*/

.content div ul { margin:0; padding:0; margin-top:5px; font-family:Verdana !important; width:220px !important;} 
.content div ul li{ background: url(../images/icon_arrow.gif) no-repeat 3px 3px !important; padding-left:16px !important; font-size:10px !important; list-style:none;}
.content div ul li a{ color:#B31700 !important; font-size:10px !important; text-decoration:none !important;}
.content div ul li a:hover{ text-decoration:underline !important;}


#PAGE .submit{ vertical-align:top !important;}

.error{ padding-top:5px;}
.error li{ color:#FF0000; background:none; padding:0px; font-size:11px;}

#theMenu {  width:240px; font-family:Helvetica, Arial, sans-serif; margin-top:15px;   }
#theMenu li { list-style-type: none;margin:0; padding:0; }

/* Header links styling */
#theMenu p.head { margin:0; padding:0; background-color:#000000;}
#theMenu p.head  a {width:231px; padding:12px 0px 13px 9px; color:#FFFFFF;  display:block;  text-decoration:none; font-size:14px; font-weight:normal;border-bottom:#262626 1px solid; }
#theMenu p.head  a:hover {width:231px; text-decoration:none; background-color:#B31700; color:#FFFFFF; padding:12px 0px 13px 9px;}
#theMenu p.selected { text-decoration:none;color:#FFFFFF;  background-color:#B31700;  padding:0px 0px 0px 0px;}
#theMenu p.selected a:hover {text-decoration:none; }

/* Xtra Header links styling 	*/
#xtraMenu p.head  a { margin:0; color:#FFFFFF;display:block; font-size:10px; font-weight:700;background:#811202; padding:14px 0px 14px 10px;text-decoration:none; height:8px; border:none;}
#xtraMenu p.head  a:hover { margin:0; color:#FFFFFF;display:block; font-size:10px; font-weight:700;background:#700E00; padding:14px 0px 14px 10px; text-decoration:none;}
#xtraMenu p.selected a { margin:0; color:#FFFFFF;display:block; font-size:10px; font-weight:700;background:#700E00; padding:14px 0px 14px 10px;text-decoration:none;}
#xtraMenu p.selected  a:hover { margin:0; color:#FFFFFF;display:block; font-size:10px; font-weight:700;background:#700E00; padding:14px 0px 14px 10px;text-decoration:none; }

/* For the xtra menu */
#theMenu ul li { width: 240px; background-color:#000000;  }
#theMenu ul ul li {padding: 0; width: 240px; }
#theMenu ul ul li a { display:block; color: #ffffff;  font-size: 9px; font-weight:700;  margin-left:23px; text-decoration:none;} 
#theMenu ul ul li a:hover { display:block; color: #ffffff; background-color: #811202; font-size: 9px; text-decoration:none; padding: 4px 0px 7px 9px; *padding: 4px 0px 5px 9px;} 

.blockInfo { padding-top:33px;}
.contentList { margin-left:9px; border-bottom:#464646 1px dotted; padding-bottom:13px; padding-top:14px;}
.contentList .header { font-size:16px; color:#B31700; font-family:Arial, Helvetica, sans-serif;}
.contentList .summary { font-size:12px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; padding-top:5px;}
.contentList .link { font-size:10px; color:#B31700; font-family:Arial, Helvetica, sans-serif; padding-top:4px;}
.contentList .link a {color:#B31700; text-decoration:underline;}
.contentList .link a:hover { text-decoration:none;}

.carrocelGameProdutos { padding-left:9px; padding-top:14px;}
.carrocelGameProdutos .header{ font-size:16px; color:#B31700; font-family:Arial, Helvetica, sans-serif;}

.carouselText{ color:#ffffff; font-size:11px; width:139px; text-align:center; padding-left:40px; padding-bottom:10px; font-family:Arial, Helvetica, sans-serif; height:40px; overflow:hidden;}
.semCarrosel{ text-align:center;}
.blocoProdutoCarrocel{/* float:left; width:105px; */ border-bottom:#464646 1px dotted; padding-top:10px;}

.contentDicas { }
.contentDicas h1 { font-size:32px; font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-weight:normal; padding-bottom:35px;}
.contentDicas h1 span { font-size:18px; color:#B31700;}
.contentDicas .image {}
.infoDicas {}
.infoDicas .titleInfoDicas { font-size:18px; color:#B31700; font-family:Arial, Helvetica, sans-serif; padding-top:55px;}
.infoDicas .summaryInfoDicas { font-size:12px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; padding-top:21px; padding-right:80px; }
.infoDicas .summaryInfoDicas a { font-size:12px; color:#B31700; text-decoration:underline;}
.infoDicas .summaryInfoDicas a:hover { font-size:12px; color:#B31700; text-decoration:underline;}

.infoPassatempo {}
.infoPassatempo .summaryInfoPassatempoReg { font-size:11px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; padding-top:21px; }
.infoPassatempo .summaryInfoPassatempoReg a { font-size:11px; color:#B31700; text-decoration:underline;}
.infoPassatempo .summaryInfoPassatempoReg a:hover { font-size:11px; color:#B31700; text-decoration:underline;}
.infoPassatempo .summaryInfoPassatempoReg span { color:#C6AA53;}
.infoPassatempo .summaryInfoPassatempoReg p{ padding-bottom:15px;}

.summaryInfoPassatempo .image{ float:left;}
.summaryInfoPassatempo .description{ float:left; width:540px; }
.summaryInfoPassatempo .description .title { font-size:25px; color:#B31700; font-family:Arial, Helvetica, sans-serif; padding-top:20px;}
.summaryInfoPassatempo .description .title2 {font-size:20px; color:#B31700; font-family:Arial, Helvetica, sans-serif; padding-top:20px;} 
.summaryInfoPassatempo .description .summary { font-size:20px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; width:481px; padding-top:25px;}
.summaryInfoPassatempo .description .summary2 { font-size:15px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; width:481px; padding-top:25px;}


.summaryInfoPassatempo .description .link { padding-top:30px;}
.summaryInfoPassatempo .description .sendFriend { font-size:20px; color:#B31700; font-family:Arial, Helvetica, sans-serif; padding-top:47px;}
.summaryInfoPassatempo .description .sendFriend a {color:#ffffff; text-decoration:none;}
.summaryInfoPassatempo .description .sendFriend a:hover {  color:#B31700;}
.summaryInfoPassatempo .description .link a { padding-right:10px; cursor:pointer;}

.flashcontent { text-align:right;}

.infoCuidados {}
.infoCuidados .summaryInfoCuidados {}
.infoCuidados .summaryInfoCuidados .title { font-size:18px; color:#B31700; font-family:Arial, Helvetica, sans-serif; padding-bottom:20px;}
.infoCuidados .summaryInfoCuidados .summary {font-size:12px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; padding-bottom:15px; }
.infoCuidados .summaryInfoCuidados .summary .text {width:315px; float:left;}
.infoCuidados .summaryInfoCuidados .summary .text p { padding-bottom:15px;}
.infoCuidados .summaryInfoCuidados .summary .image { float:left; margin-left:25px;}
.txtFonte { font-size:10px;}

.infoCuidadosCabeloQueda {}
.infoCuidadosCabeloQueda .summaryInfoCuidadosCabeloQueda {}
.infoCuidadosCabeloQueda .summaryInfoCuidadosCabeloQueda .title { font-size:18px; color:#B31700; font-family:Arial, Helvetica, sans-serif; padding-bottom:20px;}
.infoCuidadosCabeloQueda .summaryInfoCuidadosCabeloQueda .summary {font-size:12px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; padding-bottom:15px; }
.infoCuidadosCabeloQueda .summaryInfoCuidadosCabeloQueda .summary .text {width:320px; float:left;}
.infoCuidadosCabeloQueda .summaryInfoCuidadosCabeloQueda .summary .text p { padding-bottom:15px;}
.infoCuidadosCabeloQueda .summaryInfoCuidadosCabeloQueda .summary .text2 {}
.infoCuidadosCabeloQueda .summaryInfoCuidadosCabeloQueda .summary .text2 p { padding-bottom:15px;}
.infoCuidadosCabeloQueda .summaryInfoCuidadosCabeloQueda .summary .image { float:right;}

.blockProductList { padding-top:25px;}
.blockProductList .title{font-size:18px; color:#B31700; font-family:Arial, Helvetica, sans-serif; padding:0 !important; margin:0 !important; }
.blockProductList .contentProductList { }
.blockProductList .contentProductList .caracter{font-size:18px; color:#B31700; font-family:Arial, Helvetica, sans-serif; padding-top:10px;   }
.blockProduct { border-bottom:#464646 1px dotted; padding-bottom:15px; *padding-bottom:0px; }
.blockProduct .contentProduct { padding-top:18px; width:330px; height:180px; float:left; padding-right:5px; }
.blockProduct .contentProduct .image{ float:left; width:120px; text-align:center; }
.blockProduct .contentProduct .image img{ text-align:center;}
.blockProduct .contentProduct .description{ float:left; width:200px; padding-left:8px;}
.blockProduct .contentProduct .description .titleProduct { font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#AE2327; padding-bottom:11px;}
.blockProduct .contentProduct .description .textProduct { font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;}
.blockProduct .contentProduct .description .linkProduct { font-size:10px; color:#ffffff; font-family:Arial, Helvetica, sans-serif; padding-top:8px;}
.blockProduct .contentProduct .description .linkProduct a{ color:#A50618; text-decoration:underline;}
.blockProduct .contentProduct .description .linkProduct a:hover{text-decoration:none;}


.infoLogin { padding-top:20px;}
.infoLogin .summaryInfoLoginReg { font-size:11px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; padding-top:21px; }
.infoLogin .summaryInfoLoginReg a { font-size:11px; color:#B31700; text-decoration:underline;}
.infoLogin .summaryInfoLoginReg a:hover { font-size:11px; color:#B31700; text-decoration:underline;}
.infoLogin .summaryInfoLoginReg span { color:#C6AA53;}
.infoLogin .summaryInfoLoginReg p{ padding-bottom:15px;}

.summaryInfoLogin .image{ float:left;}
.summaryInfoLogin .description{ float:left; width:540px; }
.summaryInfoLogin .description .title { font-size:30px; color:#ffffff; font-family:Arial, Helvetica, sans-serif; padding-top:0px;}
.summaryInfoLogin .description .title span {color:#B31700;}

.summaryInfoLogin .description .summary { font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#B31700; width:481px; padding-top:50px;}
.summaryInfoLogin .description .summary span { font-size:12px; color:#FFFFFF;}
.summaryInfoLogin .description .link { padding-top:40px;}

.breadcrumb { color:#ffffff;}
.breadcrumb a { color:#ffffff !important;}

.regulamento { font-size:12px; color:#B31700; font-family:Arial, Helvetica, sans-serif; padding-top:20px; }
.regulamento a {color:#B31700; text-decoration:none; cursor:pointer;}
.regulamento a:hover {text-decoration:underline;}

/*CSS RELACIONADO COM O PASSATEMPO*/
.title{font-family:fmed;color:#b20804;font-size:20px;}
.resultTitle{font-family:fmed;color:#b20804;font-size:16px}
.question{font-family:fmed;color:#b20804;font-size:20px;}
.tinyWhite{font-family:fmed;color:#FFFFFF;font-size:10px;}
.littleWhite{font-family:fmed;color:#FFFFFF;font-size:11px;}
.mediumWhite{font-family:fmed;color:#FFFFFF;font-size:13px;}
.bigWhite{font-family:fmed;color:#FFFFFF;font-size:22px;}
.littleGrey{font-family:fmed;color:#8b8b8b;font-size:11px;}
.mediumGrey{font-family:fmed;color:#8b8b8b;font-size:14px;}
.bigGrey{font-family:fmed;color:#8b8b8b;font-size:22px;}
.instructions{font-family:fmed;color:#b20804;font-size:14px;}
.pictoLabel{font-family:fmed;color:#FFFFFF;font-size:12px;}
.popupTitle{font-family:fmed;color:#000000;font-size:18px;}
.popupDescription{font-family:fmed;color:#000000;font-size:12px;}
.answerListAnswer{font-family:fmed;color:#A6A6A6;font-size:13px;}
.productList{font-family:fmed;color:#FFFFFF;}
.productEffect{font-family:fmed;color:#b20804;}
.hommeTitle{font-family:fmed;color:#FFFFFF;font-size:15px;}
.resultSubTitle {font-family:fmed;color:#b20804;font-size:16px;}

/*SEND A FRIEND*/
.sendFriendForm { position:relative;}
.recomendarAmigo { background: url(../images/bg_layer_send_friend.gif) no-repeat left top; width:433px; height:250px; position:absolute; top:150px; left:130px;}
.closeButton { text-align:right;}
.recomendarAmigo .header { font-size:14px; font-family:Arial; color:#B31700; padding-left:30px; padding-bottom:10px; padding-top:10px;}

.recomendarAmigo .forms { padding-left:30px; }
.recomendarAmigo .forms .name{ font-size:12px; color:#B31700; text-align:left; padding-bottom:10px; padding-top:20px;  }
.recomendarAmigo .forms .name input{  font-size:10px; border:1px solid #B31700 !important; background:#000 !important; color:#FFF !important; width:219px !important; height:15px !important; padding:2px !important; }
.recomendarAmigo .forms .email{font-size:12px; color:#B31700; padding-top:0px;text-align:left; }
.recomendarAmigo .forms .email input{font-size:10px; border:1px solid #B31700 !important; background:#000 !important; color:#FFF !important; width:219px !important; height:15px !important; padding:2px !important; }

.recomendarAmigo .contentButtons { padding-left:120px; padding-top:25px; padding-bottom:0px;}
.recomendarAmigo .contentButtons .button { }

.buttonSend{ color: #B31700 !important; background-color:#000000; border:none; vertical-align:middle !important; height:21px !important; font-size:14px !important; float:left; padding-right:20px;}
.buttonSend:hover{color: #811202 !important;  }

#divError { padding-top:15px; text-align:center;}
.msgError { padding-bottom:5px; text-align:center !important; color:#ffffff !important;}
/*Footer*/

#FOOTER { margin-top:40px; *margin-top:5px;}

#NAV { border:none !important; background:none !important;}
.blocTheme {border:none !important; background:none !important;}

.blocTheme h2 {color:#B31700 !important; border:none !important; background:none !important;}
.blocTheme a{ color:#000000 !important;}

.cliquable a {color:#000000 !important;}

a.btBase span { background-color:#B31700 !important; color:#ffffff !important; border:#B31700 !important}
#NAV a.alone {color:#000000 !important;}

#NAV .blocTheme a.
 {
	padding:4px;
	background-color:#FFF;
	color:#0035AD;
	margin-left:5px;
	text-decoration:none;
	border:1px solid #B31700 !important;
	position:relative;
	top:4px;
}

#NAV .blocTheme a.input:hover {
	background-color:#B31700 !important;
	color:#FFF;
	border:1px solid #FFF;
}

.blocTheme input { border:#B31700 1px solid !important;}

#NAV .blocTheme a {
	color:#B31700 !important;
}

#NAV .blocTheme ul li {
	margin-bottom:5px;
	font-size:11px;
	list-style-type:none;
	background-image:url(/img/dash.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:7px;
	color:#000000 !important;
	text-transform:lowercase;
}

#NAV .blocTheme ul li a {
	color:#000000 !important;
	font-size:11px;
	text-decoration:none;
}

#NAV a.btnav {
	float:left;
	margin-top:10px;
	width:234px;
	background:none;
	background-color:#B31700;
	color:#FFF;
}

#NAV a.btnav:hover 
{
    background:none;
	background-color:#FFF;
	color:#B31700;
	border:1px solid #B31700;
}

#NAV .cliquable .textimg .text h3{color:#B31700 !important
    
}

/*Regulamento do Passatempo*/

.contentRegulamento {  padding-left:15px; padding-right:15px;}
.contentRegulamento .header {}
.contentRegulamento .title {font-family:Verdana; font-size:20px; color:#B21703; padding-top:10px; padding-bottom:20px;}
.contentRegulamento .text {font-family:Verdana; font-size:12px; color:#ffffff;}
.contentRegulamento .text p { margin:0; padding:0; font-size:14px; color:#ffffff; font-weight:700; }
.contentRegulamento .text ul{ }
.contentRegulamento .text ul li{ list-style:none; padding-bottom:10px;}
.contentRegulamento .text ol { margin:0; padding:0; padding-left:10px; text-decoration:none;}
.contentRegulamento .text ol li{ list-style:none; padding-bottom:15px;text-decoration:none;}
.contentRegulamento .text ol li ol {padding-bottom:0px !important; margin-bottom:0;}
.contentRegulamento .text ol li ol li{ list-style:none; padding-bottom:0px !important;}
.contentRegulamento .text a {color:#ffffff; text-decoration:ulderline;}
.contentRegulamento .text a:hover {text-decoration:none;}

.imgEndQuiz { padding-top:25px;}

#tableContentVencedores { width:500px; border:none; }
#tableContentVencedores th { color:#B21703; font-size:12px; text-align:left;}

#tableVencedores { width:460px; border:none;}
#tableVencedores td{ height:18px;}