BODY {BACKGROUND-COLOR:WHITE; }
#claseuno {BACKGROUND-COLOR:#00CC00 ;
           BORDER: #000 1px solid;
           MARGIN: 4px 4px 4px 100px;
           PADDING: 4px 4px 4px 4px;
           WIDTH: 800px ;}
#clasedos {BACKGROUND-COLOR:#00CCFF ; }
.out {
  display:block; 
  background:#bbb; 
  border:1px solid #ddd; 
  position:relative;
  margin:1em 0;
  }
.in {
  text-align:center; 
  background:#fff; 
  border:1px solid #555; 
  position:relative; 
  padding:5px;
  font-weight:normal;
  }
.ltin {
  left:-5px;
  }
.tpin {
  top:-5px;
  }
.narrow {width:8em;} /* change to suit */
h4 {font-weight:bold; color:#000;}

#caja {
width: 800px; /*ANCHO TOTAL DE LA CAJA*/
height:200px;
color: #ffffff; /*COLOR DEL TEXTO*/
text-align:left;
margin: 10px 10px 10px 10px;
border:1px;
}

.redondeado {
height: 1px;
overflow: hidden;
background-color: red; /* COLOR DE LA CAJA */
}

/* LAS LINEAS PARA FORMAR LA PARTE REDONDEADA */
.r1 { margin: 0 12px;}
.r2 { margin: 0 9px;}
.r3 { margin: 0 7px;}
.r4 { margin: 0 6px;}
.r5 { margin: 0 5px;}
.r6 { margin: 0 4px;}
.r7 { margin: 0 3px;}
.r8 { margin: 0 2px; height: 2px;}
.r9 { margin: 0 1px; height: 3px; }
.contenido {
background-image:url(images/fondo.png);
background-repeat:no-repeat;
height:80px;
padding: 0 5px;
}

.contenido04 {
background-image:url(images/fondo.jpg);
background-repeat:no-repeat;
height:80px;
padding: 0 5px;
}

.contenido07 {
background-image:url(images/fondo.jpg);
background-repeat:no-repeat;
height:80px;
padding: 0 2px;
}



#logo07{
    position:absolute;
    left:1140px;
    top:40px;
    width:30px;
    height:auto;
    z-index:1;
}

#normal{
    BACKGROUND-COLOR:#ffCCFF;
    position:absolute;
    left:30px;
    top:300px;
    width:720px;
    height:20;
    z-index:1;
}


div.cua1{
  width:7px;
  height:8px;
  left:0px;
  top:20px;
  border: dotted 0px #999999;
  position: absolute;
  background:red;
}

div.cua2{
  width:7px;
  height:8px;
  left:22px;
  top:20px;
  border: dotted 0px #999999;
  position: absolute;
  background:blue;
}


.tipo_textos {
    font-family: "Arial Black", Gadget, sans-serif;
    font-size: 18px;
    font-style: normal;
    color: #000;
    text-align: left;
    padding: 8px;
    margin-top: 10px;
    margin-right: 1px;
    margin-bottom: 1px;
    margin-left: 1px;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
}

.titulocol {
    font-family:'Arial Black', Gadget, sans-serif;
    font-size: 18px;
    font-style: normal;
    color: #000;
    text-align: left;
    padding: 8px;
    margin-top: 10px;
    margin-right: 1px;
    margin-bottom: 1px;
    margin-left: 1px;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
}

#h2 {
    font-family:Georgia,"Times New Roman",Times,serif;
    font-weight:normal;
    text-shadow:0 0 1px #000;
    color:#444444;
    font-size:2em;
    padding:2px 0 0;
    text-transform:capitalize;
    line-height:1.2em;
    margin:0 0 10px;
}

.fly {
    font-family:Georgia,"Times New Roman",Times,serif;
    font-weight:normal;
    text-shadow:0 0 1px #000;
    color:#444444;
    font-size:1.5em;
    padding:1.5px 0 0;
    text-transform:capitalize;
    line-height:1.2em;
    margin:0 0 10px;
}