/* 

    Document   : tables

    Created on : 25-01-2013, 03:32:31 PM

    Author     : Ramon

    Description:

        Purpose of the stylesheet follows.

*/



#login-error {

    margin-top: 1px;

    color: #ffffff;

    font-weight: bold;

}



h1{

	

/*font-size:15px;*/

}



.amarillo{

	color:#d9c302;

	background-color:#bcf5fb;

}



.verde{

	color:#85b501;

	background-color:#bcf5fb;

	

}



.rojo{

	color:#ff022c;

	background-color:#bcf5fb;

}



td amarillo{

	color:yellow;

}



h1 amarillo{

	color:yellow;

}







root { 

    display: block;

}



body {

	font-family: arial, verdana, sans-serif;

    font-size: 12px;

    color: #555555;  

	background-image:url(imagenes/fichabackground.jpg);

	background:fixed;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;





}



.table {

    border: #BDC5C9 3px solid;

    border-collapse: collapse;

    margin-bottom: 10px;

    background-color: white;

}

.tables {

   /* width: 68%;*/

height: 100%;

border-collapse: collapse;;

margin-left: 1%;

margin-right: 1%;

font-size: 10px;

background-color:#ffffff;

	float:left;

}



.derecha {

	/*width:30%;*/

	/*height:5%;*/
	margin-left:1%;

	margin-bottom:1.5%;

}





.tabless {

    border: #BDC5C9 2px solid;

    border-collapse: collapse;

    margin-bottom: 10px;

     background-color: white;

     margin-left: 200px;

     margin-right: 10px;    

    font-size: 14px;

    border-right-color: #000099;

    border-left-color: #000099;

    border-bottom-color: #000099;

    border-top-color: #000099;

}

.tablas {

    border: #009cff 2px solid;

    border-collapse: collapse;

    margin-bottom: 10px;

     margin-left: 5%;

     margin-right: 5%;    

    font-size: 14px;

    border-right-color: #009cff;

    border-left-color: #009cff;

    border-bottom-color: #009cff;

    border-top-color: #009cff;

    border-right-width: 1px;

    border-left-width: 1px;

    border-bottom-width: 1px;

    border-top-width: 1px;

    border-right-style: solid;

    border-left-style: solid;

    border-bottom-style: solid;

    border-top-style: solid;

     width: 80%;

  

}

.tablasi {

    border: #BDC5C9 2px solid;

    border-collapse: collapse;

    margin-bottom: 15px;

     background-color: white;

     margin-left: 5%;

     margin-right: 10px;    

    font-size: 14px;

    border-right-color: #000099;

    border-left-color: #000099;

    border-bottom-color: #000099;

    border-top-color: #000099;

    border-right-width: 1px;

    border-left-width: 1px;

    border-bottom-width: 1px;

    border-top-width: 1px;

    border-right-style: solid;

    border-left-style: solid;

    border-bottom-style: solid;

    border-top-style: solid;

     width: 80%;

}



.tablass {

    border: #BDC5C9 2px solid;

    border-collapse: collapse;

    margin-bottom: 40px;

     background-color: white;

     margin-left: 80px;

     margin-right: 10px;    

    font-size: 14px;

    border-right-color: #000099;;

    border-left-color: #000099;;

    border-bottom-color: #000099;;

    border-top-color: #000099;;

    border-right-width: 1px;

    border-left-width: 1px;

    border-bottom-width: 1px;

    border-top-width: 1px;

    border-right-style: solid;

    border-left-style: solid;

    border-bottom-style: solid;

    border-top-style: solid;

    width: 650px;

    height: 70px;

    text-align: left;

    vertical-align: top;

    

    color: #000000;

}

.tablita {

    border: #BDC5C9 2px solid;

    border-collapse: collapse;

    margin-bottom: -1px;

     background-color: #009cff;

     margin-left: 5%;

     margin-right: 10px;    

    font-size: 14px;

    border-right-color: #009cff;

    border-left-color: #009cff;

    border-bottom-color: #009cff;

    border-top-color: #009cff;

    border-right-width: 1px;

    border-left-width: 1px;

    border-bottom-width: 1px;

    border-top-width: 1px;

    border-right-style: solid;

    border-left-style: solid;

    border-bottom-style: solid;

    border-top-style: solid;

    width: 650px;

       text-align: left;

    vertical-align: top;

    

    color: #000000;

}

.tabli {

    border: #BDC5C9 2px solid;

    border-collapse: collapse;

    margin-bottom: -1px;

     background-color: white;

     margin-left: 80px;

     margin-right: 10px;    

    font-size: 14px;

    border-right-color: #000099;;

    border-left-color: #000099;;

    border-bottom-color: #000099;;

    border-top-color: #000099;;

    border-right-width: 1px;

    border-left-width: 1px;

    border-bottom-width: 1px;

    border-top-width: 1px;

    border-right-style: solid;

    border-left-style: solid;

    border-bottom-style: solid;

    border-top-style: solid;

    width: 650px;

       text-align: left;

    vertical-align: top;

    

    color: #000000;

}

.tablitas {

    border: #BDC5C9 2px solid;

    border-collapse: collapse;

    margin-bottom: 20px;

     background-color: white;

     margin-left:5%;

     margin-right: 10px;    

    font-size: 14px;

    border-right-color: #000099;

    border-left-color: #000099;

    border-bottom-color: #000099;

    border-top-color: #000099;

    border-right-width: 1px;

    border-left-width: 1px;

    border-bottom-width: 1px;

    border-top-width: 1px;

    border-right-style: solid;

    border-left-style: solid;

    border-bottom-style: solid;

    border-top-style: solid;

    width: 80%;

       text-align: left;

    vertical-align: top;

    

    color: #000000;

}



th {

    height: 10%;

   background-color: #009cff;

    background-repeat: repeat-x;    

    color: #FFFFFF;

    font-weight: normal;

    text-align: center;

    padding-left: 3px;

    border: #009cff 3px solid;

	font-size:12px;

	border-right: 1px solid #fff;

	padding:0.5%;

}



.th_t {

    text-align: center;

}



.th_desc {

    background-color: #616f79;

    color: #FFFFFF;

    background-image: url(../imagenes/arrow-down.gif);

    background-position: 95% 50%;

    background-repeat: no-repeat;

    font-weight: bold;

    background-size:15px 15px;

}



.th_asc {

    background-color: #616f79;

    color: #FFFFFF;

    background-image: url(../imagenes/arrow-up.gif);

    background-position: 95% 50%;

    background-repeat: no-repeat;

    font-weight: bold;

    background-size:15px 15px;

}



th:hover {

    background-image: url(../imagenes/th-on_bg.png);

    background-repeat: repeat-x;

    color: #ffffff;

    cursor: pointer;

    background-size:100% 100%;

    

}



.inTr {

    background-color: #FFFFFF;

}



tr:hover {

    background-color: #779da7;

	color:white;

}



.trFinal, .trFinal:hover {

    font-size: 10px;

    background-color: #FAFAFA;

}



.trTotal, .trTotal:hover {

    font-size: 12px;

    background-color: #FAFAFA;

    font-weight: bold;

}



td {

    height: 18px;

    padding-left:1.5%;

	padding-right:1.5%;

	padding-top:.7%;

    border: 2px solid #009cff;

}



tr{

	

	font-size:15px;



-webkit-transition: all .2s ease-in;

-moz-transition: all .2s ease-in;

-ms-transition: all .2s ease-in;

-o-transition: all .2s ease-in;

transition: all .2s ease-in;

}

.coss {

    height: 18px;

    padding-left: 3px;

    padding-right: 3px;

    border: 1px solid #009cff;

    border-right-color: #009cff;

    border-left-color: #009cff;

    border-bottom-color: #009cff;

    border-top-color: #009cff;

    border-right-style: solid;

    border-left-style: solid;

    border-bottom-style: solid;

    border-top-style: solid;

    border-right-width: 1px;

    border-left-width: 1px;

    border-bottom-width: 1px;

    border-top-width: 1px;

    

    color: #666666;

   

    font-size: 14px;

}

.cossN {

    height: 18px;

    padding:3px;



    border: 1px dotted #009cff;

    border-right-color: #009cff;

    border-left-color: #009cff;

    border-bottom-color: #009cff;

    border-top-color: #009cff;

    border-right-style: solid;

    border-left-style: solid;

    border-bottom-style: solid;

    border-top-style: solid;

    border-right-width: 1px;

    border-left-width: 1px;

    border-bottom-width: 1px;

    border-top-width: 1px;

    

    color: #009cff;

    font-weight:regular;

}

.oculta {

	

    height: 18px;

    padding-left: 3px;

    padding-right: 3px;

    border: 1px dotted #009cff;

    border-right-color: #009cff;

    border-left-color: #009cff;

    border-bottom-color: #009cff;

    border-top-color: #009cff;

    border-right-style: hidden;

    border-left-style: hidden;

    border-bottom-style: solid;

    border-top-style: solid;

    border-bottom-width: 1px;

    border-top-width: 1px;

	background-color: #009cff;

    

    color: #000000;

}

.oculta2 {

    height: 18px;

    padding-left: 3px;

    padding-right: 3px;

    border: 1px solid #009cff;

    border-right-color: #009cff;

    border-left-color: #009cff;

    border-bottom-color: #009cff;

    border-top-color: #009cff;

    border-right-style: solid;

    border-left-style: hidden;

    border-bottom-style: solid;

    border-top-style: solid;

    border-right-width: 1px;

    border-left-width: 1px;

    border-bottom-width: 1px;

    border-top-width: 1px;

    

    color: #000000;

}

.cossi {

    height: 18px;

    padding-left: 3px;

    padding-right: 3px;

    border: 1px dotted #009cff;

    border-right-color:#009cff;

    border-left-color: #009cff;

    border-bottom-color: #009cff;

    border-top-color: #009cff;

    border-right-style: hidden;

    border-left-style: solid;

    border-bottom-style: solid;

    border-top-style: solid;

    border-right-width: 1px;

    border-left-width: 1px;

    border-bottom-width: 1px;

    border-top-width: 1px;

    

    color: #666666;

}



.cossiN {

    height: 18px;

    padding-left: 3px;

    padding-right: 3px;

    border: 1px solid #009cff;

    border-right-color:#009cff;

    border-left-color: #009cff;

    border-bottom-color: #009cff;

    border-top-color: #009cff;

    border-right-style: hidden;

    border-left-style: solid;

    border-bottom-style: solid;

    border-top-style: solid;

    border-right-width: 1px;

    border-left-width: 1px;

    border-bottom-width: 1px;

    border-top-width: 1px;

     font-weight:bold;

    color: #ffffff;

	background-color:#009cff;

}

.titulos {

    height: 18px;

    padding-left: 3px;

    padding-right: 3px;

	background-color:#009cff;

    border: 1px solid #009cff;

    color: #fff;    

    font-size: 14px;

}



.tituloss {

  

    padding-left: 3px;

    padding-right: 3px;

	background-color: #009cff;

    border: 1px dotted #009cff;

    border-right-color:#009cff;

    border-left-color: #009cff;

    border-bottom-color: #009cff;

    border-top-color: #009cff;

    border-right-style: solid;

    border-left-style: solid;

    border-bottom-style: solid;

    border-top-style: solid;

    border-right-width: 1px;

    border-left-width: 1px;

    border-bottom-width: 1px;

    border-top-width: 1px;

    

    color: #fff;

    

    font-size: 14px;

}



.td-money {

    text-align: right;

    padding-right: 3px;

}



.td-icon {

    text-align: center;

    width: 18px;

}



.pag {

    height: 12px;

    width: 20px;

    float: right;

    margin-right: 5px;

    font-size: 11px;

    background-image: url(../imagenes/buttonbg.png);

    background-repeat: repeat-x;

    text-align: center;

    padding-bottom: 2px;

}