html
{
 height:100%;
 overflow-y:scroll;
 width:100%;
}
body
{
 border:0;
 box-sizing: border-box; /* padding dentro de width */
 color:#000;
 height:100%;
 font-family:verdana,arial,helvetica;
 font-size:14px;
 line-height:22px;
 margin:0;
 padding:0;
 width:100%;
}
*, *:before, *:after
{
 box-sizing: inherit; /* padding dentro de width em todos os browsers */
}
a
{
 color:#006;
 font-weight:bold;
 text-decoration:none;
}
a:hover
{
 color:#600;
 text-decoration:underline;
}
form
{
 padding:0;
 margin:0;
}
h1
{
 font-family:georgia;
 font-size:42px;
 line-height:42px;
 margin:0;
 padding:0;
 position:relative;
 top:-17px;
}
h2
{
 color:#f00;
 font-size:18px;
 margin:0 0 10px 0;
 padding:0;
}
img
{
 border:none;
}
input
{
 border:1px solid #600; 
 background:#fff; 
 font-size:10px; 
 font-family:verdana,arial,helvetica,sans-serif; 
 color:#000066; 
 text-align:center; 
 width:100px;
}
#env
{
 margin-left:auto;
 margin-right:auto;
 max-width:960px;
 width:100%;
}
#header
{
 background-color:#000;
 color:#fff;
 font-size:16px;
 margin-bottom:25px;
 width:100%;
}
#header img
{
 width:20px;
 height:15px;
 margin-left:20px;
}
.pubtrans
{
 margin-bottom:25px;
 text-align:center;
}
#cont
{
 margin-bottom:25px;
}
#menu
{
 background-color:#333;
 color:#888;
 font-size:12px;
 padding:3px;
 position:relative;
 top:-10px;
}
#menu a
{
 color:#fff;
}
#path
{
 border-bottom:1px solid #888;
 border-top:1px solid #888;
 font-size:12px;
 margin-bottom:25px;
}
#principal
{
 float:left;
 margin-bottom:25px;
 max-width:630px;
 padding:10px;
}
#foto
{
 float:right;
 margin-bottom:25px;
 margin-left:20px;
 max-width:50%;
 width:300px;
}
#foto img
{
 width:100%;
}
.foto100pc
{
 width:100%;
}
.fotolegenda
{
 font-size:12px;
 line-height:18px;
}
#coldir
{
 float:right;
 margin-bottom:25px;
 width:300px;
}
#coldira
{
 margin-bottom:25px;
 width:100%;
}
#coldira img
{
 float:right;
 margin-left:10px;
 width:50%;
}
#coldirb
{
 margin-bottom:25px;
 width:100%;
}
.coltit
{
 background-color:#eee;
 border-bottom:1px solid #f00;
 font-size:18px;
 font-weight:bold;
 line-height:24px;
 padding-left:10px;
 width:100%;
}
.coltxt
{
 border-left:1px solid #eee;
 padding:10px;
}
#recursos
{
 margin-bottom:25px;
}
.recurso
{
 float:left;
 margin-bottom:25px;
 width:300px;
}
.recurso img
{
 float:right;
 margin-left:10px;
 width:50%;
}
#rodape
{
 width:100%;
 background-color:#000;
 color:#fff;
}
#rodape a
{
 color:#fff;
}
@media screen and (min-width:601px) and (max-width:900px)
{
#principal
{
 max-width:100%;
 width:100%;
}
#coldir
{
 float:none;
 width:100%;
}
#coldira
{
 float:left;
 width:48%;
}
#coldirb
{
 float:right;
 width:48%;
}
.recurso
{
 float:left;
 width:50%;
}
.recurso.b
{
 width:100%;
}
}
@media screen and (max-width:600px)
{
#principal
{
 width:100%;
}
#foto
{
 float:none;
 margin-left:0;
 max-width:100%;
 width:100%;
}
#coldir
{
 float:none;
 width:100%;
}
#coldira
{
 width:100%;
}
#coldirb
{
 width:100%;
}
.recurso
{
 width:100%;
}
}
.actualizar
{
	color:#600;
	float:right;
	font-size:10px;
	padding-right:6px;
	position:relative;
}
.addthis_toolbox
{
 height:20px;
}
.addtotomtom
{
 float:right;
 position:relative;
}
canvas
{
 border: 1px solid #000;
}
.clear
{
 clear:both;
}

.cz
{
 color:#666;
 font-weight:bold;
}
.infowindow
{
 text-align:left;
}
.infowindow img
{
 width:100px;
 float:right;
 margin-left:10px;
}
.input2
{
	border-width:1px; 
	border-color:#600; 
	background-color:#fff; 
	font-size:10px; 
	font-family:verdana,arial,helvetica,sans-serif; 
	color:#000066;
}
.item
{
	clear:both;
	font-family:verdana,arial,helvetica;
	font-size:10px;
	line-height:15px;
	padding:5px;
	margin-bottom:20px;
	border-bottom:1px solid #888;
}
.item:hover
{
	background:#eee;
}
.itemtit
{
	width:100%;
	font-family:verdana,arial,helvetica;
	font-size:16px;
	border-bottom:1px dotted #888;
	padding-bottom:2px;
	margin-bottom:6px;
}
.itemtit a
{
	color:#a00;
}
.itemtit a:hover
{
	color:#f00;
	text-decoration:none;
}

.lj
{
 color:#fa0;
}
#mapagoogle
{
	width:100%;
	height:400px;
	border:none;
}
#mapagrande
{
	height:400px;
	width:100%;
	border:1px solid #000;
}
#mapahoteis
{
 border:1px solid #000;
 height:400px;
 width:100%;
}
#mapapequeno
{
 border:1px solid #000;
 height:250px;
 width:100%;
}
.mais
{
 display:inline;
 font-weight:bold;
 text-align:right;
}
.nav
{
 background:#f8f8f8;
 border:1px solid #888;
 clear:both;
 font-size:12px;
 line-height:18px;
 margin-bottom:20px;
 width:100%;
}
.nav ul
{
 display:table;
 list-style: none;
 padding:0;
 margin:0;
 width:100%;
 text-align: center;
}
.nav li
{
 display:table-cell;
 position:relative;
 float:left;
 z-index:10;
 width:33%;
}
.quadromapafoto
{
	position:relative;
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

.quadromapafoto img
{
	border:1px solid #000;
}

.titfd
{
	background-color:#e9ab17;
	padding:3px;
}
.txtform
{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	background-color: #eee;
	border: 4px solid #ddd;
	border-radius: 10px;
	margin-top:20px;
	padding:20px;
	text-align:left;
	width:60%;
}
 
.txtform h1
{
	font-size:16px;
	font-weight:bold;
}

.txtform input[type=text],
.txtform input[type=password]
{
	border: 1px solid #ddd;
	font-size:16px;
	padding:2px 10px;
	width:90%;
}

.txtform input[type=submit]
{
	background-color:#060;
	border: 1px solid #ddd;
	color:#fff;
	font-size:16px;
	padding:5px 10px 5px 10px;
}