/* Normalizes margin, padding */
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */


/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn,  th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset, img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }




/* layout.css */

html 	{ 
text-align : center;
background-color : #fff;
overflow: -moz-scrollbars-vertical;
}

body { 
padding-top : 0px;
position : relative; 
width : 980px;

background-color : #fff; 
margin : 0 auto; 
text-align : left; 
}


div#logo {
top: 0px;
left: 2px;
position :absolute;
width:200px;
border: solid 1px #333;
background-color: transparent;
z-index:3;
 }
 

div#content {
top: 0px;
left: 0px;
position :absolute;
width:450px;
padding-top:80px;
padding-left: 244px;
padding-right: 286px;
padding-bottom: 80px;
border: solid 1px #333;
background-color: transparent;
z-index:1;
 }
 
div#navi{
top: 0px;
left: 203px;
position: absolute;
width:505px;
padding-left:24px;
padding-top: 8px;
height:32px;
background-color: #ef3e33;
color: #fff;
z-index:2;
}

div#opinion { 
top: 2px;
left: 732px;
padding-left:8px;
padding-top: 16px;
position: absolute;
width : 238px;
border:solid 1px #000;
background-color: transparent;
z-index:3;
}


td {
	vertical-align: top; }

	
.img {
	border: 1px solid #333;
}


/* typography.css */

body { 
font : 0.70em/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif; color : #333; }

h1 {
	font-size: 1.5em; color:#ef3e33; font-weight: bold; line-height: 1.5em;}

h2 { font-size: 1.2em; color:#ef3e33;}

h3 {
	font-size: 1.0em;color:#ef3e33; }
	


p {
	margin: 0px;
	font-size : 100%; }

	
ol,ul,li { list-style-position: outside; list-style:  square; margin-left: 0.70em; padding-left: 0px; }
li {padding-bottom: 0.70em;}
ul {padding-bottom: 0px;}

a:link, a:visited { 
text-decoration :  underline; 
color : #333;
}

a:hover, a:active { 
text-decoration : underline; 
color : #ef3e33;
 }

#hr {
margin-top: 0px;  
border:none;
border-top: 1px solid #000;
color: #FFFFFF;
background-color: #FFFFFF;
height: 1px;
}

#hr2 {
margin-top: 0px;  
border:none;
border-top: 1px solid #000;
color: #FFFFFF;
background-color: #FFFFFF;
height: 1px;
}
 
/* Navigation */
 	
a.nav  { font-size: 1.1em; color: #fff; font-weight:bold; padding-right:11px;}
a.nav:link, a.nav:visited { text-decoration: none; color: #fff; padding-top: 5px; }
a.nav:hover, a.nav:active { text-decoration: underline; font-weight: bold; color: #fff; }
.nav  { font-size: 1.1em; color: #fff; font-weight: bold; padding-right:11px; }


a.spamspan, a.spamspan:visited { text-decoration : underline; color: #333; }
a.spamspan:hover { color: #ef3e33; text-decoration:underline }


#info {
	position:absolute;
	width:400px;
	height:300px;
	background-color: #FFFFFF;
	border: solid 1px #333;
	padding:24px;
	visibility: hidden;
	z-index:5;
}

#epd {
	position:absolute;
	width:400px;
	height:300px;
	background-color: #FFFFFF;
	border: solid 1px #333;
	padding:24px;
	visibility: hidden;
	z-index:6;
}

#fotos {
	position:absolute;
	width:400px;
	height:100px;
	background-color: #FFFFFF;
	border: solid 1px #333;
	padding:24px;
	visibility: hidden;
	z-index:7;
}