/* Rodrigo Cardoso CSS */

body,td,th, h1, h2, h3, h4, h5, p { font-family: 'Source Code Pro', sans-serif; font-size: 100%; color: #000000;}
body { margin: 0px; background-color: #cccccc; line-height: 24px; }
a:link { text-decoration: none;}
a:link.menu1 {text-decoration: none; }
a:link.menu2 {text-decoration: none; }
a:link.boxlink {text-decoration: underline; }
a:link.link {text-decoration: underline; }
a:hover { background-color: #FFFFFF; text-decoration: none; }
a:hover.menu2 { background-color: #555555; color: #FFFFFF; text-decoration: none; }
a:hover.boxlink { text-decoration: none; }
a:hover.link {text-decoration: none; }
a:visited { text-decoration: none;}
a:active { text-decoration: none;}

/* Formats */
.menu1 {color: #000000; float: left; vertical-align: middle; }
.menu2 {color: #333333; float: right; vertical-align: middle; }
.boxb { font-family: 'Source Code Pro', sans-serif; font-size: 16px; border-bottom: 3px solid #EEE ; padding-left: 40px; padding-right: 40px; padding-top: 15px; padding-bottom: 15px; background-color: #EEE;}
.boxc { font-family: 'Source Code Pro', sans-serif; font-size: 16px; border-bottom: 3px solid #EEE ; padding-left: 40px; padding-right: 40px; padding-top: 15px; padding-bottom: 15px; background-color: #CCC;}
.boxd {border-bottom: 3px solid #EEE ; padding-left: 40px; padding-right: 40px; padding-top: 0px; padding-bottom: 0px; background-color: #D8D8AF;} 
.box1 {font-family: 'Source Code Pro', sans-serif; font-size: 16px; color: #000000; }
.box2 {font-family: 'Source Code Pro', sans-serif; font-size: 16px; color: #000000; }
.boxlink {color: #000000; }
.link {color: #000000; text-decoration: underline; }
.min {min-width: 730px;}

/* Clean-up */
#wrapper {min-width:320px;}
#wrapper h1, h2, h3, h4, h5 {margin:0;}
p {margin: 0 0 22px 0;}
p:last-child {
	margin: 0;
	font-weight: bold;
}

/* Menu */
.menu {position:fixed;width:100%;min-width:320px;background:#ffffff;z-index:100;}
.menu a {color: #000000;}
.title {float: left; vertical-align: middle; margin:22px 40px 22px 40px; }
.li.lang a {color:#ccc;}

/* Content (General) */
#content {padding:66px 0 0 0;}
.bold {font-weight:bold;}

.box {display:block;border-bottom: 3px solid #eee;padding:40px;}
a.box {color:#000;}
a.box.novidades:hover {background-color:#c2c2c2;}
.insides {margin:0 auto; width:80%;}
span.insides {display:block;}
.box a {font-weight:bold;color:#000000;text-decoration:underline;}
.box a:hover {background-color: #ffffff; text-decoration: none;}
.box .insides .image {/* position: absolute; */float:left;}
.box .insides .text {margin-left: 300px;}
.box .insides .text ul, .box .insides .list ul {margin:0;padding:0;}
.box .insides .text ul li, .box .insides .list ul {list-style-type:none;}

.box.titulo {background-color: #eee; padding:15px 40px;}
.box.novidades {background-color: #ccc;padding:15px 40px;}
.box.titulo .insides, .box.novidades .insides {padding:0;}

.image {max-width:230px;border:15px solid #fff;}
.image img {width:100%;}

.anchor {float:left;width:1px;height:1;margin-top:66px;}
.anchor:hover {background:none;}

.hide {display:none;}
#less {display:none;}

.clear {clear:both;}


label {
	margin-right:20px;
	float:left;
	line-height:28px;
}


/* Normal & Small */

@media only screen and (max-width: 1000px) {
  .image {max-width:160px;}
  .box .insides .text {margin-left: 230px;}
  .insides {margin:0 auto; width:90%;}
}

@media only screen and (max-width:738px) {
	body,td,th, h1, h2, h3, h4, h5, p {
		font-size:16px; 
		line-height: 1.35em;
	}
	#content {
  		padding:60px 0 0 0;
  	}
	.nav ul li {
		display:block;
		margin-right: 15px;
		width:90%;
	}
	.box .insides .image {
		position:relative;
		display:block;
		margin-bottom: 40px;
	}
	.box .insides .image img {
		width:100%;
	
	}
	.box .insides .text {
		margin-left: 0;
		margin-right: 0;
		
	}
	.image {max-width:160px;}
	.box .insides .text {margin-left: 230px;}
	.insides {margin:0 auto; width:90%;}
}

@media only screen and (max-width:690px) {
	body,td,th, h1, h2, h3, h4, h5, p {
		font-size:16px; 
		line-height: 1.35em;
	}
	#content {
  		padding:60px 0 0 0;
  	}
	.nav ul li {
		display:block;
		margin-right: 15px;

	}
	.box .insides .image {
		position:relative;
		display:block;
	}
	.box .insides .image img {
		width:100%;
	
	}
	.box .insides .text {
		margin-left: 0;
		margin-right: 0;	
	}
	.image {max-width:100%;}
	.novidades {display:none;}
	
}