* {
	font-family: Georgia, Palatino, serifverdana, helvetica, sans-serif;
}
:link,
:visited {
	color: #05c;
	text-decoration: none;
}
:link:hover,
:visited:hover {
	color: #0aF;
}
:link img,
:visited img{
	border: 0;
}
html {
  text-rendering: optimizeLegibility; 
}
abbr,
acronym {
	border-bottom: 1px dotted #222;
        font-style: normal;
        cursor: help;
}
body {
	margin: 0;
	font-size: 80%;
	background: #F9F6F1 url(http://www.softwarejuridico.es/img/bg.jpg);
	whitespace: no-wrap;
}
code {
	color: #008000;
	font-family: monospace;
}
codi{
    font-family: "Courier New", Courier, monospace;
    background: #f6fdf9;
    border: 1px solid #7fb1e9;
    font-size: 12px;
}
fieldset {
	border: 0;
	margin: 0.5em 1em;
}
form {
	margin: 1em;
}
form p {
	margin: 0;
}
input,
select {
	font-size: small;
}
legend {
	font-size: small;
	font-weight: bold;
}



kbd{font-family:arial,verdana;border-top:3px #ccd solid;
border-left:3px solid #bbc;
border-right:5px solid #778;
border-bottom:5px solid #889;
padding:0px 3px 3px 3px; color:#000;background:#eee;white-space:nowrap;}


p,
pre {
  font-size: 1.3em;
  line-height: 1.4em;
	margin: 1em 2em;
        color: #000000; 
        font-family: Georgia, Palatino, serif;
}
pre {
	font-family: monospace;
}
dl,
ol,
ul {
	font-size: small;
	margin: 1em 5em;
}
html > body ol,
html > body ul {
font-size: 1.3em;
	margin: 1em 1.5em;
}
ul li {
	margin-bottom: 1em;
	margin-left: 1em;
	margin-top: 0;
}
ol ol,
ol ul,
ul ol,
ul ul {
	margin-bottom: 0;
	margin-left: 3em;
	margin-top: 0;
}
html > body ol ol,
html > body ol ul,
html > body ul ol,
html > body ul ul {
	margin: 0;
}
table {
	font-size: small;
	margin: 0 3em;
}
textarea {
	font-family: monospace;
}
th {
	text-align: left;
	padding-right: 1em;
}
#validCode {
	font-size: x-small;
	text-align: center;
}
#stage {
	border-bottom: 0.01em solid #000;
	margin: 1em;
	padding-bottom: 1em;
	text-align: right;
}
#stage * {
	border: 0.01em solid #000;
	font-size: x-small;
	font-weight: bold;
	padding: 0.5em 0.75em;
}
#stage em {
	background: #EEE;
	color: #000;
}
#stage strong {
	background: #000;
	color: #FFF;
}
#copy {
	margin: 0 0 1em 0;
	text-align: center;
}
#output {
	background: #AFA;
	color: #050;
	border: 1px solid #0A0;
	display: none;
	font-size: small;
	margin: 1em;
	padding: 1em;
}
#title :link,
#title :visited {
	background: url(tknk.gif) no-repeat top left;
	display: block;
	height: 27px;
}
#title :link:hover,
#title :visited:hover {
	background: url(tknkon.gif) no-repeat top left;		
}
#title span span {
	display: none;
}
#titleDomain {
	background: url(tknkbg.gif);
	display: block;
	height: 27px;
}
h1 {	background: #338; color: #fff;
	font-family: "Trebuchet MS", "Georgia", verdana, "century gothic", arial, helvetica, sans-serif;
}
h2 {	color: #226;
	display: block;
	font-size: large;
	font-weight: bold;
	margin: 1em;
	padding: 1em;
	text-shadow: 0.1em 0.1em 0.3em #ccf;
}
h1,h2 {
	
	display: block;
	font-size: large;
	font-weight: bold;
	margin: 0 0 1.25em 0;
	padding: 0.3em;
}
h2,
h2 * {
	font-family: Georgia, "Trebuchet MS", serif, verdana, "century gothic", arial, helvetica, serif;
      font-weight: normal;
}
h2 :link,
h2 :visited {
	background: none;
	color: #fDE;
	display: inline;
}
h2 :link:hover,
h2 :visited:hover {
	background: none;
	color: #FFF;
}
h1 :link,
h1 :visited {
	color: #ddf;
}
h1 :link:hover,
h1 :visited:hover {
	color: #fff;
}




h1 {
	margin: 0; 
	border-top: 0.2ex solid; border-color:#e6effc;
	border-bottom: 0.2ex solid; border-color:#e6effc;
}
h2, h2 *
 {
	border-bottom: #eef 0.3ex solid; 

	font-size: medium;
	font-weight: bold;
	margin: 0.1em 0.5em 0.8em 0.5em;
	padding-bottom: 0.1em;
	font-size: 1.9em; 

}

h3,
h3 *{
	font-family: verdana, "century gothic", arial, helvetica, sans-serif;

	margin: 0.1em 0.5em 0.8em 0.5em;
	FONT-SIZE: 1.5em; MARGIN-BOTTOM: 0.5em; COLOR: #338; BORDER-BOTTOM: #999 1px dotted; 

}
h3 {
	font-size: medium;
	font-weight: bold;	
	margin: 1em 2.5em;
}





h4,
h4 *{
	font-family: verdana, "century gothic", arial, helvetica, sans-serif;

	margin: 0.1em 0.5em 0.8em 0.5em;
	font-size: 1em; MARGIN-BOTTOM: 0.5em; COLOR: #349; BORDER-BOTTOM: #999 1px dotted; 

}
h4 {
	font-weight: bold;	
	margin: 1em 2.5em;
}


#metido,
#metido2,
#metido3,
#metido4 { margin: 2em 6em; }
.byline {
	border-top: 1px dotted;
	font-size: x-small;
	margin: 1em 4em;
	padding: 0.25em;
	text-align: right;
}
#trans { margin: 2em 2em; 
	border-top: 1px dotted;
	font-size: 0.9em;
	margin: 1em 1em;
	padding: 0.1em;
	text-align: right;
	display: inline;
}

.note,
.success {
	background: #cef;
	color: #000;
	display: inline;
	padding: 0.25em 0.5em;
}
.codigo {
	PADDING-RIGHT: 0.5em; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 0.5em; FONT-SIZE: small; BACKGROUND: #eef; PADDING-BOTTOM: 0.5em; MARGIN: 2em; COLOR: #666; TEXT-INDENT: 0px; PADDING-TOP: 0.5em; BORDER-BOTTOM: #ccc 1px solid;
	FONT-FAMILY: monospace; WHITE-SPACE: nowrap
}
.demolink {
	TEXT-DECORATION: underline
}
.example {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 0.5em; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 0.5em; BACKGROUND: #f5f5f9; PADDING-BOTTOM: 0.5em; MARGIN: 0em; BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 0.5em; BORDER-BOTTOM: #ccc 1px solid
}
.field {
	BACKGROUND: #eee; COLOR: #666
}
.copyright,
.feedback,
.info {
	margin: 4em 0em 4em 0em; font-size: xx-small; BORDER-RIGHT: #e5e1a9 1px solid; PADDING-RIGHT: 1em; BORDER-TOP: #e5e1a9 1px solid; PADDING-LEFT: 1em; BACKGROUND: #fffde3; PADDING-BOTTOM: 1em; BORDER-LEFT: #e5e1a9 1px solid; COLOR: #a5a16d; PADDING-TOP: 1em; BORDER-BOTTOM: #e5e1a9 1px solid
}
.feedback {
	margin: 0em; font-size: xx-small; BACKGROUND: #fffde3; COLOR: #654
}
.info A:link {
	COLOR: #5e715e
}
.info A:visited {
	COLOR: #666
}
.copyright P,
.feedback P,
.info P {
	MARGIN: 2px; 	
}
.info IMG {
	BORDER-RIGHT: #e5e1a9 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #e5e1a9 1px solid; PADDING-LEFT: 2px; BACKGROUND: #fff; FLOAT: right; PADDING-BOTTOM: 2px; MARGIN: 0.2em; BORDER-LEFT: #e5e1a9 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #e5e1a9 1px solid
}


#slidebox {
  width: 400px;
  padding: 10px;
  background-color: #fff;
  border-top: 3px solid #2255dd;
  position: fixed;
  bottom: 20px;
  right: -430px;
  -moz-box-shadow: -2px 0px 5px #aaa;
  -webkit-box-shadow: -2px 0px 5px #aaa;
  box-shadow: -2px 0px 5px #aaa; }
  #slidebox p {
    font-size: 0.75em; }
  #slidebox p>a {
    font-size: 1.8em;
  }  #slidebox a.more {
    font-size: 0.5em;
    text-transform: uppercase;
    font-family: Helvetica,sans-serif;
    letter-spacing: 1px; }
  #slidebox a.close {
    background: transparent url(../img/xsbx.gif) no-repeat top left;
    width: 13px;
    height: 13px;
    position: absolute;
    cursor: pointer;
    top: 10px;
    right: 10px; }
  #slidebox a.close:hover {
    background-position: 0px -13px; }
  #slidebox .next {
    font-size: 1.2em; }
  #slidebox .recommended {
    margin-top: 0.5em;
    text-align: center;
    color: #777777;
    font-size: 1.0em; }
  #slidebox h1 {
    color: #777777;
    font-size: 0.9em;
    font-weight: normal;
    text-transform: uppercase;
    font-family: Helvetica,sans-serif;
    letter-spacing: 1px;
    margin-bottom: 0.5em; }
  #slidebox h2 {
    font-size: 1.4em;
    //color: #dd2255;
    margin: 0; }