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

body {
/*background: #000 url(img/body.jpg) no-repeat 50% 0%;
margin:0px;
padding:0px;
font-family:"trebuchet MS", arial;
font-size:13px;
line-height:1.5em;
color:#333;
background-color:#f6f6f6;*/

    background-color:#0d0f1f;
	line-height:1.5em;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px;
	color:#333;
	margin:0px;
	padding:0px; 
}


#topo {
	width: 100%;
	background: #fff url("img/top_repeat.gif") repeat-x  top left;	
}

.fundo_topo{
	background:url("img/fundo_topo.gif") no-repeat;
	width:936px;
	height:215px;
	margin:0 auto;
	}
.menu {
	float:right;
	width:400px;
	height:45px;
	margin:40px 40px 0 0;
	}
	.menu li {
		float:right;
		width:98px;
		padding:0 10px 0 0;
		display:inline;
		}
.menu_portifolio{
	float:right;
	width:345px;
	height:35px;
	margin:-30px 30px 0 0;	
	}
	.menu_portifolio li {
		float:left;
		width:75px;
		padding:0 10px 0 0;
		display:inline;
		}

.topo_logo{
	width:217px;
	height:215px;
	margin-left:30px;
	position: absolute;
	float:left;
	
	}
	

.topo_conteudo{
	margin:0 auto;
	width:936px;
	height:auto !important;
	}

a {
color:#fff;
outline:0px;
}
a:hover {
color: #CF6;
outline:0px;
}

.geral{
	background:#eaeaea url("img/fundo_geral1.gif") top center no-repeat;
	min-height:550px;
	padding-left:20px;
	}
	
.geral ul{
	margin: 0 auto;
}

.sobre{
	background:#eaeaea url("img/fundo_geral1.gif") top center no-repeat;
	min-height:200px;
	padding-left:20px;
	}

h1{
	font-size:13px;
	font:Arial, Helvetica, sans-serif;
	text-align:justify;
	margin-top:10px;
	margin-right:40px;
	margin-left:40px;
	width:830px;
	}

.geral ul li{
	float:left;
	margin:10px 10px 10px 0;
	height:325px;
	width:410px;
	background-color: #999;
	list-style:none;
}

.geral ul li a img{
	border: #666 solid 4px;
	display: inline;
	margin-left:11px;
	margin-top:10px;
	width:379px;
	height:242px;
}

.geral ul li a:hover img{
	border: #001a45 solid 4px;
}

.descricao{
	margin-left:15PX;
	color:#CF6;
	}


/* ie6,7  fixes */

#fim{
	background-color:#eaeaea;
	}

img{border:none;}

#footerbackground{
	background:url(img/footerbg1.gif) no-repeat #0d0f1f top;
	height: 165px;
	height:auto !important;
	min-width:936px;
	width:100%;
	margin-top:0px;
	float:left;
}

#redes{
	margin-top:20px;}
	
#footer	a {text-decoration:none; color:#6891ae;} 
#footer a:hover {text-decoration:underline; color:#3990d1;  }
#footer a:active { outline: 0; position: relative; top: 1px; }


#footer{width:954px; height:145px; margin:2px auto 0px auto; text-align:left; padding:0; list-style:none; color:#cce6f9;}
#footer li{
	float:left;
	display:inline-block;
	width:298px;
	padding:0px;
}
#footer .twitterli{float:right; color:#15212b; margin-right:174px; width:270px; font-style:italic; }
#footer .twitterli a{color:#0285c8; font-weight:bold;}
#twitter_update_list { padding:0 !important; list-style:none; float:left;  text-align:left;}
#twitter_update_list li{ float:left; width:245px; padding:0; margin:0 !important;}

#footerlinks{width:919px; height:55px; margin:15px auto 0px auto; text-align:left; padding:10px 25px 10px 10px; list-style:none; color:#cce6f9; line-height:20px;}
#footerlinks img{float:left;}
.copyright{float:right; display:inline-block;}

#twitter ul, #twitter ul li, #twitter ul span, #twitter ul a{
		list-style: none; padding:0 !important; margin:0 !important; display:inline !important;}


/* Contact Page*/
.social{padding:10px;}

.socialnet{float:left; display:inline-block; width:43px; height:37px; margin:10px 10px 0 10px;}
 		
		#facebookic{background:url(img/sfacebookhov.png) bottom;  -webkit-transition: background-position 1s linear;}
		#gmailic{background:url(img/sgmailhov.png) bottom; -webkit-transition: background-position 1s linear;}
		#twitteric{background:url(img/stwitterhov.png) bottom; -webkit-transition: background-position 1s linear;}
		#youtubeic{background:url(img/syoutubehov.png) bottom; -webkit-transition: background-position 1s linear;}
		#facebookic:hover,#gmailic:hover,#twitteric:hover,#youtubeic:hover{background-position:top;}
		
.socialnet span{display:block; top:-9999px; left:-9999px; text-indent:-9999px;} 

.gohome a {
color:#003;
text-decoration:none;
margin-left:740px;
}
.gohome a:hover {
color:#001a45;
}

.floatleft{float:left; display:block;}
.floatright{float:right; display:block;}

#wrapper{
	margin:0 auto;
	min-height:800px;
	height:400px;
	height:auto !important;
	width:954px;
	padding:15px 0;
}

#contentportright{width:293px; float:left; display:inline; padding:10px 0 10px 0; text-align:left;}

#contentleft{width:380px; float:left; padding:10px; text-align:left; margin-right:25px;}
#contentleft p{line-height:17px;}
#contentleft hr{width:360px; color: #dddcda; background-color: #dddcda; height: 1px; margin:0; padding:0; opacity:0.4; float:left;}

#contentright{width:478px; float:left; display:inline; margin-left:25px; text-align:left; padding:10px 0 10px 10px;}

#contentright #imagecontainer{background:#f4f3ef; moz-border-radius: 5px; -moz-border-radius: 10px; 
-webkit-border-radius: 10px; border:1px solid #dddcda; padding:12px; width:443px; height:306px; float:left; margin-bottom:10px; position:relative;}
#contentright #imagecontainer h2{color:#fefefe; font-family:"myriad Pro", arial, helvetica, sans serif; font-weight:normal; font-size:18px; position:absolute; bottom:100px; left:25px; margin:0; padding:0;}
#contentright #imagecontainer span{color:#fefefe; position:absolute; bottom:65px; left:25px; display:block; width:200px;}
#contentright #imagecontainer a{color:#fff !important;}

h2 {padding:10px 0 10px 0; margin:0; }
	h2.contactme{background:url(../Images/contactme.gif) no-repeat; height:13px; width:105px;}
	h2.twitter{background:url(../Images/twitter.gif) no-repeat; height:13px; width:105px;}
	h2.sayhello{height:18px; width:155px; font-size:16px; background:url(../Images/sayhello.gif) no-repeat; }
	h2.projects{height:18px; width:255px; font-size:16px; background:url(../Images/specificprojects.gif) no-repeat; }
h3 {font-size:16px; color:#22303a; margin:0; padding:0;}


#twitter ul, #twitter ul li, #twitter ul span, #twitter ul a{
		list-style: none; padding:0 !important; margin:0 !important; display:inline !important;}

.social{padding:10px;}

.contactform {padding:0; margin:0;}
.contactform label{color:#2c3e4b; font-weight:bold; display:block; font-size:14px; width:286px; margin-top:3px; }
.contactform input{background:url(img/contactinput.png) top #f6f6f6; height:19px; padding:10px 5px 7px 5px; width:276px; border:none; margin-top:0px;}
.contactform select{
	background:url(img/contactinput.png) top #f6f6f6;
	display:block;
	border:none;
	width:287px;
	margin-right:50px;
	padding:7px 5px 5px 5px;;
	margin-top:0px;
	float:left;
	min-height:23px;
	color:#333;
}

#radio1{
	background:none;
	border:none;
	color:#333;
	font-style:normal;
	font-size:10px;
	}
#radio2{
	background:none;
	border:none;
	color:#333;
	font-style:normal;
	font-size:10px;
	}
#radio3{
	background:none;
	border:none;
	color:#333;
	font-style:normal;
	font-size:10px;
	}
	
	#radio4{
	background:none;
	border:none;
	width:15px;
	float:left;
	color:#333;
	font-style:normal;
	font-size:9px;
	padding:0px;
	margin:0px;
	}
#radio5{
	background:none;
	border:none;
	width:15px;
	float:left;
	color:#333;
	font-style:normal;
	font-size:9px;
	padding:0px;
	margin:0px;
	}
#radio6{
	background:none;
	border:none;
	width:15px;
	float:left;
	color:#333;
	font-style:normal;
	font-size:9px;
	padding:0px;
	margin:0px;
	}

.contactform .reqs{background:url(img/requirementinput.png); height:133px; width:386px; border:none; padding:10px; overflow-y:auto;  margin:7px 0 7px 0;}

.contactform input:focus, .contactform input:active, .contactform input:hover, .contactform .reqs:focus, .contactform .reqs:active, .contactform .reqs:hover{background-position: bottom; }

.contactform {width:auto; height:auto; background:none; margin:0; padding:0;}

#submit{background:url(img/sendsubmit1.png) no-repeat; height:36px; width:142px; font-size:14px; text-transform:uppercase;}

#submit a{ outline:0;}
#submit a:hover{ outline:0;}


/* Font Styles */
.italic {font-style:italic;}
.error{font-size:12px; font-weight:normal; color:#da4800;}
.norm{font-weight:normal;}


/* 404 */

.fourofourbg{background:#efefef !important;}

.clientoverview{padding-top:10px;}


/* Advert */

.contactribbon{position:absolute; top:0; left:0; display:block;}
.contactribbon:active{position:absolute !important; top:0 !important; left:0 !important; display:block;}

.visitclient{display:block; background:url(../Images/gotoweb.png) top left; width:92px; height:22px; color:#fff; line-height:22px; text-align:center;}
.visitclient:hover{background-position:bottom left; color:#fff; text-decoration:none;}