/* 
    Document   : Internet2
    Created on : 29/Jun/2011, 17:51:28
    Author     : Jose Braz Pinto
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

        .sombra		{width: 30px;
			height: 30px;
			background: #999;}

	.sombra img	{position: relative;
			top: -3px;
			left: -3px;}

.icone00 {width:100px; height:10px; position:absolute;  margin:20px 0 0 2px;}
.icone0 {width:130px; height:130px; position:absolute;  margin:0px 0 0 60px; background:url(../Imagens/logo.png)no-repeat;}
.icone2 {width:40px; height:40px; position:absolute;  margin:6px 0 0 30px; background:url(../Imagens/0praia.png)no-repeat;}
.icone3 {width:40px; height:40px; position:absolute;  margin:40px 0 0 1150px; background:url(../Imagens/0farmacia.png)no-repeat;}
.icone4 {width:40px; height:40px; position:absolute;  margin:56px 0 0 1080px; background:url(../Imagens/0bar.png)no-repeat;}
.icone5 {width:40px; height:40px; position:absolute;  margin:6px 0 0 1000px; background:url(../Imagens/0restaurante.png)no-repeat;}
.icone6 {width:40px; height:40px; position:absolute;  margin:6px 0 0 120px; background:url(../Imagens/0escola.png)no-repeat;}
.icone7 {width:40px; height:40px; position:absolute;  margin:60px 0 0 50px; background:url(../Imagens/0foto.png)no-repeat;}
.sitemessage {width:1020px; height:120px; position:absolute;    /*overflow:visible !important /*Activate if Firefox print problems*/; overflow:hidden /*IE6*/;}
.sitemessage h1 {width:1020px; text-align:center; font-size:520%;color:black;z-index:1;margin:10px 0 0px 120px;}
.sitemessage h2 {width:1020px; text-align:center; font-size:120%;color:black;z-index:1;margin:0.5px 0 0px 121px;}
.sitemessage h3 {float:right; width:320px; margin:10px 0 0 0; text-align:right; font-size:140%;}
.sitemessage h3 a {text-decoration:none; color:rgb(234,239,247);}
.sitemessage h3 a:hover {text-decoration:none; color:rgb(50,50,50);}
.sitemessage h4 {width:1020px; text-align:center;padding-top: 5px; font-size:120%;color:black;z-index:1;margin:1px 1px 0px 120px;}

.sitemessage1 {width:1020px; position:absolute;    /*overflow:visible !important /*Activate if Firefox print problems*/; overflow:hidden /*IE6*/;}
.sitemessage1 h1 {width:1020px; text-align:center; font-size:500%;color:rgb(255,189,0);margin:10px 0 0px 120px;z-index:1;}
.sitemessage1 h2 {width:1020px; text-align:center; font-size:120%;color:rgb(255,189,0);margin:0.5px 0 0px 121px;z-index:2;}
.sitemessage1 h3 {float:right; width:320px; margin:10px 0 0 0; text-align:right; font-size:140%;}
.sitemessage1 h3 a {text-decoration:none; color:rgb(234,239,247);}
.sitemessage1 h3 a:hover {text-decoration:none; color:rgb(50,50,50);}
.sitemessage1 h4 {width:1020px; text-align:center;padding-top: 5px; font-size:120%;color:rgb(255,189,0);margin:0.5px 0 0px 121px;z-index:2;}
root { 
    display: block;
}

/*Drop-down menu*/
.nav2 {white-space:nowrap /*IE hack*/; float:left; width:100%;  color:rgb(0,85,153); font-size:100%;} /*Color navigation bar normal mode*/
.nav2 ul {list-style-type:none;}
.nav2 ul li {float:left; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 0px rgb(0,85,153);}
.nav2 ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:2.1em; line-height:2.1em; padding:4px 16px 0 16px; text-decoration:none; font-weight:normal; color: rgb(255,255,255);}
.nav2 ul li ul {display:none; border:none;}

/*Non-IE6 hovering*/
.nav2 ul li:hover {position:relative;} /*Sylvain IE hack*/
.nav2 ul li:hover a {background-color:rgb(0,85,153); text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:2.0em; margin-top:0.1em; left:0;}
.nav2 ul li:hover ul li a {white-space:normal; display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-right:solid 1px rgb(175,175,175); border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(0,85,153); font-weight:normal; color:rgb(255,255,255);} /*Color subcells normal mode*/
.nav2 ul li:hover ul li a:hover {background-color:rgb(0,85,153); text-decoration:none;} /*Color subcells hovering mode*/


body {
    background: url(../Imagens/topoazul17.png) repeat-x;
    font: normal small Arial, Helvetica, sans-serif;
    /*color: #999999;*/
    color:rgb(85,120,126);
}

form {
}

legend {
    color: rgb(0,76,138);
    font-size: 1.5em;
    padding-bottom: 0.4em;
    margin-left: 0.2em;
}

fieldset {
    margin-right: 9em;
    margin-left: 3em;
    background-color: rgb(247,247,247);
    border-color: rgb(0,76,138);
}

h1, h2, h3 {
    margin: 0;
    color: rgb(0,76,138);
}

h2 {
    margin-bottom: .5em;
    font-size: 1.8em;
}

h3 {
    margin-bottom: 1em;
    font-size: 1em;
}

p, blockquote, ul, ol {
    margin-bottom: 1.5em;
    line-height: 1.8em;
}

p {
}

blockquote {
}

ul {
    margin-left: 0em;
    list-style-type: none;
    color: rgb(0,76,138);
    font-size: 1.1em;
}

table {
    margin-left: 4em;
}

tr {
    
    color: rgb(0,76,138);
    font-size: 1.1em;    
}

td {
    padding-bottom: 0.5em;
}
ul li {
}

ol {
    margin-left: 2em;
    list-style: lower-roman;
}

ol li {
}

a {
    color: rgb(85,120,126);
}

a:hover {
    text-decoration: none;
    color: rgb(0,76,138);
}

img {
    border: none;
}

label.error { 
    float: none; 
    color: red; 
    margin: 1em; 
    vertical-align: top;
    font-size: 13px 
}
            

#cabecalho {
    width: 130px;
    height: 130px;
    margin: 0px 0px 0px 150px;
    /*background: url(../Imagens/logo.png) no-repeat; */
    
}

#icone1 {
    width: 40px;
    height: 40px;
    margin: -50px 0px 0px 990px;
    background: url(../Imagens/bar.png) no-repeat;        
}

#menu {
    width: 1020px;
    height: 40px;
    margin: 10px auto auto auto;
    font-size: 80%
}
#menu_1 {
    width: 100%;
    /*height: 40px;*/
    margin: 0 auto auto auto;
    font-size: 75%;
    
}
#menu_1 ul {
    margin: 14px;
    list-style: none;
    line-height: 0px;
}

#menu_1 li {
    display: inline;
}

#menu_1 a {
    display: block;
    float: left;
    height: 26px;
    padding: 14px 18px 0 20px;
    /*background: url(../Imagens/img06.gif) no-repeat;*/
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
     /*background-color: white;*/
}

#menu_1 a:hover {
    text-decoration: underline;
   
}

#menu_1 .first a {
    padding-left: 0;
    background: none;
   
}
#menu ul {
    margin: 0;
    list-style: none;
    line-height: normal;
}

#menu li {
    display: inline;
}

#menu a {
    display: block;
    float: left;
    height: 26px;
    padding: 14px 18px 0 20px;
    /*background: url(../Imagens/img06.gif) no-repeat;*/
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
}

#menu a:hover {
    text-decoration: underline;
}

#menu .first a {
    padding-left: 0;
    background: none;
}

#pagina {
    width: 100%;
    margin: 3% 0 auto 0;
   
}
#introducao {
    width: 100%;
    margin: 3% 0 auto 3%;
   
}

#conteudo_1 {
    width: 100%;
    /*height: 100%;
    /*float: left;
    /*margin-left: 3%;    */
    /*padding: 10px 0 1.5em 0;
    /*margin-bottom: 3%;*/
   
    
}
#conteudo1 {
    width: 60%;
     
    margin-left: 3%;    
    padding: 0px 0 1.5em 0;
    
}

#ultimas {
    margin-right: 2%;
    width: 29%;
    float: right;
    margin-bottom: 1em;
    background: #F7F7F7 url(../Imagens/img07.gif) repeat-x;
    border: 1px solid #CCCCCC;
}

#ultimas .titulo {
    height: 29px;
    padding: 11px 0 0 27px;
    background: url(../Imagens/img08.gif) no-repeat 10px 50%;
    text-transform: uppercase;
    font-size: 1.2em;
    color: #FFFFFF;
}

#ultimas ul {
    margin: 0;
    list-style: none;
}

#ultimas li {
    margin-bottom: 1em;
}

#ultimas h3 {
    margin: 0;
    margin-left: 3px;
    padding: 0 0 0 10px;
    background: url(../Imagens/img09.gif) no-repeat left center;
    font-size: x-small;
}

#ultimas p {
    margin: 0;
    padding: 0 0 0 10px;
    line-height: normal;
    font-size: .85em;
}

#ultimas a {
    text-decoration: none;
}

#rodape {
    clear: both;
    width: 100%;
    margin: 0 auto 2em auto;
    background: #F7F7F7 url(../Imagens/img07_1.png) repeat-x;
    border: 1px solid #CCCCCC;
}

#fb-root{}
.fb-like{margin-left: 20px;margin-top: 0px;float: left;padding-right: 10px;color:#ffffff;border: 0px solid #CCCCCC;}

#legal {
    margin: 0;
    padding: 8px;
    text-align: center;
    color: #FFFFFF;
}

#legal a {
    font-weight: bold;
    color: #FFFFFF;
}

#map  {
	width: 100%;
	/*width: 900px;*/
	height:500px;
        /*height:100%;*/
	margin-left: auto;
	margin-right: auto;
	border: 2px solid rgb(0,76,138);
        
	}
#map2  {
	
	width: 800px;
	height:500px;
        /*height:100%;*/
	margin-left: auto;
	margin-right: auto;
	border: 2px solid rgb(0,76,138);
        
	}
        
        
        
        
/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN NAVIGATION */



/* MAIN CONTENT */

/* MAIN SUBCONTENT */


        
/********************/
/*  COMMON CLASSES  */
/********************/