/******** Design do layout *******/

body {
	background-image: url('../imagens/pattern.jpg');
	margin:0px;
	padding: NaNpx NaNpx NaNpx NaNpx;
}


.degradePortlet {
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZWJmMWY2IiBzdG9wLW9wYWNpdHk9IjAuMiIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNhYmQzZWUiIHN0b3Atb3BhY2l0eT0iMC4yIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzg5YzNlYiIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q1ZWJmYiIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(-45deg,  rgba(235,241,246,0.2) 0%, rgba(171,211,238,0.2) 50%, rgba(137,195,235,0.2) 51%, rgba(213,235,251,0.2) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(235,241,246,0.2)), color-stop(50%,rgba(171,211,238,0.2)), color-stop(51%,rgba(137,195,235,0.2)), color-stop(100%,rgba(213,235,251,0.2))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(235,241,246,0.2) 0%,rgba(171,211,238,0.2) 50%,rgba(137,195,235,0.2) 51%,rgba(213,235,251,0.2) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(235,241,246,0.2) 0%,rgba(171,211,238,0.2) 50%,rgba(137,195,235,0.2) 51%,rgba(213,235,251,0.2) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(235,241,246,0.2) 0%,rgba(171,211,238,0.2) 50%,rgba(137,195,235,0.2) 51%,rgba(213,235,251,0.2) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(235,241,246,0.2) 0%,rgba(171,211,238,0.2) 50%,rgba(137,195,235,0.2) 51%,rgba(213,235,251,0.2) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ebf1f6', endColorstr='#33d5ebfb',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */


	}


/* INI Degrade branco no topo do site */
.degradeBranco {
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 */



		
		height: 60px; 
		width: 100%; 
}
/* FIM Degrade branco no topo do site */


.corpo {
	margin: 0 auto;
	background-color: #fff;
	padding-bottom: 50px;
	max-width: 960px;
	
	border: 1px solid #fff;
	outline: 1px solid #e0ebf7;
	
	background-image: url('../imagens/degradeTopoCorpo.jpg');
	background-repeat: repeat-x;
	
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	
	-webkit-box-shadow: 0px 16px 24px 0px rgba(13, 46, 83, 0.5);
	-moz-box-shadow:    0px 16px 24px 0px rgba(13, 46, 83, 0.5);
	box-shadow:         0px 16px 24px 0px rgba(13, 46, 83, 0.5);
	
	display: table;
	height: 200px;
}

.rodape {
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 30px;

	padding: 15px;
	
	height: 180px;
	max-width: 962px;
	
	-webkit-border-radius: 0px 0px 8px 8px;
	-moz-border-radius: 0px 0px 8px 8px;
	border-radius: 0px 0px 8px 8px;
	
	-webkit-box-shadow: 0px 16px 24px 0px rgba(13, 46, 83, 0.5);
	-moz-box-shadow:    0px 16px 24px 0px rgba(13, 46, 83, 0.5);
         
	color:#fff;
	font-size:20px;
	text-align:center;
	
	
	background-image: linear-gradient(to bottom, #7c8694, #4e5c6f 130%);

	font-family: Arial;
	font-size: 12px;
	font-weight: 100;
	text-align: left;
	color: #a9b0b9;

	border-top: 10px solid #96a0b0;
}

.rodape a {
	
	font-family: Arial;
	font-size: 12px;
	font-weight: 100;
	text-align: left;
	color: #a9b0b9;
}

.logorodape {
	/*
	
	
	width: 179px;
	height: 83px;
	float: right;
	*/
	background-image:url('../imagens/logo-exatec-branca.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 230px;
	height: 150px;
	float: left;
	border-right: solid 1px #89939f;
}

.maparodape {
	width: 140px;
	height: 155px;
	float: left;
	line-height: 30px;
	padding-left: 70px;
	background-image:url('../imagens/icon-estrutura.png');
	background-repeat: no-repeat;
	background-position: left;
	margin-left: 10px;
	border-right: solid 1px #89939f;
}

.gruporodape {
	width: 230px;
	height: 150px;
	float: left;
	border-right: solid 1px #89939f;
	padding-left: 15px;
	padding-top: 25px;
	line-height: 22px;
}

.gruporodape b {
	color: #e1e2e4;
}

.enderecorodape {
	height: 83px;
	float: left;
	padding-left: 20px;
	padding-top: 15px;
}

.enderecorodape b {
	color: #e1e2e4;
}

.conteudo {
	padding: 10px;
	padding-top: 0px;
	clear:both;
	max-width:960px;
	
}

.logo {
	width: 173px;
	height: 71px;
	background-image: url('../imagens/mini-logo-exatec.png');
	background-repeat: no-repeat;
	position: relative;
	top: -39px;
	left: 20px;
	float: left;
	margin-bottom:-50px;
	cursor:pointer;
}

.social {
	width: 150px;
	height:28px;
	float:right;
	position:relative;
	top: -36px;
	}
	
.socialIcon {
	width:29px;
	height:28px;
	float: left;
	margin-left: 4px;
	}
	
.socialIcon:hover {
	opacity: .5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
	cursor:pointer;
	}
	
.iconFace {
	background-image:url('../imagens/icon-face.png');
	background-repeat:no-repeat;
	}
	
.iconTwitter {
	background-image:url('../imagens/icon-twitter.png');
	background-repeat:no-repeat;
	}
	
.iconGoogle {
	background-image:url('../imagens/icon-google.png');
	background-repeat:no-repeat;
	}
	
.iconEmail {
	background-image:url('../imagens/icon-email.png');
	background-repeat:no-repeat;
	}
	
.menu {
	float: right;
	padding-top: 10px;
	position: relative;
	top: -20px;
	left: 44px;
	}
.menu li {
	float:left;
	list-style:none;
	text-transform:uppercase;
	margin-right:8px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	}

.menu a {
	text-decoration:none;
	display:block;
	padding:5px;
	padding-left:8px;
	padding-right:8px;
	color:#72a5cb;
	font-weight:100;
	}
	
.menu a:hover {
	color:#fff;
	background-color:#acd0eb;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	

	-webkit-box-shadow: 0px 1px 1px 0px rgba(136, 173, 201, 0.58);
	-moz-box-shadow:    0px 1px 1px 0px rgba(136, 173, 201, 0.58);
	box-shadow:         0px 1px 1px 0px rgba(136, 173, 201, 0.58);

	text-shadow: rgb(136, 173, 201) 1px 1px 0px;
	
	}
	
.menuSelect a {
	color:#fff;
	background-color:#acd0eb;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	
	-webkit-box-shadow: 0px 3px 3px 0px rgba(135, 163, 183, 0.58);
	-moz-box-shadow:    0px 3px 3px 0px rgba(135, 163, 183, 0.58);
	box-shadow:         0px 3px 3px 0px rgba(135, 163, 183, 0.58);
	}

.submenu {
	width: 200px;
	text-transform:uppercase;
	font-size: 12px;
	font-weight: 400;
	
	background-color: white;
	float: none;
	position: absolute;
	z-index: 1000;
	top: 35px;
	left: 95px;

	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	
	-webkit-box-shadow: 0px 5px 18px 0px rgba(13, 46, 83, 0.5);
	-moz-box-shadow:    0px 5px 18px 0px rgba(13, 46, 83, 0.5);
	box-shadow:         0px 5px 18px 0px rgba(13, 46, 83, 0.5);

	border-top: 3px solid #acd0eb;
	padding: 10px;
	
	display: none;
}

.submenu a {
	line-height: 20px;
	padding: 5px;
	color: #72a5cb;
	letter-spacing: 1px;
}

.submenu a:hover {
	color: #fff;
}


.sombraMenu {
	background-image: url('../imagens/sombra-menu.png');
	background-repeat: no-repeat;
	max-width: 926px;
	height: 13px;
	position: relative;
	top: -17px;
	opacity: .3;
    filter: alpha(opacity=30); /* For IE8 and earlier */
}


.hidden{
	display: none;
}
.show{
	display: inline;
}
	
.SlideShowBg {
	max-width:910px;
	height:328px;
	background-color:#f2f6f9;
	margin:0 auto;
	-webkit-box-shadow: 0px 6px 12px 0px rgba(13, 46, 83, 0.2);
	-moz-box-shadow:    0px 6px 12px 0px rgba(13, 46, 83, 0.2);
	box-shadow:         0px 6px 12px 0px rgba(13, 46, 83, 0.2);
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	clear:both;
	padding-bottom:150x;
	}
	
.portlets {
	padding-left:15px;
	padding-top:15px;
	margin:0 auto;
	display:inline-block;
	cursor: pointer;
	}
	
.portlet {
	width:292px;
	height:150px;
	float:left;
	margin-right:15px;
	margin-top:5px;
	padding:10px;
	color:#768187;
	font-size:16px;
	font-weight:300;
	}

.portletAzul {
	background-color:#d0e4eb;
	}

.portletVerde {
	background-color:#d0ebd3;
	}

.portletLaranja {
	background-color:#fcdcad;
	}
	
.iconePortlet {
	background-image:url('../imagens/icone-portlet.png');
	background-repeat:no-repeat;
	width:25px;
	height:24px;
	float:left;
	margin-right:10px;
	}

.portlet2 {
	background-color:#ece9e3;
	width:445px;
	height:154px;
	margin-left:15px;
	margin-top:10px;
	padding:10px;
	float:left;
	color:#768187;
	font-size:20px;
	font-weight:200;
	}
	
.portlet2 div {padding-top:10px;}
	
.IconePortletDepoimentos {
	width:40px;
	height:40px;
	background-image:url('../imagens/icone-depoimentos.png');
	background-repeat:no-repeat;
	float:left;
	margin-right:15px;
	}
	
.IconePortletNewsletter {
	width:40px;
	height:40px;
	background-image:url('../imagens/icone-newslatter.png');
	background-repeat:no-repeat;
	float:left;
	margin-right:15px;
	}
	
.textPortlet {
	padding:8px;
	text-align:center;
	font-family: 'Arial', sans-serif;
	font-size:12px;
	color:#999;
	font-style:italic;
	font-weight:lighter;
	}

.textPortlet a {
	
	text-align:justify;
	line-height:21px;
	text-decoration:none;
	color:#768187;
	opacity: .7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
	}











/********  Slide Show front Site  *************/

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
html,
body,
.carousel,
.carousel-inner,
.carousel-inner .item {
  height: 100%;
}
.item:nth-child(1) {
  background-image:url('../imagens/slideshow/imagem001.jpg');
  background-repeat:no-repeat;
}
.item:nth-child(2) {
  background-image:url('../imagens/slideshow/imagem002.jpg');
  background-repeat:no-repeat;
}
.item:nth-child(3) {
  background-image:url('../imagens/slideshow/imagem003.jpg');
  background-repeat:no-repeat;
}

.icon-prev {
	padding-top: 100px;
	margin-left: 0px;
}
.icon-next {
	padding-top: 100px;
	margin-left: 0px;
}

/******************************************************************/







/**********   Botão volta ao Topo   *********/

div#page {
			max-width: 900px;
			margin-left: auto;
			margin-right: auto;
			padding: 20px;
		}
		
		.back-to-top {
			position: fixed;
			bottom: 2em;
			right: 0px;
			color: #000000;
			background-image:url('../imagens/seta.png');
			padding: 1em;
			display: none;
			background-size:100% 100%;
			cursor:pointer;
			opacity: .3;
    		filter: alpha(opacity=30); /* For IE8 and earlier */
			width:50px;
			height:50px;
		}

		.back-to-top:hover {	
		opacity: .5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
			
		}	

/******************************************************************/






/********    Ticker Depimentos    *********/
.vticker{
	
}
.vticker ul{
	padding: 0;
}
.vticker li{
	list-style: none;
	font-style:oblique;
	text-align:left;
	
}
/*******************************************/







/**********     MEDIA SCREENS    ***************/
/* min-width */ 
@media screen and (max-width: 480px) { 
	.rodape {
		height: 480px;	
	} 
	.portlet {
		width: auto;
	}
	.portlets {
		padding-left: 0px;
	}
	.conteudo {
		padding: 0px;
	}
	.portlet2 {
		margin: 0px;
		width: 100%;
		margin-top: 10px;
	}
	.menu {
		left: auto;
		top: auto;
	}
}

/**********************************************/






.corpoTexto {
	clear:both; 
	margin:20px; 
	padding:20px; 
	background-color:white; 
	border-radius:15px; 
	color:gray;
	line-height: 22px;
	padding-bottom: 0px;
}