@charset "UTF-8";
/* 
 *
 * erlog
 *
 */
body, html {
	background: black url('../_img/bg.png');
	font: 24px/34px Helvetica,Arial,sans-serif;
	text-align: center;
}
section {
	text-align: left;
	min-height: 650px;
	padding: 100px 0;
	position: relative;
    padding-bottom: 49px;
    background: url(../_img/bg_section.png) top center no-repeat;
}
section#home {
	padding: 0 0 50px 0;
    margin: 0 19px;
}
section#footer{
	min-height: 0;
	padding: 10px 0;
	border-bottom: none;
    margin: 0 19px
}
section#contact{
	border-bottom: none;
    margin: 0 19px
}
#wrapper {
	margin: 0 auto;
	width: 880px;
}
#skip, .topLink{
	display: none;
}
img {
}
label,input[type=button],input[type=submit],button {
	cursor: pointer
}
#logo {
	margin: 0 0 100px 0;
	width: 100%;
	height: 172px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background-repeat: none;
}
#logo a {
	border: 0;
	margin: 0 auto;
	width: 763px;
	height: 172px;
	display: block;
	background: transparent url('../_img/logo.png') no-repeat center top;
}

.greyBox{
	padding: 20px;
	background: rgba(255, 255, 255, 0.04);
	margin: 20px 0;
}
/*
 *
 * typo
 *
 */

h2 {
	color: #ff6600;
	text-transform: uppercase;
	font: 24px/60px 'Ubuntu Condensed', sans-serif;
}

#home h2 {
	color: #f60;
	margin-top: 124px;
	margin-bottom: 7px !important;
	font: 30px/50px 'Ubuntu Condensed', sans-serif;
	font-weight: bold;
	text-shadow: 0 -2px 0 rgba(0, 0, 0, 0.7);
	-webkit-font-smoothing: antialiased;
}
#home h3 {
	font: 18px/20px sans-serif;
}

h3{
	color: white;
	font: 16px/20px sans-serif;
	font-weight: bold;
	margin-bottom: 10px !important;
}
p, a, blockquote, li{
	font: 16px/20px sans-serif;
	padding: 10px 10px 0 0;
	color: #666666;
}
blockquote{
	background: rgba(255, 255, 255, 0.04);
	min-height: 284px;
	padding: 30px 20px;
}
blockquote span{
	font: 18px/22px serif;
}
ul li {
	font: 16px/22px 'Ubuntu Condensed', sans-serif;
	margin-bottom: 10px;
}
.action{
	display: inline-block;
	float: right;
	background: url('../_img/i_arrows.png') left 18px no-repeat;
	padding-left: 15px;
	text-decoration: none;
}
/*
 *
 * home
 *
 */


/*
 *
 * about
 *
 */
section#about {
  margin: 0 19px;
}
section#about .action{
	float: none;
}
section#about .colW1{
	width: 570px;
	float: left;
}
section#about h2.ipucs a{
	width: 214px;
	height: 89px;
	display: block;
	text-indent: -999px;
	float: left;
	background: url('../_img/logo_ipucs.png') top left no-repeat;
	margin-top: 50px;
}
.tabs{
	float: right;
	width: 260px;
}
.tabs p{
	background: rgba(255, 255, 255, 0.04) url('../_img/bg_bloqueAutor.png') top left no-repeat;
	padding: 24px 20px 10px 20px;
	font-size: 15px;
	line-height: 20px;
}
.tabs ul{
	position: relative;
	width: 260px;
	height: 420px;
}
.tabs li{
	position: absolute;
	left: 0px;
	top: 0px;
	list-style: none;
}
.tabs li.numeral{
	position: relative;
	display: inline;
	top: 390px;
	padding: 0;
	margin: 0;
	width: auto;
	height: auto;
	left: 190px;
}
.tabs li.numeral a{
	text-decoration: none;
	padding: 0 4px 0 0;
}
.tabs li.numeral a.active{
	color: #ff6600;
}
/*
 *
 * services
 *
 */
section#services h2{
  margin: 0 19px;
}
section#services > p {
	margin: 0 19px 10px 19px;
}

#inetwork h3, #ucs h3,
#dev h3 , #server247 h3 {
    margin: 0px !important;
}

#work .clientLogos{
	overflow: hidden;
	width: 100%;
	padding-top: 10px;
}
#work .clientLogos li{
	float: left;
	clear: none;
	margin: 0 16px;
}
.servicew {
  padding: 0 19px 19px 19px;
  background: rgba(255, 255, 255, 0.04); /*#f5f5f5;*/
}

/*section#services > div  */
.servicew  > div {
	float: left;
	width: 195px;
	padding: 0 20px 0 0;
}
.servicew  > div:last-child {
	padding-right: 0;
}

.servicew:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

section#services > div h3{
	min-height: 45px;
    background: url(../_img/h3spacer.png) 0px bottom no-repeat;
}
div.image {
	width: 200px ;
    height: 80px;
    margin: 0 auto;
}

#inetwork div.image  {
  background: url(../_img/rede-icon.png) top left;
  width: 197px;
}

#ucs div.image  {
  background: url(../_img/chat-icon.png) top left;
  width: 197px;
}

#dev div.image  {
  background: url(../_img/code-icon.png) top left;
  width: 197px;
}

#server247 div.image  {
  background: url(../_img/247-icon.png) top left;
  width: 197px;
}

#helpdesk {
  background: url(../_img/bg_helpdesk.png) center center no-repeat;
  text-align: center;
  text-transform: uppercase;
}
#helpdesk p{
  font-size: 14px;
}
/*
 *
 * work
 *
 */
section#work {
  margin: 0 19px;
}
#work h3{
	display: none;
}
#workImages {
	position: absolute;
	right: 0;
	top: 138px;
	height:426px;
	width: 504px;
}
#workImages img{
	position: absolute;
	top: 0;
	right: 0;
}
#work > ul > li {
	list-style: none;
	clear: both;
	display: block;
}
#work li li {
	list-style-image: url('../_img/bullet.png');
	margin: 0 0 0 182px;
	padding: 0 0 2px 0;
	font: 15px/17px 'Ubuntu Condensed', sans-serif;
}

#work li.project p {
	font: 14px/16px 'Ubuntu Mono', sans-serif;
}

#work li.project img {
	float: left;
	margin-right: 15px;
}


/*
 *
 * IPUCS
 *
 */
section#ipucs {
  margin: 0 19px;
}
#ipucs .ipucsorg{
	display: block;
	position: absolute;
	top: 360px;
	right: 20px;
}
#ipucs .greyBox p{
	width: 395px;
}
#ipucs ul.first{
	width: 395px;
	margin-left: 20px;
	list-style: none;
}
#ipucs ul.first li{
	background: url(../_img/bullet.png) left 9px no-repeat;
	text-indent: 10px;
	padding: 0;
}
#ipucs ul.second{
	overflow: hidden;
	list-style: none;
	margin-top: 10px;
}
.byTheWay{
	margin-left: 20px;
	color: white;
}
#ipucs ul.second li{
	float: left;
	width: 400px;
	background: url(../_img/bullet.png) left 9px no-repeat;
	text-indent: 10px;
	padding: 0;
}
#ipucs ul.second li.odd{
	clear: left;
	margin: 0 20px;
}
/*
 *
 * contact
 *
 */
input {
	-webkit-appearance: none
}
div.vcard{
 	float: left;
 	margin: 12px 60px 0 0;
 	background: rgba(255, 255, 255, 0.04);
 	padding: 10px;
 	min-height: 289px;
}
.vcard a{
	text-decoration: none;
}
.vcard .url{
	display: none;
}
.street-address{
	display: block;
}
form {
	float: left;
}
form ul{
	list-style: none;
}
form label {
	display: none;
}
form input, form textarea{
	background-color: rgba(255, 255, 255, 0.1);
	border: none;
	padding: 10px 6px;
	color: white;
	width: 260px;
	resize: none;
	font-family: Helvetica,Arial,sans-serif;
}
form textarea{
	width: 400px;
	height: 120px;
}
form input[type="submit"]{
	width: auto;
	background: rgba(255, 255, 255, 0.1) url('../_img/i_arrows.png') 6px 14px no-repeat;
	padding-left: 20px; 
	text-transform: uppercase;
	cursor: pointer;
}
form #honey{
	display: none;
}


/*
 *
 * nav
 *
 */


#nav {
	width: 100%;
	position: absolute;
	z-index: 999;
	top: 146px;
	font-family: 'Ubuntu Condensed', sans-serif;
	background: url('../_img/bg_nav.png') top left repeat-x;
	text-align: center;
}
#nav span.brand{
	opacity:0;
	width: 350px;
	height: 198px;
	position: absolute;
	margin-left: -622px;
	top: 0;
	left: 50%;
	background: url('../_img/bg_brand.png') top left no-repeat;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}
#nav.sticked span.brand{
	opacity:1;
}
#nav ul {
	text-align: center;
	display: inline-block;
	margin: 0 auto;
	padding-top: 36px;
	height: 30px;
	width: 555px;
	background: url('../_img/bg_navUlShadow.png') center top no-repeat;
}
#nav li {
	float: left;
	padding: 0;
}
#nav a {
	font-size: 18px/18px 'Ubuntu Condensed', sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: white;
	padding: 5px 12px 0;
	height: 30px;
	display: block;
	background: rgba(255, 255, 255, 0.01);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-font-smoothing: antialiased;
}
#nav a:focus {
	outline: 0;
}
#nav a:hover {
	background:#333;
	background:rgba(255,255,255,0.1);
	padding:5px 12px 0;
	height:25px
}
#nav a:active {
	color:#f39200
}
#nav a.selected {
	height: 37px;
	padding: 5px 12px 5px;
	/*background: #ff6600;*/
	background: transparent url('../_img/bg_navActive.png') left top no-repeat;
	-webkit-transition:none !important;
	-moz-transition:none !important;
	transition:none !important;
}

div.imagem {
	background: url(/sombra.png) top leftr no-repeat;
	top: 25px;
	left: 20px;
}

#footer a{
	text-decoration: none;
}


section#home {
	background: none;
}

@media screen and (max-width: 600px) {
	.topLink{
		display: block;
	}
	#ipucs h2, #home h2{
		line-height: 25px !important;
	}
	#wrapper {
		width: auto;
	}
	section {
		min-height: inherit;
		
	}
	section#about .colW1 {
		width: auto;
		float: none;
	}
	.tabs, .tabs ul, blockquote {
		float: none;
		width: auto;
		min-width: inherit;
		height: auto;
		min-height: inherit;
	}
	.tabs{
		display: none;
	}
	
	section#about h2.ipucs a{
		float: none;
	}
	.servicew > div{
		float: none;
		width: 100%;
	}
	.servicew > div .image{
		display: none;
	}
	#workImages, #ipucs .ipucsorg {
		display: none;
	}
	.action, form, div.vcard {
		float: none;
	}
	#ipucs ul.second li {
		float: none;
		width: auto;
		margin-left: 20px;
	}
	#logo a{
		width: 100%;
	}
	
	#nav {
		width: 100%;
		position: relative;
		top: 0;
		background: none;
	}
	#nav ul{
		padding-top: 0;
		height: auto;
		width: 100%;
		background: none;
	}
	#nav li{
		float: none;
		margin: 0;
	}
	#nav a{
		height: auto;
		-webkit-transition: none;
		-moz-transition: none;
		transition: none;
		display: block;
		background: rgba(255, 255, 255, 0.05);
		border-bottom: 1px solid rgba(0, 0, 0, 0.3);
		border-top: 1px solid rgba(255, 255, 255, 0.1);
	}
	#nav a:hover {
		height: auto;
	}
	#nav a.selected{
		background: none;
	}
	#home h2{
		margin-top: 0;
	}
	#logo{
		margin-bottom: 0;
	}
	#skip{
		display: block;
		margin-bottom: 5px;
	}
	form textarea, form input{
		width: 90%;
	}
	div.vcard{
		min-height: inherit;
	}
	#footer{
		display: none;
	}
	#ipucs .greyBox p{
		width: auto;
	}
	#ipucs ul.first{
		width: auto;
	}
	.clientLogos{
		display: none;
	}
	#logo a{
		background: transparent url('../_img/logo_erlog_br.png') no-repeat left 30px;
	}
}
@media all and (orientation:portrait) {
	label.error{
		display: block;
	}
}
@media all and (orientation:portrait) {
	label.error{
		display: block;
	}
}