@charset "UTF-8";

/* *****************************************************************************************************
*
*  mediaqueries.css
*
* -------------------------------------------------------------------------------------
* 
*   ---- FONT-SIZE -----
*	
*	 9px	69%			|		18px	138.5%
*	10px	77%			|		19px	146.5%
*	11px	85%			|		20px	153.9%
*	12px	93%			|		21px	161.6%
*	13px	100%		|		22px	167%
*	14px	108%		|		23px	174%
*	15px	116%		|		24px	182%
*	16px	123.1%		|		25px	189%
*	17px	131%		|		26px	197%
*
*
***************************************************************************************************** */

/* ============================================================

	common

   ============================================================ */
@media ( min-width : 768px ) {
	.pcNone { display:none !important; }
}

/* ============================================================

	header

   ============================================================ */
@media ( max-width : 767px ) {
	header h1 img { width: 41px; height: 26px; }
}
@media ( min-width : 768px ) {
	header {
		position:absolute;
		z-index:9999;
		width:728px;
		top:0;
		left:50%;
		margin-left:-364px;
		height:auto;
		box-shadow:none;
		background:none;
	}
	header h1 a {
		width:100px;
		height:62px;
		margin:2.1739% 0 2.1739% 2.1739%;
	}
	header nav h2 { display:none; }
	#sidr-right {
		/*    display:block;    */
		float:right;
		width:75.5495%;
		margin-top:5%;
	}
	#sidr-right a {	font-size:93%; }
	#sidr-right > p { display:none; }
	/*#sidr-right ul li:first-child { display:none; }*/
	#sidr-right > ul { letter-spacing: -.40em; }
	#sidr-right > ul li {
		display:inline-block;
		letter-spacing: normal;
		text-align:center;
		padding:0 6.9%;
		vertical-align:top;
		line-height:2.2;
	}
	#sidr-right ul li a {
		text-decoration:none;
		color:#333;
		font-weight:bold;
		display:block;
	}
	#sidr-right ul li a:hover { color:#727BA1; }
	#sidr-right ul li.subNav {
		background:url(../images/arrow_nav.png) 85% 0.8em no-repeat;
	}
	#sidr-right ul li.subNav:hover {
		background-image:url(../images/arrow_nav_hv.png);
	}
	#sidr-right .subNav {
		width:29.9%;
		padding:0;
	}
	#sidr-right .subNav > a { padding-right:13%; }
	#sidr-right .subNav ul li {
		padding:0;
		background-color:#EEEEEE;
		border-bottom:1px #FFF solid;
		line-height:3;
	}
	#sidr-right .subNav ul li:last-child { border:none; }
	#sidr-right .subNav ul li:hover { background-color:#CCC; }
	#sidr-right .subNav ul li a:hover { color:#FFF; }
	#sidr-right ul li ul li {
		display:block;
	}
}
@media ( min-width : 980px ) {
	header {
		width:960px;
		margin-left:-480px;
	}
	#sidr-right { margin-top:4%; }
	#sidr-right a { font-size:100%; }
	/*#sidr-right > ul li { padding:0 4%; }*/
	#sidr-right > ul li { padding:0 8%; }
	#sidr-right ul li.subNav  { background-position: 77% 0.8em; }
}

/* ============================================================

	#mainContents

   ============================================================ */
@media ( min-width : 768px ) {
	#mainContents {
		max-width:728px;
		margin: 0 auto;
		padding-top:0;
	}
}
@media ( min-width : 980px ) {
	#mainContents { max-width:960px; }
}

/* ============================================================

	#pagetop

   ============================================================ */
@media ( min-width : 980px ) {
	#pagetop {
		display:block;
		max-width:920px;
		margin: 0 auto 3.2%;
		text-align:right;
		background:url(../images/pagetop.gif) 89.3% 50% no-repeat;
		line-height:16px;
	}
	#pagetop a {
		text-decoration:none;
		color:#333;
	}
	#pagetop a:hover { color:#727BA1; }
}

/* ============================================================

	footer

   ============================================================ */
@media ( min-width : 768px ) {
	footer {
		margin-top:0;
		border:none;
		padding:3% 0 1%;
		background:url(../images/info_bg.jpg) 0 0 repeat-x;
	}
	.footerIn {
		position:relative;
		max-width:698px;
		margin: 0 auto;
	}
	.footerIn > div.row {
		width:61%;
		position:absolute;
		top:0;
		right:0;
	}
	.footerMenu {
		background:none;
		float:left;
		width:72%;
		padding-top:0;
	}
	.footerService, .footerAbout {
		float:left;
		width:49%;
	}
	.footerMenu h3 {
		padding:0 0 11% 3%;
		font-size:85%;
	}
	.footerAbout h3 { display:block; }
	.footerService ul, .footerAbout ul { padding:0 3%; }
	.footerService li a, .footerAbout li a {
		border:none;
		font-size:85%;
		font-weight:normal;
		padding:0;
		line-height:1.2;
		display:block;
		margin-bottom:5.5556%;
	}
	.footerService li:last-child a, .footerAbout li:last-child a { margin-bottom:0; }
	.footerService li a { background:none; }
	.footerAzul {
		border:none;
		float:right;
		width:27.2414%;
		position:relative;
	}
	.footerAzul a {
		padding:27% 0 0 0;
		display:block;
	}
	.footerAzul img {
		display:block;
		margin-left:auto;
		width:116px;
	}
	.footerAzul p {
		font-size:85%;
		width:100%;
		font-weight:bold;
		padding-left:0;
		position:absolute;
		top:0;
		right:0;
		display:block;
		vertical-align:inherit;
	}
	.footerInfo { padding:0; }
	.footerInfo h2 {
		width:197px;
		margin-bottom:3.2608%;
	}
	.footerInfo p { font-size:85%; }
	p.copyright {
		margin-top:9%;
		font-size:77%;
		color:#333;
	}
}
@media ( min-width : 980px ) {
	.footerIn { max-width:920px; }
	.footerIn > div.row { width:63%; }
	.footerInfo p, .footerService li a, .footerAbout li a { font-size: 108%; }
	.footerService ul, .footerAbout ul { padding:0 8%; }
	.footerMenu { width:70.6%; }
	.footerMenu h3 {
		padding:0 0 9% 8%;
		font-size:108%;
	}
	.footerAzul { width:29.4%; }
	.footerAzul a { padding:21% 0 0 0; }
	.footerAzul p {	font-size:100%; }
	.footerAzul p span { display:inline; }
	.footerAzul img { width:169px; }
	p.copyright {
		font-size:86%;
		margin-top:7%; /* ex. 6.0652% */
	}
}