/*
Theme Name: Dettecta Sistemas Eletrônicos e Tecnologia Ltda
Theme URI: http://www.dettecta.com.br
Description: 3 column  web 2.0 theme. Designed by Dettecta´s Marketing Department
Author email: ericofuruno@dettecta.com.br
*/

html { 
scrollbar-shadow-color: #112eb6;
scrollbar-highlight-color: #5f626d;
scrollbar-face-color: #000000;
scrollbar-3dlight-color:#141f53;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #000c42;
scrollbar-arrow-color: #FFFFFF;}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:60%;
color:#141f53;
background:#141f53 url(images/bg1.jpg) center repeat-y;
margin:0 auto;
}

#home .list_minimenu a.home, #mapa .list_minimenu a.mapa, #fale .list_minimenu a.fale {
color:#999999;
cursor:default;
}


h1,h2,h3,h5,h6 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:700;
}

img {
padding:0;
margin:0;
}

#wrapper {
width:960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
background:#000000 url(images/bg1.jpg) center repeat-y;
}

#container {
float: left;
width: 960px;
margin:0;
}



/*Estilos de Fontes*/
.subtitulo_header {
font:Verdana, Arial, Helvetica, sans-serif; color: #FF6600; font-size:1.1em;
}

.subtitulo_body {
font:Verdana, Arial, Helvetica, sans-serif; color: #999999; font-size:1em; font-weight:600
}

/*header*/
.banner_640x120 {
width:960px;
height:250px;
float:left;
background-image: url(images/img_top_principal_high.jpg);
background-repeat:no-repeat;
}

.date_php {
margin-top:225px;
margin-left:270px;
color:#CCCCCC;
font-family: Arial, Helvetica, sans-serif;
font-size:10px
}

#header {
width:960px;
float:left;
}

#header1 {
width:960px;
height:37px;
float:left;
padding-top:0;
background-color:#009;
background-image:url(images/main_menu.jpg);
background-repeat:no-repeat;
position:relative;
}

/*main menu*/
#main_menu {
width:70em;
}

#nav, #nav ul {
width:70em;
list-style:none;
font:  10px Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}

#nav li {float:left; background-color: #2c3c83}

#nav a {
display:block;
width:17em;
height:36px;
line-height:36px;
text-align:center;
text-decoration:none;
color:#FFFFFF;
border-bottom: 1px solid #000000;
}


#nav a:hover {
color:#fff;
background: #000000;
text-decoration:none;
}

.coverlink {
background: transparent url(images/seta.gif) no-repeat right;
background-color:#2c3c83;
}

#nav li ul {
position:absolute;
left:-1000em;
width:16em;
margin:0;
}

#nav ul ul { margin:-36px 0 0 17.1em;}
#nav li:hover ul ul, #nav li.over ul ul { left:-1000em;}
#nav li:hover ul, #nav li li:hover ul, #nav li.over ul, #nav li li.over ul {
left:auto;
}


ul#nav li.submenu { background: transparent no-repeat right;}

/*\*/
* html ul li {float:left; height:1%;}
*html ul li a { height:1%;}
/* */


/*list_minimenu - Home,map e contato*/
.minimenu {
position:absolute;
left:70em;
top:0;

}

ul.list_minimenu {
margin: 0;
padding:0;
list-style:none;
width:280px;
float:left;
}

ul.list_minimenu li {
float:left;
padding:6px 1.5px 0 1.5px;
margin-left: 7px;
}

ul.list_minimenu a {
display: inline;
padding: 0 1em;
line-height: 2.1em;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
color:#000000;
}

.list_minimenu a:hover.home,  .list_minimenu a:hover.mapa,  .list_minimenu a:hover.fale,{
color: #2c3c83;
}

li.link_minimenu {
background: url(images/barra_minimenu.png) no-repeat 0 72%;
padding: 6px 0 0 1px;
}


/*list solucoes e projetos*/
.lists_header {
width:960px;
height:160px;
float:left;
margin:0.5em 0 0 0;
position:relative
}

.list {
width:319px;
height:145px;
float:left;
background: url(images/imgs_index/background_menu_list_index.jpg) no-repeat;
margin:0;
}

.list_up {
width:300px;
float:left;
padding-bottom:0;
padding-left:0.2em;
margin:0;
}


.list_up_text {
color: #FFFFFF;
font-size:1.4em;
font-weight:600;
margin:0;
padding:0.5em 1.5em 0.1em 1.5em;
}

.list_item {
text-align:left;
float:left;
width:95%;

list-style-type:none;
margin:0;
padding:0;
}

.list_item li {
float:left;
width:95%;
text-align: right;
font-size:1.1em;
line-height:1.6em;
margin:0 0 0.2em 0;
padding:0 0 0 0;
}

.list_item li a:link {
padding-right:50px;
color: #FFFFFF;
font-weight:400;
text-decoration:none;
display:block;
overflow:hidden;
background: url(images/seta_menu_lista.png) no-repeat 93% 50%;
}

.list_item li a:visited {
padding-right:50px;
color: #C5C5C5;
font-weight:400;
text-decoration:none;
display:block;
overflow:hidden;
background: url(images/seta_menu_lista.png) no-repeat 93% 50%;
}

.list_item li a:hover,.list_item li a:active {
padding-right:50px;
color: #2c3c83;
font-weight:700;
text-decoration:none;
display:block;
background: url(images/seta_menu_lista_over.png) no-repeat 95% 50%;
}

/*content
content*/
#content {
float:left;
width:960px;
position:relative;
margin:0.5em 0 0 0;
padding:0;
top:0
}

.articles {
float:right;
width:960px;
position:relative;
}

/* box */
#box {
float:left;
width:637px;
position:relative;
margin: 0;
padding: 0;
overflow:hidden;
background:#FFFFFF;

}

.box_content {
float:left;
width:49.9%;
padding:0;
margin:0;
border-right:#CCCCCC  thin  dotted;
background: url(images/imgs_index/monitoramento_box.png) no-repeat 5% 50%
}

.box_content1 {
float:left;
width:49.3%;
padding:0;
margin:0;
background: url(images/imgs_index/estacao_agua_box.png) no-repeat 5% 50%
}

.box_content p strong, .box_content1 p strong {
font-weight:800;
font-size:1.1em;
color: #006699;
}

.box_content p, .box_content1 p{
font:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; text-align:justify;
line-height:1.6em;
width:55%;
padding: 0 0 0 15em;
color: #999999
}

.box_content a:link, .box_content1 a:link {
text-decoration: none;
font-weight:500;
color:#999999;
padding-left: 11em;
}

.box_content a:visited, .box_content1 a:visited {
color: #CCCCCC;
text-decoration: none;
}

.box_content a:hover, .box_content1 a:hover {
text-decoration:underline;
font-weight:400
}


/* post e post_content */

#post {
float:left;
width:637px;
position:relative;
padding:5px 0 20px 0;
margin: 10px 0 3px 0;
overflow:hidden;
background:url(images/imgs_index/post_news.jpg) no-repeat 0% 0%
}

#content h2 {
float:left;
width:90%;
font-size:1.3em;
color:#4c6171;
margin:2px 0 0 1px;
padding:0 0 0 7px;
height:30px;
text-align:center
}


.post_content {
float:left;
width:31%;
padding: 1.3em 0 0 0;
margin:0;
}

.post_content_foto {
float:left;
width:29%;
padding:0;
margin:0 1.1em 0 0;
}

.post_content span {
color:#fff;
font-weight:800;
line-height:0.5em;
font-size:1.1em;
padding: 0 0 0 5em;
}

.post_content p {
font:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em;  color: #fff; text-align:justify;
line-height:1.4em;
width:90%;
padding: 0 0 1em 0.6em;
}

.post_content a:link,.post_content a:active {
color:#fff;
text-decoration: none;
font-weight:600;
padding: 0 0 0 11.5em
}

.post_content a:visited {
color: #CCCCCC;
text-decoration: none;
}
.post_content a:hover,.post_content a:active {
color:#fff;
text-decoration:underline;
}

.post_content p strong {
color:#fff;
font-weight:800;
line-height:1.1em;
font-size:1.3em;
text-align:center;
}


/*form login usuário*/
.login {
width:313px;
height:3px;
float:left;
padding:0;
margin:0;
}

.form_login {
width: 280px; height:90px; font-size:1.2em; color:#000099;
padding:40px 0 30px 3px;
margin: 0;
}
.form_login fieldset {border:0px; padding: 0 0.7em;}

.form_login label {margin-top: 1em}
.form_login input {width:10em;}
.form_login input#ok {margin-bottom: 0.5em; width:auto; font-weight:bold}
.link_complementar {
color:#006699;
line-height:1px;
font-size:9px;
width:100%;
margin:0;
padding:0 0 10px 0;
line-height: 1.4em;
}
p .link_complementar a:hover {
color:#2c3c83;
}

.backg_login {
margin:0px 0 10px 13px;

width:300px;
height:161px;
}


/*sidebar
sidebar*/

#sidebar {
float:right;
width:320px;
padding: 10px 0 0 0;
}

.rolls {
text-align: justify;
float:left;
width:152px;
padding:0;
margin: 0;
}


.left_col {
float:left;
width:165px;
background: #E7E7E7 url(images/background_noticias_final.png) no-repeat 25% 0%;
padding: 0.5em 1.2em 3em 1.5em;
margin: 0 0 0 2px;
}

.informativo {color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; margin: 0 0 5px 0; padding-bottom:0px}

.link_saiba a:hover;  .link_saiba a:active {color:#330099; text-align:justify}

.right_col {
float:right;
width:124px;
height:226px;
padding:0;
margin:0;
}

/* Rodapé e marca registrada*/

#footer {
float:left;
width:960px;
background:#141F53 url(images/banner_pic.png) top repeat-x;
height:47px;
padding:0;
margin:0;
bottom:0;
}


.footer_links {
float: right;
width:420px;
padding-right:5px;
padding-left:15px;
line-height:22px;
height:22px;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color: #757575;
margin:0;
}

ul.list_menu_rodape {
margin: 0;
padding:0;
list-style:none;
width:400px;
float:left;
}

ul.list_menu_rodape li {
float:left;
}

ul.list_menu_rodape a {
display:block;
padding: 0 2em;
line-height: 2.1em;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#fff;
float:left;
}

ul.list_menu_rodape li a:visited {
color: #C5C5C5;
}

ul.list_menu_rodape li a:hover {
color: #FF0000;
}

.li_barra {
background:url(images/barra_menu_rodape.png) no-repeat 0 70%;
}


/* SELETORES 2 - ELEMENTOS QUE NAO FAZEM PARTE DO INDEX*/

#content2 {
float:left;
width:960px;
position:relative;
margin:0;
padding:0;
background-image:  url(images/background_branco.png);
background-repeat:no-repeat;
background-position:left top;
}

.articles2 {
float:right;
width:960px;
position:relative;
}

#post2 {
float:left;
width:612px;
position:relative;
padding: 0px 12px 0 5px;
margin-left:0px;
overflow:hidden;
line-height:15px;
color:#282725;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}


.post2_middle {
float:left;
width:612px;
background-image:url(images/backg_post2_middle.png);
background-repeat:repeat-y center;
}

.post2_base {
float:left;
height:30px;
width:612px;
background-image:url(images/backg_post2_base.png);
background-repeat: no-repeat;
}

.post2_middle p {
padding:0.5em 1.5em 1em 1.5em;
text-align:justify
}

.post2 p {
margin: 5em 2em 2em 23em;
}

.texto_top2 {
width:33em;
padding:4em 0 0 24em;
}

.texto_principal_top2 {
padding:1em 3.3em 1em 1em;
margin: 0 0 2px 0;
font:Verdana, Arial, Helvetica, sans-serif; 12px; color:#000000; text-align:justify;
}


#sidebar2 {
float:right;
width:320px;
padding: 20px 0 0 0;
position:absolute;
left:640px;
top: 148px
}

.backg_login2 {
margin:0px 8px 0 15px;
padding: 0 18px 0 0;

position:absolute;
width:300px;
height:161px;
}

.left_col2 {
float:left;
width:189px;
background: #E7E7E7 url(images/backg_list_item2.png) no-repeat 0% 0%;
padding: 0;
padding-bottom:7px;
margin: 0 0 0 1px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px
}

.left_col2 span {
padding-left:0.3em;
color:#3366CC;
font-weight:800;
font-size:1.1em;
}

.lists_header2 {
width:960px;
height:160px;
float:left;
padding-bottom:0;
margin:0;
position:relative
}

.list_item2 {
text-align:left;
float:left;
width:177px;
height:115px;
list-style-type:none;
margin:0;
padding-left:0.3em;
}

.list_item2 li {
float:left;
width:95%;
text-align: left;
margin:0 0 5px 0;
padding:0 0 0 0;
}

.list_item2 li a:link {
color: #000;
font-weight:400;
font-size:1.1em;
line-height:1.1em;
height:1.1em;
text-decoration:none;
display:block;
overflow:hidden;
}

.list_item2 li a:visited {
color: #999999;
font-weight:400;
font-size:1.1em;
line-height:1.1em;
height:1.1em;
text-decoration:none;
display:block;
overflow:hidden;
}

.list_item2 li a:hover {

color: #2c3c83;
font-weight:700;
line-height:1.1em;
height:1.1em;
text-decoration:none;
display:block;
}

.rolls2 {
text-align: left;
float:left;
width:177px;
padding:7.7em 0 1.7em 0.8em;
margin: 0;
color:#993300
}

.rolls2a {
text-align: left;
float:left;
width:177px;
padding:0 0 2.2em 0.8em;
margin: 0;
color:#993300
}


/*comments
comments- TODOS SELETORES CALENDAR, COMMENTS, AVATAR,C0M-,META E FORM (FORA OS QUE COLOQUEI) FORAM DELETADOS*/