body
{
    background-image: url(../imagenes/fondo.gif);
    background-attachment: fixed;
    background-repeat: repeat-x;
    background-color: #F5FFE4;
}
#banner
{
    border: 1px solid #FF9900;
    -moz-border-radius: 15px 15px 0px 0px;
    border-radius: 15px 15px 0px 0px;
    background-color: #F5F3E5;
}
#web
{
    width: 750px;
    padding-right: 0px;
    padding-left: 0px;
}
.barraIconos
{
    border-color: #FF9900;
    font-size: 14px;
    font-weight: bold;
    background-color: #FAFAF4;
    width: 750px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    background-image: url('../imagenes/barraIconos.gif');
    background-repeat: repeat-x;
}
.barraIconosAbajo
{
    border-color: #FF9900;
    font-size: 14px;
    font-weight: bold;
    background-color: #FAFAF4;
    width: 750px;
    padding-bottom: 1px;
    margin-bottom: 5px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    -moz-border-radius: 0px 0px 15px 15px;
    border-radius: 0px 0px 15px 15px;
    background-image: url('../imagenes/barraIconos.gif');
    background-repeat: repeat-x;
}
.barraMensajeEspecial
{
    background-color: #FAFAF4;
    border: 1px solid #FF9900;
    background-image: url('../imagenes/barraIconos.gif');
    width: 750px;
    font-family: 'Comic Sans MS';
    font-size: 14px;
    font-weight: bold;
    color: #CB0101;
}
.barraMensajes
{
    border-color: #FF9900;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #D19042;
    width: 750px;
    background-repeat: repeat-x;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    background-image: url('../../imagenes/barraMensajes.gif');
}
.barraMenu
{
    border-color: #FF9900;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    width: 750px;
    background-color: #90BF5E;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    background-image: url('../../imagenes/barraMenu.gif');
    background-repeat: repeat;
}
.botonMenu
{
    margin-right: 1px;
    margin-left: 1px;
}
.barraGrupoDeIconos
{
    border: 1px solid #CDC49C;
    padding: 5px 3px 0px 3px;
    font-size: 14px;
    font-weight: bold;
    background-color: #E2DDC7; /*height: 38px;*/
    -moz-border-radius: 0px 7px 7px 7px;
    border-radius: 0px 7px 7px 7px;
    transition: background-color 0.25s, border 0.25s;
    -webkit-transition: background-color 0.25s, border 0.25s; /*Safari and Chrome*/
    -o-transition: background-color 0.25s, border 0.25s; /*Opera*/
}
.barraGrupoDeIconos:hover
{
    border: 1px solid #B8AD72;
    background-color: #CFC7A5;
}
.botonIcono
{
    margin: 1px;
    padding: 2px;
    transition:  background-color 0.5s;
    -webkit-transition:  border 0.25s, background-color 0.5s; /*Safari and Chrome*/
    -o-transition: margin 0.25s, border 0.25s, background-color 0.5s/; /*Opera*/
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.botonIcono:hover
{
    background-color: #6DAB67;
}
.contenidoVentana
{
    padding: 5px;
    margin: 5px;
    border: 1px solid #CDC49C;
    background-image: url('../imagenes/contenidoVentana.gif');
    -moz-border-radius: 15px 15px 15px 15px;
    border-radius: 15px 15px 15px 15px;
    background-repeat: repeat;
    background-color: #F9F9F9;
}
.filaPar
{
    background-image: url('../imagenes/filaPar.gif');
    background-repeat: repeat-x;
    font-size: 12px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.filaImpar
{
    background-image: url('../imagenes/filaImpar.gif');
    background-repeat: repeat-x;
    font-size: 12px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.link
{
    border-style: none;
    text-decoration: none;
    cursor: pointer;
}
.tituloGrupoDeIconos
{
    border-style: solid;
    border-width: 1px;
    border-color: #CDC49C;
    -moz-border-radius: 5px 10px 0px 0px;
    border-radius: 5px 10px 0px 0px;
    background-color: #91C05E;
    padding-right: 2px;
    padding-left: 2px;
    background-image: url('../imagenes/tituloIconos.gif');
    color: #FFFFFF;
    background-repeat: no-repeat;
    font-size: 12px;
}
.tituloVentana
{
    border: 1px solid #FF9900;
    -moz-border-radius: 5px 10px 0px 0px;
    border-radius: 5px 10px 0px 0px;
    background-color: #91C05E;
    padding-right: 2px;
    padding-left: 2px;
    background-image: url('../imagenes/barraMenu.gif');
    color: #FFFFFF;
    margin-top: 1px;
    background-repeat: repeat-x;
    font-size: 12px;
}
.ventana
{
    background-color: #E6E4DA;
    border: 1px solid #FF9900;
    width: 750px;
    background-image: url('../imagenes/fondoTV.gif');
    background-repeat: repeat;
    padding-top: 10px;
    padding-bottom: 10px;
    -moz-border-radius: 3px 15px 15px 15px;
    border-radius: 3px 15px 15px 15px;
    margin-bottom: 1px;
}

@keyframes myfirst
{
0%   {background: #CFC7A5;}
25%  {background: #6DAB67;}
50%  {background: #6DAB67; }
75%  {background: #6DAB67;}
100% {background: #6DAB67;}
}

@-webkit-keyframes myfirst /*Safari and Chrome */
{
0%   {background: #CFC7A5;}
25%  {background: yellow; }
50%  {background: blue; }
75%  {background: green; }
100% {background: red; }
}
@keyframes myfirst
{
    0%   
    {
        transform: skew(0deg,-15deg);
    }
    25%  
    {
        transform: skew(30deg,-15deg);
    }
    50%  
    {
        transform: skew(0deg,-15deg);
    }
    75%  
    {
        transform: skew(30deg,-15deg);
    }
    100% 
    {
        transform: skew(0deg,-15deg);
    }
}

@-webkit-keyframes myfirst /*Safari and Chrome */
{
    0%  
    {
        -webkit-transform: skew(0deg,-15deg);
        -o-transform: skew(0deg,-15deg); /* Opera */
        -moz-transform: skew(0deg,-15deg); /* Firefox */
    }
    25%   
    {
        -webkit-transform: skew(30deg,-15deg);
        -o-transform: skew(30deg,-15deg); /* Opera */
        -moz-transform: skew(30deg,-15deg); /* Firefox */
    }
    50%   
    {
        -webkit-transform: skew(0deg,-15deg);
        -o-transform: skew(0deg,-15deg); /* Opera */
        -moz-transform: skew(0deg,-15deg); /* Firefox */
    }
    75%   
    {
        -webkit-transform: skew(30deg,-15deg);
        -o-transform: skew(30deg,-15deg); /* Opera */
        -moz-transform: skew(30deg,-15deg); /* Firefox */
    }
    100%  
    {
        -webkit-transform: skew(0deg,-15deg);
        -o-transform: skew(0deg,-15deg); /* Opera */
        -moz-transform: skew(0deg,-15deg); /* Firefox */
    }
}