/* -----------------------------------------------------------------------

   Staterkit CSS V.02
   http://code.google.com/p/starterkit/
   
   * Copyright (c) Dave Merwin 2007 - 2008. MIT Liscense
   
----------------------------------------------------------------------- */
html {
  height: 100%;
/*  overflow: hidden;*/
}
/* =GENERAL
----------------------------------------------------------------------- */
.reset {margin:0; padding:0;}
.mir { letter-spacing : -1000em; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body .mir { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */

a:focus, a:hover {color:#000;}
a {color:#E45253;text-decoration: underline;}
body { margin:0; padding:0; text-align:left;}

/* =LAYOUT
----------------------------------------------------------------------- */
#header {position:relative; margin:15px 0 10px 0;}
#header h1{width:166px;height:86px;position:relative;}
#header h1 span{background: url("../images/logo.png") no-repeat -8px -8px;position:absolute;width:100%;height:100%;}
* html #header h1 span{
	margin-top: -5px;	margin-left: -10px;	background-image: none;
	background-color: transparent;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/logo.png", sizingMethod="scale");
}
	
#sidebar {color:#6B6B6D;  padding:4px 10px 30px;height:517px; background: url("../images/sidebar.png") no-repeat center right; }
* html #sidebar{color:#6B6B6D;  padding:4px 10px 30px;height:517px;	background-image: none;
background-color: transparent;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/sidebar.png", sizingMethod="scale");
}

#sidebar img {border: 5px solid #464648;}
#sidebar img:hover {border: 5px solid #de2729;}
.sidebar-destaques {width: 115px;margin:110px 0 10px 0;font-size:10px;}
.sidebar-destaques h3 {color:#6B6B6D; }
* html .sidebar-destaques h3 {	font-weight: bold; color:#6B6B6D; }
.sidebar-destaques h5 {color:#6B6B6D; }

#navigation {list-style:none;margin}
#navigation li {margin-left:-20px;width:135px; height:30px; line-height:32px; letter-spacing:-2px; font-weight:bold;}
#navigation li a {width:130px; height:22px; font-size:28px; display:block; line-height:32px; color:#6B6B6D; text-decoration:none;}
* html #navigation li a {width:130px; height:22px; font-size:16px; display:block; line-height:32px; color:#6B6B6D; text-decoration:none;
	font-weight: bold;
	}

#navigation li a:hover {color:#DE2729;}
/*#navigation li a.active {color:#DE2729;}*/

#menu_visao a { font-size: 16px; color: #6B6B6D;}
#menu_visao a:hover { 	color:#DE2729;}
#menu_visao a:active {	color:#DE2729;}
#menu_portfolio a.active {	color: #DE2729;}

#menu_portfolio a { font-size: 16px;	color: #6B6B6D;}
#menu_portfolio a:hover { 	color:#DE2729;}
#menu_portfolio a:active {	color:#DE2729;}
#menu_portfolio a.active {	color: #DE2729;}

#menu_clientes a { font-size: 16px;	color: #6B6B6D;}
#menu_clientes a:hover { 	color:#DE2729;}
#menu_clientes a:active {	color:#DE2729;}
#menu_clientes a.active {	color: #DE2729;}

#menu_contactos a { font-size: 16px;	color: #6B6B6D;}
#menu_contactos a:hover { 	color:#DE2729;}
#menu_contactos a:active {	color:#DE2729;}
#menu_contactos a.active {	color: #DE2729;}

/*#menu_visao a { display:block;background: #fff url("../images/menu.png") -130px -1px no-repeat;}
#menu_visao a:hover { 	background-position: -257px -1px;color: #049;}
#menu_visao a:active {	background-position: -257px -1px;color:#fff;}
#menu_visao span {display:none;}
#menu_visao a.active {	background-position: -257px -1px;color:#fff;}

#menu_portfolio a {display:block;background: url("../images/menu.png") -130px -25px no-repeat;}
#menu_portfolio a:hover { 	background-position: -257px -25px;color: #049;}
#menu_portfolio a:active {	background-position: -257px -25px;color:#fff;}
#menu_portfolio span {display:none;}
#menu_portfolio a.active {background-position: -257px -25px;color:#fff;}

#menu_clientes a {display:block;background: url("../images/menu.png") -130px -48px no-repeat;}
#menu_clientes a:hover { 	background-position: -257px -48px;color: #049;}
#menu_clientes a:active {	background-position: -257px -48px;color:#fff;}
#menu_clientes span {display:none;}
#menu_clientes a.active {	background-position: -257px -48px;color:#fff;}

#menu_contactos a {display:block;background: url("../images/menu.png") -130px -70px no-repeat;}
#menu_contactos a:hover { 	background-position: -257px -70px;color: #049;}
#menu_contactos a:active {	background-position: -257px -70px;color:#fff;}
#menu_contactos span {display:none;}
#menu_contactos a.active {	background-position: -257px -70px;color:#fff;}*/

#portfolio, #clientes {/*height:517px; background:#efefef; background-image: url("../images/overlayw20.png");*/}
#portfolio h1, #clientes h1{margin-top:10px;margin-left:20px;}
#portfolio h2, #clientes h2{margin-top:10px;margin-left:20px;}
#portfolio h3, #clientes h3{margin-top:10px;margin-left:20px;}
#portfolio h4, #clientes h4{margin-top:10px;margin-left:20px;}



.galeria {}
.galeria li {list-style: none;margin: 0;padding: 0;}
.galeria ul li {display: block;	float: left;margin: 0;	padding: 0;	border: none;	margin-right:10px;}
.galeria ul li img{padding: 0px;	margin:0px;	margin-top:5px;	margin-bottom:0px;	border: 5px solid #464648;}
.galeria ul li img:hover {border: 5px solid #DE2729; }


.centercol{ font-size: 14px; color:#464648;	}
.centercol img {padding:5px; border:1px solid #ccc; background:#efefef;}
.aindamaior{ font-size: 20px;}
.aindamenos{ font-size: 12px; line-height:0px; }
.aindaumpoucomenos{ font-size: 10px; line-height:0px; }
.toolTipImgDOMPRINCIPAL{ font-size: 12px;}
.featured-image {margin:18px auto; display:block;}

/* =FLASH MOVIES
----------------------------------------------------------------------- */
#outer{width:100%;height:100%;background:#fff;position:fixed;left:0; background-attachment:fixed;top:0;background:#fff;z-index:1;}
.flashy{position:relative;z-index:2;}
	
/* =FOOTER/PARTNERS
----------------------------------------------------------------------- */
#footer { color:#6B6B6D; padding:1px 0 0 0; margin:1px 0 0 0;}

/* =TYPOGROPHY
----------------------------------------------------------------------- */
.decrease {font-size:90%;}

/* =FORMS
----------------------------------------------------------------------- */
#search-block {position:absolute; top:0; right:0; text-align:right;}
#search-block div, #email-signup div {display:inline;}
#submit_search {margin:0 0 0 10px;}
#email-signup #sign_up {margin:0 0 9px 0; width:100%;}

/* RML */
.contact_form {margin-left: -10px; font: 12px verdana, arial, helvetica, sans-serif;}
* html .contact_form {margin-left: 0px; font: 12px verdana, arial, helvetica, sans-serif;}

.contact_form .field_title{font-size: 12px;}
.contact_form .field_text{font-size: 12px;}
.contact_form label{font-size: 14px;}
.contact_form label small{font-size: 10px;}
.contact_form input{background-color:#DFDFDF; border:1px solid #ccc;margin-bottom:10px;width:300px;font: 12px verdana, arial, helvetica, sans-serif;}
.contact_form input:hover{background-color:#fff; border:1px solid #DE2729;}
.contact_form textarea{background-color:#DFDFDF; border:1px solid #ccc;margin-bottom:10px;width:290px;height:192px;font: 12px verdana, arial, helvetica, sans-serif;overflow:hidden;}
.contact_form textarea:hover{background-color:#fff;border:1px solid #DE2729;}
.contact_form .f-submit-wrap{margin-top:-20px;}
.contact_form .submit_button{width:70px;margin-left:17px;}
.contact_form .submit_button:hover{color:#DE2729;}
fieldset {border:0px solid #ccc;}
.contactinfo{ float:right;margin-right:130px}
* html .contactinfo{ float:right;margin-right:70px}

h2 { font-size: 25px; color: #f00; line-height: 3.5em; }



#logocc{
	width: 95px;
	height: 23px;
	background-image: url(../images/cc.png);
	display: block;
	text-decoration: none;
	float:left;
}
#logotweeter{
	width: 105px;
	height: 24px;
	background-image: url(../images/twitter.png);
	display: block;
	text-decoration: none;
	float:left;
}
#logofacebook{
	width: 80px;
	height: 30px;
	background-image: url(../images/facebook.jpg);
	display: block;
	text-decoration: none;
	float:left;
}
* html #logotweeter{
	width: 105px;
	height: 24px;
	display: block;
	text-decoration: none;background-image: none;
	background-color: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/twitter.png", sizingMethod="scale");
}
* html #logofacebook{
	width: 80px;
	height: 30px;
	display: block;
	text-decoration: none;background-image: none;
	background-color: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/facebook.jpg", sizingMethod="scale");
}
* html #logocc{
	width: 95px;
	height: 23px;
	display: block;
	text-decoration: none;background-image: none;
	background-color: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/cc.png", sizingMethod="scale");
}
#logoms{
	width: 91px;
	height: 42px;
	background-image: url(../images/microsoft.png);
	display: block;
	text-decoration: none;	float:left;
}
* html #logoms{
	width: 91px;
	height: 42px;
	display: block;	float:left;
	text-decoration: none;background-image: none;
	background-color: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/microsoft.png", sizingMethod="scale");
/*	margin-left: 20px;*/
}

#tipsdiv{	
	position:absolute;
	padding:10px;
	text-align:left;
	font-size:9px;
	display:block;
	z-index:2;
	width:323px;
	top:0px;
	left:0px;
}


#logorails{
	width: 35px;
	height: 42px;
	background-image: url(../images/rails.png);
	display: block;
	text-decoration: none;	float:left;
}
.texto_tips{
	font-size:9px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#474746;
	padding-top:35px;
	
}
.texto_color{
	color:#de2729;
}
.highlights_tips{
	padding-top:10px;
	font-size:9px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#de2729;

}
.highlights_tips p {
	margin:0.1em 0 0;
}
* html #logorails{
	width: 35px;
	height: 42px;
	display: block;
	text-decoration: none;background-image: none;
	background-color: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/rails.png", sizingMethod="scale");
	float:left;
}
.img-tip img{
	z-index:1;
	position:absolute;
}
#logodelta{
	width: 45px;
	height: 45px;
	background-image: url(../images/delta.png);
	display: block;
	text-decoration: none;	float:left;
}
* html #logodelta{
	width: 45px;
	height: 45px;
	display: block;
	text-decoration: none;background-image: none;
	background-color: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/delta.png", sizingMethod="scale");
	float:left;
}

/* =BANNER
----------------------------------------------------------------------- */
#menu_banner a { font-size: 16px;	color: #6B6B6D;}
#menu_banner a:hover { 	color:#DE2729;}
#menu_banner a:active {	color:#DE2729;}
#menu_banner a.active {	color: #DE2729;}


#banner{
	border:0px;
	font-family:inherit;
	Font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0px;
	padding:0px;
	vertical-align:baseline;
	clear: both;
}

#banner form{margin-left: -10px; font: 12px verdana, arial, helvetica, sans-serif;}
* html #banner form{margin-left: 0px; font: 12px verdana, arial, helvetica, sans-serif;}

#banner form .field_title{font-size: 12px;}
#banner form .field_text{font-size: 12px;}
#banner form label{font-size: 14px;}
#banner form label small{font-size: 10px;}
#banner form input{background-color:#DFDFDF; border:1px solid #ccc;margin-bottom:10px;width:300px;font: 12px verdana, arial, helvetica, sans-serif;}
#banner form input:hover{background-color:#fff; border:1px solid #DE2729;}
#banner form textarea{background-color:#DFDFDF; border:1px solid #ccc;margin-bottom:10px;width:290px;float:right;height:192px;font: 12px verdana, arial, helvetica, sans-serif;overflow:hidden;}
#banner form textarea:hover{background-color:#fff;border:1px solid #DE2729;}
#banner form .f-submit-wrap{margin-top:-20px;}
#banner form .submit_button{width:70px;}
#banner form .submit_button:hover{color:#DE2729;}
#banner .floatForm {float:right;display:inline-block;text-align:left;width:50%;}
#banner .floatForm2 {float:left;display:inline-block;width:50%;}