@charset "utf-8";
/* CSS Document */

body{ background: url(../img/body_background.png) repeat-x top #FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0 auto;color:#666666 }
a{color:#0081B8}
img{border:none}
.Container{width:960px; margin:0 auto; background:#FFF; display:block; border:1px solid #ABB7C9}
.TopBar{width:945px; height:70px; line-height:70px; display:block; background:#09F; text-align:right;background:url(../img/topbar_background.png) repeat-x; padding-right:15px}
.TopBar a{vertical-align:top; height:70px; display:inline-block; text-decoration:none; text-transform:uppercase;color:#0082b8; margin-left:4px;margin-right:4px}
.TopBar a:hover{ color:#006699}
.TopBar img{border:none;height:70px}

a.downloadTop  { width:100px; text-align:center; color: #FEF2E0;
background: url(../img/downloadTop_fnd.png)}
a.downloadTop:hover  { width:100px; text-align:center; color: #FEF2E0;
background: url(../img/downloadTop_fnd_ho.png)}

.Header{width:100%; height: auto; display:block; background:#06C}

/*** Index***/
.Container_index{width:960px; margin:0 auto; background:#f5f5f5; display:block; border:1px #666 solid}

.Header_index{width:100%; height:374px; display:block; background: url(../img/time_management/time_mangement.jpg) top left no-repeat}
/*.Header_index h1,h2{margin:0; padding:0}*/
.Header_index h1{margin:0; padding:0;float:left;}
.Header_index h2{margin:0; padding:0;float:left;}
.Header_index h2{display:block; float:left}

.Btns_index{width:160px; height:104px; margin-left:10px; float:left}
.Btn_how_it_works, .Btn_try_for_free a{text-decoration:none; margin-top:13px}

.Btn_how_it_works a{width:160px; height:39px; display:block; background:url(../img/time_management/btn_how_it_works.png) top left no-repeat}
.Btn_how_it_works a:hover{background:url(../img/time_management/btn_how_it_works-ov.png) top left no-repeat}

.Btn_try_for_free a{width:160px; height:39px; display:block; background:url(../img/time_management/btn_try_for_free.png) top left no-repeat}
.Btn_try_for_free a:hover{background:url(../img/time_management/btn_try_for_free-ov.png) top left no-repeat}


.Content_index{ width:900px; background: #FFF; padding:20px 30px 20px 30px; clear:both}
.Content_index_promo{width:280px; height:auto; display:block; float:left}
.Content_index_promo h3, p{margin:0; padding:0}
.Content_index_promo h4{margin:0;padding:0;padding-bottom:4px; color:#09C; font-weight:normal; padding-left:6px}
.Content_index_promo p{padding:0 8px}
.Content_index_promo strong{font-weight:normal; color:#333}

.Content_index_promo_centro{width:280px; height:auto; display:block; float:left; margin:0 30px 0 30px}
.Content_index_promo_centro h3, p{margin:0; padding:0}
.Content_index_promo_centro p{padding:0 8px}
.Content_index_promo_centro strong{font-weight:normal; color:#333}
.Content_index_promo_centro h4{margin:0;padding:0;padding-bottom: 4px; padding-left:6px;font-weight:normal; color:#09C}

/*** /Index***/

/*** Screenshots ***/
.ScreenshotsContainer{ margin-left:30px; margin-bottom:10px}
.ScreenshotsContainer a{color:none; text-decoration:none}



/***Content******/
.Content{width:685px; display:block; background:#FFF; float:left;min-height:750px;border-right:1px solid #9fd2e3;background:url(../img/content_background.png) no-repeat right center; padding-bottom:20px }
.Content strong{ font-weight:normal; color:#0081B8}
.Content ul{ padding-top:10px; padding-left:50px; padding-right:60px;}

.Content li{ list-style:none; }

.Content li h2,.Content h2{color:#0081b8; font-size:18px; font-weight:normal; margin:0px;margin-top:18px;}
.Content li p{font-size:12px; font-weight:normal; width:560px; margin:0px;padding-top:4px;padding-bottom:20px; background:url(../img/content_li_bottom_line.png) no-repeat bottom left;padding-left:0px;padding-right:0px;}
.Content h1{padding-left:45px;color:#0081b8;font-size:22px; font-weight:lighter;margin-top:30px; margin-bottom:10px;}
.Content p{padding-left:45px;padding-right:60px;}




.headText{padding:30px;padding-bottom:0px; font-size:14px}
/***/
.regularText{font-size:16px;padding-left:55px;padding-right:55px;padding-bottom:50px}
.regularText blockquote{ font-size:18px;margin:0px;padding-bottom:30px}
.regularText blockquote em{ font-size:12px; padding-right:55px}
.regularText p{margin-top:16px;}
.regularText strong{font-weight:normal; color:#333; color:#112037}
.regularText a{}


/***ContentHeading******/
.ContentHeading{width:685px;height:254px; display:block; background: url(../img/content_heading_background.png) repeat-x #333 ;}
.ContentHeading h1{width:100%; margin:0px; color: #EBF0F3; font-size: 32px; padding-top:5px; height:47px;}
.ContentHeading h2{
	width:292px;
	margin:0px;
	padding-top:20px;
	text-align:right;
	color:#2491bf;
	font-size:16px;
	font-weight: normal;
}
.ContentHeading p{width:262px; margin:0px;text-align:right; color:#999; font-size:14px;font-weight: lighter;padding-top:10px;padding-left:30px;padding-right:0px}
.ContentHeading img{vertical-align:bottom;}
.ContentHeading strong{color: #D4D4D4}


/***ContentHeadingAlt******/
.ContentHeadingAlt{width:685px; padding-bottom:15px; display:block; background: url(../img/content_heading_background.png) repeat-x #333 ;}
.ContentHeadingAlt h1{width:100%; margin:0px; color:#F3F4F5; font-size: 24px; padding-top:10px; }
.ContentHeadingAlt h2{
	width:292px;
	margin:0px;
	padding-top:20px;
	text-align:left;
	color:#0081b8; 
	font-size:16px;
	font-weight: normal;
}
.ContentHeadingAlt p{ margin:0px;text-align:left; color:#CCCCCC; font-size:14px;font-weight: lighter;padding-top:5px;padding-left:45px;padding-right:60px}
.ContentHeadingAlt strong{ color:#FFFFFF}
/**********************************/
.Components{

}
.Components h2{
padding:0px;
margin:0px;
margin-left:45px; 
padding-bottom:10px;

}
.Components h3{
padding:0px;
margin:0px;
margin-left:45px; 
padding-top:10px;
padding-bottom:10px;
font-weight: normal;
color:#2491bf; 
}
.Components p{

}
/*LOGIN**************************/
.Login{display:block;width:200px; background:url(../img/login_bakground.png) no-repeat top; text-align:left; padding:12px;}
.Login input{border:1px solid #b4d0da; width:192px; /*height:21px;*/ background: url(../img/input_background.png) top left repeat-x #fff; padding:3px; margin-top:4px; margin-bottom:4px; }
.LoginFooter{display:block;width:224px; background:url(../img/login_bakground_footer.png) no-repeat bottom; text-align:left; height:6px;}

.Login a{display:block;width:200px;font-size:10px;float:right; margin-top:6px;text-align:right}

.Column {width:230px; display:block; background:#FFF url(../img/column_background.png) top no-repeat; float:right;text-align:center; padding:22px}
.ColumnSupportText{padding:10px;padding-top:5px;}

/***FOR GOOGLE **/
.SearchResults{display:block; width:90%; margin-left:10px}
.SearchBox{margin:10px}
.submitGoogle{margin-bottom:15px}
input.submitGoogle {display:none;}

/*SIGN UP FORM**************************/
.Signup{display:block;width:512px;height:347px; background:url(../img/signup_bakground.png) no-repeat; text-align:left; padding:20px; margin:20px auto;}
.Signup input{border:1px solid #b4d0da; width:192px; background: url(../img/input_background.png) top left repeat-x #fff; padding:3px; margin-top:4px; margin-bottom:14px; }

.SignupLarge{display:block;width:512px;height:386px; background:url(../img/signup_large_bakground.png) no-repeat; text-align:left; padding:20px; margin:20px auto}
.Signup input{border:1px solid #b4d0da; width:192px; background: url(../img/input_background.png) top left repeat-x #fff; padding:3px; margin-top:4px; margin-bottom:14px; }
/*.Signup a{font-size:10px;float:right;margin-top:6px}*/

.Signup_form_modules{width:237px; float:right}
.TermsAndConditions{width:100%}
.TermsAndConditions input{padding:0;margin:0;width:auto}

/*CHANGE PASS FORM**************************/
.ChangePass{display:block;width:200px;height:294px; background:url(../img/changepass_bakground.png); text-align:left; padding:12px; margin:20px auto}
.ChangePass input{border:1px solid #b4d0da; width:192px; background: url(../img/input_background.png) top left repeat-x #fff; padding:3px; margin-top:4px; margin-bottom:14px; }
/*.ChangePass a{font-size:10px;float:right;margin-top:6px}*/

/*CUSTOMERS SUPPORT FORM**************************/
.CustomersSupport{display:block;width:200px;height:294px; background:url(../img/changepass_bakground.png); text-align:left; padding:12px; margin:20px auto}
.CustomersSupport input, select{border:1px solid #b4d0da; width:192px; background: url(../img/input_background.png) top left repeat-x #fff; padding:3px; margin-top:4px; margin-bottom:14px; }
.CustomersSupport textarea{border:1px solid #b4d0da; width:192px; height:50px; background: url(../img/input_background.png) top left repeat-x #fff; padding:3px; margin-top:4px; margin-bottom:15px; }

/*.ChangePass a{font-size:10px;float:right;margin-top:6px}*/

/*RECOVER PASS FORM**************************/
.RecoverPass{display:block;width:200px;background:url(../img/login_bakground.png); text-align:left; padding:12px; margin:20px auto;margin-bottom:0px}
.RecoverPass input{border:1px solid #b4d0da; width:192px; background: url(../img/input_background.png) top left repeat-x #fff; padding:3px; margin-top:4px; margin-bottom:4px; }
.RecoverPass input[type="radio"]{border:1px solid #b4d0da; width:auto; background: url(../img/input_background.png) top left repeat-x #fff; padding:3px; margin-top:4px; margin-bottom:4px; vertical-align:middle }
.RecoverPassFooter{display:block;width:200px;height:5px; background:url(../img/login_bakground_footer.png) bottom; text-align:left; padding:12px; margin:20px auto;margin-top:0px}

/*.RecoverPass a{font-size:10px;float:right;margin-top:6px}*/


/*PromoFooters*/
.PromoFooter, .PromoFooterCenter{width:319px;height:200px; display:block; background:#FFF; float:left; background:url(../img/promofooter_background.png) no-repeat bottom}
.PromoFooterCenter{margin-left:1px;margin-right:1px;}
.PromoFooter p,.PromoFooterCenter p{ margin:0px; padding:0px; width:200px;float:left;padding-left:10px
} 
.p{margin:0;padding:0}

.firma{
	width:960px;height:30px; line-height:30px; text-align:right; margin:0 auto; background:#FFF; display:block;
	}
.firma a strong{
	color:#999; font-weight:normal; text-decoration:none;
	}
.firma a {
	text-decoration:none;
	}

.Footer_bar{width:100%; height:9px; display:block; background:url(../img/time_management/footer_bar.png) top left no-repeat}
.Footer{width:760px; height:40px; display:block; background:url(../img/time_management/footer_bkgr.png) top left repeat-x; text-align:center; padding-top:15px; padding-right:100px; padding-left:100px;color:#069}
.Footer a{text-decoration:none}

/*.Footer{width:760px; height:40px; display:block; background:#0081b8; text-align:center; padding-top:20px; padding-right:100px; padding-left:100px;color:#FFFFFF}
.Footer a{color:#FFFFFF; text-decoration:none}*/
.BottomBannerLeft{display:inline; margin-left:52px}
.BottomBannerRight{ display:inline; margin-left:10px}
/***BANNER*****/
.Banner{padding-top:5px;padding-bottom:10px;}
.Banner h3{margin:0px;padding:0px; text-align:left;font-size:12px; color:#2491bf; font-weight:normal}
.Banner p{margin:0px;padding:0px; text-align:left;font-size:12px}
/**RELATED CONTENT******/
.RelatedContent{ text-align:left}
.RelatedContent h3{margin:0px;padding:0px; text-align:left;font-size:14px; color:#2491bf; font-weight:normal; padding-bottom:10px;}
.RelatedContent a{color:#666666; font-size:12px}
/*FOMR BUTTONS****/
input.LoginButton{
	width:77px; height:25px;
	background:url(../img/login_button.png) top left no-repeat;
	vertical-align:middle; border:none; cursor:pointer; padding:0}
	
input.SignupButton{
	width:77px; height:25px;
	background:url(../img/signup_button.png) top left no-repeat;
	vertical-align:middle; border:none; cursor:pointer; padding:0;margin-top:10px;}
	
input.ChangepassButton{
	width:103px; height:25px;
	background:url(../img/changepass_button.png) top left no-repeat;
	vertical-align:middle; border:none; cursor:pointer; padding:0}

input.RecoverpassButton{
	width:103px; height:25px;
	background:url(../img/recoverpass_button.png) top left no-repeat;
	vertical-align:middle; border:none; cursor:pointer; padding:0}
	
input.SubmitButton{
	width:77px; height:25px;
	background:url(../img/submit_button.png) top left no-repeat;
	vertical-align:middle; border:none; cursor:pointer; padding:0}	
	

/*UTILS****/
.Clear{clear:both}
.FloatRight{float:right}
.FloatLeft{float:left}
.Center{text-align:center}

/* IDs *******/
#avisos{
	display:none;
	font-size:10px;
	color:#C00;
	text-align:center;
	}
.avisoBIG{
	font-size:14px !important ;
	
	}
/*--- FIRMA-----------------------*/
.Firma {width:960px; margin:0 auto;  display:block; text-align:left; margin-top:12px; margin-bottom:12px}
.Firma a{
	color:#009CDB;
	font-weight:bold;
	text-decoration:none;
}
.Firma a strong{color:#747081}
.Firma em{
	color:#009CDB;
	font-weight:bold;
	text-decoration:none;
	font-style: normal;	
}

.FiftyColumn{
	width:50%;
	float:left;
	}
.FiftyColumnDown{
	width:50%;
	float:left;
	}
.FiftyColumnDown{
width:50%;
	float:left;

	}
.FiftyColumnDown p{

	padding:0px;
	padding-bottom:5px;
	}
.avisoPHP{
	font-size:14px;
	color:#C00;

	}
#Loading{
	text-align:center;
	display:none;
	}
#botSignUp{
	visibility:hidden;
	}
.small{
	color:#999
	}

.share{
	width:70px;
	color:#FFF;
	height:12px;
	padding:2px;
	padding-bottom:3px;
	padding-top:1px;
	display:block;
	float:right;
	margin-left:4px;
	}

#indexClock{
	float:right;
	margin-right:90px;
	margin-top:20px;
	}
	
/*-----------time tracking two columns-------------------*/	
.fila{/*border-bottom: 1px solid #0081b8;*/ margin:0 0 10px 52px}

.fila img{/*border: 1px solid #0081b8;*/ margin-top:10px;}

.column_one{background-color:#fcfcfc; border:1px solid #f6f6f6;float:left;padding:5px 10px;width:251px;height:274px;}

.column_one h2, .column_two h2{margin-top:0;height:44px;}

.column_one p, .column_two p{padding:0;}

.column_two{background-color:#fcfcfc; border:1px solid #f6f6f6;float:left;padding:5px 10px;width:251px;height:274px;margin-left:13px;}

/*--Extras--*/
.PayPal
{
	padding:8px;
	margin-top:12px;
	border:1px solid #CCC;
	background-color:#F7F5DB
}

/*----------/time tracking two columns-------------------*/