body {
       margin: 0px;
        padding: 0px;
        background-color: #000033;
        background-image:url(patron.gif);
        background-repeat:repeat-y;
      background-position:left 0px;
        background-attachment: scroll;
        font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}

 body a:hover{
       coloR: #999900;
           background-color : transparent;
           text-decoration : none;
           
}
body a{
        color : #cccc00;
        text-decoration : none;
}
body b{
        color : #FFff99;
        text-decoration : none;
}



div#content {
        position: absolute;
        left: 166px;
        top: 185px;
        padding-right: 274px;
      font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #FFFFFF;
        background-color: #000033;
        line-height: 130%;
    
		width:600px; 
		border:solid; 
		border-color:#FFCC00; 
		border-radius:30px;  
		padding-bottom:100px;
		padding-top: 50px ;
		padding-left: 35px;
		margin-right: 30px;
}


div#content2 {
        position: absolute;
        left: 166px;
        top: 165px;
        padding-right: 274px;
      font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #FFFFFF;
        background-color: #000033;
        line-height: 140%;
}

div#content5 {
        position: absolute;
        left: 226px;
        top: 800px;
        padding-right: 274px;
       font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #FFFFFF;
        background-color: #000033;
        line-height: 140%;
        
}
div#sidebar {
        position: absolute;
        top: 150px;
        left: 5px;
        width: 147px;
        font-size : 70%;

}

div#cabecera {
        position: absolute;
   
        top: 62px;
       font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #FFFFFF;
        background-color: #000033;
        width: 430px; 
		border:solid; 
		border-color:#FFCC00; 
		border-radius:3px;
		padding:15px;
		padding-top:1px; 
}

div#index {

       font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
		margin-top:50px;
        color : #FFFFFF;
        background-color : #990000;
        border : 2px solid #FFFFFF;
        margin-bottom : 11px;
        padding : 5px;
		padding-bottom: 20px;
        line-height : 130%;
		border-width:medium;
		border-color: #FFCC00; 
		border-radius:30px;
		padding-bottom: 25px;
		padding-top: 15px;
		text-align: center;
		width: 390px; 
		position:absolute;
		top: 15px; 
		left:475px;
		text-align:left;
		margin-bottom:10px;
}


div#feature3 {

    position: absolute;
        top: 138px;
        left: 150px;
        width: 800px;
        font-size : 70%;
        font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
        color : #666666;
        background-color : #990000;
        border : 0px solid #efefef;
        margin-bottom : 0px;
        padding : 0px;
        line-height : 140%;
}


div#sidebar div.feature {

      font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
		margin-top:50px;
        color : #FFFFFF;
        background-color : #990000;
        border : 2px solid #FFFFFF;
        margin-bottom : 11px;
        padding : 5px;
		padding-bottom: 20px;
        line-height : 140%;
		border-width:medium;
		border-color: #FFCC00; 
		border-radius:30px;
		padding-bottom: 25px;
		padding-top: 15px;
		text-align: center;
		width:90%;
}

div#sidebar div.feature ul{
        margin : 0;
        padding : 0;
        line-height : 180%;
        list-style-type: square;
        list-style-position: inside;
}

div#sidebar div.feature ul li{
        color : #FFFFFF;
        background-color : transparent;
}


div#sidebar div.feature ul li a{
        color : #FFFFFF;
        background-color : transparent;
        text-decoration : none;
}



div#sidebar div.feature ul li a:hover{

        color : #FFFF00;
                background-color : transparent;

}


form#loginform input{
        color : #123466;background-color : #ffffff;
        width : 116px;
        border : 1px solid #ddd;
}

form#loginform input.submit{
        width : 60px;
        border : 1px solid #123466;
        color : #123466;
        background-color : #ddd;
}

form#loginform, form#loginform table, form#loginform tr, form#loginform td{
        margin : 0;
        padding : 0;
}

form#loginform table th{
        font-family: Arial,Georgia, "Times New Roman", Times, serif;
        color : #FFFFFF;
        background-color : #990000;
        font-size : 11px;
        text-align : left;
        margin : 0;
        padding : 0;
}

div#sidebar form{
        padding : 0;
        margin : 0;
}
SELECT{ font-family: Arial,Georgia, "Times New Roman", Times, serif;
font-size: 9px;
color: black;
background-color:#FFFF99;
border:1px double #ffffff;
font-weight:bold; }
INPUT{

        font-size:9px;
        font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
      
        font-weight:bold;
        color:black;
        background-color:#ffffff;
        border:0px double #000066;

       }
td{
        color:#ffffff;
        font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 10px;
                line-height : 140%;
                padding : 0

}

.okay:before {
    display: inline-block;
    content: url(imagenes/okay.png);
    vertical-align: middle;
    padding-right: 5px;
}
.okay:after {
    content: "Okay";
    text-align: middle;
}

.error:before {
    display: inline-block;
    content: url(imagenes/error.png);
    vertical-align: middle;
    padding-right: 5px;
}
.error:after {
    content: "Error";
    text-align: middle;
}



h7{font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; color:#FFFF00; background-color:#000033;}

h5 {font-size: 25px;
	color:#fff;
text-shadow: 1px 1px #fff;
}
h1{font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; color:#000000; background-color:#ffffff;}
h8{font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; color: #0033ff; background-color:#ffffff;}
h3{font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; color:#FFFF00; background-color:#000033;}
h4{font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; color:#FFFFFF; background-color:#000033;}
  td.fondo {background-color:#990000;color:white ;font-size:10;font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;

  
  }
  td.fondo5 {background-color:#AAAAAA;color:black ;font-size:10;font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}
  td.fondo2 {background-color:#ff33ff;color:black ;font-size:10;font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}
  td.fondo3 {background-color:#ffff33;color:black ;font-size:10;font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}
  td.fondo6 {background-color:#ffffff;color:black ;font-size:10;font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}
  td.fondo2 a{
        color : #000000;
        text-decoration : none;
}
   td.fondo3 a{
        color : #000000;
        text-decoration : none;
}
   td.fondo4 a{
        color : #000000;
        text-decoration : none;
}
td.fondo2 a:hover{
        color : #555555;
        text-decoration : none;
}
   td.fondo3 a:hover{
        color : #555555;
        text-decoration : none;
}
   td.fondo4 a:hover{
        color : #555555;
        text-decoration : none;
}

 td.fondo6 a{
        color : #000000;
        text-decoration : none;
}
td.fondo6 a:hover{
        color : #555555;
        text-decoration : none;
}
  td.fondo4 {background-color:#ff3333;color:black ;font-size:10;font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}
  
  td.tabla{background-color:#000033;color:white ;font-size:10;font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}
  td.tabla1{background-color:#000033;color:white ;font-size:10;font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}
  td.letrasverdes{background-color:#000033;color:white ;font-size:10;font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}
  td.tabla2 {background-color:#000050; color:white; font-size:10;font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; }
  td.tabla3 {background-color:#000050; color:white; font-size:10;font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; }
  td.tabla4 {background-color:#006400; color:black; font-size:10;font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; }
  td.tabla5 {background-color:#8B0000; color:black; font-size:10;font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; }
  td.tabla11 {background-color:#ffff99; color:black; font-size:10;font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; }
  td.tabla12 {background-color:#ffcc33; color:black; font-size:10;font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; }
  td.tabla13 {background-color:#ff6600; color:black; font-size:10;font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; }
  td.tabla14 {background-color:#ff0000; color:black; font-size:10;font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; }
  
  td.tablax{background-color:#990000;color:white ;font-size:10;font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}
 td.tablar{background-color:#000033;color:red ;font-size:10;font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}
th.tablan{background-color:#990000;color:white ;font-size:10;font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}
td.tablan{background-color:#990000;color:white ;font-size:10;font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}
td.tablann{background-color:#FFFFFF;color:black ;font-size:10;font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}
td.tablann2{background-color:#000033;color:black ;font-size:10;font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}
td.tablann3{background-color:#990000;color:black ;font-size:10;font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}
td.tabla8{background-color:#ffff99;color:black ;font-size:10;font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}  
td.tablado {
border:hidden;
}
table.tablado {
border: 3px solid #FFCC00;
border-radius:10px;
padding-bottom: 15px;
padding-top: 15px;
}

table.sample td {
	border-width: 4px;
	padding: 1px;
	border-style: solid;
	border-color: yellow;
	background-color: white;
	-moz-border-radius: ;
}

table.sample2 td {
	border-width: 0px;
	padding: 1px;
	border-style: solid;
	border-color: yellow;
	background-color: white;
	-moz-border-radius: ;
}


table.sample1 td {
	border-width: 2px;
	padding: 1px;
	border-style: solid;
	border-color: red;
	background-color: white;
	-moz-border-radius: ;
}
.searchBox{
  background-image:url('imagenes/magnifying-glass.gif');
  background-repeat:no-repeat;
  padding-left:20px;
} 

.userBox{
  background-image:url('imagenes/user1.gif');
  background-repeat:no-repeat;
  padding-left:20px;
} 
.passBox{
  background-image:url('imagenes/key1.gif');
  background-repeat:no-repeat;
  padding-left:20px;
} 

.mailBox{
  background-image:url('imagenes/mail1.gif');
  background-repeat:no-repeat;
  padding-left:20px;
} 
.teamBox{
  background-image:url('imagenes/team1.gif');
  background-repeat:no-repeat;
  padding-left:20px;
} 


.tip { position: relative;
z-index: 0;
}
.tip:hover { background-color: transparent;
z-index: 1;
}
.tip span { border: 1px solid ffffff;
padding: 5px;
position: absolute;
text-decoration: none;
background-color: ffffff;
color: 000000;
width: 23em;
text-align: center;
visibility: hidden;
font-size: 1.2em;
line-height: 13px;
}
.tip:hover span { visibility: visible;
top: 30px;
left: 25px;
}