@import url(https://fonts.googleapis.com/css?family=Roboto);
.infoBox { background-color: #FFF; width: auto; font-family: Arial, Helvetica, sans-serif; font-size: 14px; border: 2px solid #3fa7d8; border-radius: 3px; margin-top: 10px }
.infoBox p { padding: 0 15px }
.infoBox:before { border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #3fa7d8; top: -10px; content: ""; height: 0; position: absolute; width: 0; left: 138px }


/* ------------------
 styling for the tables 
   ------------------   */


body
{
	line-height: 1.6em;
}

#hor-minimalist-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fff;
	margin: 45px;
	width: 480px;
	border-collapse: collapse;
	text-align: left;
}
#hor-minimalist-a th
{
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}
#hor-minimalist-a td
{
	color: #669;
	padding: 9px 8px 0px 8px;
}
#hor-minimalist-a tbody tr:hover td
{
	color: #009;
}


#hor-minimalist-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fff;
	margin: 2px;
	width: 98%;
	border-collapse: collapse;
	text-align: left;
        font-weight: bold;
}
#hor-minimalist-b th
{
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
        font-weight: bold;
}
#hor-minimalist-b td
{
	border-bottom: 1px solid #ccc;
	color: #669;
	padding: 6px 8px;
}
#hor-minimalist-b tbody tr:hover td
{
	color: #009;
}


#ver-minimalist
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#ver-minimalist th
{
	padding: 8px 2px;
	font-weight: normal;
	font-size: 14px;
	border-bottom: 2px solid #6678b1;
	border-right: 30px solid #fff;
	border-left: 30px solid #fff;
	color: #039;
}
#ver-minimalist td
{
	padding: 12px 2px 0px 2px;
	border-right: 30px solid #fff;
	border-left: 30px solid #fff;
	color: #669;
}
button{
    background: #085bd3;
    color: #fff;
    font-weight: bold;
    border-radius: 4px;
    padding: 3px 16px;
    border-style: hidden;
    font-size: 1.1em;
    margin-top: 10px;
}

#box-table-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#box-table-a th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #039;
}
#box-table-a td
{
	padding: 8px;
	background: #e8edff; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#box-table-a tr:hover td
{
	background: #d0dafd;
	color: #339;
}


#box-table-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: center;
	border-collapse: collapse;
	border-top: 7px solid #9baff1;
	border-bottom: 7px solid #9baff1;
}
#box-table-b th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #e8edff;
	border-right: 1px solid #9baff1;
	border-left: 1px solid #9baff1;
	color: #039;
}
#box-table-b td
{
	padding: 8px;
	background: #e8edff; 
	border-right: 1px solid #aabcfe;
	border-left: 1px solid #aabcfe;
	color: #669;
}


#hor-zebra
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#hor-zebra th
{
	font-size: 14px;
	font-weight: normal;
	padding: 10px 8px;
	color: #039;
}
#hor-zebra td
{
	padding: 8px;
	color: #669;
}
#hor-zebra .odd
{
	background: #e8edff; 
}


#ver-zebra
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#ver-zebra th
{
	font-size: 14px;
	font-weight: normal;
	padding: 12px 15px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #039;
}
#ver-zebra td
{
	padding: 8px 15px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #669;
}
.vzebra-odd
{
	background: #eff2ff;
}
.vzebra-even
{
	background: #e8edff;
}
#ver-zebra #vzebra-adventure, #ver-zebra #vzebra-children
{
	background: #d0dafd;
	border-bottom: 1px solid #c8d4fd;
}
#ver-zebra #vzebra-comedy, #ver-zebra #vzebra-action
{
	background: #dce4ff;
	border-bottom: 1px solid #d6dfff;
}


#one-column-emphasis
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#one-column-emphasis th
{
	font-size: 14px;
	font-weight: normal;
	padding: 12px 15px;
	color: #039;
}
#one-column-emphasis td
{
	padding: 10px 15px;
	color: #669;
	border-top: 1px solid #e8edff;
}
.oce-first
{
	background: #d0dafd;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
}
#one-column-emphasis tr:hover td
{
	color: #339;
	background: #eff2ff;
}


#newspaper-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #69c;
}
#newspaper-a th
{
	padding: 12px 17px 12px 17px;
	font-weight: normal;
	font-size: 14px;
	color: #039;
	border-bottom: 1px dashed #69c;
}
#newspaper-a td
{
	padding: 7px 17px 7px 17px;
	color: #669;
}
#newspaper-a tbody tr:hover td
{
	color: #339;
	background: #d0dafd;
}


#newspaper-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #69c;
}
#newspaper-b th
{
	padding: 15px 10px 10px 10px;
	font-weight: normal;
	font-size: 14px;
	color: #039;
}
#newspaper-b tbody
{
	background: #e8edff;
}
#newspaper-b td
{
	padding: 10px;
	color: #669;
	border-top: 1px dashed #fff;
}
#newspaper-b tbody tr:hover td
{
	color: #339;
	background: #d0dafd;
}


#newspaper-c
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #6cf;
}
#newspaper-c th
{
	padding: 20px;
	font-weight: normal;
	font-size: 13px;
	color: #039;
	text-transform: uppercase;
	border-right: 1px solid #0865c2;
	border-top: 1px solid #0865c2;
	border-left: 1px solid #0865c2;
	border-bottom: 1px solid #fff;
}
#newspaper-c td
{
	padding: 10px 20px;
	color: #669;
	border-right: 1px dashed #6cf;
}


#rounded-corner
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 2px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
#rounded-corner thead th.rounded-company
{
	background: #b9c9fe url('table-images/left.png') left -1px no-repeat;
}
#rounded-corner thead th.rounded-q4
{
	background: #b9c9fe url('table-images/right.png') right -1px no-repeat;
}
#rounded-corner th
{
	padding: 8px;
	font-weight: normal;
	font-size: 13px;
	color: #039;
	background: #b9c9fe;
}
#rounded-corner td
{
	padding: 8px;
	background: #e8edff;
	border-top: 1px solid #fff;
	color: #669;
}
#rounded-corner tfoot td.rounded-foot-left
{
	background: #e8edff url('table-images/botleft.png') left bottom no-repeat;
}
#rounded-corner tfoot td.rounded-foot-right
{
	background: #e8edff url('table-images/botright.png') right bottom no-repeat;
}
#rounded-corner tbody tr:hover td
{
	background: #d0dafd;
}


#background-image
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	background: url('table-images/blurry.jpg') 330px 59px no-repeat;
}
#background-image th
{
	padding: 12px;
	font-weight: normal;
	font-size: 14px;
	color: #339;
}
#background-image td
{
	padding: 9px 12px;
	color: #669;
	border-top: 1px solid #fff;
}
#background-image tfoot td
{
	font-size: 11px;
}
#background-image tbody td
{
	background: url('table-images/back.png');
}
* html #background-image tbody td
{
	/* 
	   ----------------------------
		PUT THIS ON IE6 ONLY STYLE 
		AS THE RULE INVALIDATES
		YOUR STYLESHEET
	   ----------------------------
	*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='table-images/back.png',sizingMethod='crop');
	background: none;
}	
#background-image tbody tr:hover td
{
	color: #339;
	background: none;
}


#gradient-style
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 18px;
	margin: 45px;
	width: 94%;
	text-align: left;
	border-collapse: collapse;
}
#gradient-style th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe url('table-images/gradhead.png') repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #039;
}
#gradient-style td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #085BD3;
	border-top: 1px solid #fff;
	background: #e8edff url('table-images/gradback.png') repeat-x;
}
#gradient-style tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}
#gradient-style tbody tr:hover td
{
	background: #d0dafd url('table-images/gradhover.png') repeat-x;
	color: #339;
}



#pattern-style-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	background: url('table-images/pattern.png');
}
#pattern-style-a thead tr
{
	background: url('table-images/pattern-head.png');
}
#pattern-style-a th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	border-bottom: 1px solid #fff;
	color: #039;
}
#pattern-style-a td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#pattern-style-a tbody tr:hover td
{
	color: #339;
	background: #fff;
}


#pattern-style-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	background: url('table-images/patternb.png');
}
#pattern-style-b thead tr
{
	background: url('table-images/patternb-head.png');
}
#pattern-style-b th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	border-bottom: 1px solid #fff;
	color: #039;
}
#pattern-style-b td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#pattern-style-b tbody tr:hover td
{
	color: #339;
	background: #cdcdee;
}

ul{
	list-style: none;
	font-family: 'Roboto', sans-serif;
}

#ppds:before {
	content: url("../img/1.png");
		}
#idos:before {
	content: url("../img/2.png");
		}
#aae{
	color: #085BD3;
	font-weight: bold;
	border-bottom:4px solid #085BD3;
}
.strikeout {
  font-size: 1em;
  line-height: 1em;
  position: relative;
}
.strikeout::after {
  border-bottom: 0.350em solid #085BD3;
  content: "";
  left: 0;
  margin-top: calc(0.305em / 2 * -1);
  position: absolute;
  right: 0;
  top: 50%;
}






.ajuste:after{content:"."; display:block; height:0; ajuste:both; visibility:hidden; line-height:0;}
.ajuste{display:block; ajuste:both;}
.fl_left{float:left;}
.fl_right{float:right;}

img{margin:0; padding:0; border:none; line-height:normal; vertical-align:middle;}
.imgholder, .imgl, .imgr{padding:4px; border:1px solid #D6D6D6; text-align:center;}
.imgl{float:left; margin:0 15px 15px 0; ajuste:left;}
.imgr{float:right; margin:0 0 15px 15px; ajuste:right;}

/*----------------------------------------------HTML 5 Overrides-------------------------------------*/

address, article, aside, figcaption, figure, rodape, cabecalho, nav, section{display:block; margin:0; padding:0;}

q{display:block; padding:0 10px 8px 10px; color:#979797; background-color:#ECECEC; font-style:italic; line-height:normal;}
q:before{content:'“ '; font-size:26px;}
q:after{content:' „'; font-size:26px; line-height:0;}

/* ----------------------------------------------componente-------------------------------------*/

div.componente{display:block; width:100%; margin:0 auto; padding:0; text-align:left;}

.linha1, .linha1 a{color:#979797; background-color:#FFFFFF;}
.linha2{color:#979797; background-color:#FFFFFF;}
.linha2 a{color:#085BD3; background-color:#FFFFFF;}
.linha3{border-top:3px solid #DEDEDE;}
.linha3, .linha3 a{color:#979797; background-color:#FFFFFF;}

/*----------------------------------------------Generalise-------------------------------------*/

#cabecalho, #container, #rodape{display:block; width:100%;}

nav ul{margin:0; padding:0; list-style:none;}

h1, h2, h3, h4, h5, h6{
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    text-align: center;
    margin-top: 22px;
}

address{font-style:normal;}

blockquote, q{display:block; padding:8px 10px; color:#979797; background-color:#ECECEC; font-style:italic; line-height:normal;}
blockquote:before, q:before{content:'“ '; font-size:26px;}
blockquote:after, q:after{content:' „'; font-size:26px; line-height:0;}

.terco, .segundo, .terceiro{display:block; float:left; margin:0 30px 0 0;}
.terco{width:99%; padding-bottom: 20px;}
.segundo{width:35%;}
.terceiro{width:100%; float:none; margin-right:0; ajuste:both;}
.ultimobox{margin-right:0;}

/*----------------------------------------------cabecalho-------------------------------------*/

#cabecalho{}

#cabecalho #cgrupo{padding:20px 0 0 0; float:left;
background-image: url("../img/logo-eptc.png");
background-repeat: no-repeat;
width: 208px;
height: 76px;
background-size: 229px;}
#cabecalho #cgrupo h1, #cabecalho #cgrupo h2{font-weight:normal; text-transform:none;}
#cabecalho #cgrupo h1{font-size:36px;}
#cabecalho #cgrupo h2{font-size:13px;}

#cabecalho nav{display:block; float:right; margin:20px 0 0 0; padding:20px 0;}
#cabecalho nav ul{}
#cabecalho nav li{display:inline; margin-right:25px; text-transform:uppercase;}
#cabecalho nav li.ultimo{margin-right:0;}
#cabecalho nav li a{padding:5px 8px; color:#FFFFFF; background-color:#085BD3;text-decoration: none;border-radius: 4px;}
#cabecalho nav li a:hover{color:#085BD3; background-color:#FFFFFF;}

/*----------------------------------------------Content Area-------------------------------------*/

#container{padding:17px 0;}
#container section{display:block; width:100%; margin:0 0 30px 0; padding:0;}
#container .ultimo{margin:0;}
#container .mais{text-align:right;}

/* ------destaque-----*/

#container #destaque{margin-bottom:0px; padding:30px 0; border-top:0px solid #DEDEDE; border-bottom:3px solid #DEDEDE;}
#container #destaque h1{font-size:56px; font-weight:normal; font-style:italic; text-transform:uppercase; text-align:center;}
#container #destaque p{font-size:16px; margin-bottom:0; padding-bottom:0; line-height:1.8em;}

/* ------servicos-----*/

#container #servicos{margin-bottom:15px; line-height:1.6em;}
#container #servicos article{}
#container #servicos article h2{font-size:14px; margin-bottom:15px;}
#container #servicos article p{margin:0; padding:0;}
#container #servicos article img{float:left; width:80px; height:80px; margin:0 10px 10px 0; padding:4px; border:1px solid #DEDEDE;}
#container #servicos article rodape{margin:10px 0 0 0;}

/*----------------------------------------------rodape-------------------------------------*/

#rodape{padding:0 0;}
#rodape p{margin:0; padding:0; font-weight: bold}
#rodape a{color: #085BD3 !important;}

/* ------intro-----*/

.intro p{
    /*color: #333; 
    background: url('../img/mapa.png');
    background-size: 100%;*/
    padding: 5px;
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    color: #085BD3
}
#apresentacao{
    color: #333; 
        background: url('../img/vagas.png');
    background-size: 100%;
    padding: 20px;
    text-align: center;
    font-size: 1.1em;
    min-height: 371px;
}
.transbox{
    background-color: #ffffff;
    opacity: 0.8;
    filter: alpha(opacity=60); /* Para IE8 e anteriores */
    padding: 20px;
}
.transbox h2{
    font-weight: bold;
    color: #000000;
    padding: 20px;
    font-size: 2em;
    color: #085BD3;
}
.transbox p{
    font-weight: bold;
    color: #666;
    font-size: 1.1em;
    font-family: "Palatino";
}
#mapa{
    height: 600px;
}
.mapa_rota{
   /* width: 60%;
    float: left*/
}
#trajeto-texto{
    
}
fieldset{
    color: #085BD3;
    border: 2px groove #085BD3;
}
/* media queries   */
@media all and (orientation: portrait){
    #mapa{
        height: 900px;
        
    }
    table{
        min-width: 500px;
    }
    #txtEnderecoPartida{
    width: 100%;
    }
    input[type="submit"]{
    background: #085bd3;
    color: #fff;
    font-weight: bold;
    border-radius: 4px;
    padding: 3px 16px;
    border-style: hidden;
    font-size: 1.1em;
    margin-top: 10px;
    }
    button{
    font-size: 2em;
    }
    table tbody tr td{
    font-size: 1.7em;
    }
    #hor-minimalist-b th{
    font-size: 2em;
    font-weight: bold;
    }
}
/* media queries   */
/* form rota   */
#txtEnderecoPartida{
    width: 60%;
}
input[type="submit"]{
    background: #085bd3;
    color: #fff;
    font-weight: bold;
    border-radius: 4px;
    padding: 3px 16px;
    border-style: hidden;
    font-size: 1.1em;
    margin-top: 10px;
}
/* form rota   */