/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* Estilo das páginas */
.btn {
	padding: 0; background-color: #000; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -o-border-radius: 20px;display: inline-block;color: #FFF;
	}


/* ------------------------------------ TOPO ---------------------------------- */
#topolinha {
	border-bottom:2px dotted #000;
	}
#slogan{
	height: 60px;
	float:left;
	margin-right:10px;
	}
#slogan .tel{
	background:url(../img/base/tel.png) no-repeat 0px 0;
	width:120px;
	height:60px;
	padding-left:45px;
	padding-top:17px;
	float:left;
	}
#slogan .chat{
	background:url(../img/base/chat.png) no-repeat 0px 0;
	width:270px;
	height:60px;
	padding-left:68px;
	padding-top:17px;
	margin-left:25px;
	float:left;
	}
#menu{
	width: 100%;
	height: 45px;
	position:relative;
	background:url(../img/base/menu.png) no-repeat 0 0;
	float:left;
	margin-bottom:10px;
	margin-top:-60px;
	}
#menu li{
	position:absolute;
	list-style:none;
	}
#menu li a {
	display:block;
	text-decoration:none;
	width:100%;
	height:100%;
	}
.menu01,
.menu02,
.menu03,
.menu04,
.menu05{
	display:block;
	float:left;
	}
.menu01{
	margin-left:50px;
	width:80px;
	height:45px;
	}
.menu02{
	margin-left:150px;
	width:150px;
	height:45px;
	}
.menu03{
	margin-left:315px;
	width:180px;
	height:45px;
	}
.menu04{
	margin-left:510px;
	width:125px;
	height:45px;
	}
.menu05{
	margin-left:650px;
	width:120px;
	height:45px;
	}
.menu06{
	margin-left:790px;
	width:120px;
	height:45px;
	}
.menu01 a:hover{
	background:url(../img/base/menu.png) no-repeat;
	background-position:-50px -45px;
	}
.menu02 a:hover{
	background:url(../img/base/menu.png) no-repeat;
	background-position:-150px -45px;
	}
.menu03 a:hover{
	background:url(../img/base/menu.png) no-repeat;
	background-position:-315px -45px;
	}
.menu04 a:hover{
	background:url(../img/base/menu.png) no-repeat;
	background-position:-510px -45px;
	}
.menu05 a:hover{
	background:url(../img/base/menu.png) no-repeat;
	background-position:-650px -45px;
	}
.menu06 a:hover{
	background:url(../img/base/menu.png) no-repeat;
	background-position:-790px -45px;
	}
#logogrande {
	width: 100%;
	height: 200px;
	margin-top:-30px;
	position:relative;
	background:url(../img/base/logogrande.png) no-repeat -10px 0;
	}
#logogrande li{
	position:absolute;
	list-style:none;
	}
#logogrande li a {
	display:block;
	text-decoration:none;
	width:100%;
	height:100%;
	}
.logogrande01{
	display:block;
	width:100%;
	height:200px;
	}
.logogrande01:hover{
	background:url(../img/base/logogrande.png) no-repeat;
	background-position:-8px -208px;
	}
/* ------------------------------------ TOPO ---------------------------------- */



/* ------------------------------------ CONTENT ------------------------------------ */
.trab {
	width:100%;
	height:130px;
	background:url(../img/index/trab.png) no-repeat;
	margin-top:20px;
	}
.trab:hover{
	width:100%;
	height:130px;
	background:url(../img/index/trab.png) no-repeat 0px -130px;
	}
.trab2 {
	width:100%;
	height:65px;
	background:url(../img/index/trab2.png) no-repeat;
	margin-top:20px;
	}
.trab2:hover{
	width:100%;
	height:65px;
	background:url(../img/index/trab2.png) no-repeat 0px -80px;
	}
.cont {
	width:100%;
	height:65px;
	background:url(../img/index/contato.png) no-repeat;
	margin-top:20px;
	}
.cont:hover{
	width:100%;
	height:65px;
	background:url(../img/index/contato.png) no-repeat 0px -80px;
	}
.quem {
	height:62px;
	background:url(../img/index/quem.png) no-repeat;
	margin-right: 50%;
	}
.quem:hover{
	height:62px;
	background:url(../img/index/quem.png) no-repeat 0px -65px;
	}
.quem2 {
	height:313px;
	margin-top: 20px;
	background:url(../img/index/quembg.png) no-repeat;
	}
.quembg {
	width:100%;
	height:320px;
	background:url(../img/quem_somos/fundo.png) no-repeat;
	}
.alberto{
	width: 200px;
	height: 145px;
	margin: 100px 75px 70px 75px;
	padding-left: 130px;
	background:url(../img/index/alberto.jpg) no-repeat;
	}
.alberto:hover{
	background:url(../img/index/alberto.jpg) no-repeat 0px -145px;
	}
.alberto2{
	width: 200px;
	height: 145px;
	margin: 100px 75px 70px 0px;
	background:url(../img/index/alberto.jpg) no-repeat 40px 0px;
	}
.alberto2:hover{
	background:url(../img/index/alberto.jpg) no-repeat 40px -145px;
	}

.fabio{
	width: 200px;
	height: 145px;
	margin: 100px 75px 70px 75px;
	padding-left: 130px;
	background:url(../img/index/fabio.jpg) no-repeat;
	}
.fabio:hover{
	background:url(../img/index/fabio.jpg) no-repeat 0px -145px;
	}.fabio2{
	width: 200px;
	height: 145px;
	margin: 100px 75px 70px 0px;
	background:url(../img/index/fabio.jpg) no-repeat 40px 0px;
	}
.fabio2:hover{
	background:url(../img/index/fabio.jpg) no-repeat 40px -145px;
	}
.servicos {
	height: 64px;
	background: url(../img/index/servicos.png) no-repeat;
	}
.servicosbox1 {
	margin:20px 0px 0 0px;
	border-right: 2px dotted #000;
	height:750px;
	}
.servicobox{
	width: 200px;
	height: 220px;
	margin: 0px 0px 0px 5px;
	float: left;
	}
.servicos:hover{
	background: url(../img/index/servicos.png) no-repeat 0px -75px;
	}
.clientes{
	height: 65px;
	background: url(../img/index/clientes.png) no-repeat -30px 0;
	}
.clientes:hover{
	background: url(../img/index/clientes.png) no-repeat -30px -75px;
	}
.servicos a {
	display:block;
	text-decoration:none;
	width:100%;
	height:100%;
	}
.clientes a {
	display:block;
	text-decoration:none;
	width:100%;
	height:100%;
	}
.clientesboxin{
	width: 150px;
	height: 70px;
	float: left;
	margin:35px 0px 0px 60px;
	border:solid #000 1px;
	padding:4px 4px 4px 4px
	}
.internet, .branding, .fotografia, .impressos {
	display:block;
	}
.internet{
	display:block;
	background:url(../img/index/internet.png) top left;
	}
.internet:hover{
	display:block;
	background:url(../img/index/internet.png) -230px left;
	}
.branding{
	display:block;
	background:url(../img/index/branding.png) top left;
	}
.branding:hover{
	display:block;
	background:url(../img/index/branding.png) -205px left;
	}
.fotografia{
	display:block;
	background:url(../img/index/fotografia.png) top left;
	}
.fotografia:hover{
	display:block;
	background:url(../img/index/fotografia.png) -220px left;
	}
.impressos{
	display:block;
	background:url(../img/index/impressos.png) top left;
	}
.impressos:hover{
	display:block;
	background:url(../img/index/impressos.png) -205px left;
	}
.listra {
	width:100%;
	height:8px;
	border-bottom:dotted 2px #000;
	margin:10px 0 40px 0;
	float:left;
	}
/* ------------------------------------ CONTENT ------------------------------------ */
	
	
	
/* ------------------------------------ FOOTER ------------------------------------ */
.rodape {
	width:100%;
	height: 50px;
	border-top:2px dotted #000;
	padding:0px 0 10px 0;
	}
.rodapebox {
	border-right: 2px dotted #000;
	height:40px;
	margin-top:20px;
	padding:10px 20px 0px 20px;
	}
.esquerda {
	float:left;
	}
.direita {
	float:right;
	}
.margem10 {
	margin:0px 15px 10px 15px;
	}
.margem20 {
	margin:20px;
	}
.margem40 {
	margin:40px;
	}
.margemtopo40 {
	margin:40px 0 0 0;
	}
.margemtopo60 {
	margin:60px 0 0 0;
	}
.margemesquerda120 {
	margin:0 0 0 120px;
	}
#like {
	display: none;
	z-index: 10;
	position: fixed;
	right: -205px;
	top: 40%;
	width: 334px;
	height: 135px;
	background: transparent url('img/like.png');
	}
#like-content {
	margin-left: 120px;
	margin-top: 35px;
	}
#linhavertical {
	width:70px;
	height:350px;
	margin-left:70px;
	border-left: #000 dotted 2px;
	float:left;
	}
.campos:hover {
	background-color:#00a0d2
	}
.campos:focus {
	background-color:#00a0d2
	}

.camposmsg {width:300px; background-color:#ccc; height:60px; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; font-family:HelveticaNeueLTStd-Th, Helvetica, Arial, serif; font-size:14px; margin-bottom:20px; padding:5px 5px 5px 5px; border-style:none;}

.camposmsg:hover { background-color:#00a0d2}
.camposmsg:focus { background-color:#00a0d2}

#copyright {width:1000px; height:40px; float:left; text-align:center}

/* CADASTRO */

.campos {width:290px; background-color:#ccc; height:26px; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; font-family:HelveticaNeueLTStd-Th, Helvetica, Arial, serif; font-size:14px; margin-bottom:20px; padding:5px 5px 5px 5px; }

.campos:hover { background-color:#00a0d2}

.campos:focus { background-color:#00a0d2}

.camposbtn {width:70px; background-color:#333; height:26px; margin-top:5px;  font-family:HelveticaNeueLTStd-Th, Helvetica, Arial, serif; font-size:14px; padding:5px 5px 5px 5px}

.camposbtn:hover { background-color:#00a0d2}

.camposbtn:focus { background-color:#00a0d2}

select, checkbox  {font-family: "HelveticaNeueLTStd-Th", Helvetica, Arial, serif; font-size:18px; color:#000;; background-color:#CCC; vertical-align:top;width:200px; height:30px; border-style:none;}

.required {color: red;}

.btn {width:70px; background-color:#000; color:#FFF; height:26px; margin-top:5px; padding: 7px 5px 5px 5px; -webkit-border-radius: .9em; -moz-border-radius: .9em; border-radius: .9em; font-family:HelveticaNeueLTStd-Th, Helvetica, Arial, serif; font-size:14px; cursor:pointer; border-style:none}

.btn:hover {background-color:#00a0d2; color:#FFF; border-style:none}


/* CADASTRO fecha */



.padronizados-web{width:100%;margin:0px auto -10px auto;position:relative; background: rgba(128,34,153,1); padding-top:20px; border-top: 2px dotted #FFF}
.personalizados-web{width:100%;margin:0px auto -10px auto;position:relative; background: rgba(170,0,55,1); padding-top:20px; border-top: 2px dotted #FFF}
.fotografia-web{width:100%;margin:0px auto -10px auto;position:relative; background: rgba(144,203,0,1); padding-top:20px; border-top: 2px dotted #FFF}
.temandei-web{width:100%;margin:0px auto -10px auto;position:relative; background: rgba(255,78,52,1); padding-top:20px; border-top: 2px dotted #FFF}
.padronizados-web-frase{width:960px;height:102px;margin:auto;position:relative}
.software-web-frase-texto1{ font-family:"HelveticaNeueLTStd-Th";font-size:22px;color:#FFF; text-align:center}
.software-web-frase-texto2{font-family:"HelveticaLTStd-Light";font-weight:500;color:#FFF;font-size:32px;text-align:center;-webkit-transform:scale(1.1) translatey(-1px);transform:scale(1.1) translatey(-1px);text-shadow:-1px 1px 0 rgba(0,0,0,.9);}
software-web-facil-usar{background:url(../img/sitespadronizados/software-web-facil-usar.png);width:223px;height:59px;position: relative;top:-30px; z-index:200px; margin:0 auto ;}
.software-web-conteudo-slider{background: rgba(85,23,102,1) url(../img/sitespadronizados/fundoroxo.jpg) repeat-y center center; width:100%;height:565px;margin:0px auto 0px auto;position:relative; border-top: 2px dotted #FFF;}
.software-web-conteudo2-slider{background: rgba(146,0,47,1) url(../img/sitespersonalizados/fundovermelho.jpg) repeat-y center center; width:100%;height:565px;margin:0px auto 0px auto;position:relative; border-top: 2px dotted #FFF;}
.software-web-conteudo3-slider{background: rgba(72,102,0,1) url(../img/fotografias/fundoverde.jpg) no-repeat center center; width:100%;height:565px;margin:0px auto 0px auto;position:relative; border-top: 2px dotted #FFF;}
.software-web-conteudo4-slider{background: rgba(255,32,0,1) url(../img/temandei/fundolaranja.jpg) no-repeat center center; width:100%;height:565px;margin:0px auto 0px auto;position:relative; border-top: 2px dotted #FFF;}
.tabbed_content{width:938px;height:430px;margin:0 auto;position:relative;padding:10px 0 0}
.tabs{height:25px;position:relative;}
.tabs .moving_bg{padding:15px;background-image:url(../img/sitespadronizados/software-web-slider-arrow.png);height:20px;width:233px;position:absolute;z-index:190;left:0;padding-bottom:15px;background-position:bottom left;background-repeat:no-repeat}
.tabs .tab_item{display:block;float:left;padding:0;height:25px;color:#FFF;text-align:center;z-index:200;position:relative;cursor:pointer;font-family:"HelveticaNeueLTStd-Th";font-weight:30;font-size:22px}
.tabbed_content .slide_content{overflow:hidden;padding:20px 0 0;position:relative;width:960px;margin:auto}
.tabslider{width:5000px}
.software-web-slider-conteudo{-webkit-border-radius: 1.5em; -moz-border-radius: 1.5em; border-radius: 1.5em; background: rgba(85,23,102,.7); width:940px;float:left;margin:10px 0 0 0;padding:10px;position:relative; height:410px}
.software-web-slider-conteudo2{-webkit-border-radius: 1.5em; -moz-border-radius: 1.5em; border-radius: 1.5em; background: rgba(146,0,47,.8); width:940px;float:left;margin:10px 0 0 0;padding:10px;position:relative; height:410px}
.software-web-slider-conteudo3{-webkit-border-radius: 1.5em; -moz-border-radius: 1.5em; border-radius: 1.5em; background: rgba(72,102,0,.8); width:940px;float:left;margin:10px 0 0 0;padding:10px;position:relative; height:410px}
.software-web-slider-conteudo4{-webkit-border-radius: 1.5em; -moz-border-radius: 1.5em; border-radius: 1.5em; background: rgba(255,32,0,.8); width:940px;float:left;margin:10px 0 0 0;padding:10px;position:relative; height:410px}
.software-web-slider-texto1{width:900px;height:25px;font-size:20px;color:#FFF;text-align:center;margin:10px auto}
.software-web-slider-info{width:900px;margin:20px auto 0 auto}
.software-web-slider-info-c1{width:360px; height:350px;float:left;margin-left:30px;}
.software-web-slider-info-c1 .espaco0{ margin-top:0px;}
.software-web-slider-info-c1 .espaco2{ margin-top:20px;}
.software-web-slider-info-c1 .espaco4{ margin-top:40px;}
.software-web-slider-info-c1 .espaco6{ margin-top:60px;}
.software-web-slider-info-c1 .espaco8{ margin-top:80px;}
.software-web-slider-info-c1 .espaco10{ margin-top:100px;}
.software-web-slider-info-c1-foto{width:600px;float:left;margin-left:30px}
.software-web-slider-info-c2{width:510px; height:350px; float:left; margin:0 0 0 0}
.software-web-slider-info-foto-c2{width:250px; height:350px; float:left; margin:0 0 0 0}
.software-web-slider-info-item{background:url(../img/sitespadronizados/software-web-slider-item.png) no-repeat 6px 6px;display:block;padding:10px 0 10px 36px;border-bottom:1px dotted #FFF;font-family:"HelveticaNeueLTStd-Th";font-weight:500;color:#FFF;font-size:12px;text-shadow:-1px 1px 0 rgba(0,0,0,.9); letter-spacing:1px;}
.software-web-slider-info-item-foto{background:url(../img/sitespadronizados/software-web-slider-item.png) no-repeat 6px 6px;display:block;padding:0px 20px 10px 36px;border-bottom:1px dotted #FFF;font-family:"HelveticaNeueLTStd-Th";font-weight:500;color:#FFF;font-size:20px;text-shadow:-1px 1px 0 rgba(0,0,0,.9); letter-spacing:1px;}
.software-web-slider-info-ultimo-item{background:url(../img/sitespadronizados/software-web-slider-item.png) no-repeat 6px 6px;display:block;padding:10px 0 10px 36px;font-family:"HelveticaNeueLTStd-Th";font-weight:500;color:#FFF;font-size:12px;text-shadow:-1px 1px 0 rgba(0,0,0,.9); letter-spacing:1px;}
.software-web-slider-inf{width:900px;height:45px;margin:70px auto 0 auto}
.software-web-slider-inf-texto{font-family:"HelveticaNeueLTStd-Th";font-weight:500;color:#FFF;font-size:18px;text-shadow:-1px 1px 0 rgba(0,0,0,.9);float:left;width:570px;margin:10px 0 0}
.software-web-botao-orc a{background:transparent url(../img/sitespadronizados/software-web-boton-cotizacion.png) no-repeat;width:234px;height:44px;display:block;margin:0;float:left}
.software-web-botao-orc a:hover{background-position:0 -44px}
.header-disenoweb-margen{position:relative;width:1000px;height:110px;margin:0 auto;display:block}
/* ------------------------------------ FOOTER ------------------------------------ */


/* ------------------------------------ FACEBOOK CURTIR ------------------------------------ */
#curtir {
	z-index: 1000;
	position: fixed;
	left: 0px;
	bottom: 55%;
	width: 120px;
	height: 113px;
	}
#curtir .over {
	width:334px;
	height:113px;
	margin-left:-210px;
	float:left;
	background: url(../img/like.png) no-repeat;
	overflow:hidden;
	-webkit-transition:all 700ms ease-in-out;
	-moz-transition:all 700ms ease-in-out;
	-o-transition:all 700ms ease-in-out;
	transition:all 700ms ease-in-out;
	}
#curtir .over:hover {
	width:520px;
	height:336px;
	margin-left:0px;
	float:left;
	background: url(../img/like.png) no-repeat;  overflow:hidden; display:block;
	}
.curtir_btn { margin-left:35px; margin-top:63px
	}
/* ------------------------------------ FACEBOOK CURTIR ------------------------------------ */