* {
	margin:0;
	padding:0;
}
h2 {
	padding:1em 0 0 0;
}
p {
	line-height:1.4em;
}
p + p {
	text-indent:2em;
}
body {
	font-size:100%;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	background:#341A01;
}
pre {
	display:block;
	margin:1em 0 0 0;
	width:488px;
}
pre code {
	background:#eee;
	display:block;
	padding:10px;
}
.r {
	float:right;
	padding:0 0 10px 20px;
}


.more{
	position:relative;
	clear:both;
font-family: Arial;
    font-size: 12px;
    padding: 5px 0px 20px;
}
.more ul{
	display:block;
	text-align:center;
    height: 10px;
}
.more ul li{
	display: block;
    padding: 4px 2px;
    float:left;
}
.more ul li.selected a,
.more ul li.selected a:hover{
	background:#000;
	color:#FFCC99;
	text-shadow:none;
	font-weight: bold;
}
.more ul li a{
	color:#fff;
    float:left;
	background: transparent;
    width:100px;
	padding: 5px 5px 5px 5px;
	-moz-box-shadow:0px 0px  2px 0px #341A01;
	-webkit-box-shadow:0px 0px 2px 0px #341A01;
	box-shadow:0px 0px 2px 0px #000;
		text-decoration: none;
	
}
.more ul li a:hover{
color:#000;
	background: #fff;
	font-weight: bold;
}


.nore{
	position:relative;
	clear:both;
font-family: Arial;
    font-size: 12px;
    padding: 5px 0px 20px;
   
}
.nore ul{
	display:block;
	text-align:center;
    height: 10px;
}
.nore ul li{
	display: block;
    padding: 4px 2px;
    float:none;
}
.nore ul li.selected a,
.nore ul li.selected a:hover{
	background:#341A01;
	color:#fff;
	text-shadow:none;
}
.nore ul li a{
	color:#fff;
	background: #341A01;
    width:100px;
	padding: 8px 50px 5px 50px;
	-moz-box-shadow:0px 0px  2px 0px #341A01;
	-webkit-box-shadow:0px 0px 2px 0px #341A01;
	box-shadow:0px 0px 2px 0px #000;
		text-decoration: none;
	 filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
}
.nore ul li a:hover{
color:#fff;
	background: #341A01;
	font-weight: bold;
	 filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
}





A.Ink2:link {
color: #fff;
 font-weight: normal;
 text-decoration: none;
  font-weight: normal;
   font-size: 12px;
}
A.Ink2:active {
color: #fff;
 font-weight: normal;
 text-decoration:none;
}
A.Ink2:visited {
color: #fff;
 font-weight: normal;
 text-decoration:none;
}
A.Ink2:hover {
	 color: #000;
 font-weight: bold;
 text-decoration: none;
}




.bord{
	position:relative;
	clear:both;
font-family: Arial;
    font-size: 12px;
    padding: 5px 0px 20px;
}
.bord ul{
	display:block;
	text-align:center;
    height: 10px;
}
.bord ul li{
	display: block;
    padding: 4px 2px;
    float:left;
}
.bord ul li.selected a,
.bord ul li.selected a:hover{
	background:#555;
	color:#fff;
	text-shadow:none;
}
.bord ul li a{
	color:#fff;
    float:left;
	background: #000;
    width:100px;
	padding: 5px 5px 5px 5px;
	-moz-box-shadow:0px 0px  2px 0px #341A01;
	-webkit-box-shadow:0px 0px 2px 0px #341A01;
	box-shadow:0px 0px 2px 0px #000;
		text-decoration: none;
}
.bord ul li a:hover{
color:#000;
	background-color: #341A01;
	font-weight: bold;
		 filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
}

#vid{
	border-color: black;
	border: solid 10px #000;
}

#alt{
	text-align: center;
	width: 640px;
	height: 60px;
	 margin-left:auto;
		 margin-right:auto;
}




 #camps {	
  height: 14px;	width: 500px;	overflow: hidden;	border: 1px solid #FFCC99
;	background-color: #341A01;	padding: 3px;
  font-weight: normal;
          font-size : 12px;
         font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #fff; padding:5px;
  }
  
    #scroll {	
  height: 70px;	width: 490px;	overflow: hidden; border: 1px solid #FFCC99
;	background-color: #341A01;	padding: 8px;
  font-weight: normal;
          font-size : 11px;
         font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #fff;
  }



.txt{
	color: #fff;
	font-size: 12px;
}

.leg{

}
.leg2{
	padding:2px;
	padding-left:6px;
	font-size: 10px;

	margin-top:1px;

	width:77px;
	text-align: center;

	color: grey;
}


/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
/* Landscape mode (default) */
#wrap {
		 margin-left:auto;
		 margin-right:auto;
	width:100%;
	position:relative;
	overflow:hidden;
	text-align:center;
	background:#341A01;
}
#header {
	float:left;
	width:100%;
	height: 200px;
	padding:0px 0 0px 0;
	background-image: url(bgheader.jpg)no-repeat top center;
	background: url(bgheader.jpg) repeat-x top ;

}
#headerescrita {
	float:left;
	width:100%;
	height: 200px;
	padding:0px 0 0px 0;
	background-image: url(bgheaderescrita.jpg)no-repeat top center;
	background: url(bgheaderescrita.jpg) repeat-x top ;

}
#headerjoalharia {
	float:left;
	width:100%;
	height: 200px;
	padding:0px 0 0px 0;
	background-image: url(bgheaderjoalharia.jpg)no-repeat top center;
	background: url(bgheaderjoalharia.jpg) repeat-x top ;

}
#headerpele {
	float:left;
	width:100%;
	height: 200px;
	padding:0px 0 0px 0;
	background-image: url(bgheaderpele.jpg)no-repeat top center;
	background: url(bgheaderpele.jpg) repeat-x top ;

}
#headerrelojoaria {
	float:left;
	width:100%;
	height: 200px;
	padding:0px 0 0px 0;
	background-image: url(bgheaderrelojoaria.jpg)no-repeat top center;
	background: url(bgheaderrelojoaria.jpg) repeat-x top ;

}
#header h1 {
	padding:10px 30px 0 30px;
}
#header p {
	padding:0 30px;
	line-height:1.4em;
}
#menu {
	width:600px;	
background:#341A01;
 	 margin-left:auto;
		 margin-right:auto;

}
#menu2 {
	width:600px;	
background:transparent;
 	 margin-left:auto;
		 margin-right:auto;
filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
}
#content {
	float:left;
	width:100%;
		background: url(bgcontent.jpg) repeat-x top ;
	position:relative;
		 margin-left:auto;
		 margin-right:auto;
		 
}

#footer {
	clear:both;
	float:left;
	width:100%;
	border-top:1px solid #000;
	background:#341A01;
	padding-top:20px;
}
#footer p {
	padding:20px 30px;
}
#boxcontent {
	text-align: left; 
width: 700px; 
height: 200px; 
background: white; 
padding: 5px; 
	 margin-left:auto;
		 margin-right:auto;
}

/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
@media only screen and (orientation:portrait){
	/* portrait mode */
	#header,
	#headerescrita,
	#headerjoalharia,
	#headerpele,
	#headerrelojoaria,
	#wrap,
	#footer {
		width:768px;
			padding-top:20px;
	}
	#content {
	float:left;
	width:100%;
		background: url(bgcontent.jpg) repeat-x top ;
	position:relative;
		 margin-left:auto;
		 margin-right:auto;
	}

#menu {
	width:600px;
background:#341A01;
	 margin-left:auto;
		 margin-right:auto;

}
#menu2 {
	width:600px;	
background:transparent;
 	 margin-left:auto;
		 margin-right:auto;
filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
}	
	
}
#boxcontent {
	text-align: left; 
width: 700px; 
height: 200px; 
background: transparent; 
padding: 5px; 
margin: 0 auto; 
}