/* CSS Document  v 19/06/09*/
/* © 2009 aulaClic S.L. */
html {
	overflow: hidden;
	background-image: URL(comunes/fondo_menu.gif);
	background-repeat: repeat-x;
	background-color: #F7F0E2;
	padding: 0;
	margin: 0;
}
body {
	background-color: #F7F0E2;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #6B0101;
	font-size: 13px;
	text-align: justify;
	font-weight: normal;
}
/*Estructura*/
div#principal {
	position: relative;
	width: 100%;
	height: 100%;
}
div#contenedor {
	position: absolute;
	top: 75px;
	left: 2px;
	height: 87%;
	width: 100%;
	overflow: auto;
}
div#texto_pagina {
	position: absolute;
	top: 0;
	left: 0;
	width: 80%;
	right: 0px;
	padding-left: 0px;
}
div#publi_derecha {
	text-align: right;
	position: absolute;
	top: 100px;
	right: 0;
	width: 19%;
	height: 50px;
}
div#publi_arriba {
	position: absolute;
	top: 10px;
	right: 20px;
	left: 675px;
	text-align: right;
}
div#google_search {
	position: absolute;
	top: -90px;
	left: -270px;
/*tamaño caja busqueda google*/
	z-index: 1;
}
div#google_search table {
	z-index: 1;
}
/*estilo y colores*/
div.basico#contenedor h1, div.basico#contenedor h2 {
	background-image: URL(comunes/f_rotu_verde_osc.gif);
	color: #004000;
}
div.avanzado#contenedor h1, div.avanzado#contenedor h2 {
	background-image: URL(comunes/f_rotu_azul_osc.gif);
	color: #000080;
}
p {
	text-indent: 15px;
	line-height: 1.5em;
	margin: 15px;
}
.sinfloat {
	clear: both;
}
.centrado {
	text-align: center;
	text-indent: 0;
}
p.imgcentradas {
	text-align: center;
	text-indent: 0;
}
p.imgcentradas img {
	margin: 5px 10px;
}
div#pie {
	text-align: center;
	font-style: normal;
	font-size: 90%;
	clear: both;
	margin: 0;
}
div#pie span.pagina {
	float: right;
	margin-right: 10px;
}
div#pie img {
	width: 22px;
	height: 22px;
	margin: 5px;
	clear: both;
}
h1 {
	font-size: 150%;
	color: #800000;
	width: 70%;
	min-width: 300px;
	max-width: 700px;
	z-index: 2;
	margin-bottom: 20px;
}
h2 {
	font-size: 130%;
	color: #800040;
	margin-top: 20px;
	margin-bottom: 0;
	width: 55%;
	min-width: 200px;
	max-width: 500px;
	clear: both;
}
h1, h2 {
	background-image: URL(comunes/f_rotulo2a.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	font-weight: normal;
	padding: 2px;
	line-height: normal;
	white-space: nowrap;
	padding-left: 5px;
}
a img {
	border: none;
}
.resaltado {
	font-weight: bold;
	color: #6C6CCA;
}
.opciones {
	font-weight: bold;
	color: #008000;
}
.ventanas {
	font-weight: bold;
	color: #800000;
}
.valores {
	font-style: italic;
	font-weight: bold;
}
div#logo {
	position: absolute;
	top: 15px;
	left: 5px;
	width: 141px;
	height: 40px;
}
img.derecha, img.derecha_movAbajo, img.derecha_movArriba {
	float: right;
	margin: 5px 15px 15px;
}
img.izquierda, img.izquierda_movAbajo, img.izquierda_movArriba {
	float: left;
	margin: 5px 15px 15px;
}
img.enlinea {
	vertical-align: middle;
}
dl {
	margin: 0 15px 15px 15px;
	line-height: 1.5;
}
dt {
	padding-left: 18px;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-top: 15px;
}
dt.bolita, dl.bolita dt {
	background-image: url(comunes/orangeball.gif);
	background-repeat: no-repeat;
	background-position: left;
}
ul.bolita {
	list-style-image: url(comunes/orangeball.gif);
}
li {
	line-height: 1.5;
	margin-bottom: 10px;
	margin-right: 15px
}
kbd {
	font-size: 95%;
	font-family: "Courier New", Courier, monospace;
}
p.sinindent {
	text-indent: 0;
}
table#evaluaciones {
	margin-left: auto;
	margin-right: auto;
}
table#evaluaciones td {
	font-weight: bold;
	padding-top: 10px;
}
table#evaluaciones p {
	font-weight: normal;
	text-indent: 0;
	margin-top: 5px;
	margin-bottom: 5px;
}
table#ejyev {
	width: 90%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	clear: both;
}
table#ejyev td {
	margin: 3px;
	height: 4em;
	width: 45%;
	border: #6B0101 3px solid;
}

p.enlacesecuencia {
	text-align: right;
	margin-top: -10px
}

pre span.valores {
	color: black;
}
code {
	background-color: #FBFBFB;
	color: #333;
	font-size: 100%;
}
hr.salto_pagina, hr.salto_pagina_movil {
	display: none;
}
li.sinbullet {
	list-style-type: none;
}
h3 {font-size:100%; margin-left:30px;color: #6C6CCA;}
pre {margin:10px 15px;
	padding:10px;
	font-size:100%;
	font-family:"Courier New", Courier, monospace;
	background-color:#FFFFFF;
	color:#333333;
	border: #999999 1px solid;
	white-space:pre;
	overflow:auto;
	max-height: 400px;
	}
.htmltag, code {font-family:monospace; color:#333333; background-color:white; font-size:100%}
  .tag {color:purple;font-family:monospace; }
  .atrib {color:#000099;font-family:monospace; }
  .valor {color:blue;font-family:monospace; }
  .comment {color:green; font-style:oblique;}
  .rojo{color: red;}
  .destacado {background-color:#FFFF99}
form.visor {margin:10px 15px; text-align:center;}
form.visor p {margin:0;}
form.visor textarea{width:90%}

div.ejemplo { background-color: white;
				font-family: serif;
				color: black;
				margin: 10px 15px;
				padding: 10px;
				border: #999999 1px solid;
				 position:relative;
				}
			div.ejemplo p { text-indent: 0; margin: 10px 0; line-height: 1em;}	
div.codigo_ejemplo {margin: 10px 15px; position:relative;}
div.codigo_ejemplo pre {}
div.codigo_ejemplo div.ejemplo {}
div.codigo_ejemplo pre, div.codigo_ejemplo div.ejemplo {width: 46%; margin:0.2%; float:left;}
div.codigo_ejemplo hr {clear: both; width:0;}