/* ================================================================================================================== */
/* fontes */
/* ================================================================================================================== */

@font-face {
	font-family:		'ArialRoundedMTRegular';
	src:				url('../fonts/ArialRoundedMT/arialroundedmt.eot');
	src:				url('../fonts/ArialRoundedMT/arialroundedmt.eot') format('embedded-opentype'),
						url('../fonts/ArialRoundedMT/arialroundedmt.woff') format('woff'),
						url('../fonts/ArialRoundedMT/arialroundedmt.ttf') format('truetype'),
						url('../fonts/ArialRoundedMT/arialroundedmt.svg#ArialRoundedMTRegular') format('svg');
}

@font-face {
	font-family:		'ArialRoundedMTLight';
	src:				url('../fonts/ArialRoundedMTLight/arialroundedmtlight.eot');
	src:				url('../fonts/ArialRoundedMTLight/arialroundedmtlight.eot') format('embedded-opentype'),
						url('../fonts/ArialRoundedMTLight/arialroundedmtlight.woff') format('woff'),
						url('../fonts/ArialRoundedMTLight/arialroundedmtlight.ttf') format('truetype'),
						url('../fonts/ArialRoundedMTLight/arialroundedmtlight.svg#ArialRoundedMTLight') format('svg');
}

@font-face {
	font-family:		'ArialRoundedMTBoldRegular';
	src:				url('../fonts/ArialRoundedMTBold/arialroundedmtbold.eot');
	src:				url('../fonts/ArialRoundedMTBold/arialroundedmtbold.eot') format('embedded-opentype'),
						url('../fonts/ArialRoundedMTBold/arialroundedmtbold.woff') format('woff'),
						url('../fonts/ArialRoundedMTBold/arialroundedmtbold.ttf') format('truetype'),
						url('../fonts/ArialRoundedMTBold/arialroundedmtbold.svg#ArialRoundedMTBoldRegular') format('svg');
}

h1,h2,h3,h4,h5,h6,p,a,input,label,textarea,span { font-family: 'ArialRoundedMTRegular', sans-serif; font-size:16px; color: #3b2314; }

p { text-align: justify; }

input,textarea { color: #3b2314; }

/* ================================================================================================================== */
/* fundo */
/* ================================================================================================================== */

html,body { position: relative; margin: 0; padding: 0; width: 100%; height: 100%; background-color: #f3f4f4; }

/* ================================================================================================================== */
/* corpo */
/* ================================================================================================================== */

div#container  /* corpo geral sem a banner */ { display: block; position: relative; width: 100%; min-height: calc(100% - 125px - 175px); min-height: -webkit-calc(100% - 125px - 175px); min-height: -moz-calc(100% - 125px - 175px); margin: 0 auto; padding: 0 0 175px 0; }
div#containerIndex  /* corpo geral com a banner */ { display: block; position: relative; width: 100%; min-height: calc(100% - 175px); min-height: -webkit-calc(100% - 175px); min-height: -moz-calc(100% - 175px); margin: 0 auto; padding: 0 0 175px 0; }

span.division { display: block; position: relative; width: 1026px; height: 24px; margin: 0 auto; background: transparent url(../images/highResolution/bodySeparator.png) no-repeat; }
span.divisionSmall { display: block; position: relative; width: 725px; height: 24px; margin: 0 auto; background: transparent url(../images/highResolution/bodySeparatorSmall.png) no-repeat; }

@media all and ( min-width: 600px ) and ( max-width: 1099px ) {
	div#container  { min-height: calc(100% - 125px - 350px); min-height: -webkit-calc(100% - 125px - 350px); min-height: -moz-calc(100% - 125px - 350px); padding: 0 0 250px 0; }
	div#containerIndex  { min-height: calc(100% - 350px); min-height: -webkit-calc(100% - 350px); min-height: -moz-calc(100% - 350px); padding: 0 0 250px 0; }

	span.division { width: 513px; background: transparent url(../images/mediumResolution/bodySeparator.png) no-repeat; }
	span.divisionSmall { width: 513px; background: transparent url(../images/mediumResolution/bodySeparatorSmall.png) no-repeat; }
}
@media all and ( max-width: 599px ) {
	div#container { min-height: calc(100% - 125px - 350px); min-height: -webkit-calc(100% - 125px - 350px); min-height: -moz-calc(100% - 125px - 350px); padding: 0 0 250px 0; }
	div#containerIndex { display: block; position: relative; width: 100%; min-height: calc(100% - 350px); min-height: -webkit-calc(100% - 350px); min-height: -moz-calc(100% - 350px); padding: 0 0 250px 0; }

	span.division { width: 276px; height: 7px; background: transparent url(../images/lowResolution/bodySeparator.png) no-repeat; }
	span.divisionSmall { width: 276px; height: 7px; background: transparent url(../images/lowResolution/bodySeparatorSmall.png) no-repeat; }
}

/* ================================================================================================================== */
/* cabecalho */
/* ================================================================================================================== */

div#header /* cabecalho geral sem a banner */ { display: block; position: relative; width: 100%; padding: 0; }
div#headerIndex /* cabecalho geral com a banner */ { display: block; position: relative; width: 100%; height: 100%; }
	div#header div#banner { display: none; }
	div#headerIndex div#banner { display: block; position: relative; width: 100%; min-height: calc(100% - 125px); min-height: -webkit-calc(100% - 125px); min-height: -moz-calc(100% - 125px); }
	div#banner div.banner { display: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; background-size: cover; background-position: center center; z-index: 1; }
		div#headerIndex div#banner span { display: none; }

div#header div.headerContainer,
div#headerIndex div.headerContainer { display: block; position: relative; width: 100%; height: 115px; margin: 0 auto; }

div.responsiveMenu { display: block; position: relative; top: 0; left: 0; width: 100%; height: 115px; background-color: #f3f4f4; z-index: 500; overflow: hidden; }
	div.responsiveMenu div.container { display: block; position: relative; width: 1100px; height: 115px; margin: 0 auto; }
		div.responsiveMenu div.container span.responsive { display: none; }

a#logo { display: block; position: absolute; top: 15px; left: 50%; margin: 0 0 0 -73px; width: 147px; height: 41px; background: transparent url(../images/logos/logo.png) no-repeat center center; background-size: cover; }

div#icons { display: block; position: absolute; top: 10px; right: 0; width: auto; font-size: 0; text-align: left; }
	div#icons span { display: inline-block; position: relative; height: 20px; cursor: pointer; background: transparent url(../images/header_icons.png) no-repeat; }
	div#icons a.wishlist { display: inline-block; position: relative; height: 20px; cursor: pointer; background: transparent url(../images/header_icons.png) no-repeat; width: 22px; background-position-x: -19px; margin: 0 0 0 20px; }
	div#icons a.wishlist:hover { background-position-y: -20px; }
	div#icons a.orders { display: inline-block; position: relative; height: 20px; cursor: pointer; background: transparent url(../images/header_icons.png) no-repeat; width: 22px; background-position-x: -57px; margin: 0 0 0 20px; }
	div#icons a.orders:hover { background-position-y: -20px; }
	div#icons span[data-status="opened"],
	div#icons span:hover { background-position-y: -20px; }
	div#icons span.search { width: 19px; background-position-x: 0; }
	div#icons span.reserved { width: 16px; background-position-x: -41px; margin: 0 0 0 20px; }
	div#icons div.languages { display: inline-block; position: relative; top: auto; bottom: auto; left: auto; right: auto; width: auto; height: 20px; cursor: pointer; margin: 0 20px 0 0; vertical-align: top; }
		div#icons div.languages p,
		div#icons div.languages a { display: inline-block; position: relative; width: auto; line-height: 20px; font-size: 14px; text-decoration: none; color: #9A9997; }
		div#icons div.languages a:hover,
		div#icons div.languages a.selected { color: #000000; }

div#menu { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 35px; margin: 0 auto; text-align: center; font-size: 0; }
	div#menu a { display: inline-block; position: relative; font-family: 'ArialRoundedMTBoldRegular', sans-serif; line-height: 35px; font-size: 16px; color: #3b2416; text-decoration: none; margin: 0 15px; }
	div#menu a.export { float: right; margin: 0; }
	div#menu a:hover { color: #9A9997; }
	div#menu a.selected { font-family: 'ArialRoundedMTLight', sans-serif; color: #9A9997; }

@media all and ( min-width: 600px ) and ( max-width: 1099px ) {
	div#headerIndex div#banner { min-height: calc(100% - 80px); min-height: -webkit-calc(100% - 80px); min-height: -moz-calc(100% - 80px); }
		div#headerIndex div#banner span { display: block; position: absolute; bottom: 25px; left: 50%; margin: 0 0 0 -35px; width: 71px; height: 71px; background: transparent url(../images/bannerGoDown.png) no-repeat; z-index: 499; cursor: pointer; }

	div#header div.headerContainer,
	div#headerIndex div.headerContainer { height: 80px; text-align: center; }

	div.responsiveMenu { height: 80px; }
		div.responsiveMenu div.container { width: 564px; height: 80px; margin: 18px auto 0 auto; }
			div.responsiveMenu div.container span.responsive { display: block; position: absolute; top: 0; right: 0; width: 42px; height: 31px; background: transparent url(../images/menuIcon.png) no-repeat 0 0; cursor: pointer; }

	a#logo { top: auto; left: auto; position: relative; margin: 0; }
	
	div#icons { display: inline-block; position: relative; top: auto; right: auto; margin: 20px 15px 0 15px; }

	div#menu { position: relative; bottom: auto; left: 0; width: 100%; height: auto; margin: 20px auto 0 auto; }
		div#menu a { display: block; line-height: 30px;  margin: 0 15px; }
}
@media all and ( max-width: 599px ) {
	div#headerIndex div#banner { min-height: calc(100% - 80px); min-height: -webkit-calc(100% - 80px); min-height: -moz-calc(100% - 80px); }
		div#headerIndex div#banner span { display: block; position: absolute; bottom: 25px; left: 50%; margin: 0 0 0 -35px; width: 71px; height: 71px; background: transparent url(../images/bannerGoDown.png) no-repeat; z-index: 499; cursor: pointer; }

	div#header div.headerContainer,
	div#headerIndex div.headerContainer { height: 80px; text-align: center; }

	div.responsiveMenu { position: absolute; height: 80px; z-index: 1000; }
		div.responsiveMenu div.container { width: 284px; height: 80px; margin: 18px auto 0 auto; }
			div.responsiveMenu div.container span.responsive { display: block; position: absolute; top: 0; right: 0; width: 42px; height: 31px; background: transparent url(../images/menuIcon.png) no-repeat 0 0; cursor: pointer; }

	a#logo { position: relative; top: auto; left: auto; margin: 0; }
	
	div#icons { display: inline-block; position: relative; top: auto; right: auto; margin: 20px 15px 0 15px; }
		div#icons div.languages { display: block; margin: 0 0 20px 0; }
			div#icons div.languages p,
			div#icons div.languages a { font-size: 12px; }

	div#menu { position: relative; bottom: auto; height: auto; margin: 20px auto 0 auto; }
		div#menu a { display: block; line-height: 25px; font-size: 14px; }
}

/* ================================================================================================================== */
/* widget pesquisa */
/* ================================================================================================================== */

div#search_shortcut,
div#search_shortcut * { transition-property: all; -webkit-transition-property: all; -moz-transition-property: all; transition-duration: 400ms; -webkit-transition-duration: 400ms; -moz-transition-duration: 400ms; }

div#search_shortcut { display: block; position: relative; width: 100%; background-color: #3b2314; overflow: hidden; }
div#search_shortcut[data-status="opened"] { height: 80px; padding: 10px 0; }
div#search_shortcut[data-status="closed"] { height: 0; }
	div#search_shortcut div.container { display: block; position: relative; width: 1100px; height: 100%; margin: 0 auto; }
	div#search_shortcut h1 { display: block; position: relative; width: 100%; font-size: 24px; color: #ffffff; line-height: 35px; margin: 0 0 10px 0; }
	div#search_shortcut label { text-align: left; font-size: 0; }
	div#search_shortcut input[type="text"] { display: inline-block; position: relative; width: 760px; padding: 0 20px; background-color: #978c84; font-size: 16px; color: #ffffff; line-height: 30px; border: none; border-radius: 2px; }
	div#search_shortcut input[type="submit"] { display: inline-block; position: relative; width: 280px; padding: 0; margin: 0 0 0 20px; background-color: #ffffff; font-size: 16px; color: #3b2314; line-height: 30px; border: none; border-radius: 2px; cursor: pointer; }
	div#search_shortcut input[type="submit"]:hover { background-color: #978c84; color: #ffffff; }
	div#search_shortcut span.close { display: block; position: absolute; top: 0; right: 0; cursor: pointer; width: 10px; height: 10px; background: transparent url(../images/header_close.png) no-repeat; }
	div#search_shortcut span.close:hover { background-position: 0 -10px; }

@media all and ( min-width: 600px ) and ( max-width: 1099px ) {
	div#search_shortcut { width: 90%; padding: 0 5%; }
	div#search_shortcut[data-status="opened"] { padding: 10px 5%; }
		div#search_shortcut div.container { width: 100%; }
		div#search_shortcut h1 { font-size: 20px; }
		div#search_shortcut input[type="text"] { width: 71%; padding: 0 2%; font-size: 12px; border-radius: 2px; }
		div#search_shortcut input[type="submit"] { width: 20%; padding: 0; margin: 0 0 0 5%; font-size: 12px; }
}
@media all and ( max-width: 599px ) {
	div#search_shortcut { z-index: 100; }
	div#search_shortcut[data-status="opened"] { height: 120px; }
		div#search_shortcut div.container { width: 100%; text-align: center; }
		div#search_shortcut input[type="text"] { width: 80%; padding: 0 2%; margin: 0 auto; font-size: 12px; }
		div#search_shortcut input[type="submit"] { width: 80%; margin: 10px auto 0 auto; font-size: 12px; }
		div#search_shortcut span.close { right: 10px; background: transparent url(../images/header_close.png) no-repeat; }
}

/* ================================================================================================================== */
/* widget login */
/* ================================================================================================================== */

div#reserved_shortcut,
div#reserved_shortcut * { transition-property: all; -webkit-transition-property: all; -moz-transition-property: all; transition-duration: 400ms; -webkit-transition-duration: 400ms; -moz-transition-duration: 400ms; }

div#reserved_shortcut { display: block; position: relative; width: 100%; background-color: #3b2314; overflow: hidden; }
div#reserved_shortcut[data-status="opened"] { height: 150px; padding: 10px 0; }
div#reserved_shortcut[data-status="closed"] { height: 0; }
	div#reserved_shortcut div.container { display: block; position: relative; width: 1100px; height: 100%; margin: 0 auto; font-size: 0; }
		div#reserved_shortcut div.container div.left { display: inline-block; position: relative; width: 300px; height: 100%; margin: 0 0 0 200px; vertical-align: top; padding: 20px 0; }
		div#reserved_shortcut div.container div.rightSmall { display: inline-block; position: relative; width: 300px; height: 100%; margin: 0 0 0 200px; vertical-align: top; padding: 20px 0; }
		div#reserved_shortcut div.container div.right { display: inline-block; position: relative; width: 500px; height: 100%; margin: 0 0 0 100px; vertical-align: top; }
	div#reserved_shortcut h1 { display: block; position: relative; width: 100%; font-size: 24px; color: #ffffff; line-height: 35px; margin: 0 0 10px 0; }
	div#reserved_shortcut label.left { display: inline-block; position: relative; text-align: left; font-size: 0; width: 48%; vertical-align: top; }
	div#reserved_shortcut label.right { display: inline-block; position: relative; text-align: left; font-size: 0; width: 48%; margin: 0 0 0 4%; vertical-align: top; }
	div#reserved_shortcut input[type="text"],
	div#reserved_shortcut input[type="password"] { display: inline-block; position: relative; width: 90%; padding: 0 5%; background-color: #978c84; font-size: 16px; color: #ffffff; line-height: 30px; border: none; border-radius: 2px; }
	div#reserved_shortcut input[type="submit"] { display: inline-block; position: relative; width: auto; padding: 0 35px; margin: 20px 0 0 0; background-color: #ffffff; font-size: 16px; color: #3b2314; line-height: 30px; border: none; border-radius: 2px; cursor: pointer; }
	div#reserved_shortcut input[type="submit"]:hover { background-color: #978c84; color: #ffffff; }
	div#reserved_shortcut a { display: inline-block; position: relative; width: auto; padding: 0 35px; margin: 20px 0 0 0; background-color: #ffffff; font-size: 16px; color: #3b2314; line-height: 30px; border: none; border-radius: 2px; cursor: pointer; text-decoration: none; }
	div#reserved_shortcut a:hover { background-color: #978c84; color: #ffffff; }
	div#reserved_shortcut span.close { display: block; position: absolute; top: 0; right: 0; cursor: pointer; width: 10px; height: 10px; background: transparent url(../images/header_close.png) no-repeat; }
	div#reserved_shortcut span.close:hover { background-position: 0 -10px; }
	
@media all and ( min-width: 600px ) and ( max-width: 1099px ) {
	div#reserved_shortcut { width: 90%; padding: 0 5%; }
	div#reserved_shortcut[data-status="opened"] { padding: 10px 5%; }
	div#reserved_shortcut div.container { width: 100%; }
		div#reserved_shortcut div.container div.left { width: 40%; margin: 0 auto; }
		div#reserved_shortcut div.container div.right { width: 55%; margin: 0 0 0 5%; }
	div#reserved_shortcut h1 { font-size: 20px; line-height: 35px; }
}
@media all and ( max-width: 599px ) {
	div#reserved_shortcut { width: 90%; padding: 0 5%; z-index: 100; }
	div#reserved_shortcut[data-status="opened"] { height: 275px; padding: 10px 5%; }
		div#reserved_shortcut div.container { width: 100%; }
			div#reserved_shortcut div.container div.left { width: 100%; height: auto; margin: 0 auto; vertical-align: top; }
			div#reserved_shortcut div.container div.right { width: 100%; height: auto; margin: 0; vertical-align: top; }
		div#reserved_shortcut h1 { font-size: 20px; }
}

/* ================================================================================================================== */
/* rodape */
/* ================================================================================================================== */

div#footer { display: block; position: absolute; bottom: 0; left: 0; margin: 0; width: 100%; height: 75px; background-color: #3b2314; }
	div#footer div.cfooter { display: block; position: relative; width: 1000px; height: 75px; margin: 0 auto; }

div.copyright { display: block; position: absolute; top: 32px; right: 0; height: 30px; }
	div.copyright p { display: block; font-size: 11px; line-height: 15px; color: #ffffff; text-align: right; }

a.idstudies { display: block; position: absolute; top: 36px; right: 225px; width: 61px; height: 14px; background: url(../images/logos/idstudies.png) no-repeat 0 0; background-size: contain; }

div.languages { display: block; position: absolute; top: 36px; left: 475px; width: auto; height: 23px; font-size: 0; }
	div.languages a { display: inline-block; position: relative; line-height: 23px; font-size: 12px; color: #ffffff; vertical-align: top; text-decoration: none; }
	div.languages a:hover { text-decoration: underline; }
	div.languages a.selected { color: #736359; }
	div.languages p { display: inline-block; position: relative; line-height: 23px; font-size: 12px; color: #ffffff; margin: 0 5px; vertical-align: top; }

div.socialNetworks { display: block; position: absolute; top: 36px; left: 375px; width: 61px; height: 23px; }
	div.socialNetworks a.facebook { display: block; position: relative; float: left; width: 23px; height: 23px; background: url(../images/logos/facebook.png) no-repeat 0 0; background-size: contain; }
	div.socialNetworks a.instagram { display: block; position: relative; float: left; margin: 0 0 0 15px; width: 23px; height: 23px; background: url(../images/logos/instagram.png) no-repeat 0 0; background-size: contain; }

form.newsletter { display: block; position: absolute; top: 10px; left: 0; width: 335px; height: 50px; }
	form.newsletter label { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: 45px; font-size: 14px; line-height: 18px; color: #ffffff; background: transparent url(../images/newsletterIcon.png) no-repeat; }
	form.newsletter input.text { display: block; position: absolute; bottom: 0; left: 0; width: 225px; font-size: 14px; line-height: 23px; border: 1px solid #f3f4f4; color: #ffffff; border-radius: 2px; background-color: #3b2314; }
	form.newsletter input.submit { display: block; position: absolute; bottom: 0; right: 0; padding: 0 20px; font-size: 14px; line-height: 25px; border: 1px solid #f3f4f4; color: #3b2314; border-radius: 2px; background-color: #f3f4f4; cursor: pointer; }
	form.newsletter input.submit:hover { border: 1px solid #9b9a98; background-color: #9b9a98; }

@media all and ( min-width: 600px ) and ( max-width: 1099px ) {
	div#footer { height: 250px; }
		div#footer div.cfooter { width: auto; height: 250px; }

	div.copyright { position: relative; top: auto; right: auto; margin: 20px auto 10px auto; text-align: center; }
		div.copyright p { display: block; text-align: center; }

	a.idstudies { position: relative; top: auto; right: auto; margin: 10px auto; }

	div.languages { position: relative; top: auto; left: auto; text-align: center; margin: 10px auto; }

	div.socialNetworks { position: relative; top: auto; left: auto; margin: 10px auto; }

	form.newsletter { position: relative; top: auto; left: auto; margin: 10px auto; }
}
@media all and ( max-width: 599px ) {
	div#footer { height: 250px; }
		div#footer div.cfooter { width: auto; height: 250px; }

	div.copyright { position: relative; top: auto; right: auto; margin: 20px auto 10px auto; text-align: center; height: 30px; }
		div.copyright p { display: block; text-align: center; }

	a.idstudies { position: relative; top: auto; right: auto; margin: 10px auto; }

	div.languages { position: relative; text-align: center; top: auto; left: auto; margin: 10px auto; }

	div.socialNetworks { position: relative; top: auto; left: auto; margin: 10px auto; }

	form.newsletter { position: relative; top: auto; left: auto; margin: 10px auto; width: 235px; }
}

/* ================================================================================================================== */
/* limpador */
/* ================================================================================================================== */

div.clear { clear: both; }