BODY { MARGIN-TOP: 10px; FONT-SIZE: 11px; BACKGROUND-ATTACHMENT: scroll; MARGIN-LEFT: 
10px; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
BACKGROUND-COLOR: #cccccc } 
TD { FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, 
Helvetica, sans-serif } 
P { BACKGROUND: #ccccccFONT-SIZE: 12px; COLOR: #ffffff; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
H1 { FONT-SIZE: 12px; COLOR: 
#979797; FONT-FAMILY: Helvetica, Verdana, Arial } 
A:hover { COLOR: #804c4c; BACKGROUND-COLOR: 
#cccccc } 
H2 { FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, 
sans-serif } 
H3 { FONT-SIZE: 18px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, 
Helvetica, sans-serif } 
.textsm { FONT-SIZE: 14px; COLOR: #ffffff; FONT-FAMILY: 
Verdana, Arial, Helvetica, sans-serif } 
.textbg { FONT-SIZE: 20px; COLOR: #ffffff; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif } 
.textbg1 { FONT-SIZE: 25px; COLOR: #000000; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif } 
.textbg2 { FONT-SIZE: 30px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; text-align:right } 
.textreg { FONT-SIZE: 12px; 
COLOR: #999999; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif } 
.framethumbnail 
{ FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif 
} 

.rotate{
 display: block;
  margin-left: auto;
  margin-right: auto;

    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;

    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;

    overflow:hidden;

}  
 

/* Transformación al pasar el ratón por encima */ 
.rotate:hover  
{

    transform: scale(1.2, 1.2) rotate(120deg);
    -ms-transform: scale(1.2, 1.2) rotate(120deg);
    -webkit-transform:scale(1.2, 1.2) rotate(120deg);
    -o-transform: scale(1.2, 1.2) rotate(120deg);
  
}
 .abrir{
        margin: 10px;
        padding:5px;
        background-color: #F0AB00;
        cursor:pointer;
    }
    .abrir:hover{
        background-color: #F5DC60;
    }
    .cerrar{
        float:right;
        margin: 5px;
        height:22px;
        width:22px;
        color:#ffffff;
        background-color: #ff0000;
        text-align:center;
        cursor:pointer;
    }
    .ventana{
        border: 2px solid #666666;
        position: absolute;
        width: 500px;
        visibility: hidden;
        border-radius: 5px;
        box-shadow: 10px 10px 10px #111;
        padding: 10px;
    }

    #ventana1{
        z-index: 10;
        right: 50%;
        top: 10%;
        background-color: rgba(256,256,256,0.98);
    }
 #ventana1:hover{
	  transform: scale(1.4, 1.4);
    -ms-transform: scale(1.4, 1.4);
    -webkit-transform:scale(1.4, 1.4);
    -o-transform: scale(1.4, 1.4);
	}