@charset "utf-8";
/* CSS Document */
html,
body {
    height: 100%;
    color: #636569;
    font-family: 'Open Sans', sans-serif;
    overflow-x: hidden;
}
p{
    color: #636569;
	padding-left: 0;
    padding-right: 0;
    font-size: 12pt !important;
    font-family: 'Open Sans';
    font-weight: 100;
    padding-bottom: 0;
    padding-top: 0px;
}
a{
	text-decoration: none;
}
/* unvisited link */
a:link {
  color: white;
}
/* visited link */
a:visited {
  color: white;
}
/* mouse over link */
a:hover {
  color: white;
}
/* selected link */
a:active {
	color: white;
}
.separator{
	height: 50px;
	width: 100%;
	background-color: transparent;
}

/*NAVBAR*/
.navbar-toggle {
    padding: 9px 10px 50 0 !important;
    border: none !important;
    z-index:1;
    background-color: white !important;
}
.navbar-default .navbar-toggle .icon-bar{
  background-color: #636569 !important;
}
.navbar-toggle .collapse{
    z-index:1;
    background-color: white !important;
}
.navbar-brand>img{
	display:initial;
	width:200px;
}
.navbar{
  	background-color: white !important;
  	color: #636569 !important;
	position: fixed !important;
    border: none !important;
    border-radius: 0 !important;
    z-index: 300;
    width: 100%;
	margin-bottom:0px;
	height: 50px !important;
}
.navbar .navbar-nav>li>a{
  margin-top: 10px;
  margin: 12px 15px;
  padding: 5px 5px 5px 5px;
  color:#636569 !important;
  transition: .2s;
}
.navbar .navbar-nav>li>a:hover{
  color: #011e41 !important;
  transition: .2s;
}
/*NAVBAR*/

/*BANNER*/
.bgbanner{
  	width:100%;
	height: 650px;
	background-image: url("http://nucleoser.com.br/images-prime/prime-header.jpg");
  	background-size:cover;
	background-position: center;
	background-color: #011e41;
}
.bgbanner img {
  width:100%;
}

/*banner mail*/

.bannermail{
  	width:100%;
	height: 650px;
	background-image: url("https://www.nucleoser.com.br/images-prime/mail.jpg");
  	background-size:cover;
	background-position: center;
	background-color: #011e41;
}
.bannermail img {
  width:100%;
}


/*banner mail*/

#titulo{
	position: relative;
	top: 30%;
	margin: auto;
    width: 300px;
    height: auto;
    background-color: transparent;
    text-align: center;
}
.botao{
    position: relative;
    top: 35%;
	margin: auto;
	height: auto;
	width: 200px;
    text-align: center;
	background-color: white;
	color: #002856 !important;
	padding: 10px 25px;
	border-radius: 10px;
}
.botao:hover{
	background-color: #c0dbf2;
	color: #011e41;
	transition: .2s;
}
/*BANNER*/

/*conteudo*/
.titulos{
	font-size: 20pt !important;
    font-family: 'Open Sans';
	color: #011e41;
    padding-bottom: 50px;
    padding-top: 20px;
}
.titulo-contato{
	font-size: 20pt !important;
    font-family: 'Open Sans';
	color: white;
    padding-bottom: 50px;
    padding-top: 20px;
}
.corpotxt{
	width: 55%;
	min-width: 50%;
    margin-top: 15px;
    margin-bottom: 25px;
    margin-left: 25%;
    margin-right: 25%;
    color: #636569;
    text-align: left;
    font-size: 12pt !important;
    font-family: 'Open Sans';
    font-weight: 100;
}
.ltp{
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	width: 10%;
    margin-left: 28%;
	margin-bottom: 10px;
	float: left;
    background-color: #ececec;
    color: #011e41;
    padding: 10px;
}
.agenda{
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	width: 36%;
    margin-right: 25%;
	margin-left: 5px;
	margin-bottom: 10px;
	float: right;
    background-color: #ececec;
    color: #011e41;
    padding: 10px;
}
.bt-banner{
	color: #011e41 !important;
}
.btn-ins{
	background-color:#011e41;
	margin-left: 35%;
	margin-top: 30px;
	padding: 10px;
	border-radius: 10px;
	color:white;
}
.bt-ins:hover{
	background-color: #002856;
	color: #c0dbf2;
	transition: .2s;
}
.contato{
	width: 100%;
	height: 480px;
	padding-bottom: 50px;
	background-color: #011e41;
}
.left-contato{
	color: white;
	padding: 50px !important;
	margin-left: 15%;
	float: left;
	width: 30%;
	height: 300px;
}
.right-contato{
	padding: 50px !important;
	margin-right: 20%;
	color: white;
	float:right;
	width: 30%;
	height: 300px;
}
.left-contato p{
	color: white;
}
.right-contato p{
	color: white;
}
.endereco{
	margin-top: 30px;
}
.form{
	margin-top: 80px;
	width: 100%;
}
input{
	width: 100%;
	margin-right: 15%;
	color: #011e41 !important;
	padding-left: 10px;
}
.rodape{
	width: 100%;
	background-color: white;
	height: 50px;
}
.tre{
	margin: 10px 40px 10px 50px;
	float: right;
	width: 25px;
	height: 25px;
}
button{
	margin-top: 10px;
	background-color: white;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #011e41 !important;
	width: 100px !important;
    text-decoration: none;
    cursor: pointer;
    border:none;
}
.enviar{
	width: 75px;
	float: right;
}
.faq-item{
	margin-top: 20px;
	width: 60%;
	max-width: 800px;
	min-width: 300px;
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid;
}
.item-faq{
	color: #011e41;
    text-align: justify;
    font-size: 12pt !important;
    font-family: 'Open Sans';
    font-weight: 300;
}
.txt-faq{
	color: #636569;
    text-align: justify;
    font-size: 12pt !important;
    font-family: 'Open Sans';
    font-weight: 100;
}
/*conteudo*/

/*video*/
.video{
	/*width: 100%;
	min-width: 100%;
	height: auto;
	max-width: 100%;
	line-height: 1;*/
	margin: 50px auto;
	background-color: #ececec;
}

.video-row{
	width: 33%;
	height: 250px;
	margin: 15px;
	display: inline;
}
/*video*/

/*CAROUSEL MULTIPLE*/
/*carousel*/
    .carousel-inner > .item > img, .carousel-inner > .item > a > img {
        display: block;
        height: 600px;
        min-width: 100%;
        width: 100%;
        max-width: 100%;
        line-height: 1;
    }
/*carousel*/

/*UP*/
#subir{
    position: fixed;
    width: 50px;
    height: 50px;
    background-color: #011e41;
    bottom: 250px;
    right: 2%;
    transition: .2s;
    border: .5px solid white;
}
#subir:hover{
	height: 55px;
	background-color: #003764;
}
/*UP*/

/*mobile 768px*/
 @media screen and (max-width: 768px) {
    .navbar-default .navbar-collapse {
 	background-color: white !important;
  	color: #636569 !important;
     } 
	.corpotxt{
		width: 90%!important;
		margin-right: 10%;
   		margin-left: 5%;
}
	.btn-ins{
		margin-left: 10%;
		margin-right: 10%;
	}
	 .ltp{
		 border-radius: 10px;
		 width: 80%;
		 margin-left: 10%;
		 margin-right: 10%;
	 }
	 .agenda{
		 border-radius: 10px;
		 width: 80%;
		 margin-right: 10%;
		 margin-left: 10%;
	 }
	.right-contato{
		width: 90%;
		margin-right: 10%;
	    padding: 50px 20px;
	 }
	 .left-contato{
		 width: 90%;
		 margin-left: 10%;
		 padding: 50px 20px;
	 }
	 .form{
		 margin-top: 80px;
		 margin-left: 7%;
	 }
	 .contato{
	height: 750px;
	 }
	.video-row{
	width: 90%;
	height: 250px;
	margin: 5% auto;
}
}

/*mobile 992px*/
 @media screen and (max-width: 992px) {
    .navbar-default .navbar-collapse {
 	background-color: white !important;
  	color: #636569 !important;
	height: auto !important;
		width: 100% !important;
     } 
	.corpotxt{
		width: 90% !important;
		margin-right: 10%;
   		margin-left: 5%;
}
	.btn-ins{
		margin-left: 10%;
		margin-right: 10%;
	}
	 .ltp{
		 border-radius: 10px;
		 width: 80%;
		 margin-left: 10%;
		 margin-right: 10%;
	 }
	 .agenda{
		 border-radius: 10px;
		 width: 80%;
		 margin-right: 10%;
		 margin-left: 10%;
	 }
	 .right-contato{
		width: 80%;
		margin-right: 10%;
	    padding: 50px 20px;
	 }
	 .left-contato{
		 width: 90%;
	 }
	 .form{
		 margin-top: 120px;
		 margin-left: 0%;
		 }
	.contato{
	height: 850px !important;
	 }
	 	.video-row{
	width: 90%;
	height: 250px;
	margin: 5% auto;
}
}