/*
-----------------------------------------------
NIC Estilos Informacion Dominios
Autor:   Edgar Barrios
Version:  29 Dic 2004
Contacto: edgarbarrios@mac.com
----------------------------------------------- */

body {
	background: #4B84AF url("/static/nic-img/tutoriales/Curso02/img/bgPagina.gif");
	color: #000;
	text-align: center;
	padding: 0;
	margin: 0;
	}
body, body td {font: 11px/150% verdana, arial, helvetica, sans-serif;}
td p {line-height: 120%;}

.contenedor {
	background-color: #fff;
	width: 600px;
	height: 458px;
	margin: 10px auto;
	text-align: left;
	}

.contenedor2 {
	border: 8px solid #fff;
	height: 442px;
	position: relative;
	}
* html .contenedor2 {height: 458px;}

#header {
	position: absolute;
	top: 0;
	left: 0;
 	background: #fff url("/static/nic-img/tutoriales/Curso02/img/bg_hdr_bluenic.gif") 0 0 repeat-x;
	width:584px;
	height:79px;
	}
#contenido {
	position: absolute;
	top: 79px;
	width: 584px;
	height: 333px;
	overflow: auto;
	/*border: 1px solid red;*/
}
#contenidofla {
	position: absolute;
	top: 79px;
	width: 584px;
	height: 363px;
	overflow: hidden;
	/*border: 1px solid red;*/
}


#footer {
	position: relative;
	top: 412px;
	height: 30px;
	overflow: hidden;
	text-align: right;
	background: #333 url("/static/nic-img/tutoriales/Curso02/img/bg_footer.gif") 0 0 repeat-x;
	}


/* Balloons
----------------------------------------------- */
.r-balloon-hd {
	position: relative;
	width: 389px;
	background: transparent url("/static/nic-img/tutoriales/Curso02/img/r-balloon-hd.gif") 0 0 no-repeat;
	margin: 0;
	padding: 17px 0 0 0;
	}
.r-balloon-ft {
	position: relative;
	background: transparent url("/static/nic-img/tutoriales/Curso02/img/r-balloon-ft.gif") bottom left no-repeat;
	padding: 0;
	padding-bottom: 10px;
	margin: 0;
	}
.r-balloon-bd {
	position: relative;
	background: transparent url("/static/nic-img/tutoriales/Curso02/img/r-balloon-bd.gif") 0 0 no-repeat;
	margin: 0;
	padding: 0 15px 1px 50px;
	height: auto;
}
.l-balloon-hd {
	position: relative;
	width: 389px;
	background: transparent url("/static/nic-img/tutoriales/Curso02/img/l-balloon-hd.gif") 0 0 no-repeat;
	margin: 0;
	padding: 12px 0 0 0;
	}
.l-balloon-ft {
	position: relative;
	background: transparent url("/static/nic-img/tutoriales/Curso02/img/l-balloon-ft.gif") bottom left no-repeat;
	padding: 0;
	padding-bottom: 10px;
	margin: 0;
	}
.l-balloon-bd {
	position: relative;
	background: transparent url("/static/nic-img/tutoriales/Curso02/img/l-balloon-bd.gif") 0 0 no-repeat;
	margin: 0;
	padding: 0 40px 1px 15px;
	height: auto;
	}

/* Pesonajes
----------------------------------------------- */
.personaje01 {background: transparent url("/static/nic-img/tutoriales/Curso02/img/personaje01.gif") left bottom no-repeat;}
.personaje02 {background: transparent url("/static/nic-img/tutoriales/Curso02/img/personaje02.gif") right bottom no-repeat;}
.personaje02b {background: transparent url("/static/nic-img/tutoriales/Curso02/img/personaje02b.gif") left bottom no-repeat;}
.personaje03 {background: transparent url("/static/nic-img/tutoriales/Curso02/img/personaje03.gif") 93% 100% no-repeat;}
.personaje03b {background: transparent url("/static/nic-img/tutoriales/Curso02/img/personaje03.gif") 115% 0 no-repeat;}
.personaje04b {background: transparent url("/static/nic-img/tutoriales/Curso02/img/personaje04b.gif") right bottom no-repeat;}
.personaje05b {background: transparent url("/static/nic-img/tutoriales/Curso02/img/personaje05b.gif") right bottom no-repeat;}
.personaje06b {background: transparent url("/static/nic-img/tutoriales/Curso02/img/personaje06b.gif") right bottom no-repeat;}
.personaje07b {background: transparent url("/static/nic-img/tutoriales/Curso02/img/personaje07b.gif") right bottom no-repeat;}
.personaje04 {background: transparent url("/static/nic-img/tutoriales/Curso02/img/personaje04.gif") -35px 0 no-repeat;}
.personaje03c {background: transparent url("/static/nic-img/tutoriales/Curso02/img/personaje03.gif") 111% 0 no-repeat;}
.personaje05 {background: transparent url("/static/nic-img/tutoriales/Curso02/img/personaje05.gif") left top no-repeat;}
.personaje06 {background: transparent url("/static/nic-img/tutoriales/Curso02/img/personaje06.gif") left top no-repeat;}
.personaje07 {background: transparent url("/static/nic-img/tutoriales/Curso02/img/personaje07.gif") -55px top no-repeat;}
.personaje08 {background: transparent url("/static/nic-img/tutoriales/Curso02/img/personaje08.gif") right bottom no-repeat;}
.personaje08b {background: transparent url("/static/nic-img/tutoriales/Curso02/img/personaje08b.gif") left bottom no-repeat;}
.personaje10b {background: transparent url("/static/nic-img/tutoriales/Curso02/img/personaje10b.gif") right bottom no-repeat;}
.personaje11b {background: transparent url("/static/nic-img/tutoriales/Curso02/img/personaje11b.gif") left bottom no-repeat;}



/* Links
----------------------------------------------- */
a {
	color: #358;
	text-decoration: none;
	border-bottom: 1px dotted #469;
	}

a:visited {
	color: #677;
	border-color: #899;
	}

a:hover {
	color: #933;
	border-color: #b55;
	border-bottom-style: solid;
	}

#footer a { border: 0; }



/* Headings
----------------------------------------------- */
h1 {
	margin: 0;
	padding: 20px 20px 8px;
	font: 135%/1.4em "Trebuchet MS", verdana, sans-serif;
	color: #776;
	}
h2 {
	margin: 0;
	font: bold 16px/16px "Trebuchet MS", Arial, verdana, sans-serif;
	padding: 20px 0 0 20px;
	}
	


/* Misc
----------------------------------------------- */
p, td p { margin: 0 0 .75em; }
hr { display: none; }
.clear { clear: both; }
.pad20 p { padding: 0 10px 0 20px; }
.noborder {border: 0;}
.gris {color: #666;}
.rojo {color: #900;}
.nopaddingbottom {padding-bottom:0;}
.wider { letter-spacing: -0.1em; }
img {border: 0;}
.bold { font-weight: bold; }


/* Footer
----------------------------------------------- */

#footer img {
	border: 0;
	margin: 3px 5px;
	padding: 0;
	}
#footer img.separador {
	margin: 0;
	}


/* Listas
----------------------------------------------- */

ul {
	list-style-image: url("/static/nic-img/tutoriales/Curso02/img/bu_red.gif");
	margin: 0;
	padding: 0 0 10px 15px;
	line-height: 1.2em;
	}
ul li {margin-top: 0px;}
ol { list-style-image: none; margin-top: 15px;}


/* Tablas
----------------------------------------------- */
table { border: 1px solid #9FDEF6; }
td { font: 11px Verdana, Arial, sans-serif; }
th { background-color: #9FDEF6; }
tr.par { background: #eee; }


/* Textos Cursos
----------------------------------------------- */
h2.tit-balloon {
	margin: 0 0 10px 0;
	padding: 0;
	color: #900;
	background-color: transparent;
	}
.txt-balloon {
	padding: 0 0 10px 0;
	margin: 0;
	background-color: transparent;
	}
h2.subtit-balloon {
	margin: 0 0 10px 0;
	padding: 0;
	color: #000;
	font: bold 14px/15px "Trebuchet MS", Arial, verdana, sans-serif;
	background-color: transparent;
	}