/* Global properties ======================================================== */
html, body {width:100%; padding:auto; margin-left:auto;}
.cont { margin:0 auto; text-align:left; /* "remédio" para o hack do IE */}
body { 	 
	font: 12px/22px Calibri; 
	color:#07284f;
	min-width:1264px;
	background-image:url(../images/back.png);
}
.topidiomas { width:1000px; height:26px;}
.topidiomas span { font-size:14px; color:#FFF; line-height:23px; padding-left:850px; top:10px;}
.topidiomas img { padding:3px 0 0 1px;}


/*********************************header*************************************/
header {width:100%; height:180px; margin:0 auto; z-index:101; padding:3px 0 12px 0;}
.menu-wrapper {width:100%; height:160px; padding-top:30px;}
.menu-wrapper img { margin:-23px 0 0; }
.menucafe { margin:-93px 0 0 720px; position:absolute;}
.logos { margin:-85px 0 0 440px; position:absolute;}
.main img {margin-top:0px; margin-left:60px;}
h1 {display:inline-block; z-index:100; float:left; }

.menu-wrapper nav { width:800px; height:12px; margin:10px 0px; z-index:100; padding:0px 0px 11px 0px; }

.menu-wrapper nav ul.menu {display:inline-block;}
.menu-wrapper nav ul.menu li {float:left;}
.menu-wrapper nav ul.menu li .menu1 { width:140px; height:37px;}
.menu-wrapper nav ul.menu li .menu2 { width:120px; height:37px;}
.menu-wrapper nav ul.menu li .menu3 { width:230px; height:37px;}
.menu-wrapper nav ul.menu li .menu4 { width:130px; height:37px;}
.menu-wrapper nav ul.menu li .menu5 { width:120px; height:37px;}
.menu-wrapper nav ul.menu li a {font-size:25px; font-family:Monotype Corsiva; text-align:center; line-height:36px; color:#FFF; background-color:#1c537c; display:inline-block; letter-spacing:-1px; text-decoration:none; }
.menu-wrapper nav ul.menu li a:hover { background-color:#C2E2FA !important; color:#377fb6; font-weight:bold;} 
.menu-wrapper nav ul.menu li.active a { background-color:#C2E2FA; color:#377fb6; font-weight:bold;} 


/*********************HOME*********************/

		     .image_carousel {
           margin-left: 10px;
           margin-right: 43px;

            position: relative;
            float: left;
          }
          .image_carousel img {
            border: 1px solid #ccc;
            background-color: white;
            margin-left: 2px;
            display: block;
            float: left;
          }
          .image_carousel a.prev, .image_carousel a.next {
            
            width: 22px;
            height: 152px;
            display: block;
            position: absolute;
            top: 0px;
          }
          .image_carousel a.prev {      left: -10px;
                    background: url(../images/setavai.png)  transparent;; }
          
          .image_carousel a.next {      left: 570px;
                    background: url(../images/setavem.png)  transparent; }
          
          .image_carousel a.prev span, .image_carousel a.next span {
            display: none;
          }
        
            .maquinaimg{padding-bottom: 20px;}


 		#curtir{
          float: left; 
          padding-left: 20px;
        }
        #bemvindo{
          float: left;
        }
        #face{
          background-color: white; 
           height: 177px !important;
            width: 240px !important;
           border-bottom: 5px solid white !important;
        }
       

        #video{
        	float: right;
        	width: 220px !important;
        	height: 183px !important;
        }




/****************************Conteudo A Empresa************************/

.grupoempresa { display: inline-block; padding:0px; margin: -2px !important; width: 30%;}
.empresas{position: relative; left: 30px; padding-top: 20px; padding-bottom: 30px;}
.container1{padding-top: 25px;}
.container1 .grid_1 img { float:left; margin:30px 30px 0;}
.texto{
	width: 800px;
	padding-left: 50px;
}

.container1 .grid_1 div { width:240px; float:right; margin:20px 0px 0;font-size:14px; color:#377fb6;}
.container1 .grid_1 div div { margin:0px 0 0;}
.container1 .grid_2 div { margin:10px 0px 0; font-size:14px !important;  text-align:justify; font-family:Tahoma, Arial, Helvetica, sans-serif; line-height: 18px;}

.container1 .grid_1 div div a.id1 { margin:-20px -30px 0; float:left;}
.container1 .grid_1 div div a.id2 { margin:-20px 1px 0; float:right;}
.container1 .grid_1 div div a.id3 { margin:-12px 1px 0; float:right;}
.container1 .grid_1 div div a.id4 { margin:-12px -30px 0; float:left;}
.galeriaspc { margin:35px; 0 0;}

.container1 .grid_2 .text_empresa { width:840px; margin:10px 30px 0; font-size:18px; color:#377fb6; text-align:justify;}
.container1 .grid_2 .text_empresa span { font-style:italic;}




/****************************Conteudo Produtos************************/

.container3 .maquinas {
	width:900px;
	height:200px;
	margin:-20px 30px 0;
	background-image:url(../images/maquinasback.png);	
	}
.container3 .maquinas h1 {
	font-size:21px; color:#377fb6;
	font-weight:bold;
	margin:5px 410px 0;	
}
.container3 .maquinas .box {
	width:362px;
	height:95px;
	margin-top:20px;
	padding:7px 20px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#07284f;
	float:left;
	border-radius:3px;
	border-width: 1px;
	border-style: solid;
	border-color: #c2e2fa;
}

.container3 .maquinas .box2 {
	width:300px;
	height:33px;
	margin:20px 0 0;
	padding:10px 80px 0;
	float:right;
	font-size:21px;
	font-family:Calibri;
	font-weight:bold;
	color:#fff;
	background-color:#377fb6;
}
.container3 .maquinas .box3 {
	width:470px;
	height:61px;
	background-image:url(../images/maquinasbox.png);
	background-repeat:no-repeat;
	margin:0 -10px 0;
	float:right;
}
.container3 .maquinas .box3 .comodato{
	font-size:21px;
	font-family:Calibri;
	font-weight:bold;
	color:#377fb6;
	line-height:60px;
	padding-left:65px;
}
.container3 .maquinas .taxa {
	font-size:21px;
	font-family:Calibri;
	font-weight:bold;
	color:#377fb6;
	line-height:60px;
	padding-left:90px;
}
.container3 .maquinas img{
	margin:20px 100px 0;
}
.container3 .tabs {
    position: relative;
	padding-top: 20px;
	width: 920px;
}

.container3 .tabs input {
	position: absolute;
	z-index: 1000;
	width: 224px;
	height: 34px;
	left: 0px;

	top: 0px;
	opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	cursor: pointer;
}
.container3 .tabs input#tab-2{
	top: 40px;
}
.container3 .tabs input#tab-3{
	top: 80px;
}
.container3 .tabs input#tab-4{
	top: 120px;
}
.container3 .tabs input#tab-5{
	top: 240px;
}
.container3 .tabs input#tab-6{
	top: 480px;
}

.container3 .tabs label {
	background-image:url(../images/backmenuproud.png);
	font-size: 16px;
	font-family:Tahoma;
	line-height: 35px;
	height: 37px;
	position: relative;
	padding: 0 39px;
	display: block;
	width: 145px;
	color: #377fb6;
	text-align: left;
	float: right;
	clear: both;
}

.container3 .tabs label:after {
    content: '';
	background: #fff;
	position: absolute;
	right: -2px;
	top: 0;
	width: 2px;
	height: 100%;
}

.container3 .tabs input:hover + label {
	background-image:url(../images/backselectproud.png);
	color:#FFF;
}

.container3 .tabs label:first-of-type {
    z-index: 6;
}

.container3 .tab-label-2 {
    z-index: 5;
}

.container3 .tab-label-3 {
    z-index: 4;
}

.container3 .tab-label-4 {
    z-index: 3;
}

.container3 .tab-label-5 {
    z-index: 2;
}
.container3 .tab-label-6 {
    z-index: 1;
}
.container3 .tabs input:checked + label {
    background-image:url(../images/backselectproud.png);
	color:#FFF;
	z-index: 6;
}

.container3 .clear-shadow {
	clear: both;
}

.container3 .content {
    background: #C2E2FA;
	position: relative;
	width:684px;
	height: 260px;
	z-index: 5;
	font-family:Verdana, Arial, Helvetica, sans-serif; line-height: 20px;
	margin:-210px -0px 0;
	margin-bottom: 50px; 
	font-size:12px !important; 
	color:#07284f; 
	overflow: hidden;
}

.estilo-select {
    overflow: hidden;
    width: 375px;
    height: 50px;

}
.estilo-select select {
background: url(select.png) no-repeat right;
background-color: #377fb6;
background-position: 242px;
width: 370px;
padding: 7px;
position: relative;
bottom: 20px;
font-weight: bold;
color: white;

height: 34px;
-webkit-appearance: none;
border: 1px solid #377fb6;
margin-left: 93px;
}

.menor{font-size:16px;
line-height:100%;
}

.container3 .ha {
	height: 880px;
	margin:-200px -0px 0 !important; 
}

.ha p{padding-left: -20px !important;}
.container3 .content div {
    position: absolute;
	top: 0;
	width:660px;
	padding: 5px 10px 0;
	z-index: 1;
    opacity: 0;
    -webkit-transition: all linear 0.5s;
    -moz-transition: all linear 0.5s;
    -o-transition: all linear 0.5s;
    -ms-transition: all linear 0.5s;
    transition: all linear 0.5s;
}

.container3 .content div img {
	float:left;
}
.container3 .content div p{
padding:35px 0 0;
width:480px;
float:right;
text-align: justify;
}

.container3 .ha div p{
width:600px;
text-align: justify;
}


.container3 .glu {
top: 10px;
left: 30px;
height: 1060px;
width: 900px !important;
background-color: transparent;

}



.container3  p {
	width: 100px;
	font-size: 14px;


}



.tab2{
	position: relative;
	right: 670px;
}

.baixa{

	position: relative;
	top: -560px;
	left: 27px;
	height: 1px;
}

.container3 .content div{
	-webkit-transform: translateY(-450px);
	-moz-transform: translateY(-450px);
	-o-transform: translateY(-450px);
	-ms-transform: translateY(-450px);
	transform: translateY(-450px);
}


.container3 .tabs input.tab-selector-1:checked ~ .content .content-1,
.container3 .tabs input.tab-selector-2:checked ~ .content .content-2,
.container3 .tabs input.tab-selector-3:checked ~ .content .content-3,
.container3 .tabs input.tab-selector-4:checked ~ .content .content-4,
.container3 .tabs input.tab-selector-5:checked ~ .content .content-5,
.container3 .tabs input.tab-selector-6:checked ~ .content .content-6,
.container3 .tabs input.tab-selector-7:checked ~ .content .content-7,
.container3 .tabs input.tab-selector-8:checked ~ .content .content-8 {
    -webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-o-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);

    z-index: 100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all ease-out 0.3s 0.3s;
    -moz-transition: all ease-out 0.3s 0.3s;
    -o-transition: all ease-out 0.3s 0.3s;
    -ms-transition: all ease-out 0.3s 0.3s;
    transition: all ease-out 0.3s 0.3s;
}

.container3 .content div h2,
.container3 .content div h3{
	color: #398080;
}

/****************************Conteudo Contato************************/
.container2 .grid_1 img { margin:30px 30px 0;}
.container2 .grid_3 { font-size:18px; color:#377fb6; margin:30px 30px 0; }
.container2 .grid_3 span { font-size:24px; font-weight:bold;}

/****************************Grid Contato************************/
.container2 .grid_2 form { margin: 30px 0 0px 30px; width:375px; }
.container2 .grid_2 label { font-size:18px; color:#377fb6; position:relative;  display: block; overflow:hidden;}
.container2 .grid_2 label span { float:left; display:block; padding-top:15px; line-height:15px; white-space:nowrap;}
.container2 .grid_2 input { width:281px; height:37px; margin:5px 0 0; float:right;  background-color:#fff;}
.container2 .grid_2 textarea { width:281px; height:119px; margin:4px 0 0; float:right;  background-color:#fff;}
.container2 .grid_2 .btns {text-align:right; overflow:hidden; width:375px; }
.container2 .grid_2 .btns a {display:inline-block; margin:20px 0px 0 10px; width:82px; text-align:center;}
.button {background:#377fb6; color:#fff; font-size:18px; text-decoration:none; padding:4px 9px 5px 9px; display:inline-block;}
.button:hover {background:#636f6f; }
/****************************footer************************/
footer { width:960px; height:184px; color:#FFF; font-size:14px; background-image:url(../images/rodaback.png);
background-size: 120%; background-position: -90px 0; } 
footer a { color:#FFF; font-size:14px; text-decoration:none;}
footer nav ul.menu li { padding-top:5px;}
footer nav ul.menu li a:hover { color:#CCC;}
.copyright { width: 280px; padding:20px 0 0 15px; float:left;}
.footermenu { float:left; width:180px; padding:10px 0 0 15px;}
.certificado { width: 320px; float:left; padding:25px 70px; font-size:18px; color:#FFF; }
.certificado span { line-height:5px;}
.certificado img { padding: 20px 0px 0; padding-right: 20px;width: 130% !important; position: relative; left: -30px;}

/************ Estilo do Slider *************/

    #slides {
      display: none;
       bottom: 25px;
      border: 10px solid white;
      position: relative;
      height: 310px;
      z-index: 0;    /*  hack,  a posição do main div tinha que ser 5px mais baixa  */
    }

    #slides .slidesjs-navigation {
      margin-top:5px;
    }
     


    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
     visibility:hidden;
    }

   

    .slidesjs-pagination {
      margin:-50px 432px 0;
      float: right;
      list-style: none; 
      position: relative; 
      z-index:120; 
    }
 
    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(../images/carousel/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }
    .navbar {
      overflow: hidden
    }

  /************ Estilo do carousel  *************/