body { background:#FFFFFF url(../imgs/fundo.jpg) no-repeat fixed; color:#000; font:12px/18px Arial, Helvetica, sans-serif; margin:0; padding:0; text-align:justify; }
h1, h2, h3, h4, h5, h6, p, ul, li, form, div, img, fieldset, legend, label, input, select, textarea, button, span { margin:0; padding:0; }

a img { border:none; }
ul { list-style:none; }

a { color:#717171; text-decoration:none; }
a:hover { color:#717171; text-decoration:underline;}
a:focus { outline:none;}

.clear { clear:both; height:0; }
.disappear { visibility:hidden; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.space { height:10px;}
.floatleft {float:left; margin-right:10px; text-align:left; width:414px; height:125px; }
.tit {float:left; margin:0 0 20px 16px; background:#fff; text-align:left; /*width:380px;*/ height:44px; padding:0 5px; }
.tit img { float:right; margin:11px 5px 10px 0; }
.thumbs { margin-right:15px !important; margin-top:15px !important; cursor:pointer;	}
.titartistas {float:left; padding:2px 0 7px 7px; margin-top:20px; background: url(../imgs/backtit.png) no-repeat; text-align:left; width:381px; height:24px; }
.titmusicas {float:left; padding:2px 0 7px 7px; background: url(../imgs/backtit.png) no-repeat; text-align:left; width:381px; height:24px; }
.titvideos {float:left; padding:2px 0 7px 7px; background: url(../imgs/backtit_2.png) no-repeat; text-align:left; width:830px; height:24px; margin: 25px 0 12px;}
.videos {float:left; margin-right:36px; text-align:left; width:240px; height:230px; }

.padding { padding: 63px 40px 37px 37px; }


/* ________________________________________________ 2. Blocks __________________________________________________________ */
div#page-wrapper {z-index:1; background: #ebeae5; width:1000px; text-align:left; margin:0 auto; }
div#header {z-index:5; position:relative; background: url(../imgs/topo_back.jpg) no-repeat left top; height:425px;  }
div#contents {text-align:left; overflow:hidden; clear:both;}
div#mainCol {z-index:6; position:relative; float:left;  width:704px;  margin:0; padding:0;}
div#secCol {z-index:6; ; float:right; position:relative; width:295px; margin:0 0 25px 0;}
div#slides {z-index:4; position:relative; float:left; background: url(../imgs/base_menu.png) no-repeat left top;  width:908px; height:309px;  margin:0 0 0 49px; }
div#logo {z-index:10; float:left; position:relativo;  width:265px; height:112px; margin:0 0 0 49px;}
div#maps {background: url(../imgs/maps.png) no-repeat left top; width:255px; height:276px; margin: 0 0 25px 0;}
div#foto {float:right; position:relative;  width:556px; height:282px;}
div#contactos {float:left; position:relative;  width:250px; height:282px;}
div#recomendar {float:left; position:relative;  width:500px; height:182px;}


.prop_calendar table { width:240px; float:left; margin-right:30px;  }
.prop_calendar th { color: #FFFFFF; background-color:#0372AD; width:16px; text-align:center; }
.prop_calendar td { font-size: 11px; background-color:#D3E9F5; color: #0372AD; width:16px !important; height:16px !important; text-align:center;	}
.prop_calendar .start_est { background:#D3E9F5 url(../imgs/indisponivel02.gif) bottom right no-repeat; 	}
.prop_calendar .est { background-image:url(../imgs/indisponivel01.gif); color: #ffffff;	}
.prop_calendar .end_est { background:#D3E9F5 url(../imgs/indisponivel03.gif) top left no-repeat; }
#box { display:block; width:400px; /*height:300px;*/ float:left; margin:0 33px 9px 0; }
/* ________________________________________________ 2. pesquisa __________________________________________________________ */
div#pesquisa {background: url(../imgs/back_pesquiza.jpg) no-repeat left top; width:255px; height:292px; margin: 0 0 25px 0; }
#pesquisa .padding{ padding:38px 0 0 18px; }
#pesquisa form label { color:#519dc6; float:left; font: Bold 11px Arial, Helvetica, sans-serif; line-height:11px; text-align:right; width:65px; margin:0 5px 0 0;}
#pesquisa form li { padding:2px; margin-bottom:1px; font: 12px Arial, Helvetica, sans-serif;}
#pesquisa form input.button  { background: url(../imgs/botao2.png) no-repeat; width:64px; height:25px; border:none; cursor:pointer; font-size:11px; color:#FFFFFF; line-height:19px; text-align:center; padding-bottom:5px; margin-left:3px;}
#pesquisa form select {width:135px;}

/* ________________________________________________ 2. recomendar __________________________________________________________ */

#recomendar form label { float:left; width:180px; text-align:right; margin-right:7px; line-height:18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color: #006194;}

#recomendar form input,
form textarea { border:1px solid #165789; background:#d0eaf0; padding:3px; width:250px; border:none; font-size:11px; Arial, Helvetica, sans-serif; }

#recomendar .button { background: url(../imgs/botao2.png) no-repeat; width:66px; height:32px; border:none; cursor:pointer; font-size:11px; color:#fff; line-height:19px; text-align:center; padding-bottom:11px; margin-left:187px;}


/* ________________________________________________ 2. menu2 __________________________________________________________ */
div#menu2 {z-index:10; float:left; position:relative;  width:193; height:25px; margin:7px 0 0 45px;}
#menu2 h1  { color:#008bd3; font:Bold 16px Arial,Helvetica,sans-serif; }
#menu2 h1  a {color:#008bd3; text-decoration:none;}
#menu2 h1 a:hover { color:#008bd3; text-decoration:underline; }



div#meteo { float:left; position:relative;  width:234px; height:39px; margin:38px 0 0 320px;}
#meteo h1  { color:#737a7e; font:Bold 13px Arial,Helvetica,sans-serif; }


/* _____________ 4.1 Flags ___________*/

div#flags {float:right; position:relative; margin:37px 42px 0 0;}
#flags img,
#flags a img { margin:0 4px 0 0; border:1px solid #8ad6f2; }
#flags a:hover img  { border:1px solid #fff;}



/* _____________ 4.2 Navigation ___________*/
div#navigation {clear:both; color:#FFFFFF; float:left; font:bold 12px "Verdana",Times,serif; height:140px; margin:56px 0 0 20px; position:relative; width:320px; z-index:5;}
	
ul#nav li {background: url(../imgs/seta.png) no-repeat; padding-left:16px; float:left; text-align:left;  font:bold 16px Arial, Helvetica, sans-serif; height:45px;}
ul#nav li a { display: block; text-decoration:none; padding:0 26px 6px 19px; color: #fff; margin:5px 5px 0 0;}
ul#nav li a:hover {color: #a6d8e3; text-decoration:underline;}




/* ____________________________________________ 7. headdings __________________________________________________________________ */


h1 { color:#0290da; font:Bold 27px trebuchet MS; text-align: left; vertical-align:top; margin:-8px 0 10px 44px; }
h2 { float:left; color:#13242C; font:Bold 19px "Arial", Helvetica, sans-serif; margin:7px}
h3 { color:#003953; font:Bold 15px "Arial", Helvetica, sans-serif; text-align: left; text-align:right; margin-top:5px }
h4 {color:#a50f0f; font: Bold 12px Arial, Helvetica, sans-serif; text-align:center; padding:4px 0 0 0; }
h5 { color:#717171; font: 13px Arial, Helvetica, sans-serif; margin:0; padding:0; }
#imovel h5.left {float:none; }

h6 { color:#6ADBFF; font: 12px Arial, Helvetica, sans-serif; margin-top:8px;}
h6 a { color:#6ADBFF; text-decoration:none; background: url(../imgs/info.png) no-repeat left top; padding:0 0 0 20px; }
h6 a:hover { color:#6ADBFF; text-decoration:underline;}

.pages h6 {color:#6ADBFF; font: 12px Arial, Helvetica, sans-serif; margin-top:8px; text-align:center; }
.pages h6 a { color:#6ADBFF; text-decoration:none; background:none; padding:0;}
.pages h6 a:hover {color:#6ADBFF; text-decoration:underline;}
.pages h6 a.active {color:#fff; text-decoration:underline;}

.voltar h6 {color:#6ADBFF; font: 12px Arial, Helvetica, sans-serif; margin-top:8px; text-align:left; }
.voltar h6 a { color:#6ADBFF; text-decoration:none; background:none; padding:0;}
.voltar h6 a:hover {color:#6ADBFF; text-decoration:underline;}



/* ____________________________________________ 6. imovel _________________________________________________________________ */
#imovel {background:none repeat scroll 0 0 #fff; float:left; margin:0 10px 30px 45px; position:relative; width:630px;}
#imovel .padding{ padding:35px; }
#imovel img {float:left;  margin: 0 26px 9px 0;}
#imovel p {color:#717171; font:11px "Arial", Helvetica, sans-serif; text-align: left;}
#imovel h1 {color:#0390da; font:Bold 20px "Arial", Helvetica, sans-serif; text-align: left; margin:-4px 0 0;}
#imovel h1 a{color:#13242C; font:Bold 16px "Arial", Helvetica, sans-serif; text-align: left;}
#imovel h1 a:hover { color:#13242C; text-decoration:none;}
#imovel h2 {color:#717171; font:Bold 12px "Arial", Helvetica, sans-serif; text-align: left; margin:0; }

#imovel h3 {color:#717171; font:13px "Arial", Helvetica, sans-serif; text-align: left;}
#imovel h3 a{color:#ff6c00; font:Bold 11px "Arial", Helvetica, sans-serif; text-align: left;}
#imovel h3 a:hover { color:#ff6c00; text-decoration:underline;}

#imovel h4 {color:#0390da; font:Bold 14px "Arial", Helvetica, sans-serif; text-align: left;}
#imovel h5 {float:right; color:#717171; font:Bold 15px "Arial", Helvetica, sans-serif; text-align: right;}

/* ____________________________________________ 6. detalhes _________________________________________________________________ */
#detalhes {background:none repeat scroll 0 0 #fff; float:left; margin:0 10px 30px 45px; position:relative; width:630px;}
#detalhes .padding{ padding:35px; }
#detalhes img {float:left;  margin: 0 33px 9px 0;}
#detalhes p {color:#717171; font:11px "Arial", Helvetica, sans-serif; text-align: left;}

#detalhes h1 {color:#0390da; font:Bold 20px "Arial", Helvetica, sans-serif; text-align: left; margin:0;}
#detalhes h1 a{color:#13242C; font:Bold 16px "Arial", Helvetica, sans-serif; text-align: left;}
#detalhes h1 a:hover {color:#13242C; text-decoration:none;}

#detalhes h2 {color:#717171; font:13px "Arial", Helvetica, sans-serif; text-align: left;}
#detalhes h3 {color:#717171; font:14px "Arial", Helvetica, sans-serif; text-align: left;}
#detalhes h4 {color:#0390da; font:Bold 14px "Arial", Helvetica, sans-serif; text-align: left; margin:35px 0 5px 180px;}
#detalhes h5 {float:right; color:#717171; font:Bold 15px "Arial", Helvetica, sans-serif; text-align: right;}



#detalhes form label { float:left; width:170px; text-align:right; margin-right:7px; line-height:18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color: #006194;}

#detalhes form input,
form textarea { border:1px solid #165789; background:#d0eaf0; padding:3px; width:200px; border:none; font-size:11px; Arial, Helvetica, sans-serif; }

#detalhes .button { background: url(../imgs/botao2.png) no-repeat; width:66px; height:32px; border:none; cursor:pointer; font-size:11px; color:#fff; line-height:19px; text-align:center; padding-bottom:11px;}

/* ____________________________________________ 12. Forms ______________________________________________________________________ */


form ul { list-style:none; margin:0; padding:0;}
form li { padding:3px; margin-bottom:1px; }
form label { float:left; width:90px; text-align:right; margin-right:7px; line-height:18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color: #006194;}
form input,
form textarea { border:1px solid #165789; background:#d0eaf0; padding:3px; width:200px; border:none; font-size:11px; Arial, Helvetica, sans-serif; }

.button { background: url(../imgs/botao2.png) no-repeat; width:66px; height:32px; border:none; cursor:pointer; font-size:11px; color:#fff; line-height:19px; text-align:center; padding-bottom:11px; margin-left:3px;}






/* ______________________________________________ Footer _______________________________________________________________________ */
#footer {position:relative; background: #3a3a3a ; height:106px; margin:0 0 45px ; padding:0 0 0 0; font-size:11px; }
#footer .padding {padding: 0 0 0 0; }

#footer span {font: 12px  Arial, Helvetica, sans-serif; color:#fff; }
#footer .pri { width:663px; display:block; float:left; padding:52px 0 0 20px; line-height:17px;}
#footer .seg { width:180px; display:block; float:right; padding:52px 0 0 0px;} 

#footer img {margin: 5px 0 0 8px;}  

#footer p  { color:#707070; font:11px Arial, Helvetica, sans-serif; margin-left:0; margin-top:5px;}
#footer p  a {color:#707070; text-decoration:none;}
#footer p a:hover { color:#707070; text-decoration:underline; }

/*______________________________________________ _______________________________________________________________________ *//* ______________________________________________ _______________________________________________________________________ *//* ______________________________________________ _______________________________________________________________________ */