body{font-family: "trebuchet ms";color:#333333;}

h2{
    border-bottom: 1px solid #333;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size:14px;
}
h3{
    margin-bottom: 5px;
    font-size: 13px;
    color:#669900;
}

a{color:#669900; text-decoration: none;}

.pagina{width:960px;}

/******  Coluna 1  ******/
#coluna-1{width:254px;}

#header h1 a{
    display:block;
    height:209px;
    overflow:hidden;
    text-indent: -200px;
    background: url(../img/logo-saffi-franquia.jpg) no-repeat;
}

#nav a{
    display:block;
    height: 30px;
    margin-bottom: 1px;
    padding-right: 10px;
    line-height: 30px;
    text-align: right;   
    text-transform: uppercase;
    color:#333;
    background: url(../img/bg-menu.jpg) no-repeat 0 -30px;
}
#nav a:hover, .atual{
    color:#ffffff !important;
    background: url(../img/bg-menu.jpg) no-repeat 0 0 !important;
}

#extranet{margin-top: 30px;}
#extranet legend{
    display: block;
    width:250px;
    height: 30px;
    margin-bottom: 15px;
    border-bottom: 1px solid #333;
    text-transform: uppercase;    
    line-height: 30px;    
}

#extranet label{
    display: block;
    float: left;
    width:40px;
    height: 25px;
    margin: 0 5px 5px 0;
    text-align: right;
    line-height: 25px;    
    text-transform: uppercase;
}

#extranet input, #extranet select{
    display: block;
    float: left;
    width:175px;
    height: 25px;
    margin-bottom: 5px;
    border: 1px solid #ccc;   
    line-height: 25px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

.senha{
    width: 120px !important;
    margin-right:5px;
}

.btn-login{
    width:47px !important;
    border: 0 !important;
    color:#fff;
    font-size: 10px;
    text-transform: uppercase;
    background: url(../img/bg-btn.jpg) no-repeat;
}


/******  Coluna 1  ******/
#coluna-2{width:640px;margin: 0 26px 0 40px;}

#banner{margin-bottom: 10px;}

#video{width: 302px; margin-right: 8px;}

#seja-um-franqueado{
    width: 300px;
    height:89px;
    margin-bottom:15px;
    background: url(../img/seja-um-franqueado.jpg) no-repeat;
}

#seja-um-franqueado h2{
    right: 0;
    width: 87px;
    border:0;
    text-align: center;
    font-size: 10px;
    line-height: 12px;
    text-transform: uppercase;
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    color:#fff;
}

#seja-um-franqueado h2 span{font-size: 48px;line-height: 50px;font-weight: normal; color:#85c416;}

/***** Conteudo *****/
#content{margin-top: 30px;}
#content p{color:#666; margin-bottom: 25px;}
.data{display: block;font-weight: bold; font-size: 11px;color:#333;}

#footer{padding-top: 15px;border-top:1px solid #d6d6d6;}
#footer p{color:#999;}
#footer a{color:#669900;}
#footer li{margin-right: 5px;padding-right: 5px; background: url(../img/footer-nav-separator.jpg) no-repeat right;}


#content h2{
    font-size: 14px;
    font-weight: bold;
    border:0;
    color: #83c225;
    text-transform: uppercase;
}
#content h3{
    font-size: 13px;
    font-weight: bold;
    border:0;
    color: #666;
    text-transform: uppercase;
}

.lista-dados li, .lista-dados dd{
    padding-left:20px;
    background: url(../img/bg-list-item.jpg) no-repeat 3px 3px;
}
.lista-modalidades{margin-bottom: 20px;}

.lista-modalidades dt{
    font-size: 13px;
    font-weight: bold;
    padding-left:20px;
    background: url(../img/bg-list-item.jpg) no-repeat 3px 3px;
}

.lista-modalidades dd{padding-left:20px; margin-bottom: 10px;}
.lista-dados dt{font-weight: bold;font-size:12px;}

.obrigatorio{color:#ff0000;}

.contact label{
    display: block;
    float: left;
    width:150px;
    height: 28px;
    margin-bottom: 10px;    
}

.contact input{
    display: block;
    float: left;
    width:250px;
    height: 26px;
    margin-bottom: 10px;
    border:1px solid #999;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

.contact textarea{
    display: block;
    float: left;
    width:350px;
    height: 60px;
    margin-bottom: 10px;
    border:1px solid #999;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

.contact br{clear:both;}
.meio input{margin:10px auto;}

/*
	formulario de cadastro franquiado
*/

.cadastro-franqueado fieldset{border:1px solid #ccc; padding:10px; margin-bottom:15px;}
.cadastro-franqueado legend{color:#666; font-size:14px; font-weight:bold;}

.cadastro-franqueado fieldset fieldset{padding:5px; margin-bottom:5px; clear:both;}


.cadastro-franqueado label{display:block; float:left; width:150px;color:#666;}
.cadastro-franqueado input{float:left; margin:0 10px 10px 0;}
.cadastro-franqueado select{float:left; margin:0 10px 10px 0;}
.cadastro-franqueado br{clear:both; margin:0 10px 10px 0;}
/*tamanhos*/
.g{width:300px}
.m{width:150px;}
.p{width:30px;}

.meio input{float:none !important;}

.btn, .rst{	
    width:80px !important;
	height:25px;
    border: 0 !important;
    color:#fff;
    font-size: 10px;
    text-transform: uppercase;
    background: url(../img/bg-btn-g.jpg) no-repeat;
}
.rst{background: url(../img/bg-rst-g.jpg) no-repeat;}

.map{width:640px; height:400px; margin-bottom:30px;}

#slideshow li{width:123px;height:85px;overflow:hidden; margin-right:5px;}

dl.lista-horizontal dd{margin:5px;}
.no-bg li{background:none;}
fieldset p{margin-bottom:10px !important;}
fieldset .lista-dados li{margin-bottom:5px !important;}

#sobre-franquia-saffi{width:330px;}

.modalidades a{background-image:url(../img/sprite-modalidades-franquia.jpg); background-repeat:no-repeat; text-indent:-9999px;}

#btn-completa{width:320px; height:95px;background-position:0 0;}
#btn-completa:hover, .btn-completa{background-position:0 -95px !important;}

#btn-home-oficce{width:320px; height:95px;background-position:-320px 0;}
#btn-home-oficce:hover, .btn-home-oficce{background-position:-320px -95px !important;}

.img-noticia{
	border:1px solid;
	margin: 0 20px 20px 0;
}

.error{color:#C30; display:inline; float:left; margin-left:3px;}
.successo{color:#363 !important; display:inline; float:left; margin-left:3px;}