/*
	@Autor: Cleber Paniago <cleber@diprotec.com.br>
	@Criação: 16/07/2015 12:06h
	@Descrição: CSS para reset dos atributos padrão no html e carregamento do topo visível do site no carregamento
*/


/* --- HTML Reset --- */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,header,section,footer,aside,article{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/* new clearfix */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

@viewport {
  width: device-width;
  zoom: 1;
}

article:after,div:after, ol:after, form:after, ul:after, dl:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}

body{
	font-family: 'Play', sans-serif;
	font-size:16px;
	color:#555;
}
/* --- FIM HTML Reset --- */




/* --- ESTILOS PADRÃO --- */

.spnazul1{	color:#275E8D;	font-size:20px; }
.spnazul2{	color:#275E8D;	font-size:22px; }
.spnazul3{	color:#275E8D;	font-size:26px; }

.spnacinza2{	color:#666;	font-size:22px; }

.spnbco4{	color:#FFF;	font-size:34px; }

.fright{ float:right; }
.fleft{	float:left; }

.mg1{ margin-top:5px;}
.mg2{ margin-top:10px;}
.mg3{ margin-top:15px;}
.mg4{ margin-top:20px;}
.mg5{ margin-top:25px;}
.mg6{ margin-top:30px;}

.mgr1{ margin-right:5px;}
.mgr2{ margin-right:10px;}
.mgr3{ margin-right:15px;}
.mgr4{ margin-right:20px;}
.mgr5{ margin-right:25px;}
.mgr6{ margin-right:30px;}
.mgr10{ margin-right:100px;}
.mgbot{ margin-bottom:20px;}


/* --- FIM ESTILOS PADRÃO --- */


#desc-solucoes h1{
  font-weight: bold;
}

/* --- BARRA SUPERIOR --- */

#tarja{
	width:100%;
	height:8px;
	background-color:#7fc555;
	float:left;
}

#ctn-barrasuperior{
	width:1130px;
	height:148px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}




#ctn-ctn-barrasuperior{
	width:100%;
	height:160px;

}
#ctn-ctn-barrasuperior2{
	width:100%;
	height:160px;
}


#logo{
	float:left;
	margin-top:20px;
}

#ctn-busca{
	float:right;
	width:50%;
	height:110px;
	margin-top:40px;
}

#ipt-busca{
	border:0px;
	background-color:#EEE;
	width:100%;
	height:100%;
}

#ipt-buscar{
	width:100%;
	height:100%;
	border:0px;
	background: url("../images/bt-sup.png") no-repeat transparent;
	background-position: 0 0;
}

#ipt-buscar2{
	width:100%;
	height:100%;
	border:0px;
	background: url("../images/bt-sup.png") no-repeat transparent;
	background-position: 0 0;
  background-size: 70px 24px;
}

#ctn-ipt-busca{
	float:right;
	width:420px;
	height:32px;
	background-color:green;
}

#ctn-ipt-btnbusca{
	float:right;
	width:32px;
	height:32px;
}

#ctn-ipt-busca2{
	float:right;
	width:250px;
	height:24px;
  margin-top:9px;
}

#ctn-ipt-btnbusca2{
	float:right;
	width:24px;
	height:25px;
  margin-top:9px;
}


#spn-you{
	width:32px;
	height:32px;
	background: url("../images/bt-sup.png") no-repeat;
	background-position: -32px 0;
	margin-left:10px;
	float:right;
}

#spn-in{
	width:32px;
	height:32px;
	background: url("../images/bt-sup.png") no-repeat;
	background-position: -64px 0;
	margin-left:10px;
	float:right;
}

.rleft{
	border-left:0px solid green;
	/* Trocado de 2 para 0 para ocultar linhas */
	padding-left:20px;
}


/* --- FIM BARRA SUPERIOR --- */

/* --- MENU INDEX --- */

#menuindex{
	width:100%;
	height:490px;
	/*background: url("../images/bg1.jpg") no-repeat center;*/
	background: no-repeat center;
  float:left;
}

#ctn-menuindex{
	width:1300px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}

#ctn-menuindexa, #ctn-menuindexc,#ctn-menuindexd,#ctn-menuindexb{
	width:480px;
	margin-top:20px;
	height:97px;
	float:right;
	cursor:pointer;

  -webkit-transition: all 0.4s ease;
   -moz-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;

}

#ctn-mmm{
    width:100%;border-top:15px solid #DDD;border-bottom:15px solid #DDD; display:none;
}
#ctn-mmm p{
    width:100%;
    font-size: 18px;
    text-align: center;
    color:#004575;
}

#menum{
  display:none;
}

#l1, #l2, #l3, #l4, #l5, #l6, #l7, #l8 { width:100%; height: 28px; background-color: #DDD; cursor:pointer; padding-top:7px;}
#l1:hover, #l2:hover, #l3:hover, #l4:hover, #l5:hover, #l6:hover, #l7:hover, #l8:hover { background-color: #CCC; }



#ctn-menuindexa{
	background: url("../images/menu.png") no-repeat, url("../images/bg.png");
}

#ctn-menuindexa:hover,#ctn-menuindexb:hover,#ctn-menuindexc:hover,#ctn-menuindexd:hover{
  width: 520px;
}

#ctn-menuindexb{
	background: url("../images/menu.png") 0 -97px no-repeat, url("../images/bg.png");
}

#ctn-menuindexc{
	background: url("../images/menu.png") 0 -195px no-repeat, url("../images/bg.png");
}

#ctn-menuindexd{
	background: url("../images/menu.png") 0 -291px no-repeat, url("../images/bg.png");
}

#ctn-menuindexa:hover{

}

#ctn-menuindexf{
	width:400px;
	margin-bottom:20px;
	height:468px;
	float:right;
}

#ctn-menuindexe,#ctn-menuindexg,#ctn-menuindexh,#ctn-menuindexi{
	width:470px;
	margin-top:20px;
	float:right;
	background: url("../images/bg.png");
	display:none;
	height:448px;

}

#ctn-menuindexi{
	width:530px;
	height:285px;
	margin-top:183px;
}

#ctn-menuindexh{
	width:305px;
	height:235px;
	margin-top:70px;
}

#ctn-menuindexg{
	width:470px;
	height:212px;
	margin-top:195px;
}

#ctn-menuindexe{
	width:480px;
	height:380px;
}



#mousehover{
	width:auto;float:right;
}

/* --- FIM MENU INDEX --- */


/* --- MENU INF --- */

#ctn-barrainf{
	width:700px;
	height:60px;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	margin-bottom:35px;
}

#linka,#linkb,#linkc,#linkd,#linke{
	width:33%;
	height:100%;
	float:left;
	text-align:center;
	cursor:pointer;
}

#btnorcam{
	cursor:pointer;
}

.linkap{
	font-size:18px;
	color:#00427A;
	width:100%;
}

#lk1{ background: url("../images/icos-peq.png") no-repeat; width:27px; height:26px; margin-left:auto;margin-right:auto; margin-bottom:10px; }
#lk2{ background: url("../images/icos-peq.png") no-repeat; background-position: -27px 0; width:27px; height:26px; margin-left:auto;margin-right:auto; margin-bottom:10px; }
#lk3{ background: url("../images/icos-peq.png") no-repeat; background-position: -54px 0; width:27px; height:26px;margin-left:auto;margin-right:auto;  margin-bottom:10px; }
#lk4{ background: url("../images/icos-peq.png") no-repeat; background-position: -81px 0; width:27px; height:26px; margin-left:auto;margin-right:auto; margin-bottom:10px; }
#lk5{ background: url("../images/icos-peq.png") no-repeat; background-position: -108px 0; width:27px; height:26px;margin-left:auto;margin-right:auto; margin-bottom:10px; }
#lk6{ background: url("../images/icos-peq.png") no-repeat; background-position: -54px 0; width:27px; height:26px; margin-bottom:10px; margin-right:10px; }
#lk7{ background: url("../images/icos-peq.png") no-repeat; background-position: -81px 0; width:27px; height:26px; margin-bottom:10px; margin-right:10px; }


/* --- FIM MENU INF --- */


#toTop {
	width:4em;
	height:2em;
        text-align:center;
        padding:0.6em;
        position:fixed;
       top:auto;
		top:-0em;
        right:1.2em;
        cursor:pointer;
        display:none;
}

#toTop p{
	 color:#275E8D;
       font-weight:bold;
        font-size:1.4em;
	line-height:1.2em;
	margin-top:0em;
}
/*
.fixar {
    position:fixed;
    margin-top: -160px !important;
}

.fixar2{

}
.displaynone{
  display: none;
}
.displayblock{
  display: block;
}

.fixar #logo{
	float:left;
	margin-top:5px;
  -o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
width:150px;
}

.fixar #ctn-ctn-barrasuperior{
  height:100px !important;
  background-color: #FFF !important;
}
.fixar #ctn-barrasuperior{
  height:100px !important;background-color: #FFF !important;
}
*/
#menusup{
position: fixed;
width:100%;
height:64px;
background-color:#FFF;
	top: 0;
	z-index: 99;
	display:none;
  border-top: 4px solid #9dcd54;
}

#menusupint{
	width:1200px;
			margin-left:auto;
	margin-right:auto;
}

#logomin{
	float:left; margin-right:50px;margin-top:4px;
}


#menusupint ul{
	float:left;
	margin-top:11px;
  background-color: green;
  height:40px;
}

.links{
  float:left;
  margin-top:21px;vertical-align: middle;
}
.linksdif{
  float:left;
vertical-align: middle;
  background-color: #9dcd54;
  width:160px;
  height:64px;
  padding-left:30px;
}

.linksdif img{
  position:absolute;  margin-top:-1px;
}
.linksdif a{
  margin-left: 30px;
  margin-right: 75px;
  color:#FFF !important;
}



.links img{
  position:absolute;  margin-top:-5px;
}
.links a{
  margin-left: 35px;
  margin-right: 65px;

}

#menusup a{ text-decoration:none; color:#275E8D; font-size:13px; font-weight:bold;}


#selo1{margin-top:20px !important;margin-left:60px;}

@media screen and (min-device-height: 1024px) {
  #ctn-barrasuperior{
  	height:220px;
  }
  #logo{
  	margin-top:50px;
  }
  #ctn-busca{
    margin-top:70px;
  }
  #ctn-barrainf{
    margin-top:80px;
  }
  #selo1{margin-top:52px !important;margin-left:60px;}
}

/* Validador de E-mail */

#campoExtra{
	visibility: hidden;
}