/*--------------------------- css desenvolvido por mmadson.com ------------------------ */

/*--------------------------- Declaração geral ------------------------ */

* {margin: 0; padding: 0; color: #000; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; border:0;}
body {font-size: 62.8%; background-image: url('/v2media/site_images/bg.jpg'); background-repeat:  repeat-x; background-color: #fff;}
input, textarea, select {border: 1px #ccc solid;}
em {font-style: normal; font-weight: none; font-size: 0.9em;}

strong { font-weight: bold; }
a { color: #4C6A7B }
a:hover { text-decoration: underline; }
/*--------------------------- Principais Divs ------------------------ */

div#top {width: 766px; background: none; position: relative; left: 50%; margin-left: -383px;}

div.container {width: 766px; margin-bottom: 0; position: relative; left: 50%; margin-left: -383px;} 
  div#normal { background-image: url('/v2media/site_images/bgcontainer.jpg') ;}
  div#left { background-image: url('/v2media/site_images/bgcontainerleft.jpg') ;}

div#menu {background: url("/v2media/site_images/bgmenu.jpg") no-repeat; padding-top: 8px;}
    div.menu1 {height: 274px;}
    div.menu2 {height: 150px;}

div#rotator1 {width: 750px; height: 274px; margin-left: 8px; background-color: #afc9d4; background-image: url('/rotator_image_index/');}
div#rotator2 {width: 750px; margin-left: 8px; background-color: #afc9d4; background-image: url('/rotator_image_small/'); height: 150px;}
/*    div.random1 {height: 274px;}*/
/*    div.random2 {height: 150px;}
*/

div#bar {width: 750px; height: 28px; background-image: url('/v2media/site_images/bgbar.jpg'); margin-left: 8px;}

div#content {padding-left: 8px; clear: both;}

div#contentleft {float: left;}

div#contentright {float: left;}

/*--------------------------- Menu ------------------------ */

div#menubar {position: absolute; width: 750px; top: 16px; padding-top: 5px; height: 25px;}
p.menubar {position: absolute; top: 16px; padding-top: 5px; left: 8px;width: 750px; text-align: center; height: 25px;}
.menuitem a {font-size: 1.2em; text-transform: uppercase;  padding-right: 5px; padding-left: 5px; color: #fff;}
.menuitem a:hover{border-bottom: 5px #EF771F solid; border-top: 5px #EF771F solid; background: #EF771F;text-decoration:none;}

/*--------------------------- Rodapé ------------------------ */

div#bottom {clear: both; width: 750px; height: 42px; background-image: url('/v2media/site_images/bgbottom.jpg'); margin-left: 8px;}
     p.bottom {text-align: center; font-size: 1.1em; padding-top: 8px;}
     span#mmadson, a span#mmadson {font-size: 1.0em; color: #406374; padding: 0 3px 0 3px; font-weight: bold;}
     a:hover span#mmadson {color: #da5000;}
     span#igor, a span#igor {font-size: 1.0em; color: #406374; padding: 0 3px 0 3px; font-weight: bold;}
     a:hover span#igor {color: #da5000;}
div#fim {width: 766px; height: 8px; background: url('/v2media/site_images/fim.jpg') no-repeat; font-size: 0.1em;}

/*--------------------------- Tamanho das fontes ------------------------ */

/* 1em = 10px, 1.1em = 11px, 1.2em = 12px ... */
.menu a, p.boxcontent, p.boxcontent2, p#imagemdodia, p#boxequipinfo, span.equiptitle, p.boxlista , p.esqlista, p.tableinfo, p.noticia, p.comentario, label, input, textarea {font-size: 1.2em;}

/*--------------------------- Barras horizontais ------------------------ */

p.barra {padding: 5px 0 0 6px; font-size: 1.1em; float:left;}
p#barradata {width: 290px;}

p#barralogin {float:left; padding: 2px 0px 0px 0px; width: 440px; text-align: right; }
    p#barralogin label { font-size: 1.1em;}
    input.login {width: 70px; height: 19px;}
    input.loginsubmit {background-color: #e8e8e8; width: 50px; height: 19px; font-size:1.1em;}
    input.loginsubmit:hover {background-color: #224a61; cursor:pointer; color: #fff; } 

p#barralinks {font-weight: bold; margin-top: 3px; }
p#barralinks a {text-decoration: underline; font-weight: bold;}
p#barralinks a:hover {text-decoration: none;}
    

p.hbar {height: 10px; border-bottom: 1px #ccc solid; margin: 0 7px 0 7px;}


/*--------------------------- Boxes da página inicial ------------------------ */

div.box {margin: 0 0 10px 8px; background-color: #F1F5F8; border: 1px #ccc solid;}
    /* left */
    div#boxnoticias {width: 360px;}
    div#boxequipamentos {width: 360px; height: 190px;}
    /* right */
    div#boximagem {width: 190px; height: 190px; float: left;}
    div#boxprevisao {width: 160px; height: 190px; float: left;}
    div#boxnewsletter {width: 362px; height: 100px; clear: both;}
    div#boxvideo {width: 362px; max-height: 406px; }
    div#boxvideo object, div#boxvideo embed {width: 362px; height: 259px; }

p.boxcontent {margin: 4px;}
.boxcontent a:hover {text-decoration: underline; color: #4c6a7b;}
.boxcontent a:visited {color: #4c6a7b;}
h3.boxcontent {margin: 6px;font-size:130%;font-weight:bold;}
p.boxcontent2 {margin: 0 4px 0 4px;}
a.boxcontent, a.boxcontent img, p#imagemdodia {border: 0; text-align: center; max-height:115px;}
a:hover.boxcontent {text-decoration: underline;} 

p#boxequipimg {float: left;}
p#boxequipinfo {padding-top: 5px;}
span.equiptitle {font-weight: bold;}
    

/*--------------------------- Títulos ------------------------ */

h2 {font-size: 1.4em; font-weight: bold; color: #224a61;}
h2.nottitle {margin-bottom: 4px;}
a:hover h2 {text-decoration: underline;}

p.boxtitle, p.boxtitle2 {font-size: 1.3em; }
   a:hover.boxtitle {text-decoration: underline;}
   a:hover.boxtitle2 {text-decoration: underline; color: #000;}
p.boxtitle, a.boxtitle {background-image: url('/v2media/site_images/bgboxtitle.jpg'); color:  #fff; padding: 3px; font-weight: bold; text-transform: uppercase;}
p.boxtitle2, a.boxtitle2 {color: #224a61; padding: 3px 3px 0 3px; font-weight: bold; text-transform: uppercase;}

p#centertitle, a.centertitle {color: #fff; font-weight: bold; background-image: url("/v2media/site_images/bgcentertitle.jpg");}
a:hover.centertitle {text-decoration: underline;}

p#inteiratitle {background: url("/v2media/site_images/bginteira.jpg"); color: #000;}

/*--------------------------- Barra Esq. ------------------------ */

div#leftarea {width: 200px; float: left; margin-bottom: 10px;clear: both;}
div#centerarea {width: 550px; float: left; margin-bottom: 10px;min-height:400px;}
div#centerarea object, div#centerarea embed { width: 100%;}

p#esqtitle {clear: both;}

/*--------------------------- Área Inteira ------------------------ */
/* se caso for precisar da página inteira em branco, tá aí uma id pra ela */
div#areainteira {width: 750px;}


/******************** listas ************(by igor)************/
.listasolta { font-size: 1.2em; }
.listasolta ul { margin: 10px 0px 10px 20px; }
.listasolta ul li { list-style-image: url(/v2media/site_images/set.gif); }
.listasolta a:hover {text-decoration: underline; color: #4c6a7b;}
.listasolta a:visited {color: #4c6a7b;}

.simpleimage { float:left; margin:0px 7px 7px 0px; }

#fullbottom { clear: both; font-size: 1.2em; margin: 0px; padding: 20px;}
#fullbottom h2 { font-size: 1.3em; }

.marcasloja { margin: 0px 9px 20px 10px; padding: 0px; text-align: center; }
.marcasloja img { margin: 0px; border-style: solid; border-width: 1px; border-color:#fff; padding: 5px;}
.marcasloja a:hover {text-decoration: none; }

/*--------------------------- Listas ------------------------ */

.simplelist ul {list-style: none;}
.simplelist li  {list-style-image: url(/v2media/site_images/set.gif); padding:0px; margin: 2px 10px 2px 20px; font-size: 1.2em;}

ul.lista {list-style: none;}

a.lista {width: 340px; margin-left: 3px; padding: 2px; padding-left: 12px; background-image: url(/v2media/site_images/set.gif); background-repeat: no-repeat; background-position: 0 55%;}
a:link.boxlink {text-decoration: none;}
a:hover.lista {text-decoration: underline; color: #4c6a7b;}
a:visited.lista {color: #4c6a7b;}
ul#box li {padding: 2px 0 2px 3px; font-size: 1.2em;}

ul#esq li {padding: 6px 0 6px 3px; font-size: 1.3em; border-bottom: 1px #D8DEE2 solid;}
a.esqlink {width: 180px; margin-left: 3px; padding: 2px; padding-left: 12px; background-image: url(/v2media/site_images/set.gif); background-repeat: no-repeat; background-position: 0 55%; font-weight: bold; color:black}
a:hover.esqlink  {text-decoration: underline; color:black}
a:hover.esqlinksub  {text-decoration: underline; color:black}
.esqlinktop {width: 180px; margin-left: 3px; padding: 2px; padding-left: 12px; background-image: url(/v2media/site_images/set_down.gif); background-repeat: no-repeat; background-position: 0 55%;font-weight: bold; color:black}
.esqlinksub {width: 180px; margin-left: 15px; padding: 2px; padding-left: 12px; background-image: url(/v2media/site_images/set.gif); background-repeat: no-repeat; background-position: 0 55%;font-weight: normal;border-bottom: none; color:black}

/*--------------------------- Tabelas com Divs - galeria de equipamentos ou fotos ------------------------ */
div.bloco {padding: 5px; clear: both;}
div.tabelaprincipal {margin: 13px 0 0 16px;}
div.tablediv {width: 163px; height: 210px; float: left; border: 1px #d8e2ea solid; margin: 0 8px 13px 0;}
div.tablediv a:hover {text-decoration: none; }
div.tabledivsimple {width: 133px; height: 165px; float: left; margin: 0 12px 13px 0;}
p.tabletitle {color: #224a61; font-size: 1.3em; font-weight: bold; padding: 4px;}
p.tableimg {padding: 3px;text-align: center;}
p.tableinfo {padding: 3px;}

/*---------------------- Tabela de usuarios -----------------------*/

table.users { border:solid 1px #D8DEE2; font-size: 1.2em; margin: 10px; width: 95%}
table.users thead tr th { padding: 5px 20px 5px 5px; text-align: left; border-bottom:1px solid #ed6400;}
table.users thead tr th {color:#ed6400;}
table.users thead tr th:hover { cursor: pointer;}
table.users thead { font-weight: bold; }
table.users tbody tr td { padding : 5px;}
table.users tbody a:hover {text-decoration: underline; color: #4c6a7b;}
table.users tbody a:visited {color: #4c6a7b;}
.background_dark { background: #e8e8e8; }
.headerSortUp { background: #e8e8e8; }
.headerSortDown { background: #e8e8e8; }


/*--------------------------- Elementos de notícias e textos em geral ------------------------ */

div.intnoticia {height: 140px; clear: both; margin: 5px; margin-top: 5px; padding: 8px; border-bottom: 1px #ccc solid;}

.noticiablocktitle{ font-size: 1.2em; margin: 2px 0px 7px 0px;}
.noticiablocktitle h2 { font-size: 1.1em;}
.noticiablocktitle .intautor {font-size:1.0em;}
.texto h2 a em.intautor {font-size:0.9em;}
div.intimg {width: 131px; float:left; margin-right: 2px;}
div.intresumo {width: 390px; float: left;}
em.intautor {color: #ed6400; font-size: 1.2em;}
a:hover.intnoticia {text-decoration: underline;}

p#center {text-align: center;}
div.texto {margin: 10px;}
p.texto {font-size: 1.2em; margin-bottom: 10px; text-align: justify;}
.textocentro {font-size: 1.2em; margin-bottom: 10px; text-align: justify; text-align:center;}
p.texto strong { font-weight: bold;}
div.texto2 {margin: 10px;font-size: 1.2em; margin-bottom: 10px; text-align: justify;}
.intresumo a:hover {text-decoration: underline;}

.navigation { text-align: center; font-size: 1.2em;}
.navigation a:hover {text-decoration: underline; color: #4c6a7b;}
.navigation a:visited {color: #4c6a7b;}

/*--------------------------- Página dividida ao meio ------------------------ */

div#primeirarea {width: 375px; float: left;}
div#segundarea {width: 375px; float: left;}

/*--------------------------- Elementos de um comentário ------------------------ */

div.comentario {margin: 5px 10px 5px 10px;}
p.comentario {padding:3px; padding-bottom: 7px; border-bottom: 2px #eee solid;}
em.comentariotitle {font-weight: bold; font-size: 1em;}
input.commentsubmit {background-color: #e8e8e8; height: 19px; margin: 5px 0px 10px 10px; }
input.commentsubmit:hover {background-color: #224a61; cursor:pointer; color: #fff; }

/*--------------------------- Erros e Help Text de um formuário ------------------------------*/
h2.error { border: solid 1px red; margin: 10px 0px 10px 0px; padding: 5px; background: red; color: white;}

h2.notice { border: solid 1px #ccc; margin: 2px 0px 10px 0px; padding: 5px; }
.helpText { margin: 1px 0px 25px 0px; padding: 5px; font-size: 1.2em; height: 30px; font-weight:bold; background:#e8e8e8; border: solid 1px #ed6400; }
.helpText:hover { cursor: pointer; }
.hide { display: none; }
.required {font-weight:bold;}
.error { font-weight: bold; font-size: 1.2em; ;}
.error li { list-style: none;color: #FF0000; }

/*--------------------------- Misc ------------------------ */

a.feed {font-weight: bold; color: #ed6400;}
a:hover.feed {text-decoration: underline;}

/*--------------------------- Newsletter PopUp ------------------------ */

form#newsletter {margin-left: 5px;}
input#newsletteremail {width: 220px;}
input#assinar {width: 90px; background-color: #406374; border: 0; color: #fff; height: 20px;}

/* ------------------- helps in user account ---------------------------*/
.buttonHelp { font-weight: normal; color:#ed6400; cursor: pointer;}
/*.buttonHelp:hover {}*/
.areaHelp { width: 400; height: 40; border: solid 1px; cursor: pointer; background:#e8e8e8; border: solid 1px #ed6400; margin:0px 0px 5px 0px; font-size: 1.2em; padding: 5px;}


h1.title {
	border-bottom: solid 1px #e55b02;
	color:#000000;
	font-weight:bold;
	padding:3px;
	text-transform:uppercase;
	font-size:1.3em;
	width: 98%;
}

.veja-video { float: left; }
.veja-video img { float: left; }
.veja-video em { float: left; padding: 4px; }

.video-home h4 {display:block; font-size:1.3em; padding:5px; padding-bottom: 0px;}
.video-home p { padding: 4px;}
.video-home iframe { width: 362px; height:292px; }