@charset "iso-8859-1";

/* CSS Document */

*

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



html

{ height: 100%;}



body

{ height: 100%; 

background: url( images/body_bg.png) repeat #ccc; 

font-family: 'Open Sans', sans-serif; 

padding: 111px 20px 20px;} 



.navbar

{ width: 100%; position: absolute; top: 0; left: 0;}



	.navbar h1

	{ height: 80px; padding: 0 10px 0 10px; background:url(http://apram.com.br/eventos/inscricao/LOGOAPRAM.JPG) no-repeat 4px center; text-align:left; display: table-cell; vertical-align: middle; font-weight: 200;}



.navbar-inverse

{ min-height: 80px; background: linear-gradient(#265b89, #3278b5); border-color: #265b89;}



	.navbar-inverse .navbar-toggle

	{ margin-top: 18px; border-color: #265b89;}

	

		.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus

		{ background: #3278b5;}

		

	.navbar-inverse .navbar-collapse

	{ border-color: #265b89;}	

	

	.navbar-inverse .navbar-nav>li>a

	{  color: #fff; opacity: 0.7;}

	

	.navbar-inverse .navbar-brand

	{ min-width: 78px; color: #fff; font-size: 20px; padding: 0; padding-left: 78px; margin-left: -15px; height: auto;}



.navbar-nav

{ margin: 15px 0px;}



.navbar-nav>li

{ font-weight: 300; }



	.navbar-nav>li>a>i

	{ margin-right: 10px; text-shadow: 0px 0px 8px #333; font-size:18px;}

	

	.navbar-nav>li>a>span

	{ margin-right: 10px; text-shadow: 0px 0px 15px #000; }



	.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>li>a:hover

	{ background: #3b80bb !important; box-shadow: none; border-radius: 6px; opacity: 1.0;}

	

.main-header

{ position: absolute; max-width: 540px; width: 90%; top: 81px; z-index: 2; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -mstransform: translateX(-50%)}

	

.main-container

{ max-width: 1000px; min-height: 100%; padding: 60px 20px 20px; background: #fff; margin: 0px auto; margin-bottom: 20px; position: relative; z-index: 1}



.main-footer

{ position:absolute; bottom: 0; left: 0; right: 0; font-size: 12px; text-align: center; padding: 0 20px 20px; color: #999;}



	.main-footer h5

	{ border-top: 1px solid #ccc; padding-top:10px; font-size: 13px; font-weight: bold; margin-bottom: 0px; padding-bottom:4px;}



	.main-footer p

	{ margin-bottom: 0px; line-height: 16px; padding: 0px 10px;}

	

	.main-footer p:last-child

	{ font-size: 10px;}

	

@media (min-width: 1025px)

{

	.navbar, .main-header

	{ position: fixed;}	

}

	

@media (max-width: 1366px)

{

	body

	{ padding-top: 97px;}

	

	.navbar h1

	{ height: 70px; background:url( http://apram.com.br/eventos/inscricao/LOGOAPRAM.JPG) no-repeat 4px center; }

	

	.navbar-inverse

	{ min-height: 70px;}

	

		.navbar-inverse .navbar-brand

		{ font-size: 18px; padding-left: 72px;}

	

	.navbar-nav

	{ margin: 10px 0px;}

	

	.main-header

	{ max-width: 430px; top: 71px;}

	

	.main-container

	{ padding: 52px 20px 20px;}

}

	

@media (min-width: 1200px)

{

	.container

	{ width: 1000px;}

}



@media

(max-width : 768px)

{

	body

	{ padding-top: 83px;}

	

	.navbar h1

	{ height: 60px; background:url(http://apram.com.br/eventos/inscricao/LOGOAPRAM.JPG) no-repeat 4px center; }

	

	.navbar-inverse

	{ min-height: 60px;}

	

		.navbar-inverse .navbar-brand

		{ font-size: 16px; padding-left: 62px;}

		

		.navbar-inverse .navbar-toggle

		{ margin-top: 13px;}	

		

	.navbar-nav>li

	{ font-size: 13px;}

		

		.navbar-nav>li>a

		{ padding-top: 10px; padding-bottom: 10px;}

			

	.main-header

	{ max-width: 380px; top: 61px;}

	

	.main-container

	{ padding: 48px 20px 20px;}

}



@media

(max-width : 736px)

{

	body

	{ padding: 80px 8px 8px;}

	

	.navbar-inverse

	{ min-height: 38px;}

		

	.main-header

	{ max-width: 350px;}

	

	.main-container

	{ padding: 45px 10px 10px; margin-bottom: 8px;}

}



@media

(max-width : 375px)

{

	.navbar-inverse .navbar-brand

	{ font-size: 14px; }

	

	.main-header

	{ max-width: 300px;}

	

	.main-container

	{ padding: 34px 10px 10px;}

}



@media

(max-width : 320px)

{	

	.navbar-nav>li

	{ font-size: 12px;}



	.main-header

	{ max-width: 260px;}

}



@media

(max-width : 280px)

{	

	.navbar-inverse .navbar-brand

	{ padding-left: 0px; margin-left: inherit; font-size: 13px;}

	

	.navbar h1

	{ background: none;}

	

	.main-header

	{ width: 85%}



	.main-container

	{  padding: 60px 10px 10px;}

}