/* AJUSTES */


@media only screen and (max-height: 680px) { html { font-size: 50%; } }
@media only screen and (max-height: 750px) and (min-height: 680px) { html { font-size: 60%; } }
@media only screen and (min-height: 750px) { html { font-size: 62.5%; } }






html, body { height: 100%; }


*     { border:0; text-decoration:none; margin:0 auto}




header, nav, article, section, footer, footerh, address {   
    display:block;   
}
p, h1, h2, h3, h4, h5, h6 {
	margin:0;
}
img {
	border:0;
}
em {
	font-weight:bold;
	font-style:normal;
}

.screen-reader-text {
	position:absolute;
	top:auto;
	left:-9999px;
}

/* CSS GERAL */

body {
	margin:0 auto;
	background-color:#fff;
	background-repeat:repeat-x;
	font-size:13px;
	line-height:18px;
	font-family:arial, sans-serif;
	color:#444444;
	overflow-y: auto; overflow-x: hidden;
}

a, h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto Condensed', arial, sans-serif;
	color:#444;
	font-weight:400;
}
a:hover, a.active {
	color:#a58262 !important;

}



header {
	margin:0 auto;
	width:100%;
	position:relative;
	height:30px;
	background-color:#a58262;
}



.sobre header, .servicos header, .mercado header, .governanca header, .atendimento header, .pacto header {
	margin:0 auto;
	width:100%;
	position:relative;
	height:10px;
	background-color:#a58262;
}



h1 {
	font-family: 'Droid Serif', serif;
	font-size:23px;
	line-height:36px;
	font-weight:400;
	margin:0;
	color:#16344c;
}

h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:14px;
	font-weight:400;
	color:#a58262;
	margin-bottom:10px;
	text-transform:uppercase;
}
h3 {
	font-family: 'Droid Serif', serif;
	font-size:15px;
	line-height:25px;
	font-weight:700;
	margin:0;
	color:#16344c;
	
}

h4 {
	font-family: 'Droid Serif', serif;
	font-size:18px;
	line-height:28px;
	font-weight:400;
	margin:5px 0 0 0;
	color:#16344c;
	
}



h5 {
	font-family: 'Droid Serif', serif;
	font-size:35px;
	line-height:38px;
	font-weight:400;
	margin:47px 0 20px 0;
	color:#a58262;
	
	
}

h6 {
	font-family: 'Droid Serif', serif;
	font-size:18px;
	line-height:28px;
	font-weight:700;
	margin:25px 0 0 0;
	color:#16344c;
	border-top:solid 1px #CCC;
	padding-top:5px;
}


section p {
	margin:5px 0;
}
.page-description > p:first-child {
	margin-top:0;
}

.leiamais {
	text-transform:uppercase;
	font-size:10px;
	
}
















/* estruturas globais */

#corpo         { margin:0 auto 0 auto; width:100%; display: inline-block;}

#corpo2         { margin:0 auto 0 auto; width:100%; display: inline-block; background:#fff;}


#topo          { margin:0 auto;  width:100%;  overflow:hidden; height:160px; position: relative; background:#00315c;}
#topo2          { margin:0 auto;  width:100%;  overflow:hidden; height:160px; position: absolute; z-index:999;}

#content       { max-width:1100px; display:table; margin:0 auto; }
#conteudo      { margin:0 auto; max-width:1000px; display:table; }




/* ######## MENU ######## */



#menu          { height:145px; margin:0 auto; max-width:1040px;}

#royal      { margin:40px 0 0 20px; width:226px; height:78px; float:left; }

#nav {
	float:right;
	margin:47px 20px 0 0 !important;
	width:580px;
}

.nav_institucional {
	position:relative;
	text-align:right;
	height:15px;
}
.nav_institucional ul {
	display:inline-block;
	list-style-type:none;
}
.nav_institucional ul li {
	display:inline-block;
	border-right:1px solid #999;
	height:15px;	
}
.nav_institucional a {
	text-decoration:none;
	font-family: Arial, sans-serif !important;
	color:#ccc !important;
	font-size: 12px !important;
	margin:0 5px 0 5px;
	padding-right:4px;
}
.nav_institucional a:hover {
	text-decoration:underline !important;
}
.nav_institucional .semborda {
	border:none;
	margin-right:0px;
}
.nav_institucional img {
	border:none;
	margin-right:-7px;
}




.nav_principal {
	float:right;
	width:570px;
	position:relative;
	text-align:right;
	margin:15px 0 0 0; 
	border-top:1px solid #999;
	padding:0;
}
.nav_principal ul {
	display:inline-block;
	list-style-type:none;
	margin:0; 
	padding:0;
}
.nav_principal ul li {
	display:inline-block;
	margin:15px 18px 0 0;  
}
.nav_principal a {
	text-decoration:none;
	font-family:'Roboto', helvetica, arial, sans-serif; font-size: 16px !important; color:#fff; font-weight:700;
}
.nav_principal a:hover {
	color:#efefef !important;
}


.nav_principal .semborda {
	border:none;
	margin-right:0px;
}









/* SECTIONS */
section#panel_home { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 700px;}
@media only screen and (max-height: 650px) and (min-width: 735px) { section#panel_home { padding-top: 0px; min-height: 700px; } }
@media only screen and (min-height: 650px) and (min-width: 735px) { section#panel_home { padding-top: 0px; min-height: 700px; } }
@media only screen and (max-width: 1035px) { section#panel_home { padding-top: 0px; } }


#panel_home {position: relative; background:#666}
#home_next {position: absolute; right: 40px; top:0; display:block; height: 31px; width: 60px; background-image: url("../images/next.png"); text-indent: -9999px;}
#home_prev {position: absolute; left: 40px; top:0; display:block; height: 31px; width: 60px; background-image: url("../images/prev.png");text-indent: -9999px;}


#panel_home div.rotator { position:relative; display:inline-block; width: 100%; height: 100%; overflow: hidden;}
#panel_home div.rotator > div {position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
#panel_home div.rotator > div:before { content: ''; display: inline-block; height: 100%; vertical-align: top;  }
#panel_home div.rotator > div > img {width: 100%; }


 
.slide1 { background-image: url("../images/home/img_1800home1.jpg"); background-size: 100%;  background-repeat: no-repeat; text-align:left}

.slide2 { background-image: url("../images/home/img_1800home2.jpg"); background-size: 100%;   background-repeat: no-repeat; text-align:left}

.slide3 { background-image: url("../images/home/img_1800home4.jpg"); background-size: 100%;   background-repeat: no-repeat; text-align:left}

.wrapper { max-width:1200px; height:0px; margin-top:-229px;}

.headline { padding-left:30px;  padding-top:70px; margin-left:100px; font-family: 'Droid Serif', serif;	font-size:30px;	line-height:43px;	font-weight:light;	color:#fff; background-image: url("../images/fundo_tit.png"); height:224px;  background-repeat: no-repeat;}



@media only screen and (max-width: 1100px) { 

.slide1 { background-image: url("../images/home/img_1800home1.jpg"); background-size: 140%;   background-repeat: no-repeat; text-align:left}

.slide2 { background-image: url("../images/home/img_1800home2.jpg"); background-size: 140%;   background-repeat: no-repeat; text-align:left}

.slide3 { background-image: url("../images/home/img_1800home4.jpg"); background-size: 140%;   background-repeat: no-repeat; text-align:left}


 }




#footer        { bottom:50px; background:#eee; height:150px; width:100%; }

#endereco1     { padding:25px 0 0 0; font:10px 'Roboto', Arial, helvetica, sansSerif; font-weight:400; line-height:16px; color:#444; float:left; width:200px}
#endereco1 span   { font:10px !important; font-weight:700 !important; color:#a58262 !important; font-family:'Droid Serif', serif;}
#endereco1 strong a   { font-weight:700; color:#a58262; font-family:'Droid Serif', serif;}
#endereco      { padding:25px 0 0 0; font:10px 'Roboto', Arial, helvetica, sansSerif; font-weight:400; line-height:16px; color:#444; float:left; width:150px}
#endereco span    { font-weight:700; color:#a58262; font-family:'Droid Serif', serif;}
#endereco strong a   { font-weight:700; color:#a58262; font-family:'Droid Serif', serif;}
#assina        { padding:25px 0 0 20px; font:9px 'Roboto', Arial, helvetica, sansSerif; font-weight:400; line-height:15px; color:#999; float:left; width:200px;}
#assina img        { margin-bottom:6px;}
#endosso        { padding:10px 20px 0 130px; float:right; width:130px; text-align:right; font:8px 'Roboto', Arial, helvetica, sansSerif; font-weight:400; line-height:15px; color:#555;}
#endosso img        { margin-bottom:4px;}

#apaga {border: 0; transition: all 0.3s ease 0s; opacity: 0.5; float:left;;}
#apaga:hover {opacity: 1;}

@media only screen and (max-width: 1100px) { 

#endosso        { padding:20px 20px 0 110px; }

 }








/* ######## HOME ######## */



#slideroff { background:#818181; width:100%; height:100px; position:relative; overflow:hidden;}
.sliderimgint  { position:relative; width:1680px; height:100px; margin:0 auto; overflow:hidden;}




.home #fundobranco {
	margin:0 auto;
	width:100%;
	background-color:#FFF;
	position:relative;
}

.home #main {
	margin:0 auto;
	max-width:1040px;
	padding:0px 0 60px 0;
	overflow:auto;
}


.home #fundobranco #main section.big {
	float:left;
	max-width:645px;
	margin-right:40px;
	margin-left:20px;
	padding-top:40px ;
	
}

.home #fundobranco #main section.main {
	float:left;
	max-width:315px;
	margin-right:0px;
	margin-left:20px;
	padding-top:40px ;
	
}

.home #fundobranco #main section.main p {
	padding-bottom:7px;
}

.home #main a {
	border-top: solid 1px #CCC;
	padding-top:10px;
	width:245px;
	margin:20px 0 0 0;
	display: block;
	color:#a58262;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:12px;
	text-decoration:none;
	font-weight:400;
}
.home #main a:hover {
	text-decoration:underline;
}




@media only screen and (max-width: 1100px) { 

#main, .home #main {	max-width:998px !important;}
.home #fundobranco #main section.big {max-width:540px !important; }
.home #fundobranco #main section.main {max-width:355px !important; }

.home #fundobranco #main section.main h3 {
	font-size:13px;
	font-weight:700;
	margin:0;
	color:#16344c;
	
}
.home #main section.big a {	font-size:16px !important;}

 }










/* ######## SOBRE ######### */


 
 
.sobre #main {
	margin:0 auto;
	max-width:1040px;
	padding:0px 0 60px 0;
	overflow:auto;
}



.sobre #main section.main {
	float:left;
	max-width:550px;
	margin-right:35px;
	margin-left:20px;

}
.sobre #main section.maindir {
	float:left;
	width:400px;
	margin-right:15px;
	margin-left:20px;
	margin-top:52px;

}
.sobre .main p, .sobre .maindir p {
	margin:15px 0 5px 0;
	font-family:Arial, helvetica, arial, sans-serif;
	font-size:14px;
	line-height:21px;
}

.sobre .main a, .sobre .maindir a {
	margin:0px 0;
	display: block;
	color:#014b5f;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:10px;
	text-decoration:none;
	font-weight:700;
}

.sobre .main a:hover, .sobre .maindir a:hover {
	text-decoration:underline;
}



.sobre #fundofoto {
	margin:0 auto;
	width:100%;
	background:url('../images/foto_predios2.jpg') left top no-repeat; background-size: 100%;
	min-height:300px;
}


@media only screen and (max-width: 1100px) { 

.sobre #main section.main {	max-width:530px !important; }
.sobre #main section.maindir {max-width:355px !important;}
.sobre #main section.main h4 { line-height:35px !important;}
.sobre #main section.maindir p {font-size:17px; }
 }









/* ######## SERVICOS ######### */


 
 
.servicos #main {
	margin:0 auto;
	max-width:1040px;
	padding:0px 0 60px 0;
	overflow:auto;
}



.servicos #main section.main {
	float:left;
	max-width:340px;
	margin-right:35px;
	margin-left:20px;

}
.servicos #main section.maindir {
	float:left;
	width:610px;
	margin-right:15px;
	margin-left:20px;
	margin-top:82px;
	margin-bottom:50px;
}

.servicos #main section.maindir h6 {
	font-size:19px;
	line-height:28px;
	font-weight:700;
	margin:25px 0 0 0;
	color:#16344c;
	border-top:solid 1px #CCC;
	padding-top:10px;
	cursor:pointer;

}
.servicos .main p, .servicos .maindir p {
	margin:15px 0 5px 0;
	font-family:Arial, helvetica, arial, sans-serif;
	font-size:14px;
	line-height:21px;
}

.servicos .main a, .servicos .maindir a {
	margin:0px 0;
	display: block;
	color:#014b5f;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:10px;
	text-decoration:none;
	font-weight:700;
}

.servicos .main a:hover, .servicos .maindir a:hover {
	text-decoration:underline;
}



.servicos #fundofoto {
	margin:0 auto;
	width:100%;
	background:url('../images/foto_assina2.jpg') left top no-repeat; background-size: 100%;
	min-height:400px;
}



@media only screen and (max-width: 1100px) { 

.servicos #main section.main {	max-width:230px !important;}
.servicos #main section.maindir {	max-width:600px !important;}
.servicos #main section.main h4 {	font-size:22px !important;}
 }




/* ######## MERCADO ######### */

 
.mercado #main {
	margin:0 auto;
	max-width:1040px;
	padding:0px 0 60px 0;
	overflow:auto;
}

.mercado #main section.main {
	float:left;
	max-width:300px;
	margin-right:35px;
	margin-left:20px;

}
.mercado #main section.maindir {
	float:left;
	width:650px;
	margin-right:15px;
	margin-left:20px;
	margin-top:82px;
	margin-bottom:50px;
}


@media only screen and (max-width: 1100px) { 

.mercado #main section.main {	max-width:230px !important;}
.mercado #main section.maindir {	max-width:600px !important;}

 }



















/* ######## GOVERNANCA ######### */

 
.governanca #main {
	margin:0 auto;
	max-width:1040px;
	padding:0px 0 60px 0;
	overflow:auto;
}

.governanca #main section.main {
	float:left;
	max-width:320px;
	margin-right:35px;
	margin-left:20px;

}
.governanca #main section.maindir {
	float:left;
	width:630px;
	margin-right:15px;
	margin-left:20px;
	margin-top:02px;
	margin-bottom:50px;
}


.governanca .maindir p {
	margin:20px 0 5px 0;
	font-family:Arial, helvetica, arial, sans-serif;
	font-size:14px;
	line-height:21px;
}


.governanca #fundofoto {
	margin:0 auto;
	width:100%;
	background:url('../images/governanca.jpg') left top no-repeat; background-size: 100%;
	min-height:400px;
}


@media only screen and (max-width: 1100px) { 

.governanca #main section.main {	width:240px !important;}
.governanca #main section.maindir {	width:630px !important;}
.governanca #main section.maindir p {font-size:13px !important;	line-height:28px !important;}
.governanca #main section.main h4 {	 font-size:20px !important;}
 }


.clear { display:block; font-size:1px; height:1px; clear:both }




.governanca #leftcol             { margin:55px 0 0 0px; width:320px;  float:left; }






/* ######## PACTO ######### */

 
.pacto #main {
	margin:0 auto;
	max-width:1040px;
	padding:0px 0 60px 0;
	overflow:auto;
}

.pacto #main section.main {
	float:left;
	max-width:240px;
	margin-right:35px;
	margin-left:20px;
	margin-top:52px;
}
.pacto #main section.maindir {
	float:left;
	width:710px;
	margin-right:15px;
	margin-left:20px;
	margin-top:02px;
	margin-bottom:50px;
}


.pacto .maindir p {
	margin:20px 0 5px 0;
	font-family:Arial, helvetica, arial, sans-serif;
	font-size:14px;
	line-height:21px;
}


#leftcol             { margin:05px 0 0 0px; width:240px;  float:left; }
#leftcol ul   		 { margin:0 0 0 -40px; list-style:none;}
#leftcol ul p 		 { font-family:'Roboto', Arial, sans-serif !important;	font-weight:300; color:#888 !important;	font-size: 15px !important; margin:5px 0 0 0 !important; padding:0 0 13px 0;}
#leftcol li   		 { list-style:none; margin:0; padding:8px 0 8px 0; font:13px 'Roboto', Arial; color:#888; font-weight:300; border-bottom:1px solid #efefef;}
#leftcol li a  		 { list-style:none; margin:0; padding:8px 0 8px 0; font:13px 'Roboto', Arial; color:#a58262; font-weight:700; }
#leftcol li a:hover  { color:#0b9d9f; text-decoration:underline !important; }
.picm                	{ float:left; }
 
 

@media only screen and (max-width: 1100px) { 

.pacto #main section.main {	width:220px !important;}
#leftcol             { margin:05px 0 0 0px; width:220px;  float:left; }
.pacto #main section.maindir {	width:650px !important;}
.pacto #main section.maindir img {	width:650px !important; height:445px !important;}
.pacto #main section.maindir p {font-size:13px !important;	line-height:28px !important;}
.pacto #main section.main h4 {	 font-size:20px !important;}
 }
 
 
 
 

 
 
 
 

/* ######## ATENDIMENTO ######### */

 
 
.atendimento #main {
	margin:0 auto;
	max-width:1040px;
	padding:0px 0 60px 0;
	overflow:auto;
}

.atendimento #main section.main {
	float:left;
	max-width:600px;
	margin-right:35px;
	margin-left:20px;

}
.atendimento #main section.maindir {
	float:left;
	width:350px;
	margin-right:15px;
	margin-left:20px;
	margin-top:82px;
	margin-bottom:50px;
}

.atendimento #main section.maindir h6 {
	font-size:19px;
	line-height:28px;
	font-weight:700;
	margin:25px 0 0 0;
	color:#16344c;
	border-top:solid 1px #CCC;
	padding-top:10px;
	cursor:pointer;

}
.atendimento .main p, .atendimento .maindir p {
	margin:15px 0 5px 0;
	font-family:Arial, helvetica, arial, sans-serif;
	font-size:14px;
	line-height:21px;
}

.atendimento .main a, .atendimento .maindir a {
	border-top: solid 1px #CCC;
	padding-top:10px;
	width:245px;
	margin:20px 0 0 0;
	display: block;
	color:#a58262;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:12px;
	text-decoration:none;
	font-weight:400;
}

.atendimento .main a:hover, .atendimento .maindir a:hover {
	text-decoration:underline;
}



@media only screen and (max-width: 1100px) { 

.atendimento #main section.main {	max-width:530px !important;}
.atendimento #main section.maindir {	max-width:300px !important;}
.atendimento #main section.main a {font-size:16px !important; width:450px !important;}
 }










form p {
	margin:0 0 4px 0;
	overflow:auto;
}
form input, form textarea {
	float:left;
	width:315px;
	padding:5px;
	margin:0 0 4px 0;
	border:0;
	background:#efefef;
	font-family:arial, sans-serif;
	font-size:12px;
	color:#4d4d4d;
}
form textarea {
	max-width:315px;
	height:100px;
	color:#4d4d4d;
}
form .submit {
	background-color:#23676c;
	width:80px;
	padding:13px;
	cursor:pointer;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:18px;
	font-weight:400;
	color:#FFF;
	text-decoration:none;
}

form label.error {
	float:left;
	color:#000000;
	font-size:10px;
	margin:5px;
}
form input.error, form textarea.error {
	border:1px dashed #000000;
	padding:4px;
}