/* Comment here                 ---  lightblue is :#C2D5FC   #63717F           */
/*  background:url(../images/button.png) no-repeat; padding-top:3px ;     */
/*  can combine classes in the html  class="aaaa bbbb"                         */

body{   width:100%;         margin: 0PX;            padding: 0PX;
}
a:link{    text-decoration: none; color: blue;   }
a:visited{ text-decoration: none; color: blue; }
a:hover{   text-decoration: none; color: steelblue;  }
a:active { text-decoration: none; color: maroon;  }
h4               {color: steelblue; }
h3               {color: #9BB6E0; }
p                {color: darkblue;   font-family: tahoma; font-size: 90%;  font-weight:normal;  }
td               {color: darkblue;   font-family: tahoma; font-size: 90%;  font-weight:normal;  }
.tdstyle         {background-color: white;}
/* ------------------------------------------------- */

.backgroundbody  {background-color: white;}
.backgroundtable {background-color: white;}
.DELETE_background3     {background-image: url(../iconos/gray_bit.gif); }

.tab       {color: blue;    font: bold 11px Tahoma, Verdana, Arial,sans-serif; }
.tab a     {color: blue;    font: bold 11px Tahoma, Verdana, Arial,sans-serif; }
.tab a:visited {color: blue;     }
.tab a:hover   {color: crimson; }
/* ------------------------------------------------- */
.buttonone a {       color: steelblue; float:   center;  font: normal 11px Tahoma,Verdana, Arial,sans-serif; margin: 0px; padding: 1px;
   display:        block;
   border-top:    1px solid white;   border-bottom: 1px solid white;     border-left:   1px solid white;    border-right:  1px solid white;    }
.buttonone a:link   { color:    steelblue;    }
.buttonone a:visited{ color:    steelblue;    }
.buttonone a:hover  { color:    navy;   background:    #DEE2F5;
  border-top:    1px solid #E4DFC2; border-bottom: 1px solid #3E4D4A;   border-left:   1px solid #E4DFC2;   border-right:  1px solid #3E4D4A; }
.buttonone a:active  { color:    midnightblue;  }
/* ------------------------------------------------- */
.buttontwo a:     {    color:     blue; float: center;  font: bold 12px Tahoma, Verdana, Arial,sans-serif;  margin: 0px; padding:  2px; }
.buttontwo a:link {    color:     blue; float: center;  font: bold 12px Tahoma, Verdana, Arial,sans-serif;  margin: 0px; padding:  2px; }
.buttontwo a:visited { color:     blue; float: center;  font: bold 12px Tahoma, Verdana, Arial,sans-serif;  margin: 0px; padding:  2px; }
.buttontwo a:hover {   color:steelblue; float: center;  font: bold 12px Tahoma, Verdana, Arial,sans-serif;  margin: 0px; padding:  2px; }
.buttontwo a:active {  color:     blue; float: center;  font: bold 12px Tahoma, Verdana, Arial,sans-serif;  margin: 0px; padding:  2px; }


.DropShadow {
/* This centers the image */
display: block; margin-left: auto; margin-right: auto;
/* This adds the border    */
padding:4px;  border:solid; border-color: #dddddd #aaaaaa #aaaaaa #dddddd; border-width: 1px 2px 2px 1px; background-color:whitesmoke;
}

.DropShadow a:link {
/* This centers the image */
display: block; margin-left: auto; margin-right: auto;
/* This adds the border    */
padding:4px;  border:solid; border-color: #dddddd #aaaaaa #aaaaaa #dddddd; border-width: 1px 2px 2px 1px; background-color:cyan;
}
.DropShadow a:hover { border-color: pink;
}

.NADAdeNADA
{
padding:0px;  border:none;
}

/* ------- filtro ------------------------------------------ */
.filtro       {   color: darkgreen;  float: center; font: bold 12px Tahoma, Verdana, Arial,sans-serif; display: block;  border:0px; margin: 0px;  padding: 2px;  }
.filtro a:link {  color: darkgreen;  display: block; border:0px; }
.filtro a:visited{color: darkgreen;  display: block; border:0px; }
.filtro a:hover { color:     red;  background-color: #DEE2F5;  }
.filtro a:active{ color:    green;  background-color: gold;     }
/* ------- fusion ------------------------------------------ */
.fusion       {   color: maroon;  float: center; font: bold 12px Tahoma, Verdana, Arial,sans-serif; display: block;  border:0px; margin: 0px;  padding: 2px;  }
.fusion a:link {  color: maroon;  display: block; border:0px; }
.fusion a:visited{color: maroon;  display: block; border:0px; }
.fusion a:hover { color:     red;  background-color: #DEE2F5;  }
.fusion a:active{ color:    green;  background-color: gold;     }

/* --------------------#222222--------------- */
.headerlinks         { color: blue;                font: bold 18px italic Tahoma, Verdana, Arial,sans-serif; margin: auto 8px;}
.headerlinks a       { color: blue;                font: bold 18px italic Tahoma, Verdana, Arial,sans-serif; margin: auto 8px;}
.headerlinks a:hover { color: firebrick;}
.headerlinks a:active{ color: midnightblue;}

/* --------------------#222222--------------- */
.headerlinks2         { color: blue;                font: bold 14px italic Tahoma, Verdana, Arial,sans-serif; margin: auto 4px;}
.headerlinks2 a       { color: blue;                font: bold 14px italic Tahoma, Verdana, Arial,sans-serif; margin: auto 4px;}
.headerlinks2 a:hover { color: firebrick;}
.headerlinks2 a:active{ color: midnightblue;}/* ------------------------------------------------- */
.iphone_btn  a:        img { width: 66px; height: 66px; }
.iphone_btn  a:link    img { width: 66px; height: 66px; }
.iphone_btn  a:visited img { width: 66px; height: 66px; }
.iphone_btn  a:hover   img { width: 77px; height: 77px; background-color:none; }
/* ------------------------------------------------- */
.iphone_btn-small  a:        img { width: 33px; height: 33px; }
.iphone_btn-small  a:link    img { width: 33px; height: 33px; }
.iphone_btn-small  a:visited img { width: 33px; height: 33px; }
.iphone_btn-small  a:hover   img { width: 36px; height: 36px; background-color:none; }
/* ------------------------------------------------- */

/* ------- black ------------------------------------------ */
.black       {   color: black;  float: center; font: bold 12px Tahoma, Verdana, Arial,sans-serif; display: block;  border:0px; margin: 0px;  padding: 2px;  }
.bolder a:link {  color: black;  display: block; border:0px; }
.bolder a:visited{color: black;  display: block; border:0px; }
.bolder a:hover { color:     red;  background-color: #DEE2F5;  }
.bolder a:active{ color:    green;  background-color: gold;     }




.text_link       {   color: yellow;    padding: 2px 0px 4px 4px; display: block; font-size: 12px; font-family: Calibri, arial, Verdana, sans-serif; }
.text_link a:link{   color: yellow;    padding: 2px 0px 4px 4px; display: block; font-size: 12px; font-family: Calibri, arial, Verdana, sans-serif; }
.text_link a:visited{color: yellow;    padding: 2px 0px 4px 4px; display: block; font-size: 12px; font-family: Calibri, arial, Verdana, sans-serif; }
.text_link a:hover{  color: silver;    padding: 2px 0px 4px 4px; display: block; font-size: 12px; font-family: Calibri, arial, Verdana, sans-serif; }
/* ------------------------------------------------- */
.plainlink       {   color: steelblue;  float: center; font: normal 12px Tahoma, Verdana, Arial,sans-serif; display: block;  border:0px; margin: 0px;  padding: 2px;  }
.plainlink a:link {  color: steelblue;  display: block; border:0px; }
.plainlink a:visited{color: steelblue;  display: block; border:0px; }
.plainlink a:hover { color:      blue;  background-color: #DEE2F5;  }
.plainlink a:active{ color:    maroon;  background-color: gold;     }
/* ------------------------------------------------- */
.pointer a       {  color: steelblue; font: bold 10px Tahoma, Verdana, Arial,sans-serif; display: block; top-margin: 0px;  padding: 0px; height: 32;  }
.pointer a:hover {  color: firebrick;   background:url(../iconos/Strip-V-hover.gif) bottom center no-repeat    ; margin: 0 auto; }
.pointer a:active { color: midnightblue;background:url(../iconos/Strip-V-hover.gif) bottom center no-repeat    ; }

/* ------------------------------------------------- */
.spot a:link    {    background-image: url(../iconos/icon_spot_black_x10.png);    width:auto; height: auto; }
.spot a:visited {    background-image: url(../iconos/icon_spot_black_x10.png);    width:auto; height: auto; }
.spot a:hover   {    background-image: url(../iconos/icon_spot_red_x10.png);      width:auto; height: auto;  }
.spot a:active  {    background-image: url(../iconos/icon_spot_green_x10.png);    width:auto; height: auto; }
.spot_img  a:        img { width: 8px; height: 8px; }
.spot_img  a:link    img { width: 8px; height: 8px; }
.spot_img  a:visited img { width: 8px; height: 8px; }
.spot_img  a:hover   img { width: 12px; height: 12px;}

.arrow-left a:link {
   display: block; width: 100%;
   vertical-align: middle;
   background-image: url(../iconos/Big_Left_Orange_arrow.png);
   width:auto; height: auto;
}
.arrow-left a:visited {
   display: block; width: 100%;
   vertical-align: middle;
   background-image: url(../iconos/Big_Left_Orange_arrow.png);
   width:auto; height: auto;
}
.arrow-left a:hover {
   display: block; width: 100%;
   background-image: url(../iconos/Big_Left_Over_Orange_arrow.png);
   width:auto; height: auto;
}
.arrow-left a:active {
   display: block; width: 100%;
   vertical-align: middle;
   background-image: url(../iconos/Big_Left_Orange_arrow.png);
   width:auto; height: auto;
}
.arrow-right a:link {
   display: block; width: 100%;
   vertical-align: middle;
   background-image: url(../iconos/Big_Right_Orange_arrow.png);
   width:auto; height: auto;
}
.arrow-right a:visited {
   display: block; width: 100%;
   vertical-align: middle;
   background-image: url(../iconos/Big_Right_Orange_arrow.png);
   width:auto; height: auto;
}
.arrow-right a:hover {
   display: block; width: 100%;
   background-image: url(../iconos/Big_Right_Over_Orange_arrow.png);
   width:auto; height: auto;
}
.arrow-right a:active {
   display: block; width: 100%;
   vertical-align: middle;
   background-image: url(../iconos/Big_Right_Orange_arrow.png);
   width:auto; height: auto;
}

.JukeBox       {
    color: steelblue;  float: center; font: bold 12px Tahoma, Verdana, Arial,sans-serif; display: block;  border:0px; margin: 0px;  padding: 2px; text-align: center; }
.JukeBox a:link {  color: cyan;  display: block; border:0px; }
.JukeBox a:visited{color: cyan;  display: block; border:0px; }
.JukeBox a:hover { color:      maroon;  background-color: orange;  }
.JukeBox a:active{ color:    orange;  background-color: gold;     }

/* ------------------------------------------------- */