/*================================
  HERA v.2.0 Beta                 
  File: superhera.css             
  CSS for graphic view of page    
================================*/

body {
	border-top: 60px solid #9cf !important;
	margin: 0px !important;
}

div.sidarbien, div.sidarduda, div.sidarmal, div.sidardudabis {
	font-style: normal !important;
	font-weight: normal !important;
	font: menu !important;
	line-height: 1.3em !important;
	text-decoration: none !important;
	text-align: left !important;
	padding: 0.5em !important;
	border: 3px solid #F00 !important;
	color: #000 !important;
}

a:link div.sidarbien, a:visited div.sidarbien,
a:link div.sidarduda, a:visited div.sidarduda,
a:link div.sidarmal, a:visited div.sidarmal,
a:link div.sidardudabis, a:visited div.sidardudabis {
	font-style: normal !important;
	font-weight: normal !important;
	font: menu !important;
	line-height: 1.3em !important;
	text-decoration: underline !important;
}

div.sidarbien a:link, div.sidarbien a:visited,
div.sidarduda a:link, div.sidarduda a:visited,
div.sidarmal a:link, div.sidarmal a:visited,
div.sidardudabis a:link, div.sidardudabis a:visited {
	font-style: normal !important;
	font-weight: normal !important;
	font: menu !important;
	line-height: 1.3em !important;
	text-decoration: underline !important;
	background-color: transparent !important;
	color: #000 !important;
}


div.sidarbien {
	background-color: #CFC !important; 
}
div.sidarmal {
	background-color: #FCF !important; 
}
div.sidarduda {
	background-color: #FF9 !important; 
}
div.sidardudabis {
	background-color: #0FF !important; 
}

img.sidarico {
	border: none !important;
	width: 12px !important;
	height: 12px !important;
}

div#heracss {
	width: 15px;
	position: absolute !important;
	top:0px !important;
	left:0px !important;
	z-index:10000 !important;
}

img#heracssimg, img#heracodeimg {
	/*margin-right:15px !important;*/
	border: none !important;
	width: 16px !important;
	height: 16px !important;
}

img#heracodeimg:after, img#heracodeimg:before,
img#heracssimg:after, img#heracssimg:before {
	display: none !important;
	content: '' !important;
}

div#heradiv {
	color: #000 !important;
	background: #9cf url(http://www.sidar.org/hera/img/minihera.gif) no-repeat top right !important;
	font-style: normal !important;
	font-weight: normal !important;
	font: menu !important;
	line-height: 1.3em !important;
	text-align: left;
	text-decoration: none !important;
	height: 50px !important;
	position: absolute !important;
	top: 0px !important;
	left: 0px !important;
	z-index: 10000 !important;
	padding: 4px 100px 4px 30px !important;
	margin: 0px;
}

div#heradiv a {
	text-decoration: none !important;
}

div#heradiv span#icons {
	float: left !important;
	padding: 6px 4px !important;
	margin: 4px 8px !important;
	background: #fff !important;
	border-top: 1px solid #000 !important;
	border-left: 1px solid #000 !important;
}

/* Vista de elementos */

body#this {
	font-family : verdana, sans-serif !important;
	margin: 0px !important;
	padding: 0px !important;
	background-color: #9cf !important;
	color: #000 !important;
	font-size: 90% !important;
	background-image: none !important;
}
body#this div#box h1 {
	font-weight: bold !important;
	font-variant: small-caps !important;
	font-size: 150% !important;
	text-align: left !important;
	margin: 1em 0em 1em 5% !important;
	padding: 0px !important;
	text-decoration: none !important;
	border: none !important;
	color: #000 !important;
	background-color: transparent !important;
}


body#this div#box img.heraico { width: 12px !important;
height: 12px !important;
border: none !important;}

body#this div#box {
	border-top: 3px outset #eee !important;
	background-color: #fff !important;
	padding: 0.5em 3% 1.5em 3% !important;
	margin: 0em 3% 2em 3% !important;
	text-align: left !important;
	position: static !important;
	float: none !important;
}

body#this div#box img {
	float: none !important;
	border: 2px dotted #f00 !important;
}

body#this div#heradiv {
	color: #000 !important;
	background: #9cf url(http://www.sidar.org/hera/img/minihera.gif) no-repeat top right!important;
	font-style: normal !important;
	font-weight: normal !important;
	font: menu !important;
	line-height: 1.3em !important;
	text-align: left !important;
	text-decoration: none !important;
	height: 50px !important;
	padding: 4px 100px 4px 30px !important;
	margin: 0px !important;
}

body#this div#heradiv a {
	text-decoration: none !important;
}

body#this div#heradiv span#icons {
	float: left !important;
	padding: 6px 4px !important;
	margin: 4px 8px !important;
	background: #fff !important;
	border-top: 1px solid #000 !important;
	border-left: 1px solid #000 !important;
}

body#this .sidarbien {
	background-color: #CFC !important; 
}
body#this .sidarmal {
	background-color: #FCF !important; 
}
body#this .sidarduda {
	background-color: #FF9 !important; 
}
body#this .sidardudabis {
	background-color: #0FF !important; 
}