@charset "utf-8";
/* CSS Document */




body {
  font-family: Sans-serif;
  color: #111;
  margin: 0px 0px 0px 0px;
  font-size: 14px;
  line-height: 130%;
  background-attachment:fixed;
  background-color:#012D6E;
  
      -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100% 100%;
  }
.txtsala{
	font-family: Sans-serif;
	font-size:12px;
	color:#185C58;
	text-decoration:none;
	
	
}

.txttituloconf{
	font-family: Sans-serif;
	font-size:14px;
	color:#185C58;
	text-decoration:none;
	
	
}

.txttitulohotel{
	font-family: Sans-serif;
	font-size:14px;
	color:#185C58;
	text-decoration:none;
	
	
}

.txttitulonomes{
	font-family: Sans-serif;
	font-size:14px;
	color:#074282;
	text-decoration:none;
	
	
}

.txttitulomaisinformacoes{
	font-family: Sans-serif;
	font-size:14px;
	color:#D95D2B;
	text-decoration:none;
	
	
}

.video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* Proporção de 16:9 (altura/largura) */
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

header
{
	

	height:100%;
	width:100%;
}

	
h2
{
	font-family:Verdana, Geneva, sans-serif;
	color:#E9A107;
	font-size:18px
}


h1,h3
{
	font-family:Verdana, Geneva, sans-serif;
}



section
{
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	padding:30px;
	font-size:14px;
	
	
}

p{
	line-height:140%;
}

footer
{
	
    font-family:Verdana, Geneva, sans-serif;
	color:#ffffff;
	font-size:12px;
	text-align:center;
	padding:8px;
	height: auto;
}

img, video
{
	max-width:100%;
	border-radius: 8px;
	
}

.circle {
  background-color: #aaa;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  overflow: hidden;
  position: relative;
}

.circle img {
  position: absolute;
  bottom: 0;
  width: 100%;
}

a:link 
{ 
 text-decoration:none; 
}
		
nav
{
    	
    height: 100%;
	width:100%;
	font-family:Verdana, Geneva, sans-serif;
    font-size: 12px;
	text-align:center;
     background-image: linear-gradient(to bottom, #051D51, #051D51, #051D51);
	line-height:200%;

}


nav ul
{
	height:auto;
	padding:8px 0px;
	margin:0px;
}

nav li
{
	
	display:inline;
	padding:10px;
	margin:0px;
}

nav a
{
	text-decoration:none;
	color:#F3EBDE;
	padding:8px 8px 8px 8px;
}

nav a:hover
{
	color:#051D51;
    background-image: linear-gradient(to bottom, #E5D4BF, #E5D4BF,#E5D4BF);
	border-radius: 5px;
	/* Declara??o para aparecer no Firefox */
	-moz-border-radius:5px;
	/* Para exibir nos outros navegadores como Chrome, safari, opera*/
	-webkit-border-radius: 5px;

}


#box{
/*definimos a largura do box*/
	width:100%;
	/* definimos a altura do box */
	height:100%;
	/* definimos a cor de fundo do box */
	background-color:#f0f0f0;
		/*background-image:url(../images/agregador_fundo.png);*/
	/* definimos o qu?o arredondado ir? ficar nosso box */
	border-radius: 10px;
	/* Declara??o para aparecer no Firefox */
	-moz-border-radius: 10px;
	/* Para exibir nos outros navegadores como Chrome, safari, opera*/
	-webkit-border-radius: 10px;
	color:#000;
	}
	
	#box2{
/*definimos a largura do box*/
	width:100%;
	/* definimos a altura do box */
	height:100%;
	/* definimos a cor de fundo do box */
	background-color:#fff;
		/*background-image:url(../images/agregador_fundo.png);*/
	/* definimos o qu?o arredondado ir? ficar nosso box */
	border-radius: 10px;
	/* Declara??o para aparecer no Firefox */
	-moz-border-radius: 10px;
	/* Para exibir nos outros navegadores como Chrome, safari, opera*/
	-webkit-border-radius: 10px;
	color:#000;
	}
	
#linha
{

	width:100%;
    background-image: linear-gradient(to bottom,  #051D51, #051D51, #051D51);
	height:50%;
}


@media all and (min-width:960px)
{ 
   body
   {
     width:75%;
	 margin:auto;
   }
}

@media all and (max-width:480px)
{ 
   nav
   {
     height:100%;
	 max-width:100%;
	 color:#0166A9;
    background-color:#485E33;
	text-align:left;
	
   }
      nav li
   {
     display:block;
	 padding:10px;
	 margin:0px;
   }
 

}