@charset "utf-8";
/*  
* CADEIAS FISIOLOGICAS
***********************************************
Agência: Ato interativo
Country: Brasil
Diretor: Felipe Gazolla
Design by: 
XHTML+CSS: Fernanda Carolina
Programação: Jean Pimentel
Country: Brasil
Last CSS update: 01/2010
Notes: Folha padrão
***********************************************
Copy something of someone is WRONG, 
but copy from lot's of places is RESEARCH!
Don't let the puppies sad!
***********************************************
*/
*{
padding:			0px;
margin:				0px;
}
body{
padding:			0px;
margin:				0px;
text-align:			center;
font-family:    	"Tahoma", Arial, Helvetica, sans-serif; 
font-size:			13px;
color:				#808080;
background:			#ECEBE9 url(../images/bg_body2.jpg) left top no-repeat;
}
#site{
width:				940px;
height:				auto;
text-align:			left;
margin:				auto;
}

#palco{
width:             940px;
height:            auto;
}

#conteudo{
width:				600px;
height:				auto;
background-color:   #fff;
float:              left;
padding:            10px;
}
#rodape_conteudo{
width:				620px;
height:				43px;
background:			url(../images/bg_rodape_conteudo.png) left bottom no-repeat;
float:              left;
margin-right:       1px;
}

#envolve_rodape{
width:				940px;
height:				125px;
background-color:   #595959;
background:			url(../images/bg_env_rodape.png) right top no-repeat;
padding-top:        30px;
margin-top:         30px;
}
#rodape{
width:				940px;
height:				130px;
background-color:   #595959;
color:              #fff;
}
#rodape p{
margin-left:       40px;
font-size:         10px;
}
/************************************MENU******************************/
ul#menu{
width:            700px;
height:           20px;
float:            left;
background-color: #595959;
font-size:        10px;
padding:          5px;
float:            left;
}

ul#menu li{
list-style:       none;
display:          inline;
margin-left:      10px;
}

ul#menu li a{
text-decoration:    none;
color:             #9AC2EB;
font-size:         14px;
}
ul#menu li a:hover{
color:             #fff;
}
/*************/
#busca{
width:				220px;
height:				20px;
padding:            5px;
float:              left;
background-color:  #595959;
}
#topo{
width:				900px;
height:				115px;
background:			url(../images/bg_topo.jpg) left top no-repeat;
padding:            5px 0 0 40px;
}
#logo{
width:				290px;
height:				85px;
float:              left;
}
.corpos{
width:				290px;
height:				87px;
float:              left;
background:			url(../images/corpos_cadeias.png) left top no-repeat;
margin:             25px 0 0 250px;
}
/***************************************BUSCA HOME**************************/
#BuscaHome input{
width:                150px;
height:               15px;
border:               #4f4f4f solid 2px;
background:           transparent;
color:                #fff;
-moz-border-radius:   5px;
text-align:           center;
margin-top:           0;
padding:              0!important;
}

#BuscaHome .ok3{
width:               25px;
height:              21px;
background:	         url(../images/lupa.png) left top no-repeat;
border:              none;
}
/********************************************CLASSES********************/
.col_direita{
width:               300px;
height:              auto;
float:               right;
margin-left:         12px;
}
/************/
.box_300, .box_300_faixa, .box_300_mini{
width:               281px;
height:              160px;
float:               left;
background:	         url(../images/bg_box_300.png) left top no-repeat;
margin-bottom:       10px;
padding:             10px;
overflow:            hidden;
}
.box_300 p, .box_300_faixa p, .box_300_mini p{
padding-left:       10px;
}
.box_300 img{
padding-right:      5px;
}
marquee p{
height:            60px;
}
marquee p.cur{
height:				auto;
}
.box_300_mini{
height:              130px;
background:	         url(../images/bg_box_300_mini.png) left top no-repeat;
}
.box_300 span{
color:             #3F95B0;
padding-left:      10px;
}
.box_300_faixa{
width:               301px;
height:              200px;
padding:             0;
background:	         url(../images/bg_box_300_faixa.png) left top no-repeat;
}
.box_300 ul{
padding-left:      23px;
}
.box_300 li{
color:             #3F95B0;
font-size:         12px;
}
.box_300 li a, .box_300_faixa a{
color:             #3F95B0;
text-decoration:   none;
}
.box_300 li a:hover, .box_300_faixa a:hover{
color:             #436370;
}
.ir{
float:            right;
}
.selo{
float:            right;
}
.voltar{
margin-left:      10px;
}
.left{
float:           left;
}
.breve{
float:            right;
margin:           -5px 15px 0 0;
}
/*******/

.publicidade{
width:               630px;
height:              140px;
margin-top:          -145px;
}
.box_publicidade, .box_publicidade_g, .box_publicidade_ult{
width:               228px;
height:              135px;
float:               left;
background-color:    #fff;
background:	         url(../images/box_pub.png) left top no-repeat;
margin-right:        45px;
}
.box_publicidade_g{
width:               352px;
background:	         url(../images/box_pub_g.png) left top no-repeat;
margin-right:        0!important;
}
.box_publicidade_ult{
margin-right:        0;
}
.box_publicidade img{
margin:             30px 0 0 10px;
}
.box_publicidade_g img{
margin:             20px 0 0 50px;

}
.box_rodape{
width:               304px;
height:              130px;
float:               right;
/*background-color:    #9CB8C3;*/
background-color:    #65B6D1;
margin-right:        16px;
}
p.seta_mini{
background:				url(../images/icon_seta.jpg) left center no-repeat;
color:                  #3F95B0;
margin:                 0 0 0 13px;
}
.box_270{
width:              270px;
float:              left;
margin:             10px;
}

.mais{
height:            auto;
font-size:         13px;
width:             550px;
background-color:  #C0D1D9;
color:             #fff;
padding:           3px 15px 2px 15px;
margin:            6px 0 6px 20px;
}
.mais a{
color:           #585A5E;
text-decoration: none;
font-size:       15px;
}
.mais a:hover{
color:           #6C7982;
}

.box_600{
width:             566px;
height:            auto;
padding:           5px;
color:             #636363;
font-size:         13px;
margin:            20px 0 5px 20px;
}
.box_600 span{
color:             #80ACCB;
margin-top:        30px;
}
.contato{
width:            270px;
float:            left;
margin-top:      20px;
}
.skype, .mail, .tel, .orkut{
background:	         url(../images/logo_skype.jpg) left top no-repeat;
width:               150px;
padding:             5px 0 0 35px;
height:              27px;
}
.mail{
background:	         url(../images/mail.png) left top no-repeat;
}
.tel{
background:	         url(../images/tel.png) left top no-repeat;
}
.orkut{
background:	         url(../images/orkut_icon.jpg) left top no-repeat;
}
.box_150 {
width:		      auto;
height:		     135px;
padding-top:	 1px;
margin:		      10px 0px;
background-color: #CEE2E8;
border-bottom:    #6BA5B3 solid 3px
}
.box_150 img{
padding:    5px;
}
.link{
color:             #3F95B0;
text-decoration:   none;
}
.link a:hover{
color:             #436370;
}
.listagem li{
list-style:        none;
}
.listagem li a{
font-weight:       normal;
color:             #6BA5B3;
}
.listagem li a:hover{
color:             #808080;
}
.branco{
color:             #fff;
text-decoration:   none;
float:             right;
}
.altura1{
height:           50px;
}
/*******************************FORMULARIO LOGIN*************************/
#formLogin input{
border:             none;
width:              200px;
height:             20px;
color:              #3F95B0;
float:              left;
margin:             5px 0 0 10px;
border:             #3D8FBE solid 4px;
text-align:         center;

}
#formLogin .ok{
width:              70px;
height:             34px;
background-color:   #3D8FBE;
border:             none;
margin-left:        0!important;
margin-bottom:      20px;
color:              #fff;
font-weight:        bold;
font-size:          11px;
}
/*******************************FORMULARIO NEWS*************************/
#formNews input{
width:              200px;
height:             20px;
color:              #fff;
float:              left;
margin:             5px 0 0 10px;
border:             #C0D1D9 solid 4px;
text-align:         center;
background-color:   #65B6D1;

}
#formNews .ok{
width:              70px;
height:             34px;
background-color:   #C0D1D9;
border:             none;
margin-left:        0!important;
margin-bottom:      20px;
color:              #585A5E;
font-weight:        bold;
font-size:          11px;
}
/*******************************FORMULARIO LOCALIZAR PROFISSIONAIS*************************/
#profiForm{
height:               auto;
float:                left;
margin:               10px 0 50px 40px;
}
#profiForm select, input, textarea{
width:                200px;
text-align:           center;
margin-bottom:        5px;
border:               #3D8FBE solid 1px;
padding:              3px;
text-align:			left;
}
#profiForm input:focus , select:focus, textarea:focus{
background:			#E7F1F8;
}
.enviar{
background-color:     #3D8FBE;
color:                #fff;
width:                auto;
}
/*******************************FORMULARIO CADASTRE-SE*************************/
#cadastroForm label{
width:				200px;
height:				auto;
padding:			5px;
margin:				0;
float:				left;
text-align:			right;
}
#cadastroForm input, select{
width:				auto;
height:				auto;
padding:			5px;
margin:				3px 3px;
background:			#fff;
font:				11px "Trebuchet MS" Arial, Helvetica, sans-serif;
color:				#000;
border:				1px solid #3D8FBE;
text-align:         left;
}
#cadastroForm input:focus , select:focus, textarea:focus{
background:			#E7F1F8;
}
#cadastroForm .ok{
width:				auto;
height:				auto;
background-color:     #3D8FBE;
color:                #fff;
font:				11px "Trebuchet MS" Arial, Helvetica, sans-serif;
font-weight:		600;
cursor:				pointer;
border:				1px solid #3D8FBE;
}
/************************************MENU RODAPE******************************/
ul#menu_rodape{
width:            580px;
height:           20px;
float:            left;
font-size:        11px;
padding:          20px;
margin-bottom:    20px;
}

ul#menu_rodape li{
list-style:       none;
display:          inline;
margin-left:      13px;
}

ul#menu_rodape li a{
color:             #fff;
}
ul#menu_rodape li a:hover{
color:             #9CB8C3;
}
/***************************************TIPOGRAFIA********************/
h1{
visibility:          hidden;
}
h2#faixa{
width:               287px;
height:              40px;
background:	         url(../images/fundo_h2.jpg) left top no-repeat;
margin-top:          12px;
font-weight:         normal;
padding-left:        15px;
color:               #fff;
border:              none;
}
h2{
width:               288px;
height:              30px;
/*color:               #9CB8C3;*/
color:               #3D8FBE;
font-weight:         normal;
border-bottom:       #3D8FBE solid 1px;
margin-bottom:       5px;
}
.box_rodape h2{
text-align:          right;
font-size:           22px;
color:               #fff;
margin-bottom:       30px;
border:              none;
}
h3{
color:               #6C7A83;
margin:             10px 0 10px 5px;
}
h5{
font-size:       16px;
color:           #6B7881;
margin:          5px 0 10px 0;
}
h4{
color:             #3F95B0;
font-size:         14px;
margin:           3px 0 3px 0;
}


/***************************************LISTAS INTERNAS********************/
#lista_interna{
margin:            10px 0 10px 10px;
}

/***************************************TABELAS********************/
table, table#cursos{
margin-bottom:        20px;
}
th{
background-color:    #6BA5B3;
color:               #fff;
padding:             3px;
width:               150px;
}
td{
background-color:    #CEE2E8;
padding:             3px;
}
td a{
color:               #6D7B86;
font-weight:         bold;
text-decoration:     none;      
}
table#cursos th{
text-align:         right;
}
table#cursos td{
width:              448px;
}
/***************************************GERAL**************************/
.clear{
clear:					both;
font-size:				1pt;
height:					0pt;
}
img{
border:                 none;
}
p{
margin-bottom:          10px;
}
a{
color:				#808080;
}
.right{
float:             right;
margin-left:      3px;
}

.erro {
  background:#f1f1f1 url(../images/error.png) 8px center no-repeat;
  background-color:#f1f1f1;
  border:1px solid red;
  color:red;
  display:block;
  padding:10px 2px 10px 40px;
  text-align:center;
  width:auto;
}

.sucesso {
  background:#f1f1f1 url(../images/sucess.png) 8px center no-repeat;
  border:1px solid #060;
  color:#060;
  display:block;
  padding:10px 2px 10px 40px;
  text-align:center;
  width:auto;
}
