@charset "iso-8859-1";
/* CONTROL DE CUADROS CON BORDES REDONDEADOS */

/*********************
CAJA REDONDEADA de CSSLAB ( CELESTE )
*********************/
div.rounded-box {
    position: relative;
    width: 100%;
    background-color: #EEF6FE;
    margin: 6px auto;
	z-index:0;
}

/*********************
Caja Exterior
*********************/
div.top-left-corner, div.bottom-left-corner, div.top-right-corner, div.bottom-right-corner {
	position: absolute;
	width: 20px;
	height: 20px;
	background-color: #FFFFFF;
	overflow: hidden;
	z-index: 1;
}

div.top-left-inside, div.bottom-left-inside, div.top-right-inside, div.bottom-right-inside {
	position: relative;
	font-size: 150px;
	font-family: arial;
	color: #EEF6FE;
	line-height: 40px;
	z-index: 2;
}

/*********************
Bordes
*********************/

div.top-left-corner { top: 0px; left: 0px; z-index:5;}
div.bottom-left-corner {bottom: 0px; left: 0px; z-index:5;}
div.top-right-corner {top: 0px; right: 0px; z-index:5;}
div.bottom-right-corner {bottom: 0px; right: 0px; z-index:5;}
div.top-left-inside {left: -8px; z-index:5;}
div.bottom-left-inside {left: -8px; top: -17px; z-index:5;}
div.top-right-inside {left: -25px; z-index:5;}
div.bottom-right-inside {left: -25px; top: -17px; z-index:5;}

/*********************
Contenido (txt)
*********************/

div.box-contents {
	position: static;
	color:#D4EEFC;
	z-index: 10;
	padding: 5px;
	}
	
	
/*********************
CAJA REDONDEADA de CSSLAB ( Amarilla )
*********************/	
#cajaDescriptorSeccion h1, #cajaDescriptorSeccion h2, #cajaDescriptorSeccion p {margin:0 10px; letter-spacing:1px;}
#cajaDescriptorSeccion h1 {font-size:2em;color:#06a; border:0;}
#cajaDescriptorSeccion p {padding-bottom:0.5em;}
#cajaDescriptorSeccion h2 {padding-top:0.5em;}
#cajaDescriptorSeccion {background: transparent; margin:1em;}

.cajaDescriptorSeccion-top, .xcajaDescriptorSeccion-bottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#eef6fe; border-left:1px solid #08c; border-right:1px solid #08c;}
.xb1 {margin:0 5px; background:#08c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.cajaDescriptorSeccion-content {display:block; background:#eef6fe; border:0 solid #08c; border-width:0 1px;}
/* Cuadro Rojo */
/* set millions of background images */
.rbroundbox { background: url(../imagenes/cuadro_rojo/nt.gif) repeat; }
.rbtop div { background: url(../imagenes/cuadro_rojo/tl.gif) no-repeat top left; }
.rbtop { background: url(../imagenes/cuadro_rojo/tr.gif) no-repeat top right; }
.rbbot div { background: url(../imagenes/cuadro_rojo/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../imagenes/cuadro_rojo/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 95%; margin: 1em auto; }