/* resets */
p,ul,ol,li,figure,html,body,section,header,footer,input{margin:0;padding:0;line-height:normal}
ul,ol{list-style:none}
/* default */
html{height:100%;-webkit-text-size-adjust:none}
body{height:100%;font-family:arial,helvetica,sans-serif;font-size:14px;color:#333;background-color:#fff}
a{text-decoration:none;color:#803300}
a:hover{color:#3b0707}
img,a img{border:none}
h1 {margin:0;padding:0}
h2,h3{font-weight:normal;margin-bottom:15px;}
h2 {margin-top:35px;color:#3b0707;font-size:26px;text-transform:uppercase}
h3 {margin-top:25px;color:#4d4d4d;font-size:26px;text-transform:uppercase}
h4 {padding:5px 0;margin-top:30px;margin-bottom:20px;color:#3b0707;font-size:16px;font-weight:normal;border-bottom:1px dotted #ccc}
h5 {margin-top:15px;margin-bottom:15px;font-size:14px;color:#666}
.h4 {padding:5px 0;margin-top:30px;margin-bottom:20px;color:#3b0707;font-size:16px;font-weight:normal;border-bottom:1px dotted #ccc}
small,.small{font-size:12px}
pre{white-space:pre-wrap}
/* misc */
#banner {display:block;width:960px;height:360px;background:url('crc2013-960.jpg') 0 0 no-repeat}
#banner p,
#index,
.access,
.hidden{position:absolute;top:0;left:-999em}
.clear{display:block;clear:both}
.u{text-decoration:underline}
.span{display:inline-block}
.div,.br{display:block}
.hr0 {height:2px;background-color:#990000}
.hr{height:0;border-top:1px dashed #ccc}
.vr{position:absolute;width:0;border-left:1px dashed #ccc;height:100%}
.mk {position:relative}
.mker {position:absolute;left:0}
.error {color:#cc0000}
.success {color:#009900}
.bg {position:absolute;top:0;right:0;bottom:0;left:0}
/* skeleton */
#html{position:absolute;width:100%;min-height:100%}
#body{padding-bottom:280px}
#header,
#content{width:1000px;margin-left:auto;margin-right:auto}
.wrap, .lw {margin-left:20px}
.wrap, .rw {margin-right:20px}
.cl {clear:left}
.tr{display:block;position:relative}
.tr > .odd,
.td > .odd,
.td > .td,
.tr > .td {float:left;position:relative}
.tr > .even,
.td > .even {float:right}
.td img {max-width:100%}
.w1{width:100%}
.w2{width:50%}
.w3{width:33.33%}
.w4{width:25%}
.w5{width:66.67%}
.w6{width:75%}
.w8{width:20%}
.bg1{position:absolute;z-index:-4;height:150px;top:0px;right:0;left:100px;background:url('world-map.png') center 0 no-repeat}
.bg2{position:absolute;z-index:-4;top:0;left:0;width:100%;height:30px;background:url('design.png') center 0 repeat-x}
.bg3{position:absolute;z-index:-4;top:150px;left:0;width:100%;height:34px;border-bottom:5px solid #3B0707;background-color:#911310}
.bg5{display:none}
#header{position:relative;padding-top:40px;padding-bottom:70px;margin-bottom:40px}
#header h1{float:left}
#header .logo{display:block;width:366px;height:100px;background:url('EPCG2014.png') 0 0 no-repeat;color:#fff}
#header .logo .lb{position:absolute;left:-999em}
#search{position:absolute;width:306px;top:55px;right:0;background-color:#911310;border:1px solid #3b0707;padding:0 2px;border-radius:3px}
#search input{float:left;margin:4px 3px}
#search .text{border:none;border-radius:2px;background-color:#fff;width:250px;padding:5px 10px;font-family:arial,helvetica,sans-serif;font-size:14px;line-height:14px !important;color:#333}
#search .image{width:20px;height:20px;padding:2px}
#top-nav {position:absolute;width:100%;top:0;left:0}
#top-nav p{line-height:30px !important;font-size:12px}
#top-nav a{color:#bbb}
#top-nav .div{float:left}
#top-nav .vid{float:right}
#top-nav .back{display:inline-block;position:relative;padding-left:20px}
#top-nav .back .mker{width:16px;height:16px;top:50%;margin-top:-8px;background:url('design.png') -16px -40px no-repeat}
#top-nav a:hover{color:#fff}
#top-nav .back:hover .mker{background-position:-32px -40px}
#nav{position:absolute;width:960px;left:50%;margin-left:-480px;top:150px;font-size:14px;line-height:14px !important;text-transform:uppercase}
#nav li{float:left;position:relative}
#nav strong {font-weight:normal}
#nav a{color:#fff;font-weight: bold;}
#nav a:hover,
#nav strong a{color:#E9D0BF; }
#nav .main{float:left}
#nav .main li{margin-left:20px;padding:10px 0;overflow:hidden}
#nav .main li:first-child{margin-left:0}
#nav .main a .mker{position:absolute;bottom:-6px;left:50%;margin-left:-5px;width:12px;height:6px;background:url('design.png') -4px -48px no-repeat}
#nav .main a:hover .mker,
#nav .main strong a .mker{bottom:0}
#nav .rs{float:right;margin-right:-3px}
#nav .rs li{padding:5px 3px}
#nav .rs a{display:block;width:24px;height:24px;background-image:url('design.png')}
#nav .rs .lb{position:absolute;left:-999em}
#nav .rs .fb{background-position:0 -56px}
#nav .rs .fb:hover{background-position:-24px -56px}
#nav .rs .tw{background-position:0 -80px}
#nav .rs .tw:hover{background-position:-24px -80px}
#footer {position:absolute;left:0;bottom:0;width:100%;padding-bottom:1px;background-color:#fff;border-top:1px solid #ccc}
#footer a {color:#4d4d4d}
#footer a:hover {text-decoration:underline}
#footer .nav,
#links > .inner,
#copyright > .inner {width:1000px;margin:0 auto}
#links {margin-top:10px;margin-bottom:10px}
#links .h {margin-bottom:10px}
#links img {max-width:100%}
#links .td .td {margin-top:5px;text-align:center}
#links .cursos {margin-top:25px;text-align:center}
#copyright {background-color:#ccc;padding:10px 0;margin-top:15px;margin-bottom:15px;font-size:11px;text-align:center}
#footer .nav {position:absolute;left:50%;margin-left:-500px;top:-5px}
#footer .nav .inner {position:absolute;right:0;background-color:#fff;border:1px solid #ccc;border-top:5px solid #fff;border-radius:3px;box-shadow:0 2px 2px #ccc}
#footer .nav a {display:block;padding:8px 15px;color:#666}
#footer .nav a .mker {position:static;display:block;width:10px;height:6px;background:url('design.png') -3px -41px no-repeat}
#footer .nav a .lb {position:absolute;top:0;left:-999em}
/* text */
#pdf {position:absolute;top:0;right:0}
#pdf a .mker {position:static;display:inline-block;width:24px;height:24px;background:url('design.png') -24px -184px no-repeat;vertical-align:middle}
#pdf a .label {}
.tr > .menu{width:250px}
.tr > .article{width:750px}
.br0{margin-top:15px;margin-bottom:15px}
.br1{margin-top:35px;margin-bottom:35px}
.br2{margin-top:15px;margin-bottom:25px}
.br3{margin-top:25px;margin-bottom:10px}
.br4{margin-top:15px}
.article p,
.article ul {margin-top:15px;margin-bottom:15px}
.article p,
.article li {line-height:1.5}
.article ul {padding-left:50px;list-style-type:square}
.article li{margin-top:6px;margin-bottom:6px}
.article > .h,
.article li > .h {display:block;color:#444;font-size:15px}
.article .note{color:#666}
.article .ref{color:#666;font-size:13px;font-style:italic}
.article .strong {color:#3b0707}
.article .strong strong {font-weight:normal;color:#803300;text-transform:uppercase}
.article .ul1 {padding:0}
.article .ul1 li {float:left;width:45%;margin-left:5%;line-height:normal;text-align:left}
.article .nav {text-align:center}
.article .nav ul {padding:0}
.article .nav li {position:relative;display:inline-block;padding:0 20px;font-size:16px;text-transform:uppercase}
.article .nav .mker{position:absolute;top:50%;left:-4px;width:8px;height:16px;margin-top:-8px;background:url('design.png') -8px -152px no-repeat}
.article .nav li:first-child .mker {display:none}
.article .pag {display:none; position:relative;padding-top:5px;border-top:1px dashed #ccc;margin-top:35px;text-align:center}
.article .pag .prev{position:absolute;left:0}
.article .pag .next{position:absolute;right:0}
.article table {margin-top:15px}
.article table .tbr th,
.article table .tbr td {padding-top:10px}
.article th,
.article td {padding-left:5px;padding-right:5px;line-height:1.5;text-align:left}
.article th:first-child,
.article td:first-child {padding-left:0}
.hgrp .h {margin-top:0;margin-bottom:3px}
.hgrp p {margin-top:3px;margin-bottom:0;color:#666}
.a1{color:#333}
.a1:hover {color:#666}
.m1{line-height:16px !important}
.m1 strong{font-weight:normal}
.m1 a{color:#666}
.m1 a:hover{text-decoration:underline}
.m1 strong a{color:#911310}
.m1 li{position:relative;margin:10px 0;padding-left:16px}
.m1 .mker{position:absolute;top:0;left:0;width:8px;height:16px;background:url('design.png') 0 -152px no-repeat}
.fig {position:relative}
.fig .img {border:1px solid #ccc;border-radius:2px}
/* containers */
.notify {font-size:8pt;text-align:center}
.notify p {padding:10px;border-radius:3px}
.notify .success {background-color:#ddffdd;border:1px solid #eee}
.notify .warn {background-color:#ffffe1;border-color:#E3B558}
.notify .error {background-color:#ffdddd;border-color:#eecccc}
.dialog {position:relative}
.dialog .icon {position:absolute;height:32px;width:32px}
.dialog .strong {font-size:14px}
.dialog .msg {margin:0 0 0 42px;padding:1px 0 0 0;min-height:32px;line-height:150%}
.dialog .msg p {margin:8px 0;text-align:justify}
.dialog .loading {background-image:url('loader-squares-circle-32.gif')}
.dialog .ok {background-image:url('dialog.png');background-position:0 0px}
.dialog .warn {background-image:url('dialog.png');background-position:0 -32px}
.dialog .alert {background-image:url('dialog.png');background-position:0 -64px}
.dialog .err {background-image:url('dialog.png');background-position:0 -96px}
.dialog .info {background-image:url('dialog.png');background-position:0 -160px}
.dialog .ques {background-image:url('dialog.png');background-position:0 -192px}
.dialog .lock {background-image:url('dialog.png');background-position:0 -224px}
.dialog .lamp {background-image:url('dialog.png');background-position:0 -256px}
.dialog .off {background-image:url('dialog.png');background-position:0 -336px}
.lightbox {position:fixed;z-index:999;background-color:#fff;top:0;left:0;bottom:0;right:0;cursor:default;filter:alpha(opacity=70);opacity:.5}
.popup {position:absolute;z-index:1000;width:800px;top:0;left:50%;margin-left:-400px}
.popup .inner {padding:25px 35px;border:1px solid #999;border-radius:2px;background-color:#fff;box-shadow:0 0 20px #ccc}
.sbar {margin-top:20px;text-align:right}
.sbar .button {display:inline-block;padding:8px 12px;background-color:#803300;border:none;border-radius:3px;font-family:arial,helvetica,sans-serif;letter-spacing:1px;color:#fff;font-size:12px;font-weight:bold;line-height:12px !important;text-transform:uppercase}
.sbar .button:hover {color:#E9D0BF}
.form .label {position:absolute;top:0;left:0;padding:10px;color:#666;font-size:14px;font-weight:bold;line-height:16px !important}
.form .input {display:block;margin-left:10px;margin-right:10px}
.form .input input,
.form .input textarea {width:100%;border:none;border-radius:3px;background-color:#F2F2F2;margin-left:-10px;padding:10px;color:#333;font-size:14px;font-family:georgia,'times new roman',times,serif}
.form .validate {position:relative;padding-right:32px}
.form .warn {position:absolute;width:16px;height:16px;top:10px;right:10px;background:url('design.png') 0 -168px no-repeat}
.form .textbox,
.form .textarea {display:block;position:relative}
.form .textbox .input {margin-right:36px}
.form .textbox .input input {padding-right:36px;line-height:14px !important}
.form .textarea textarea {padding-top:36px}
.form .a input {border:none;background:none;text-decoration:none;color:#803300;cursor:pointer}
.form .a input:hover{color:#3b0707}
.fbody {margin-top:15px;margin-bottom:15px}
.fr {margin-top:8px;margin-bottom:8px}
.trim > p,
.trim > ul,
.trim > ul li{margin-bottom:0 !important}
.trim > .first,
.trim > h1:first-child,
.trim > h2:first-child,
.trim > h3:first-child,
.trim > p:first-child,
.trim > ul:first-child,
.trim > ul li:first-child {margin-top:0 !important}


/*Edit by Frazao*/
.imagens img{margin:10px; vertical-align: middle;}
.tabela td, .tabela th{border: 1px solid black; text-align: center;}








@media only screen and (max-width:1000px){
#banner {width:720px;height:270px;background-image:url('crc2013-720.jpg')}
body{font-size:13px}
h2 {font-size:20px}
h3 {font-size:20px}
h4 {font-size:14px}
h5 {font-size:13px}
#header,
#content,
#footer .nav,
#links > .inner,
#copyright > .inner {width:740px}
.wrap, .lw {margin-left:10px}
.wrap, .rw {margin-right:10px}
.bg1{left:-460px}
#search{width:286px}
#search .text{width:230px}
#nav {width:720px;margin-left:-360px}
#footer .nav {margin-left:-370px}
.article ul {padding-left:35px}
.article li > .h {font-size:13px}
.article .ref{font-size:11px}
.tr > .menu{width:210px}
.tr > .article{width:530px}
}
@media only screen and (max-width:740px){
h2,h3{margin-top:35px;margin-bottom:20px}
h4 {margin-top:20px;margin-bottom:15px}
#banner {width:440px;height:500px;padding-bottom:40px;border-bottom:5px solid #FFE6D5;margin-bottom:35px;background-image:url('crc2013-440.jpg')}
#body{padding-bottom:40px}
#header,
#content,
#footer .nav,
#links > .inner,
#copyright > .inner,
.tr > .menu,
.tr > .article{width:460px}
.rs2 > .td {width:100%}
.rs2 > .br {margin-top:25px}
.rs2 > .br:first-child {margin-top:0}
.rs2 > .td > .lw,
.rs2 > .td > .rw {margin-left:0;margin-right:0}
.bg1{left:-106px;height:155px}
.bg3{top:185px}
.bg5{display:block;position:absolute;z-index:-1;width:440px;height:46px;top:130px;left:50%;margin-left:-220px;background-color:#fff;border-radius:3px;filter:alpha(opacity=70);opacity:.7}
#header {padding-bottom:40px;margin-bottom:25px;text-align:center}
#header h1{float:none;width:366px;margin-left:auto;margin-right:auto}
#search{position:static;margin:15px auto}
#index {position:absolute;top:185px;left:10px;z-index:1;font-size:14px;line-height:14px !important;text-transform:uppercase}
#index a {display:block;padding:10px 5px 10px 30px;color:#fff}
#index a .mker {position:absolute;top:50%;left:0;margin-top:-12px;width:24px;height:24px;background:url('design.png') 0 -184px no-repeat}
#index:hover a {color:#E9D0BF}
#nav{position:static;width:440px;margin-left:auto;margin-right:auto}
#nav{position:static;width:440px;margin-left:auto;margin-right:auto}
#nav .hidden {position:static}
#nav .main{float:none;overflow:hidden}
#nav .main li{float:none;margin-left:0;padding:0;background-color:#3b0707;border-bottom:1px solid #fff}
#nav .main a{display:block;text-shadow:none;padding:10px 5px 10px 30px;line-height:14px !important}
#nav .rs {float:none;position:absolute;top:225px;right:50%;margin-right:-223px}
#nav.colapse,
#nav.expand {position:absolute;top:185px;left:50%;margin-left:-220px}
#nav.colapse .main {position:absolute;z-index:2;left:30px}
#nav.colapse .main li {position:absolute;top:0;left:-999em}
#nav.colapse .main .active {position:static;background-color:transparent;border-bottom:none}
#nav.colapse .main .active a {position:relative;padding:10px 0;background-color:#00405a}
#nav.expand .main {position:absolute;z-index:999;width:100%;top:40px;left:0;background-color:#fff;box-shadow:0 4px 8px -4px #666}
#nav.colapse .rs,
#nav.expand .rs {float:right;position:static;margin-right:-3px}
#footer {position:relative}
#footer .nav {margin-left:-230px}
.article .nav li {display:block;text-align:center;font-size:14px}
.article .nav .mker {display:none}
.article .pag a span {display:none}
.m1 li{display:block;width:204px}
.m1 > .odd{float:left;clear:left}
.m1 > .even{display:inline-block}
.m1 > .first{margin-top:0}
}
@media only screen and (max-width:460px){
#banner {width:300px;height:341px;padding-bottom:30px;margin-bottom:25px;background-image:url('crc2013-300.jpg')}
#header,
#content,
#footer .nav,
#links > .inner,
#copyright > .inner,
.tr > .menu,
.tr > .article{width:310px}
.wrap{margin-left:5px;margin-right:5px}
.rs3 > .td {width:100%}
.rs3 > .td > .lw,
.rs3 > .td > .rw {margin-left:0;margin-right:0}
.bg1{top:18px;left:-66px;height:155px}
.bg3{top:170px}
.bg5{width:310px;top:115px;margin-left:-155px}
#header h1{width:300px}
#header .logo{width:300px;height:66px;background-image:url('EPCG2014.png')}
#index {top:170px;left:5px}
#nav{width:300px}
#nav.colapse,
#nav.expand {top:170px;margin-left:-150px}
#footer .nav {margin-left:-155px}
.article .ul1 {padding-left:35px}
.article .ul1 li {float:none;width:auto;margin-left:auto}
.m1 li, .m1 > .odd, .m1 > .even{float:none;display:block;width:auto}
.m1 > .first{margin-top:10px}

}