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


/* CSS Document */

/*************************************************************/
/*   Design:   Sites Studio                                */
/*             Global layout and formatting styles         */
/*   Author:   Pedro Silva                                 */
/*   Date:     Setembro , 2008                                */
/*   Site:     www.timecity.pt                             */
/*-----------------------------------------------------------*/
/************************************************************************





*************************************************************/

/*************************/
/* 1-  BODY/CONTAINERS */
/*************************/

/* 1.1 - Global body definitions */
a{ overflow: hidden;}
 * {margin: 0;padding: 0;}
a:focus { outline: 0; }
body {font-size: 62.5%; margin: 0px auto; padding: 0px; font-family: Arial, Helvetica, sans-serif;
 background: #FFFFFF url(../images/css/body-background.jpg) repeat-x 0 0; }
html, body { min-height: 100%; height: 100%; }
html { min-height: 100%; margin-bottom: 1px; }
img { border: none;}
/* 1.1 - End Body definitions */

/* 1.2 - Global Container */
#container {width: 860px;  margin: 0 auto; }
/* 1.2 - End Global container */


/*************************/
/* 2-  Header/Main Menu */
/*************************/

/* 2.0 - Header Container */
.header { width:860px; height: 160px; position:relative; }
/* 2.0 - End Header Container */

/* 2.1- Logo */
.logotipo { float: left;clear: both; width: 171px;  }
.logotipo a {background: url(../images/css/logotipo.jpg) 0 0 no-repeat; display:block; width: 171px; height:94px;}
.logotipo a:hover {background-position: 0px -94px; }
.logotipo a:active {background-position: 0px -94px; }
/* 2.1- End Logo*/

/* 2.2- Top SiteMap button */
.newsletter-button { margin-top: 12px; position: absolute; right: 115px;}
.testemunhos-button { margin-top: 12px; position:absolute; right: 0;}
/* 2.2- End SiteMap button*/


/* 2.2- Header right info */
.header-info { float:right; width: 500px; text-align:right; }
/* 2.2- End Header right info */

/* 2.3 - Main Menu */
.menuprincipal {height:32px;float:left;position:absolute; left:0px; top:128px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; width: 100%;}
.menuprincipal ul { padding:0;margin:0;width:auto; display:inline;}
.menuprincipal ul li {float:left;padding-right:3px; padding-left: 3px;margin:0;list-style:none; border-left: 1px solid #F8F8F8;}
.menuprincipal a:link, .menuprincipal a:visited {text-decoration:none;line-height:32px;height:32px;color:#444444;font-size:9px;padding:7px 14px; text-transform:uppercase; letter-spacing: 1px;}
.menuprincipal a:hover {color:#F20000;}
.current a:link, .current a:visited, .current a:hover {color:#F20000; background:none;}
/* 2.3 - End main menu */

/*************************/
/* 3-  Content layout */
/*************************/

.content {float: left; width: 860px; margin-top: 12px; padding: 0px 0px 0px 0px; margin-bottom: 60px;}

/* Homepage horizontal banners */
.homepage-banner-left { width: 270px; float:left; margin-top: 8px; margin-right: 25px;}
.homepage-banner-center { width:270px; float:left; margin-top: 8px; text-align:center;}
.homepage-banner-right { width: 270px; float:right; margin-top: 8px; text-align:right;}

/* 1 Column */
.content-container-1col {overflow: hidden; float: left; width: 860px; margin-top: 12px; padding: 0px;  }
.content-container-1col a {text-decoration: none; color: #2B9CD3; }
.content-container-1col a:visited {text-decoration: none; color: #2B9CD3;}
.content-container-1col a:hover { text-decoration: underline; color: #EE9D00;}

/* 2 Columns */
.content-container-leftcol{overflow: hidden; float: left; width: 570px; margin-top: 18px; padding: 0px; font-size:12px; color: #383838;  }
.content-container-rightcol{overflow: hidden; float: right; width: 240px; margin-top: 18px; padding: 0px; font-size:12px; color: #383838; }

/* Text boxes */
.content-txtbox { float:left; margin: 0px;padding: 8px 0px 0px 0px; color: #444444;font-size:100%; font-family: Verdana, Arial, Helvetica, sans-serif; width: 100%;}
.content-txtbox p { margin: 0px 0px 0.8em 0px; padding: 1px; line-height: 1.5em; }
.content-txtbox a { text-decoration:none; color:#3399CC;}
.content-txtbox a:visited {  color:#3399CC;}
.content-txtbox a:hover { text-decoration:underline; color:#E96E06;}



/*************************/
/* 4-  Headers Spans and Subtitles */
/*************************/

/* 4.1 - Headers */
h1 {  font-size:120%; font-weight:bold; color: #76B300; padding: 2px 0px 4px 0px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 1px; width: 100%; margin: 0; text-transform:uppercase; clear:both; }
h2 {  font-size:120%; color: #2C4D5F; padding: 0px 0px 4px 0px; font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; clear:both; letter-spacing:1px; border-bottom: 2px solid #96D2E9; margin: 0px 0px 10px 0px; clear:both;}
h3 {  font-size: 120%; font-weight: bold; color: #F1AC22; padding: 0px 0px 6px 0px; font-family: Geneva, Arial, Helvetica, sans-serif; width: 100%; clear:both; }
h4 {  font-size: 110%; font-weight: normal; color: #469AB3; padding: 0px 0px 4px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; width:100%; clear:both;}
h4 a, h4 a:link, h4 a:visited, h4 a:hover, h4 a:active { text-decoration: underline;}

h5 {  font-size: 110%; font-weight: bold; color: #FF3300; padding: 0px 0px 6px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; width: 100%; clear:both;}
h6 {  font-size: 120%; font-weight: bold; color: #469AB3; padding: 0px 0px 5px 0px; font-family: Arial, Helvetica, sans-serif;letter-spacing:1px; width: 100%; clear:both;}

/* 4.2 - Spans and paragraph styles */
.title-intro { font: normal 130% "Trebuchet MS", Arial, Helvetica;  color: #292929; line-height: 21px;}
.testimony-title { margin-left: 16px; font-size: 130%; color:#2C7E9A; font-family: Arial, Helvetica, sans-serif;  }
.blocktext { text-align:justify;}
.centertext { text-align:center;}

.greenbold { color: #97CF14; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 13px; }
.greenbold a:link, .greenbold a:visited { color: #97CF14; text-decoration:none;}
.greenbold a:hover { color: #97CF14; text-decoration:underline;}

.silver { color:#9FAEAC; font-family: Verdana, monaco, sans-serif; font-size: 14px; text-transform:uppercase; font-weight:bold;}
.blue {color:#29CEDC; font-family: Verdana, monaco, sans-serif; font-size: 14px; text-transform:uppercase; font-weight:bold;}
.gold {color: #DDD52B; font-family: Verdana, monaco, sans-serif; font-size: 14px; text-transform:uppercase; font-weight:bold;}
.platina {color: #96C1C5; font-family: Verdana, monaco, sans-serif; font-size: 14px; text-transform:uppercase; font-weight:bold;}

.orangebold { color: #FEAC17; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 13px; }
.orangebold a:link, .orangebold a:visited { color: #FEAC17; text-decoration:none;}
.orangebold a:hover { color: #FEAC17; text-decoration:underline;}

.bluebold { color: #29CEDC; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 13px;  }
.bluebold a:link, .bluebold a:visited { color: #29CEDC; text-decoration:none;}
.bluebold a:hover { color: #29CEDC; text-decoration:underline;}

.orangeclassic { color:#FB9D00; padding: 0px 0px 0px 0px; font-family: "Courier New", Courier, monospace; font-size: 120%; font-weight:bold; }
.orangeclassic a:link, .orangeclassic a:visited { color: #FB9D00; text-decoration:none;}
.orangeclassic a:hover { color: #FB9D00; text-decoration:underline;}

.redclassic { color:#FE3D36; padding: 0px 0px 0px 0px; font-family: Verdana, monaco, sans-serif; font-size: 0.9em; font-weight:bold; }
.footergrey { color: #3d4c58;}


blockquote.style {
  font: Courier New, Courier, monospace;
  padding: 10px 4px 10px 5px;
  background-color: #faebbc;
  border-top: 1px solid #e1cc89;
  border-bottom: 1px solid #e1cc89;
  margin: 5px;
  background-image: url(../images/icons/openquote.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 23px;
  color: #2C2C2C;
  }
  
blockquote.style1 span {
    	display: block;
    	background-image: url(../images/icons/closequote.gif);
    	background-repeat: no-repeat;
    	background-position: bottom right;
  	} 

/*************************/
/* 6-  Lists */
/*************************/

/* 6.1 - Vertical Lists with image bullet */
ul.globallist {margin:12px 0px 10px 4px;padding:0; }
ul.globallist li {clear:both; display:block; padding:0px 0px 5px 28px; color: #444444;font-size:100%; font-family:  Verdana, Arial, Helvetica, sans-serif; list-style-type: none; background: url(../images/icons/list-bullet.gif) no-repeat 0 0px;  }
ul.globallist li a { color: #3399CC; text-decoration:none;}
ul.globallist li a:visited { color:#3399CC; text-decoration:none;}
ul.globallist li a:hover { color: #E96E06; text-decoration:underline;}

/* 6.1.1 - Vertical Lists with image arrow bullet */
ul.seclist {margin:12px 0px 10px 4px;padding:0; }
ul.seclist li {clear:both; display:block; padding:0px 0px 5px 28px; color: #444444;font-size:100%; font-family:  Verdana, Arial, Helvetica, sans-serif; list-style-type: none; background: url(../images/icons/list-arrow.gif) no-repeat 0 0px;  }
ul.seclist li a { color: #3399CC; text-decoration:none;}
ul.seclist li a:visited { color:#3399CC; text-decoration:none;}
ul.seclist li a:hover { color: #E96E06; text-decoration:underline;}


/* 6.2 - Vertical List without background image */
ul.circlelist {margin:12px 0px 10px 4px;padding:0; }
ul.circlelist li { padding:0px 0px 5px 20px; color:#444444;font-size:100%; font-family:  Verdana, Arial, Helvetica, sans-serif; list-style-type: disc; list-style-position:inside; }
ul.circlelist li a { color: #3399CC; text-decoration:none;}
ul.circlelist li a:visited { color:#3399CC; text-decoration:none;}
ul.circlelist li a:hover { color: #E96E06; text-decoration:underline;}

/* 6.2.1 - Vertical List without background image */
ul.numberlist {margin:12px 0px 10px 4px;padding:0; }
ul.numberlist li { padding:0px 0px 6px 12px; color:#444444;font-size:100%; font-family:  Verdana, Arial, Helvetica, sans-serif; list-style-type: decimal; list-style-position:inside; }
ul.numberlist li a { color: #3399CC; text-decoration:none;}
ul.numberlist li a:visited { color:#3399CC; text-decoration:none;}
ul.numberlist li a:hover { color: #E96E06; text-decoration:underline;}




/*************************/
/* 7-  Image Styles */
/*************************/

/* 7.1 - Global Float Left */
img.LeftFloat { float:left; margin-right: 10px; padding: 2px 2px 2px 2px; border: 1px solid #E9E9E9; }

/* 7.2 - Global Float Right */
img.RightFloat { float:right; margin-left: 10px; padding: 2px 2px 2px 2px; border: 1px solid #E9E9E9; }


/*************************/
/* 8-  Footer */
/*************************/
.footerContainer { clear:both; width:100%; background-color:#E5E5E5; height:200px; margin-top: 60px;  }
.footer { width:860px; padding:20px 0 0 0; margin:0px auto; font:9px Verdana, Sans-Serif; text-transform:uppercase; color: #FFFFFF; }
.footer a { color:#3d4c58; text-decoration:none;}
.footer a:visited { color:#3d4c58; text-decoration:none;}
.footer a:hover { color: #1A78A6; text-decoration:none; text-decoration:underline; }
.footer p { margin:0 0 2px 0; }

/* */

#newsForm .formField {
  margin: 0 0 0.3em;
}

#newsForm .formInput {
  margin: 0 0 0.8em;
}

#newsForm input[type="text"] {
  border: 1px solid #999999;
  padding: 3px;
}

#newsForm .required {
  color: #FF0000;
}

input[type="submit"] {
  background: #6EBDDC;
  border: none;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 3px 5px;
}