table, td{
	font:100% Arial, Helvetica, sans-serif;
}
table{width: 150px%; border-spacing: 2px; border-collapse: separate; margin:1em 0; -webkit-border-radius:5px;}
th, td{text-align:left;padding:.5em;border:1px solid #621132; -webkit-border-radius:5px;}
th{background:#621132; color:#ffffff; -webkit-border-radius:5px;}
td{background:#ffffff; -webkit-border-radius:5px;}

/* tablecloth styles */

tr.even td{background:#ffffff;}
tr.odd td{background:#ffffff;}

th.over, tr.even th.over, tr.odd th.over{background:#621132;}
th.down, tr.even th.down, tr.odd th.down{background:#D4C19C;}
th.selected, tr.even th.selected, tr.odd th.selected{}

td.over, tr.even td.over, tr.odd td.over{background:#D4C19C;}
td.down, tr.even td.down, tr.odd td.down{background:#D4C19C;color:#ffffff;}
td.selected, tr.even td.selected, tr.odd td.selected{background:#D4C19C;color:#333333;}

/* use this if you want to apply different styling to empty table cells*/
td.empty, tr.odd td.empty, tr.even td.empty{background:#ffffff;}
tr th a{
	background:#621132;color:#ffffff;
}
th.v{
	border: 1px;
	background:#621132;
	padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 1px;
}
.textologo th{
	color:#621132;
}

#atras:link{text-decoration:underline;color:blue;}
#atras:hover {text-decoration:underline;color:#B38E5D;}
#atras:visited {text-decoration:underline; color:#621132;}
#atras:active {text-decoration:underline; color:285C4D;}
#atras:focus  {text-decoration:underline; color:285C4D;}

#enlace:link {text-decoration:none; color:#621132;}
#enlace:hover {text-decoration:underline;color:#B38E5D;} 
#enlace:visited {text-decoration:none; color:#621132;} 
#enlace:active {text-decoration:none; color:285C4D;}
#enlace:focus  {text-decoration:underline; color:285C4D;}

.boton{
        font-size:10px;
        font-family:Verdana,Helvetica;
        font-weight:bold;
        color:white;
        background:#638cb5;
        border:0px;
		cursor: pointer;		
        width:120px;
        height:19px;
       }
.boton1{
        font-size:10px;
        font-family:Verdana,Helvetica;
        font-weight:bold;
        color:white;
        background:#638cb1;
        border:0px;
		cursor: pointer;		
        width:115px;
        height:19px;
		-webkit-border-radius:5px; /*para darle redondes a las esquinas*/
		-webkit-box-shadow:1px 2px 3px #191970; /*para la sombra*/
       }
.boton2{
        font-size:12;
        font-family:Verdana,Helvetica;
        font-weight:bold;
		color:white;
		border:1px solid white;        
        background:#CC3333;
		cursor: pointer;
        width:150px;
        height:25px;
		-webkit-border-radius:5px; /*para darle redondes a las esquinas*/
		-webkit-box-shadow:1px 2px 3px #191970; /*para la sombra*/
       }
.boton3{
        font-size:auto;
        font-family:Verdana,Helvetica;
        font-weight:bold;
		border:1px solid white;        
        background:#328aa4 url(tr_back.gif) repeat-x;color:#fff;
		cursor: pointer;
        width:auto;
        height:auto;
		-webkit-border-radius:5px; /*para darle redondes a las esquinas*/
		-webkit-box-shadow:1px 2px 3px #191970; /*para la sombra*/
       }
.boton4{
        font-size:12;
        font-family:Verdana,Helvetica;
        font-weight:bold;
		color:white;
		border:1px solid white;        
        background:#328aa4;
		cursor: pointer;
        width:150px;
        height:25px;
		-webkit-border-radius:5px; /*para darle redondes a las esquinas*/
		-webkit-box-shadow:1px 2px 3px #191970; /*para la sombra*/
       }
.boton5{ /* MENÚ REGRESAR*/
        font-size:19;
        font-family:Verdana,Helvetica;
        font-weight:bold;
        color:blue;
		text-decoration:underline;
        background:transparent;
        border:0px;
		cursor: pointer; 
        width:auto;
        height:auto;
		}
.boton5:active{ /* MENÚ REGRESAR*/
        text-decoration:underline; color:red;
		}
.boton5:focus{ /* MENÚ REGRESAR*/
        text-decoration:underline; color:red;
		}
.boton6{
        font-size:10px;
        font-family:Verdana,Helvetica;
        font-weight:bold;
        color:white;
        background:#FF8C00;
        border:0px;
		cursor: pointer;		
        width:115px;
        height:19px;
		-webkit-border-radius:5px; /*para darle redondes a las esquinas*/
		-webkit-box-shadow:1px 2px 3px #191970; /*para la sombra*/
       }
.arriba{
	position: fixed;
	bottom: 10px; 
	right: 20px;
	cursor: pointer; 
	width: 60px;
	height: 40px;
	}	
body {
		background-color: #F2F2F2;
	}
h3{
	font-family: Verdana;
	color: #621132;
}
h2{
	font-family: Verdana;
	color: #621132;
}
input[type=text] {
  width: 100%;
  min-width: 65px;
  padding: 10 5; /*12=margen superior e inferior dentro de la celda  20=margen lateral dentro de la celda*/
  box-sizing: border-box;
  -webkit-border-radius:5px; /*para darle redondes a las esquinas*/
  border-top:2px solid #808080;
  border-bottom: none;
  border-left: 2px solid #808080;
  border-right: none;
}
input[type=date] {
  width: 100%;
  padding: 10 30; /*12=margen superior e inferior dentro de la celda  30=margen lateral dentro de la celda*/
  margin: 8 0;
  box-sizing: border-box;
  -webkit-border-radius:5px; /*para darle redondes a las esquinas*/
  border-top:2px solid #808080;
  border-bottom: none;
  border-left: 2px solid #808080;
  border-right: none;
}
input[type=password] {
  width: 100%;
  padding: 10 30; /*12=margen superior e inferior dentro de la celda  30=margen lateral dentro de la celda*/
  margin: 8 0;
  box-sizing: border-box;
  -webkit-border-radius:5px; /*para darle redondes a las esquinas*/
  border-top:2px solid #808080;
  border-bottom: none;
  border-left: 2px solid #808080;
  border-right: none;
}
textarea {
  width: 100%;
  padding: 10 30; /*12=margen superior e inferior dentro de la celda  30=margen lateral dentro de la celda*/
  margin: 8 0;
  box-sizing: border-box;
  -webkit-border-radius:5px; /*para darle redondes a las esquinas*/
  border-top:2px solid #808080;
  border-bottom: none;
  border-left: 2px solid #808080;
  border-right: none;
}
select {
  width: 100%;
  padding: 10 30; /*12=margen superior e inferior dentro de la celda  30=margen lateral dentro de la celda*/
  margin: 8 0;
  box-sizing: border-box;
  -webkit-border-radius:5px; /*para darle redondes a las esquinas*/
  border-top:2px solid #808080;
  border-bottom: none;
  border-left: 2px solid #808080;
  border-right: none;
}
table{
  border-collapse: separate;
 /* border-spacing: 60 10; /*70=columna 10=fila*/
}
/*Cuando el elemento tiene el focus*/
input[type=text]:focus {
  border: 3px solid lightblue;
}
input[type=date]:focus {
  border: 3px solid lightblue;
}
input[type=password]:focus {
  border: 3px solid lightblue;
}
input[type=submit]:focus {
  border: 3px solid lightblue;
}
textarea:focus {
  border: 3px solid lightblue;
}