* {margin:0;padding:0;}
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%; text-align:center;}
body { 	font-family:Tahoma, "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; font-size:75%; background:#efefef url(graph/header.gif) repeat-x; text-align:center; }
h2 { font-size:1.5em; }
h3 { font-size:1.1em; font-weight:normal; }

#main {overflow:auto; width:960px; margin:0 auto;
	padding-bottom: 138px;}  /* must be same height as the footer */

img { border:none; }

#header { width:960px; height:138px; margin:0 auto; padding:0; text-align:left;}
#header h1.logo { display:block; width:437px; height:79px; margin:0; padding:0; position:absolute; top:55px; background:url(graph/sendiconline.png) no-repeat; text-indent:-10000px; }

#admin { float:right; /*background:url(graph/admin.gif) no-repeat;*/ margin-top:35px; width:245px; height:32px; color:#FFF; }
#admin .menu { list-style:none; margin:5px 0 0 82px; padding:0; }
#admin .menu li { display:inline; font-size:110%; margin-right:0; }
#admin .menu li a.email { display:block; float:left; background:url(graph/emailsms.png); width:71px; height:24px; text-indent:-10000px; margin:0; padding:0; }
#admin .menu li a.sms { display:block; float:left; background:url(graph/emailsms.png) right; width:71px; height:24px; text-indent:-10000px; margin:0; padding:0;  }

#menu { clear:right; padding:0; margin:0; }
ul#menu { padding-top:35px; font-size:10px; }
ul#menu li { display:inline; font-size:190%; height:39px; }
ul#menu li a { display:block; float:right; height:39px; padding:3px 10px 0 10px; color:#FFF; text-decoration:none; }
ul#menu li a:hover { background:url(graph/botaomenu.png) repeat-x; color:#333; }
ul#menu li a:active { background:url(graph/botaomenu.png) repeat-x; color:#333; }

#navegacao { border-bottom:#CCC 1px solid; padding:15px; color:#999; width:930px; }
p.titulo { float:left; }
span.destaque { color:#063; }
p.data { float:right; }
div.clear { clear:both; }
p.clientes {float:right; }

#footer { position: relative; background:url(graph/footer.gif) repeat-x; text-align:center; margin:0 auto;
	margin-top: -138px; /* negative value of footer height */
	height: 138px;
	clear:both;} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}



.widget {
	text-align:left;
	font-size:11px;
	font-family:Tahoma, Georgia, "Times New Roman", Times, serif;
	width:100%;
height:630px;
margin: 10px 0;
padding: 15px 0;
margin-bottom: 10px;
}

	.widget a {
	color: #222;
	text-decoration: none;
	}
	
	.widget a:hover {
	color: #009;
	text-decoration: underline;
	}
	
	ul.tabnav {
		margin-left:10px;
		font-size:75%;
	}

	.tabnav li {
	font-size:16px;
	font-family:Tahoma, Georgia, "Times New Roman", Times, serif;		
	display: inline;
	list-style: none;
	padding-left: 15px;
	}
	
	li.arrumar { padding-left:0; }
	
		.tabnav li a {
		background: url(bg.jpg) repeat-x #dedbd1;
		border-left:1px #dedbd1 solid;
		border-right:1px #dedbd1 solid;				
		text-decoration: none;
		text-transform: uppercase;
		color:#333;
		font-weight: bold;
		padding: 3px 26px;
		outline: none;
		}
		
		.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {
		background: url(bg-hover.jpg) repeat-x #dedbd1;
		border-left:1px #c1bdb6 solid;
		border-right:1px #c1bdb6 solid;		
		color:#000;
		text-decoration: none;
		}
		
	.tabdiv {
	margin-top: 2px;
	background: #fff;
	border: 1px solid #dedbd1;
	padding: 15px;
	}
	
		.tabdiv li {
		list-style-image: url("star.png");
		margin-left: 20px;
		}

.ui-tabs-hide {
		display: none;
		}

		#featuredvid {
		text-align: center;
		}
		
			.fvid {
			margin-bottom: 5px;
			}
		
			.vidselector li {
			text-align: left;
			list-style: none;
			padding: 5px;
			background: #ffffff;
			border: 1px solid #dedbd1;
			text-transform: uppercase;
			margin-bottom: 5px;
			}
			
.tab_titulo { float:right; }
.primeirop { clear:right; }
div.tabdiv p { text-indent:20px; line-height:25px; margin-bottom:10px; }

#servicos_mobile ul { list-style-type:none; }
#servicos_mobile li { padding-left:20px; background:url(graph/list.png) left no-repeat; }
#servicos_mobile img { margin-top:10px; }
#servicos_mobile { padding:65px 25px 25px 45px; background:#FFF url(graph/bg_servicos.png) left top no-repeat; margin:15px;  }

ul#redes { list-style:none; position:absolute; left:50%; margin-left:-480px; width:400px; text-align:left; top:45px; }
ul#redes li { display:inline; float:left; margin-right:6px; }
ul#redes li a.linkedin { background:url(graph/redes-bar.png) no-repeat 0 0; display:block; height:24px; width:24px; text-indent:-5000px; }
ul#redes li a.linkedin:hover { background:url(graph/redes-bar.png) no-repeat bottom left; display:block; height:24px; width:24px; text-indent:-5000px; }
ul#redes li a.facebook { background:url(graph/redes-bar.png) no-repeat -30px 0 ; display:block; height:24px; width:24px; text-indent:-5000px; }
ul#redes li a.facebook:hover { background:url(graph/redes-bar.png) no-repeat -30px -30px; display:block; height:24px; width:24px; text-indent:-5000px; }
ul#redes li a.flickr { background:url(graph/redes-bar.png) no-repeat -60px 0 ; display:block; height:24px; width:24px; text-indent:-5000px; }
ul#redes li a.flickr:hover { background:url(graph/redes-bar.png) no-repeat -60px -30px; display:block; height:24px; width:24px; text-indent:-5000px; }
ul#redes li a.twitter { background:url(graph/redes-bar.png) no-repeat -90px 0 ; display:block; height:24px; width:24px; text-indent:-5000px; }
ul#redes li a.twitter:hover { background:url(graph/redes-bar.png) no-repeat -90px -30px; display:block; height:24px; width:24px; text-indent:-5000px; }
ul#redes li a.youtube { background:url(graph/redes-bar.png) no-repeat -120px 0 ; display:block; height:24px; width:24px; text-indent:-5000px; }
ul#redes li a.youtube:hover { background:url(graph/redes-bar.png) no-repeat -120px -30px; display:block; height:24px; width:24px; text-indent:-5000px; }
ul#redes li a.msn { background:url(graph/redes-bar.png) no-repeat -150px 0 ; display:block; height:24px; width:24px; text-indent:-5000px; }
ul#redes li a.msn:hover { background:url(graph/redes-bar.png) no-repeat -150px -30px; display:block; height:24px; width:24px; text-indent:-5000px; }
ul#redes li a.skype { background:url(graph/redes-bar.png) no-repeat right top ; display:block; height:24px; width:24px; text-indent:-5000px; }
ul#redes li a.skype:hover { background:url(graph/redes-bar.png) no-repeat right bottom; display:block; height:24px; width:24px; text-indent:-5000px; }

#footer h2.left { clear:left; position:absolute; left:50%; margin-left:-480px; width:400px; text-align:left; top:75px; letter-spacing:5px; color:#CCC; }
#footer h3.left { color:#CCC; clear:left; position:absolute; left:50%; margin-left:-480px; width:400px; text-align:left; top:25px; letter-spacing:2px; }
#footer h3.right { color:#FFF; float:right; position:absolute; right:50%; margin-right:-480px; width:400px; text-align:right; top:25px; letter-spacing:2px; }
#footer p { color:#FFF; clear:right; position:absolute; right:50%; margin-right:-480px; width:400px; text-align:right; top:45px; letter-spacing:2px; }

div.logos { display:none; background-color:#FFF; clear:right; position:absolute; right:50%; margin-right:-480px; text-align:right;  top:52px; margin-top:20px; width:465px; background:url(graph/bg_empresas.png) no-repeat;}
div.logos img { margin-left:7px; margin-right:9px; }
a.mostrar { color:#FFF; }
a.mostrar:hover { color:#063; text-decoration:none; }
a.mostrar:visited { color:#FFF; text-decoration:none; }

#form-cont { float:left; padding:15px; margin:10px; background:#FFF; border:#CCC 1px solid; width:500px; text-align:left;}
#form-cont p { text-indent:15px; letter-spacing:0; line-height:22px; list-style-position:inside; text-align:justify }

#form-cont-reg { float:left; padding:15px; margin:10px; background:#FFF; border:#CCC 1px solid; width:650px; text-align:left; }
#form-cont-reg p, #form-cont-reg li { text-indent:15px; letter-spacing:0; line-height:22px; list-style-position:inside; text-align:justify }
#form-cont-reg h2 { margin:15px 0 10px 0; }
#informacoes { float:left; text-align:right; padding:15px; margin:10px 0 10px 0; background:#FFF; border:#CCC 1px solid; width:365px; }
#informacoes p { clear:right; padding:0; margin:0; }

#informacoes-reg { float:left; text-align:right; padding:15px; margin:10px 0 10px 0; background:#FFF; border:#CCC 1px solid; width:215px; }
#informacoes-reg p { clear:right; padding:0; margin:0; }

#form-cont p { margin:5px 0 5px 0; }
label
{
	padding-top:5px;
width: 7em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
font-size:20px;
}
label.nome { background:url(graph/form_nome.png) no-repeat right; text-indent:20em; }
label.mail { background:url(graph/form_mail.png) no-repeat right; text-indent:20em; }
label.fone { background:url(graph/form_fone.png) no-repeat right; text-indent:15em; }
label.msg { background:url(graph/form_msg.png) no-repeat right; text-indent:15em; }
input, textarea
{
	font-family:Calibri, Georgia, "Times New Roman", Times, serif;
	width:320px;
	background:url(graph/bg_form.jpg) repeat-x;
margin-left: 0.5em;
font-size:18px;
border:#CCC 1px solid;
padding:5px;
font-weight:100;
color:#0F664D;
}
input.enviar { float:right; margin:5px 15px 0 0; width:120px; padding:5px; }

p.nav { clear:both; text-align:center; padding:15px; }

a { color:#000; text-decoration:underline; }
a:hover { color:#063; text-decoration:none; }
a:visited { color:#063; text-decoration:underline; }

#slideshow { clear:both; width:100%; height:300px; }
/* --- Container configuration ---------------------------------------------------------- */
.viewport {
    border: 3px solid #eee;
    float: left;
    height: 140px;
    margin: 0 9px 9px 0;
    overflow: hidden;
    position: relative;
    width: 140px;
}

/* This is so that the 2nd thumbnail in each row fits snugly. You will want to add a similar
   class to the last thumbnail in each row to get rid of the margin-right. */
.no-margin {
    margin-right: 0;
}

/* --- Link configuration that contains the image and label ----------------------------- */
.viewport a {
    display: block;
    position: relative;
}

.viewport a img {
    height: 160px;
    left: -20px;
    position: relative;
    top: -20px;
    width: 160px;
}

/* --- Label configuration -------------------------------------------------------------- */
.viewport a span {
    display: none;
    font-size: 1.0em;
    font-weight: bold;
    height: 100%;
    padding-top: 120px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: 100%;
    z-index: 100;
}
    .viewport a span em {
        display: block;
        font-size: 0.45em;
        font-weight: normal;
    }

/* --- Dark hover background ------------------------------------------------------------ */
.dark-background {
    background-color: rgba(15, 15, 15, 0.6);
    color:#FFF;
    text-shadow: #000 0px 0px 20px;
}
    .dark-background em {
        color: #ccc;
    }
	
	.slide1_img { padding:10px; background-color:#EFEFEF; border:#D3D3D3 1px solid; margin-right:5px; margin-top:10px; }
	.slide1_img:hover { padding:10px; background-color:#D3D3D3; border:#CCC 1px solid; margin-top:10px; }