/* 
BEM VINDO AO ARQUIVO CSS DO
SITE: www.projetoupinside.com.br
VERSÃO: 1.0
DESENVOLVEDOR: Rafael Bataiero
EMPRESA: Estudio Zetta
SITE DO AUTOR: www.estudiozetta.com.br
*/

/*RESET*/
*{ margin:0; padding:0; font:Verdana, Geneva, sans-serif}
body{ background:#fff url(imagens/body_bg.png) repeat-x}
#site{ margin:0 auto; width:900px;}
.spacer{ width:900px; height:15px; background:url(imagens/spacer_bg.png) no-repeat center;}
#footer_spacer{ width:900px; height:15px; background: url(imagens/footer_spacer_bg.png) no-repeat center;}
#content{ width:900px; background:#fff; float:left; margin-top:10px;}
#clear{ clear:both;}

/*TOPO*/
#header { width: 900px; height:150px; }
#header .logo{ width:260px;  text-align:left; float:left; margin-top:5px;}
#header .slogan{ width:440px;  text-align:left; float:left; }

#header .icons{ width:200px;text-align:right;float:right; margin-top:71px;}
#header .icons a{ text-decoration:none;}

#header .line { width: 900px; height:2px; background:#000 url(imagens/header_line_bg.png) repeat-x;}

#header .menu { background:#006 url(imagens/menuarleteturismo.fw.png) repeat-x; 
				border-radius:8px;
				-moz-border-radius: 8px;
				-webkit-border-radius: 8px;
				float:left; list-style:none; display: inline; 
				width: 900px; border-bottom:3px solid #669bb5;}


#header .menu li, #footer .menu li{float:left; margin:6px;}
#header .menu li a, #footer .menu li a {font:bold 10px  Verdana, Geneva, sans-serif; color:#fff; text-transform:uppercase; 
text-decoration:none; float:left}
#header .menu li a:hover, #footer .menu li a:hover{ text-decoration: underline;}
#header .menu .iconr, #footer .menu .iconr{ width:17px; height:17px; background:url(imagens/icon_ul_menu_r.png)}
#header .menu .iconl, #footer .menu .iconl{ width:17px; height:17px; background:url(imagens/icon_ul_menu_l.png)}
#header .menu .disc, #footer .menu .disc{ width:17px; height:17px; background:url(imagens/disc.png)}

/*HOME SLIDE*/
#home_slide{height:261px; background:#F5FCC9;}
#home_slide .bloco_um{float:left; width:510px; height:243px; background:url(imagens/slide_blocoum_bg.png) no-repeat; margin:1px;
						padding:8px 8px 0 8px; position:relative;}
#home_slide .bloco_um ul{float:left; list-style:none; width:510px; height:236px; overflow:hidden;}


#home_slide .bloco_um ul li .slide_info{padding:10px; background:rgba(0,0,0,0.5); position:absolute; z-index:100; bottom:0px; left:0px; margin-bottom:0px;
										margin-left:0px; width:490px;}
#home_slide .bloco_um ul li .slide_info .site{font:bold 14px Arial, Helvetica, sans-serif; color:#FFF; margin-bottom:5px;
											float:left; width:380px;}
#home_slide .bloco_um ul li .slide_info .date{font:bold 14px Arial, Helvetica, sans-serif; color:#007FBD; text-transform:uppercase;
											float:left; width:380px;}
#home_slide .bloco_um ul li .slide_info a{position: absolute; right:0px; bottom:0px; background:url(imagens/slide_btn.png) no-repeat top;
										font:bold 14px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none;
										text-transform:uppercase; padding:4px 6px 5px 6px; margin-right:20px; margin-bottom:17px;}
#home_slide .bloco_um ul li .slide_info a:hover{background:url(images/slide_btn.png) no-repeat bottom;}





#home_slide .bloco_dois{float:right; margin:1px; width:340px;}
#home_slide .bloco_dois ul{list-style:none; float:right; margin-top:1px;}
#home_slide .bloco_dois ul li{padding:3px; background:#172C3D; margin-bottom:3px; float:left; height:73px; border:1px solid #2F4251;}

/*CONTEUDO*/
#conteudo{ background:#fff;  float:left; width:900px; min-height:300px;margin-bottom:10px;}
#conteudo .titulo { padding:6px; font:20px "Trebuchet MS", Arial, Helvetica, sans-serif; background:#333; 
color:#fff; margin-bottom:10px;}

#conteudo .item_left { width:420px; float:left;}
#conteudo .item_left .ref { padding:5px; background:#fff; margin-bottom:10px; float:left;}
#conteudo .item_left .ref h2 { font:18px Arial, Helvetica, sans-serif; color:#333;}
#conteudo .item_left .ref p {font:12px Arial, Helvetica, sans-serif; color:#333; margin:10px 0;}
#conteudo .item_left .ref ul {list-style:square; margin:0 25px; color:#666;}
#conteudo .item_left .ref li {margin:3px 0;font: bold 12px Arial, Helvetica, sans-serif; color:#666;}
#conteudo .item_left .ref span {font: bold 27px Arial, Helvetica, sans-serif; color:#990000;}
#conteudo .item_left .ref .contato { margin:10px 0;}
#conteudo .item_left .ref .contato span {color:#fff; padding:6px; background:#990000; font-size:20px; margin-bottom:20px; display:block; float:left; }
#conteudo .item_left .ref .contato p { margin:3px 0; display:block; float:left; font-size:18px; }
#conteudo .item_left .images{ float:left; list-style:none;}
#conteudo .item_left .images li{ margin-bottom:10px;}

#conteudo .item_right { width:430px; float:right;}
#conteudo .item_right .thumb{float:right;}
#conteudo .item_right .gallery{ padding:5px; background:#fff; float:right; width:420px; list-style:none; 
display:inline;border: 1px solid #ccc;}
#conteudo .item_right .gallery li { float:left; margin: 5px;}
#conteudo .item_right .print { padding:6px; background:#333; text-align:center; float:right; width:418px;}
#conteudo .item_right .print a{ background:none; border:0px; font:bold 18px Arial, Helvetica, sans-serif; color:#fff; cursor:pointer; text-decoration:none;}

/*FOOTER*/
#footer{ height:200px; background:#006fa5;}
#footer .footer_content{ width:900px; margin:0 auto; height:185px;}
#footer .footer_elementos{float:left; width:900px; list-style:none; display:inline;}
#footer .footer_elementos li {float:left; margin: 35px 35px; }
#footer .footer_elementos li .end { text-align:justify;font: 12px Verdana, Geneva, sans-serif; color:#fff;}
#footer .footer_elementos li .tel { text-align:justify;font: 12px Verdana, Geneva, sans-serif; color:#fff; }
#footer .footer_elementos li .mail { text-align:justify;font: 12px Verdana, Geneva, sans-serif; color:#fff;}
#footer .footer_elementos li p { text-align:justify;font: 12px Verdana, Geneva, sans-serif; color:#fff; text-transform:uppercase; margin: 5px 0;}

#footer .footer_elementos link{font: bold italic 14px Arial, Helvetica, sans-serif; color:#fff; }
#footer .footer_elementos  a {font: bold italic 14px Arial, Helvetica, sans-serif; color:#fff; }
#footer .footer_elementos  a:hover {font: bold italic 14px Arial, Helvetica, sans-serif; color:#fff; }



/*PAGINAS*/
#pagina{ width:900px;}

/*404*/
.erro{ padding:5px; background:#fff; text-align: center; }
.erro p{ font: bold 16px Arial, Helvetica, sans-serif; color:#069; margin-bottom:10px;}

/*HOME*/
#conteudo .fone{width:900px; padding:10px 0; font:14px Verdana, Geneva, sans-serif ; float:left; 
margin-bottom:10px;}
#conteudo .fone h2{ font:bold 18px Verdana, Geneva, sans-serif; color:#006699;}
#conteudo .fone p{float:left; padding:8px 0;}
#conteudo .fone .bloco_fone{float:right; font: 14px Verdana, Geneva, sans-serif ; color:#FFF; background:url(images/bloco_fone_bg.png) no-repeat;
							padding:8px 40px 8px 40px;}
#conteudo .fone .bloco_fone strong{margin-right:15px; float:left;}

#conteudo .lista_home{list-style:none; float:left; display:inline;}
#conteudo .lista_home li{padding:5px; background:#FFF; border:1px solid #CCC; width:428px; height:92px;
						float:left; margin:5px; border-radius:8px;}
#conteudo .lista_home li img{float:left; margin:0 10px 0 10px;}
#conteudo .lista_home li h3{font:bold 12px Verdana, Geneva, sans-serif; color:#FFF; background:#036 url(imagens/menuarleteturismo.fw.png)  ; padding:6px 10px;
							float:left; width:297px;border-radius:8px;}
#conteudo .lista_home li p{ text-align:justify;font: 10px Verdana, Geneva, sans-serif; color:#333;margin-top:5px; float:left; width:317px}


/*facebook box*/

#conteudo .lista_face{list-style:none; float:left; display:inline;}
#conteudo .lista_face li{padding:5px; background:#FFF; border:1px solid #CCC; width:880px; height:150px;
						float:left; margin:5px; border-radius:8px;}
#conteudo .lista_face li img{float:left; margin:0 10px 0 10px;}
#conteudo .lista_face li h3{font:bold 18px Verdana, Geneva, sans-serif; color:#006699;border-radius:8px;}
#conteudo .lista_face li p{ text-align:justify;font: 10px Verdana, Geneva, sans-serif; color:#333;margin-top:5px; float:left; width:317px}



/*QUEM SOMOS*/
#pagina ul{ list-style:none;}
#pagina .left {width:440px;margin-right:20px;float:left;}
#pagina .left li{ padding:5px; background:#FFF; border: 1px solid #ccc; margin-bottom:10px;}
#pagina .left li h2{ font: bold 14px Verdana, Geneva, sans-serif; text-transform:uppercase; color:#069;}
#pagina .left li p{ margin:10px 0; font:14px Verdana, Geneva, sans-serif; color:#666;}

#pagina .right {width:280px;float:right;}
#pagina .right li { margin-bottom:10px;}




/*TRABALHOS*/

#pagina .trabalhos {display:inline; list-style:none; width:900px; float:left;}
#pagina .trabalhos li{float:left; 
font:bold 11px Arial, Helvetica, sans-serif; 
text-align:center; width:271px; margin:5px; padding:5px;
background:#FFF; border: 1px solid #ccc; min-height:230px;}
#pagina .trabalhos li .link{float:left;}
#pagina .trabalhos li a { color:#069; text-decoration:none; font-size:12px;}
#pagina .trabalhos li a:hover { text-decoration:none;}
#pagina .trabalhos li img{ padding:2px; border:1px dotted #ccc;}

/*CONTATO*/

#pagina .contato {width:250px; float:left; padding:5px; background:#FFF; border: 1px solid #ccc; }
#pagina .contato h3 { font: 18px bold Verdana, Geneva, sans-serif; color:#006699; margin-bottom:10px;  }
#pagina .contato p { font: 12px bold Verdana, Geneva, sans-serif; color:#666; margin:0 10px 10px 10px;  }

#pagina .contato  link{float:left;}
#pagina .contato  a:hover {text-decoration:none;}
#pagina .contato  a:link { font:12px Verdana, Geneva, sans-serif; color:#666;}

#pagina .contato  img{ padding:2px; }
iframe  a:link { font:12px Verdana, Geneva, sans-serif; color:#666;}


#pagina .fale { padding:10px; float: right; background:#FFF; width:570px; border: 1px solid #ccc;  }
#pagina .fale label{display: block; margin-bottom:10px; background:#f5f5f5; padding:5px;}
#pagina .fale span {display: block; margin-bottom: 5px; font: bold 12px Tahoma, Geneva, sans-serif; color:#666;}
#pagina .fale input,#pagina .fale textarea {background:#FFF;  border: 1px solid #999; padding:10px; 
font: bold 14px Arial, Helvetica, sans-serif; color:#333; width: 535px;}
#pagina .fale .btn { width:160px; background:#666; color:#FFF; font: bold 14px Verdana, Geneva, sans-serif;
color:#FFF;	display: block; margin: 5px auto; cursor:pointer;}
#pagina .fale .btn:hover { background:#333;}

.alert{ padding:5px; background:#ffffbf; border:1px solid #ff0;margin:5px 5px 15px 5px;}

 /*IMPRESSÃO*/

#header .info_print{display:none;}

/*AGENCIA, AEREAS E RODOVIARIAS*/

#basica ul{ list-style:none;}
#basica .left {width:580px;margin-right:20px;float:left;}
#basica .left li{ padding:5px; background:#FFF; border: 1px solid #ccc; margin-bottom:10px;}
#basica .left li h2{ font: bold 14px Verdana, Geneva, sans-serif; text-transform:uppercase; color:#069;}
#basica .left li p{ margin:10px 0; font:14px Verdana, Geneva, sans-serif; color:#666;}

#basica .right {width:288px;float:right;}