html, body, div, p{
	margin: 0;
	padding: 0;
	border: 0;
  }
h1 {font-family: 'Amaranth', sans-serif; font-weight: 500;font-size: 24px; color:#252525}
h2 {font-family: 'Amaranth', sans-serif; font-weight: 500;font-size: 24px; color:#252525} 
h3 {font-family: 'Amaranth', sans-serif; font-weight: 500;font-size: 18px; color:#252525} 
h4 {font-family: 'Amaranth', sans-serif; font-weight: 500;font-size: 24px; color:#252525} 
h5 {font-family: 'Amaranth', sans-serif; font-weight: 400;font-size: 20px; color:#252525}
.envio {font-family: 'Amaranth', sans-serif; font-weight: 500;font-size: 18px; color:#252525; text-decoration:none; }



#pagewrap {
	padding: 5px;
	width: 970px;
	margin: 0px auto; font-family: 'Amaranth', sans-serif; font-weight: 500;font-size: 18px; color:#252525;
}
#header {
	height: 270px; background-color:transparent;background-image:url('../images/Head.png'); border-bottom:solid 3px #cda868;
}
#top-space{width:970px; height: 650px; background-image:url('../images/Top2.png'); background-repeat:no-repeat; background-position:center; }
#top-spaceleite{width:970px; height: 650px; background-image:url('../images/Top4.png'); background-repeat:no-repeat; background-position:center; }
#top-spaceprod{width:970px; height: 650px; background-image:url('../images/Top3.png'); background-repeat:no-repeat; background-position:center; }
#logo{ width:285px;  height:250px ; margin-left:auto; margin-top:50px; margin-right:auto; }
#capa {  width:970px; height:600px;  margin-left:auto; margin-right: auto; margin-top:10px; }

#sjmp { clear:both; height: auto; font-family: 'Yanone Kaffeesatz', Arial, sans-serif;font-weight: 400;font-size: 18px; color:#f4f4f4; }
#basemenu { 
width: 970px;
	height: 70px;
	font-family: 'Amaranth', sans-serif;
	font-weight: 500;
	font-size: 18px;
	color:#fff; background-image:url('../images/BkgMenu.png'); background-repeat:no-repeat;
	margin-top:-370px; margin-left:auto; margin-right:auto; padding:20px;
	
}
#basemenu a { font-family: 'Amaranth', sans-serif; font-weight: 500;font-size: 18px; color:#fff; text-decoration:none;  padding-left:5px; padding-right:5px;}
#basemenu a:hover {color:#000; text-decoration:none}
#basemenu li {display:inline;}
#baseslide {
	height:auto;
}
#content {
	width: 600px;
	float: left;
	font-family: 'Yanone Kaffeesatz', Arial, sans-serif;font-weight: 400;font-size: 18px; color:#f4f4f4; border-top:solid 3px #cda868; padding-top:20px;
	
}

#content a {font-family: 'Yanone Kaffeesatz', Arial, sans-serif;font-weight: 400;font-size: 18px; color:#f4f4f4;; text-decoration:none; }
#content a:hover { font-family: 'Yanone Kaffeesatz', Arial, sans-serif;font-weight: 400;font-size: 18px; color: #667a9d; text-decoration:none}
#sidebar {
	width: 300px;
	float: right;
	font-family: 'Yanone Kaffeesatz', Arial, sans-serif;font-weight: 400;font-size: 18px; color:#f4f4f4; border-top:solid 3px #cda868; padding-top:20px; 
}
#sidebar a {font-family: 'Yanone Kaffeesatz', Arial, sans-serif;font-weight: 400;font-size: 18px; color:#f4f4f4; text-decoration:none}
#sidebar a:hover {font-family: 'Yanone Kaffeesatz', Arial, sans-serif;font-weight: 400;font-size: 18px; color: #667a9d; text-decoration:none}

#coluna { width: 293px; float:left; padding:10px; background-color:#2c3553; margin:5px; }

#contentrot {width: 472px; float:left; background-color:transparent;}
#siderot {width: 472px; float:right; background-color:transparent;}
#sac {width:303px; float:left}



#ico {width: 67px; height:61px; float:left;}
#separa { clear:both; height:40px;}
#separa1 { height:40px; margin-top:250px;}
#footer { clear:both; height:200px;  margin-left:auto; margin-top:0px; margin-right:auto; font-family: 'Amaranth', sans-serif; font-weight: 400;font-size: 18px; color:#fff; padding-top:20px; background-color:#252525; }
#footer a {color:#fff; text-decoration:none}
#footer a:hover {color: #FF0000 ; text-decoration:none}

.toggle-title {border:1px solid  #FF0000;margin:20px 0 1px 0;height:40px;line-height:40px;cursor:pointer; color:#FF0000 !important;}
#content .toggle-title h4 {margin:0} 
#content .toggle-title h4 a {color:inherit}  
.toggle-title a:hover {text-decoration:none}
.open-toggle {float:left;width:20px;height:40px;line-height:40px;margin:0 10px;padding:0;display:block;border:none;}
.open-toggle {background:url('../images/bg/toggle/close.png') no-repeat center}
.closed {background:url('../images/bg/toggle/open.png') no-repeat center}
#content .open-toggle a img {border:none;margin:0;padding:0;}
.toggle-content {background-color:#f6f4f4;border:1px solid #dfdfdf;padding:10px 10px 0;margin:0 0 20px;}



/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
 #pagewrap {
 width: 94%;
}
 #content {
 width: 65%;
}
 #sidebar {
 width: 30%;
}

#contentrot {width: 50%: }
#siderot {width: 50%; }
}

/* for 700px or less */
@media screen and (max-width: 700px) {
 #content {
 width: auto;
 float: none;
}
 #sidebar { margin-top:30px;
 width: auto;
 float: none;
}
#coluna {margin-top:30px;
 width: auto;
 float: none;
}
#contentrot {width:auto; }
#siderot {width: auto; }
}

/* for 480px or less */
@media screen and (max-width: 480px) {
 #header {
 height: auto; margin-bottom:20px;
}
 h1 {
 font-size: 24px;
}
 #sidebar {
 display: none;
}
#contentrot {width:auto; float:none; }
#siderot {width: auto; float:none; }
#basemenu {height:auto }
#basemenu li {display:block;}
#logopag { margin-bottom:20px;}
#sac {width:auto; float:none;}
#separa {display:none;}




}
/* border & guideline (you can ignore these) */
#content {
	background:transparent;
}
#sidebar {
	background:transparent;
}
#header, #content, #sidebar {
	margin-bottom: 5px;
}