/* 
    Document   : estilo
    Created on : 14/09/2009, 23:40:01
    Author     : marcio
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

*{
    padding:0;
    margin:0;
}

body {
    font-size : 12px;
    font-family : Arial, Helvetica, sans-serif;
    background-image: url(../images/background.jpg);
    background-repeat: repeat-x;
    background-color:#3F3F3F;
    color:#777777;

}


a {
    color:#777777;
    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:medium;
    text-decoration:none;
}

p {
color:#636363;
font-size:110%;
line-height:1.4em;
}

#logo {

    float:left;
    width:250px;
    margin-top:30px;
}

#container {
    margin:0 auto;
    padding:0;
    text-align:left;
    width:1000px;

}

.texto {
    margin-top:40px;
    width:80%;
    
}

#topo {
    display:block;
    width:100%;
    height:120px;
}


#topo .menu {
    width:630px;
    float:right;
    list-style:none;
    margin-top:50px;

}


#topo .menu a {
    display:inline-block;
    height:18px;
    width:85px;
    background-image:url(../images/menu.gif);
    background-repeat:no-repeat;
    font-size:0 !important;
    margin: 0 0 0 15px;
}


#topo .menu li.home a {
    background-position:0 0;
}
#topo .menu a:hover {
    background-position:0 -17px;
}
#topo .menu a.empresa {
    background-position:0 -34px;
    width:90px;
}
#topo .menu a.empresa:hover {
    background-position:0 -51px;
}
#topo .menu a.servicos {
    background-position:0 -68px;
    width:120px;
}
#topo .menu a.servicos:hover {
    background-position:0 -85px;
}
#topo .menu a.orcamento {
    background-position:0 -102px;
}
#topo .menu a.orcamento:hover {
    background-position:0 -119px;
}
#topo .menu a.contato {
    background-position:0 -136px;
}
#topo .menu a.contato:hover {
    background-position:0 -153px;
}


.esq {
    float:left;
}

.meio {
    margin: auto auto;
}

.dir {
    float:right;
}

#servicos {
    width:800px;
    height:150px;
    margin:30px auto;

}

#servicos .esq {

    width:25%;
}

#servicos .meio {
    width:25%;
    float:left;
    margin-left:25px;
}

#servicos .dir {
    width:15%;

}

/*
Carrocel
*/
.stepcarousel {
    position : relative;
    overflow : scroll;
    width : 1000px;
    height : 390px;
    margin-top : 10px;
}

.stepcarousel .belt {
    position : absolute;
    left : 0;
    top : 0;
}

.stepcarousel .panel {

    float : left;
    overflow : hidden;
    margin : 2px;
    width : 1000px;
    height : 390px;
    position : relative;
}
/*
Fim carrocel
*/
contato_info {
    width : 240px;
    padding-left : 10px;
    margin-top : 30px;
}

#contato_form fieldset {
    width : 420px;
    margin-bottom : 30px;
    border : 1px solid #ccccc3;
    padding : 10px;
}

#contato_form legend {
    color : #7c7c7c;
    font-family : "Trebuchet MS", Tahoma, Verdana, sans-serif;
    font-size : 120%;
    padding : 0 0.25em;
}

#contato_form label {
    float : left;
    width : 620px;
    color : #ffffff;
}

#contato_form input, #contato_form select, #contato_form textarea {
    border : 1px solid #ccccc3;
    background-color:#3F3F3F;
}

#contato_form input, #contato_form select {
    height : 24px;
    color:#E42124;
    font-size:14px;
}

textarea {
    font-family : Arial, Helvetica, sans-serif;
    color:#E42124;
    font-size:14px;
}

#contato_form input, #contato_form label, #contato_form textarea, #contato_form select {
    margin-bottom : 5px;
}

#contato_form input, #contato_form label, #contato_form textarea {
    width : 350px;
}

#contato_form select {
    width : 200px;
}

#contato_form .submit {
    width : 100px;
}


#msg {

    padding-bottom:140px;
    margin-top:50px;
   
}

#contato_form {

   
    padding-bottom:70px;
}

.bt_enviar {

    background-color:red;
}

#rodape {
    width:100%;
    text-align:center;
}
#rodape img {
	vertical-align:middle;
}