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

Simple reset

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





*{

margin:0;

padding:0;

}





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

General Styles

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




/* color blanco o bien clarito - #fefefe */
html{

background:url('../img/background.jpg') #fefefe;

position:relative;

}



body{

padding: 50px 0 0;

font:14px/1.3 'Segoe UI',Arial, sans-serif;

min-height:450px;

}


a:link {
/*  background-color: #f3f3a9; */
/*  background-color: #f3f3a7; */
  background-color: #FFFDDE;
/*  color:gray; */
  color:#3366ff;
  font-weight: bold;
}


/* a:link LG May 20, 2024 */
a:focus {
color:red;
background-color:white;
}


a, a:visited {

text-decoration:none;

outline:none;

color:#54a6de;

}



a:hover{

text-decoration:underline;
/* color, background-color - LG May 20, 2024*/
color:green;
background-color:yellow;

}



section, footer, nav{

display: block;

}





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

The Navigation Menu

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



#navmenu

{

text-align:center;

width:120px;

height:35px;

padding-top:25px;

}





#colornav > ul{

width: 700px; /* Increase when adding more menu items */

margin:0 auto;

}



#colornav > ul > li{ /* will style only the top level li */

list-style: none;

box-shadow: 0 0 10px rgba(100, 100, 100, 0.2) inset,1px 1px 1px #CCC;

display: inline-block;

line-height: 1;

margin: 1px;

border-radius: 3px;

position:relative;

}



#colornav > ul > li > a{

color:inherit;

text-decoration:none !important;

font-size:24px;

padding: 25px;

}



#colornav li ul{

position:absolute;

list-style:none;

text-align:center;

width:180px;

left:50%;

margin-left:-90px;

top:70px;

font:bold 12px 'Open Sans Condensed', sans-serif;



/* This is important for the show/hide CSS animation */

max-height:0px;

overflow:hidden;



-webkit-transition:max-height 0.4s linear;

-moz-transition:max-height 0.4s linear;

transition:max-height 0.4s linear;

}



#colornav li ul li{

background-color:#313131;

}



#colornav li ul li a{

padding:12px;

color:#fff !important;

text-decoration:none !important;

display:block;

}



#colornav li ul li:nth-child(odd){ /* zebra stripes */

background-color:#363636;

}



#colornav li ul li:hover{

background-color:#444;

}



#colornav li ul li:first-child{

border-radius:3px 3px 0 0;

margin-top:25px;

position:relative;

}



#colornav li ul li:first-child:before{ /* the pointer tip */

content:'';

position:absolute;

width:1px;

height:1px;

border:5px solid transparent;

border-bottom-color:#313131;

left:50%;

top:-10px;

margin-left:-5px;

}



#colornav li ul li:last-child{

border-bottom-left-radius:3px;

border-bottom-right-radius:3px;

}



/* This will trigger the CSS */

/* transition animation on hover */



#colornav li:hover ul{

max-height:500px; /* Increase when adding more dropdown items */

}





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

Color Themes

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





#colornav li.green{

/* This is the color of the menu item */

background-color:#00c08b;



/* This is the color of the icon */

color:#127a5d;

}



#colornav li.red{background-color:#ea5080;color:#aa2a52;}

#colornav li.blue{background-color:#53bfe2;color:#2884a2;}

#colornav li.yellow{background-color:#f8c54d;color:#ab8426;}

#colornav li.purple{background-color:#df6dc2;color:#9f3c85;}





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

The Footer

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





footer{

background-color: #111111;
/* background-color: #54a6de; */

bottom: 0;

box-shadow: 0 -1px 2px #111111;

height: 45px;
/* height: 180px; */

left: 0;

position: fixed;

width: 100%;

z-index: 100000;

}



footer h2{

color: #EEEEEE;

font-size: 14px;

font-weight: normal;

left: 50%;

margin-left: -400px;

padding: 13px 0 0;

position: absolute;

width: 540px;

}



footer h2 i{

font-style:normal;

color:#888;

}

footer h9 {
color:#313131;
}

/* DivTable.com */
.divTable{
display: table;
width: 100%;
table-layout: fixed;
}
.divTableRow {
display: table-row;
}
.divTableHeading {
background-color: #EEE;
display: table-header-group;
}
.divTableCell, .divTableHead {
border: 1px solid #999999;
display: table-cell;
padding: 3px 10px;
}
.divTableHeading {
background-color: #EEE;
display: table-header-group;
font-weight: bold;
}
.divTableFoot {
background-color: #EEE;
display: table-footer-group;
font-weight: bold;
}
.divTableBody {
display: table-row-group;
}

div img {
display: block;
margin: 0 auto;
}

tr.noBorder td {
border: 0;
}

table.noBorder {
border: 0;
}

.zeroborder div {border: 0;}
.noneborder div {border: none;}

@media print {
        img
        {
            display:none;
        }
        .hidethis
        {
            display:none;
        }
       
}