﻿@import url(jquery-confirm.css);
@import url(grid.css);
@import url(myCss_OLD.css);
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	overflow:hidden;
	background:#e8e8e8;font-family:Arial, Helvetica, sans-serif;font-size:100%;line-height:1em;color:#434343;min-width:960px;border-top:5px solid #dbdbdb;
}


#chat{
	background-color:#333;
	position:fixed;
	z-index: 8000;
	top: 50px;
	bottom:90px;
	/*margin-left:-8px;*/
	left: 0px;
	width: 400px;
	height:440px;
	overflow:hidden;
}


.ColorRed{ color:#F00;}
.ColorWhite{ color:#FFF;}
.ColorGreen{ color:#767676;}
.ColorBlue{ color:#36C;}
.ColorBlack{ color:#000;}
.ColorOrange{ color:#FC0;}
.ColorGrey{ color:#666;}
.ColorGrey3{ color:#ededed;}
.ColorYellow{ color:#FF3}

.cursor{ cursor:pointer;}

#chatbtn{
	position:fixed;
	z-index: 8002;
	top: 35px;
	left:385px;
	width: 32px;
	height:32px;
	cursor:pointer;
	
}
.chattxt{
	font-family: Helvetica, Arial, sans-serif;
	text-align:center;
	font-size:10em;
	line-height:400px;
	color:#666;
	}
	
.chattxt2{
	font-family: Helvetica, Arial, sans-serif;
	text-align:center;
	font-size:5em;
	line-height:100px;
	color:#666;
	}

h1, h2, h3, h4, h5, h6, h7 {
  text-transform: uppercase;
  font-family: "Cardo", serif;
}

h1 {
  font-size: 100px;
  line-height: 100px;
}

h2 {
  font-size: 70px;
  line-height: 70px;
}
@media (max-width: 979px) {
  h2 {
    font-size: 50px;
    line-height: 50px;
  }
}
@media (max-width: 479px) {
  h2 {
    font-size: 30px;
    line-height: 30px;
  }

}


h3 {
  font-size: 45px;
  line-height: 60px;
}
h3 .sub2{
	display:block;
}
.sub2{
	text-transform: uppercase;
  	font-family: "Cardo", serif;
	display:none;
}
@media (max-width: 359px) {
h3 .sub2{
	display:none;
}
.sub2{
	display:block;
}
}


h4 {
  font-size: 36px;
  line-height: 36px;
}

h5 {
  font-size: 20px;
  line-height: 28px;
  color: #464646;
  margin-bottom: 25px;
}
@media (max-width: 979px) {
  h5 {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  h5 {
    font-size: 20px;
  }
}
@media (max-width: 479px) {
   h5 {
    font-size: 20px;
  }
}

h55 {
  font-family: "Cardo", serif;	
  font-size: 20px;
  line-height: 28px;
  color: #464646;
  margin-bottom: 25px;
}
@media (max-width: 979px) {
  h55 {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  h55 {
    font-size: 20px;
  }
}
@media (max-width: 479px) {
   h55 {
    font-size: 20px;
  }
}



h6 {
  font-size: 16px;
  line-height: 16px;
  font-family: "Open Sans", sans-serif;
}


h7 {
  font-size: 20px;
  line-height: 28px;
  color: #464646;
}
@media (max-width: 979px) {
  h7 {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  h7 {
    font-size: 20px;
  }
}
@media (max-width: 479px) {
   h7 {
    font-size: 20px;
  }
}




#top_top{
	background-color: #FFF;
	position:fixed;
	z-index: 5;
	top: 0px;
	bottom:50px;
	/*margin-left:-8px;*/
	left: 0px;
	width: 100%;
	height:auto;
	
	border: 0px solid #F00;
	overflow: scroll;
	overflow-x:hidden;
}

#bottom {
  background-color: #313131;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 50px;
  overflow: hidden;
  border: 0px solid #03F;
  text-align: center;
  /*border:1px solid #090;
  /*overflow: auto; */
}

.div_btn_menu {
	float:left; 
	height:20px;
	cursor:pointer; 
	text-align:center; 
	color:#FFF;
	margin-top:2px;
	padding:5px 10px 2px 10px;
	border-left: 1px solid #333;
}
.div_btn_menu:hover {
	background: rgba(255, 255, 255, 0.3);
	color: #0F3;
}

object {vertical-align:top;outline:none}
input, textarea, select {font-family:Arial, Helvetica, sans-serif;font-size:1em;vertical-align:middle;font-weight:normal}
fieldset {border:0}
p {margin:0;padding:0}
img {border:0;vertical-align:top;text-align:left}
ul, ol {list-style:none}
/* ALIGMENT */
.fleft {float:left}
.fright {float:right}
.clear {clear:both}
.alignright {text-align:right}
.aligncenter {text-align:center}
.wrapper {width:100%;overflow:hidden}
.extra-wrap {overflow:hidden}
.container {width:100%}


/*POPUP//////////////////////////*/
#blanket {
   background-color:#000;
   /* for IE */
  filter:alpha(opacity=70);
  /* CSS3 standard */
  opacity:0.7;
   position:absolute;
   z-index: 9001; /*ooveeerrrr nine thoussaaaannnd*/
   top:0px;
   left:0px;
   width:100%;
   height:auto;
}
#manutencao{
  background-color:#000;
   /* for IE */
  filter:alpha(opacity=70);
  /* CSS3 standard */
  opacity:0.7;
  position:absolute;
  z-index: 9000; 
  top:0px;
  left:0px;
  bootom:50px;
  width: 100%;
  height: 100%;
  font-size:5vw;
  line-height:100px;
  text-align:center;
}

#popUpDiv {
	position:absolute;
	background-color:#eeeeee;
	width:500px;
	height:500px;
	z-index: 9003; /*ooveeerrrr nine thoussaaaannnd*/
}

.ohAlert{
	width:400px;
	height:100px;
	
	z-index: 18000;
	position:fixed;
	bottom:60px;
	right:30px;
}

/* ALERTS */
/* inspired by Twitter Bootstrap */

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid #eed3d7;
  border-radius: 4px;
  position: absolute;
  bottom: 0px;
  right: 21px;
  /* Each alert has its own width */
  float: right;
  clear: right;
  background-color: white;
}

.alert-red {
  color: white;
  background-color: #DA4453;
}
.alert-green {
  color: white;
  background-color: #37BC9B;
}
.alert-blue {
  color: white;
  background-color: #4A89DC;
}
.alert-yellow {
  color: white;
  background-color: #F6BB42;
}
.alert-orange {
  color:white;
  background-color: #E9573F;
}

#framehorario {
   position:absolute;
   z-index: 7000; /*ooveeerrrr nine thoussaaaannnd*/
   top:0px;
   left:0px;
   bottom:50px;
   width:100%;
   display:none;
   overflow: hidden;
}


#login {
	padding-left:30px;
	/*border:1px solid #F00;*/
	padding-top:10px;
	text-align:left;
	position:absolute;
	margin:auto;
	background-color:#eeeeee;
	width:300px;
	height:150px;
	z-index: 9004; /*ooveeerrrr nine thoussaaaannnd*/
}

.btn_login{
	width:100px;
	height:30px;
	Color:#000000;
   background-color:#009900;
   border-style: none;
   vertical-align:middle;
   font: bold;
   font-size:16px;
   cursor:pointer;	
    background:url(../images/right-top-corner.gif) no-repeat;
}

.i_btn_login{
	width:90%;
	height:100px;
	Color:#000000;
   background-color:#009900;
   border-style: none;
   vertical-align:middle;
   font: bold;
   font-size:80px;
   cursor:pointer;	
    background:url(../images/right-top-corner.gif) no-repeat;
	margin-top:30px;
}


.log_erro{
	font-size:9px;
	color:#F00;
}
/*POPUP//////////////////////////*/

.planoTrabalho{
	width:80%;
	margin:auto auto;
	padding:10px;
	
}

.servico, .subServ1, .subServ2{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align:right;}
.servico{font-size:4em; color:#FFF; }
.subServ1{font-size:20px; color:#C7E053; margin-top:-40px;}
.subServ2{font-size:14px; color:#fff; margin-top:-25px;} 

/* FOOTER */
#footer { 
width:960px;
border:0px solid #0C0;
margin:auto auto;
height:50px;
}

#footer .footer {
	line-height:1.67em;
	color:#fff;
	text-align:left;
	padding:5px 0 15px 0;
	
	
	}
#footer a {color:#518d08}


/* GLOBAL */
#header, #content .row-1, #content .row-2, #footer .footer {font-size:0.814em;width:960px;margin:0 auto}
.col-1, .col-2, .col-3 {float:left}
/* TAILING */
.tail-top {background-color:#f4f4f4;
text-align:center;

}
.tail-middle {background-color:#e8e8e8;}
.tail-top-left {position:absolute;width:50%;left:0;top:5px;background:url(../images/tail-top-left.gif) repeat-x left top;height:552px;
border:0px solid #aaa;
}
/* FORMS */
#contacts-form { clear:right;width:100%;overflow:hidden}
#contacts-form fieldset { border:none;float:left;}
#contacts-form .field { clear:both}
#contacts-form label { float:left;width:97px;line-height:18px;padding-bottom:8px;color:#454545}
#contacts-form input { width:250px;padding:1px 0 1px 3px;border:1px solid #aaa;color:#70635b;background:none}
#contacts-form textarea { width:465px;height:192px;padding:1px 0 1px 3px;border:1px solid #aaa;color:#70635b;margin-bottom:15px;overflow:auto;background:none}
#contacts-form .link1 {float:right}
/* LISTS */
.site-map li {float:left;line-height:1.54em}
.site-map li.m1 {width:190px}
.site-map li.m2 {width:240px}
.site-map li.m3 {width:182px}
.site-map li.m4 {width:178px}
.site-map li a {color:#b2da42}
.site-map li ul li {float:none}
.site-map li.last {margin:0}
/* OTHER */
.img-indent {margin-bottom:20px}
.img-box1 {width:100%;overflow:hidden;line-height:1.54em;padding-bottom:14px}
.img-box1 img {float:left;margin:0 20px 0 0}
.img-box1.alt {position:relative;margin-left:-13px}
.img-box1.alt img {margin-right:12px}
.img-box2 {left:20px;top:-8px;position:relative}
.img-box2 p {color:#b2da42;margin:0;line-height:1.69em;margin-bottom:21px}
.img-box2 p.extra {color:#c2e575;font-size:.91em;line-height:1.83em;font-family:Tahoma, Arial, helvetica, sans-serif;margin:0}
.img-box2 p.extra a {color:#fff}
.img-box2 .inner {padding:0 49px 28px 15px}
.img-box2.extra .inner {padding-bottom:51px}
p {margin-bottom:20px;line-height:1.54em}
.p0 { margin:0}
.p1 {margin-bottom:30px}
.address {width:303px;line-height:1.69em}
.address b {float:left;width:90px}
.extra-column {width:552px;float:left;line-height:1.54em}
/* TXT, LINKS, LINES, TITLES */
a {color:#518d08;outline:none}
a:hover {text-decoration:none}
h3 {font-size:28px;line-height:1.2em;margin-bottom:15px}
h4 {font-size:1.54em;line-height:1.2em;color:#fff;padding:14px 0 8px 0;font-weight:normal;font-family:Tahoma, Arial, helvetica, sans-serif}
.txt1 {color:#518d08;font-size:17px;line-height:1.2em}
.txt2 {color:#518d08}
.txt3 p {font-family:Tahoma, Arial, helvetica, sans-serif}
.link1 {display:block;float:left;background:url(images/link1-tail.gif) repeat-x left top;color:#fff;text-decoration:none;line-height:.92em}
.link1 em {display:block;background:url(../images/link1-left.gif) no-repeat left top}
.link1 b {display:block;background:url(../images/link1-right.gif) no-repeat right top;padding:7px 15px 7px 15px;font-style:normal}
.link1:hover {text-decoration:underline}
/* BOXES */
.box {background:#4c8403;width:100%; }
.box .border-top {background:url(../images/border-top.gif) repeat-x left top}
.box .border-bot {background:url(../images/border-bot.gif) repeat-x left bottom}
.box .left-top-corner {background:url(../images/left-top-corner.gif) no-repeat left top}
.box .right-top-corner {background:url(../images/right-top-corner.gif) no-repeat right top}
.box .left-bot-corner {background:url(../images/left-bot-corner.gif) no-repeat left bottom;min-height:315px;height:auto!important;height:315px}
.box .right-bot-corner {background:url(../images/right-bot-corner.gif) no-repeat right bottom}
.box1 {background:#306a01;width:100%;color:#b2da42}
.box1 .border-top {background:url(../images/border-top1.gif) repeat-x left top}
.box1 .border-bot {background:url(../images/border-bot1.gif) repeat-x left bottom}
.box1 .left-top-corner {background:url(../images/left-top-corner1.gif) no-repeat left top}
.box1 .right-top-corner {background:url(../images/right-top-corner1.gif) no-repeat right top}
.box1 .left-bot-corner {background:url(../images/left-bot-corner1.gif) no-repeat left bottom;min-height:156px;height:auto!important;height:156px}
.box1 .right-bot-corner {background:url(../images/right-bot-corner1.gif) no-repeat right bottom}
.box1 .inner {padding:35px 0 30px 34px}
/* HEADER */

#header {height:552px;background:url(../images/header-bg.jpg) no-repeat left bottom;
position:relative;
border:0px solid #03F;}


#header .row-1 {height:105px;}
#header .row-1 .fleft {padding:5px 0 0 24px;}
#header .row-1 .fright {padding:66px 50px 0 0; }
#header .row-1 .fright ul li {float:left;font-size:17px;line-height:1.2em;padding-left:32px}
#header .row-1 .fright ul li a {color:#7b7b7b;text-decoration:none}
#header .row-1 .fright ul li a:hover,
#header .row-1 .fright ul li a.active {color:#000}
#header .row-2 span {text-align:right;display:block; padding:69px 50px 0 0; border:0px solid #00C;}
#header .row-2 b {margin-bottom:18px;display:block}
#header .row-2 a {margin-right:-2px}
/* CONTENT */

#content {margin-top:-112px;position:relative; 
border:0px solid #F00; 
}

#content .row-1 .inside {padding:0 0 40px 40px;}
#content .row-2 .inside {padding:32px 0 40px 0;}
#content .row-2 h3 {padding-left:42px;}
#content .aside {float:left;width:258px;margin-right:58px;}
#content .aside h3 {border-bottom:1px solid #d4d4d4;padding:0 0 0 10px;margin-bottom:20px;left:-10px;position:relative;}
#content .aside ul {padding-bottom:5px;}
#content .aside ul li {font-size:1.08em;color:#848484;width:100%;overflow:hidden;vertical-align:top;padding-bottom:12px;}
#content .aside ul li img {float:left;position:relative;top:3px;margin-right:15px}
#content .aside ul li span {display:block;color:#000;font-size:20px;line-height:1.2em;padding-bottom:2px}
#content .content {float:left;width:570px}
#content .indent {padding:0 20px}
.ic, .ic a {border:0;float:right;background:inherit;color:#f00;width:35%;line-height:10px;font-size:10px;margin:-100% 0 0 0;overflow:hidden;padding:0}


/* carousel */
.carousel-box {
position:relative;
width:960px;overflow:hidden;margin-top:-8px; 
border:0px solid #0C0;
}

.carousel-box .prev {position:absolute;left:0;top:147px;z-index:10}
.carousel-box .next {position:absolute;right:0;top:147px;z-index:10}
.carousel-box .prev a, .carousel-box .next a {cursor:pointer}
.carousel-box ul {width:900px;margin-left:20px !important}
.carousel-box ul li {width:288px;float:left;border:0;margin-right:28px;position:relative;padding-top:8px}
.textLeft{text-align:left;}
.textCenter{text-align:center;}
.w180px{width:180px;}
.w200px{width:200px;}