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

html {
    position: relative;
    min-height: 100%;
}

*{
	margin:5px 0;
	padding:0px;
}

body{
	background-color:#FFF;	
}

.principal{
	position:relative;
	width:100%;
	margin:0 auto;
	height:0 auto;
	background-color:#FFF;	
	min-height: 100%;
}

.principal h1{font:18px Verdana, Geneva, sans-serif; color:#A91F23; margin:0 auto; text-transform:uppercase; font-weight:bold;}/*width:1075px;*/
.principal h2{font:bold 12px Verdana, Geneva, sans-serif; color:#000;}
.principal h3{font:bold 12px Verdana, Geneva, sans-serif; color:#000;}

.principal p{font:bold 12px Verdana, Geneva, sans-serif; color:#000; margin:0 auto;}

.google-maps {
	position: relative;
	padding-bottom: 35%; // This is the aspect ratio
	height: 0;
	overflow: hidden;
	margin:0 auto;
}
.google-maps iframe {
	position: absolute;
	left:25%;
	width: 50% !important;
	height: 100% !important;
}


/* NOVO MENU */

/* =Nav
-------------------------------------------------------------- */
#nav-trigger {
  display: none;
  text-align: center; }
  #nav-trigger span {
    display: inline-block;
    padding: 10px 30px;
    background-color: #A91F23;
    color: white;
    cursor: pointer;
    text-transform: uppercase; }
    #nav-trigger span:after {
      display: inline-block;
      margin-left: 10px;
      width: 20px;
      height: 10px;
      content: "";
      border-left: solid 10px transparent;
      border-top: solid 10px #fff;
      border-right: solid 10px transparent; }
    #nav-trigger span:hover {
      background-color: #af002c; }
    #nav-trigger span.open:after {
      border-left: solid 10px transparent;
      border-top: none;
      border-bottom: solid 10px #fff;
      border-right: solid 10px transparent; }

nav {
  margin-bottom: 30px; }

nav#nav-main {
  background-color: #A91F23;
  padding: 10px 0; }
  nav#nav-main ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center; }
  nav#nav-main li {
    display: inline-block;
    border-right: solid 1px #950025;
    padding: 0 5px; }
    nav#nav-main li:last-child {
      border-right: none; }
  nav#nav-main a {
    display: block;
    color: white;
    padding: 0 30px; }
    nav#nav-main a:hover {
      background-color: #af002c;
      color: #fff; }

nav#nav-mobile {
  position: relative;
  display: none; }
  nav#nav-mobile ul {
    display: none;
    list-style-type: none;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: #A91F23; }
  nav#nav-mobile li {
    display: block;
    padding: 5px 0;
    margin: 0 5px;
    border-bottom: solid 1px #950025; }
    nav#nav-mobile li:last-child {
      border-bottom: none; }
  nav#nav-mobile a {
    display: block;
    color: white;
    padding: 10px 30px; }
    nav#nav-mobile a:hover {
      background-color: #af002c;
      color: #fff; }

/* =Sections
-------------------------------------------------------------- */
section h1 {
  margin-bottom: 10px; }

section p {
  margin-bottom: 30px; }
  section p:last-child {
    margin-bottom: 0; }

/* =Media Queries
-------------------------------------------------------------- */
@media all and (max-width: 900px) {
  #nav-trigger {
    display: block; }

  nav#nav-main {
    display: none; }

  nav#nav-mobile {
    display: block; } }


/* FIM NOVO MENU*/

/* -------------------------------------------------------------- */

/* LISTA DE ITENS */
ul#navlist
{
list-style-type: none;
/*position: relative;*/
margin:0 auto;
width:50%;
padding-left: 12px;
text-align: left;
font: bold 12px Verdana, Geneva, sans-serif;
text-decoration: none;
color: #000;
line-height: 22px;
margin: 0;
}

ul#navlist li a
{
/*background: transparent url(../images/greenbullet.gif) left center no-repeat;*/
padding-left: 0;
text-align: left;
font: bold 12px Verdana, Geneva, sans-serif;
text-decoration: none;
color: #A91F23;
line-height: 22px;
margin: 0;
/*text-transform: uppercase;*/
}

ul#navlist li a:hover
{
/*background: transparent url(../images/greybullet.gif) left center no-repeat;*/
color: #666;
}

ul#navlist li a#current
{
/*background: transparent url(../images/greybullet.gif) left center no-repeat;*/
color: #666;
}

#navlist
{
margin: 0 0 0 65px;
padding: 0;
text-align: left;
}

#intnavtable { width: 100%; }
#intnavcell { width: 450px; }

/*subnavlist */
ul#subnavlist li
{
display: inline;
list-style-type: none;
padding-left: 20px;
font: bold 12px Verdana, Geneva, sans-serif;
line-height: 22px;
display: list-item;
}

#subnavlist a
{
text-decoration: none;
color: #699;
}

#subnavlist a:hover
{
text-decoration: none;
color: #666;
}

#subnavlist
{
text-align: left;
margin: 0;
padding-left: 0;
}

ul#subnavlist li a#subcurrent { color: #666; }

ul#navlist ul
{
position: absolute;
top: 0;
left: 4em;
}

ul#navlist ul li a, ul#navlist ul li a:hover, ul#navlist ul li a#current { background-image: none; }
/* FIM LISTA DE ITENS */

/* -------------------------------------------------------------- */

/* Larger than mobile */
@media (min-width: 400px) {
	.principal{
		position:relative;
		width:100%;
		margin:0 auto;
		height:0 auto;
		/*background-color:#03F;	*/
		min-height: 100%;
	}
	
	.logo{
		max-width: 1080px;   /* Máximo da largura da imagem */
        width: 70%;
        max-height: 500px;  /* Máximo da altura da imagem */
        min-height: auto;      /* Mínimo da altura, por padrão “auto” */
        background-size:100%;
        background-repeat: no-repeat;
	}
	
	.imgscontent{
		max-width: 1080px;   /* Máximo da largura da imagem */
        width: 100%;
        max-height: 500px;  /* Máximo da altura da imagem */
        min-height: auto;      /* Mínimo da altura, por padrão “auto” */
        background-size:100%;
        background-repeat: no-repeat;
	}
	
	.linhadiv{
		width:30%; 
		size:2px; 
		color:#A91F23; 
		margin-top:15px; 
		margin-bottom:15px;
	}
	
	.linhadivpag{
		width:50%; 
		size:2px; 
		color:#A91F23; 
		margin-top:15px; 
		margin-bottom:15px;
		margin-left:10%;
	}
	
	.linhadivfooter{
		width:97%; 
		size:2px; 
		color:#A91F23; 
		margin-top:5px; 
		margin-bottom:5px;
		margin-left:1%;
	}
	
	.footer {
		/*position: absolute; 
		margin-top:15px;
		width: 100%; 
		height: 50px; 
		background-color: #CCC;
		bottom:-60px;
		border:1px solid #CCC;  
		font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; */
		position:relative; 
		bottom:0px;
		margin-top:50px;
		font:12px Verdana, Geneva, sans-serif;
		height: 50px;
	}	
	
}

/* Larger than phablet */
@media (min-width: 550px) {
	.principal{
		position:relative;
		width:100%;
		margin:0 auto;
		height:0 auto;
		/*background-color:#099;	*/
		min-height: 100%;
	}	
		
	.logo{
		max-width: 1080px;   /* Máximo da largura da imagem */
        width: 70%;
        max-height: 500px;  /* Máximo da altura da imagem */
        min-height: auto;      /* Mínimo da altura, por padrão “auto” */
        background-size:100%;
        background-repeat: no-repeat;
	}
	
	.imgscontent{
		max-width: 1080px;   /* Máximo da largura da imagem */
        width: 100%;
        max-height: 500px;  /* Máximo da altura da imagem */
        min-height: auto;      /* Mínimo da altura, por padrão “auto” */
        background-size:100%;
        background-repeat: no-repeat;
	}
	
	.linhadiv{
		width:30%; 
		size:2px; 
		color:#A91F23; 
		margin-top:15px; 
		margin-bottom:15px;
	}
	.linhadivpag{
		width:50%; 
		size:2px; 
		color:#A91F23; 
		margin-top:15px; 
		margin-bottom:15px;
		margin-left:10%;
	}
	
	.linhadivfooter{
		width:97%; 
		size:2px; 
		color:#A91F23; 
		margin-top:5px; 
		margin-bottom:5px;
		margin-left:1%;
	}
	
	.footer {
		/*position: absolute; 
		margin-top:15px;
		width: 100%; 
		height: 50px; 
		background-color: #CCC;
		bottom:-60px;
		border:1px solid #CCC;  
		font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; */
		position:relative; 
		bottom:0px;
		margin-top:50px;
		font:12px Verdana, Geneva, sans-serif;
		height: 50px;
	}	

}

/* Larger than tablet */
@media (min-width: 750px) {
	.principal{
		position:relative;
		width:100%;
		margin:0 auto;
		height:0 auto;
		/*background-color:#3F6;	*/
		min-height: 100%;
	}	
	.logo{
		max-width: 1080px;   /* Máximo da largura da imagem */
        width: 70%;
        max-height: 500px;  /* Máximo da altura da imagem */
        min-height: auto;      /* Mínimo da altura, por padrão “auto” */
        background-size:100%;
        background-repeat: no-repeat;
	}
	.imgscontent{
		max-width: 1080px;   /* Máximo da largura da imagem */
        width: 100%;
        max-height: 500px;  /* Máximo da altura da imagem */
        min-height: auto;      /* Mínimo da altura, por padrão “auto” */
        background-size:100%;
        background-repeat: no-repeat;
	}
	
	.linhadiv{
		width:30%; 
		size:2px; 
		color:#A91F23; 
		margin-top:15px; 
		margin-bottom:15px;
	}
	
	.linhadivpag{
		width:50%; 
		size:2px; 
		color:#A91F23; 
		margin-top:15px; 
		margin-bottom:15px;
		margin-left:10%;
	}
	
	.linhadivfooter{
		width:97%; 
		size:2px; 
		color:#A91F23; 
		margin-top:5px; 
		margin-bottom:5px;
		margin-left:1%;
	}
	
	.footer {
		/*position: absolute; 
		margin-top:15px;
		width: 100%; 
		height: 50px; 
		background-color: #CCC;
		bottom:-60px;
		border:1px solid #CCC;  
		font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; */
		position:relative; 
		bottom:0px;
		margin-top:50px;
		font:12px Verdana, Geneva, sans-serif;
		height: 50px;
	}	

}

/* Larger than desktop */
@media (min-width: 1000px) {
	.principal{
		position:relative;
		width:100%;
		margin:0 auto;
		height:0 auto;
		/*background-color:#FF0;	*/
		min-height: 100%;
	}		
	.logo{
		max-width: 1080px;   /* Máximo da largura da imagem */
        width: 70%;
        max-height: 500px;  /* Máximo da altura da imagem */
        min-height: auto;      /* Mínimo da altura, por padrão “auto” */
        background-size:100%;
        background-repeat: no-repeat;
	}
	.imgscontent{
		max-width: 1080px;   /* Máximo da largura da imagem */
        width: 100%;
        max-height: 500px;  /* Máximo da altura da imagem */
        min-height: auto;      /* Mínimo da altura, por padrão “auto” */
        background-size:100%;
        background-repeat: no-repeat;
	}
	
	.linhadiv{
		width:30%; 
		size:2px; 
		color:#A91F23; 
		margin-top:15px; 
		margin-bottom:15px;
	}
	
	.linhadivpag{
		width:50%; 
		size:2px; 
		color:#A91F23; 
		margin-top:15px; 
		margin-bottom:15px;
		margin-left:10%;
	}
	
	.linhadivfooter{
		width:97%; 
		size:2px; 
		color:#A91F23; 
		margin-top:5px; 
		margin-bottom:5px;
		margin-left:1%;
	}
	
	.footer {
		/*position: absolute; 
		margin-top:15px;
		width: 100%; 
		height: 50px; 
		background-color: #CCC;
		bottom:-60px;
		border:1px solid #CCC;  
		font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; */
		position:relative; 
		bottom:0px;
		margin-top:50px;
		font:12px Verdana, Geneva, sans-serif;
		height: 50px;
	}	

}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
	.principal{
		position:relative;
		width:100%;
		margin:0 auto;
		height:0 auto;
		/*background-color:#C3C;	*/
		min-height: 100%;
		margin-bottom:15px;
	}	
	.logo{
		max-width: 1080px;   /* Máximo da largura da imagem */
        width: 70%;
        max-height: 500px;  /* Máximo da altura da imagem */
        min-height: auto;      /* Mínimo da altura, por padrão “auto” */
        background-size:100%;
        background-repeat: no-repeat;
	}
	.imgscontent{
		max-width: 1080px;   /* Máximo da largura da imagem */
        width: 100%;
        max-height: 500px;  /* Máximo da altura da imagem */
        min-height: auto;      /* Mínimo da altura, por padrão “auto” */
        background-size:100%;
        background-repeat: no-repeat;
	}
	
	.linhadiv{
		width:30%; 
		size:2px; 
		color:#A91F23; 
		margin-top:15px; 
		margin-bottom:15px;
	}
	
	.linhadivpag{
		width:50%; 
		size:2px; 
		color:#A91F23; 
		margin-top:15px; 
		margin-bottom:15px;
		margin-left:10%;
	}
	
	.linhadivfooter{
		width:97%; 
		size:2px; 
		color:#A91F23; 
		margin-top:5px; 
		margin-bottom:5px;
		margin-left:1%;
	}
	
	.footer {
		/*position: absolute; 
		margin-top:15px;
		width: 100%; 
		height: 50px; 
		background-color: #CCC;
		bottom:-60px;
		border:1px solid #CCC;  
		font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; */
		position:relative; 
		bottom:0px;
		margin-top:50px;
		font:12px Verdana, Geneva, sans-serif;
		height: 50px;
	}	
	
}
