@import "reset.css";
@import "menu.css";
@import "texto.css";

/*Estilos Prodaser*/


body{
background: url(../images/bck.jpg) #fff left top repeat-x;
overflow-x:hidden;
}


.esq{float: left;}
.dir{float: right;}

/*Layout*/


div#casca{
background: #fff;

border: 1px solid #e8ebee;

margin: 20px auto;

width: 800px;

height: 100%;
}


div#skip{
background: #e8ebee;

height: 18px;
}

div#cabeca{
background: url(../images/logo_proda.jpg) #fff left center no-repeat;

height: 105px;
}

div#cabeca h1{display:none;}

div#menu{
height: 39px;
}

div#chamada{
background: #fff;

height: 321px;
}

div#meio{background: #fff;}

div#meio div.texto_int{margin: 10px 10px;}


div#foot{
background: #fafafa;

clear: both;

height: 230px;

}

/*Inicial*/



div#box1{
background: url(../images/vertical_d.jpg) #fff right center no-repeat;

padding: 10px 5px;

float: left;

width: 210px;
}

div#box1 ul{text-align: left; margin: 5px;list-style-image: url(../images/arrow.gif);list-style-position:inside;}

div#box1 ul li{padding: 10px;}

div#box2{
background: url(../images/vertical_d.jpg) right center no-repeat;

padding: 10px 5px;

float: left;

text-align: left;

width: 360px;

}


div#box2 p{width: 330px; padding: 10px;}

div#box3{

padding: 10px 5px;

height: 280px;

float: left;

width: 190px;

}



div#box1 h2,div#box2 h2,div#box3 h2,div#box4 h2,div#box5 h2,div#box6 h2,div#box7 h2{display: none;}

/*Foot*/

div#foot{background: url(../images/scissor.gif) left top no-repeat; height: height: 250px;}

div#box4, div#box5, div#box6{background: url(../images/vertical_d.jpg) #fff right center no-repeat; margin-top: 15px;}

div#box4{
	
float: left;	

padding: 10px 15px;
	
height: 170px;

width: 170px;
}

div#box4 form{width: 150px;}

div#box4 form input#n_mail{background: #fff; color: #999; border: 1px solid #ccc;}

div#box4 form input#n_mail:focus{background: #fafafa; border: 1px dashed #999;}

div#box4 form input#n_sub{background: #155daf; border: none; color: #fff; float: left; margin: 10px 2px; height: 40px; width: 80px;}

div#box5{

float: left;

padding: 10px 15px;

height: 170px;

width: 170px;
}

div#box6{

float: left;

padding: 10px 15px;

height: 170px;

width: 170px;
}

div#box7{

float: left;	

padding: 25px 15px;

height: 170px;

width: 170px;
}

p.softs{border: 3px solid #fff; width: 200px; padding: 15px; margin: 10px; height: 130px; float: left;}

p.softs:hover{border: 3px solid #eee;}


div.box_linques{ background: #fff; float: left; padding: 10px; width: 240px; height: auto;}

/*Frame*/

iframe#test{border: none; overflow: auto; height: 650px; width: 770px;}

/*Botoes - Topo*/

div#botoes_topo{ width: 80px; float: right; padding: 30px;}

/*Site map*/

div#mapa{height: auto; text-align: left; padding: 5px;}

ul.maplist{border-right: 2px dashed #eee; list-style-position: inside;}

ul.maplist li{padding: 8px;}

ul.maplist li.ml_title{width: 110px;list-style-image:url(../images/arrow.gif); font-size: 15px; float: left;}

li.ml_title ul{font-size: 13px; list-style-type: disc; list-style-position: inside;}

li.ml_title ul li.sec{margin-left: 5px; list-style-type: circle;} 

li.ml_title ul li{padding: 2px; margin-left: 15px; width: 120px; }