@charset "utf-8";


/****** BASE GENERAL TABLAS ******/

.table-stroke thead th {
	border:#006 solid 1px;
	}
	
.table-stroke tbody th,.table-stroke tbody td{
	border:#006 solid 1px;
	}

/* estilos textos th UP*/
.movie-list thead th,
.movie-list tbody th .ui-table-cell-label,
.movie-list tbody td .ui-table-cell-label {
    font-size: 1.0em;
    color: #fff; 
	font-family: Arial, Helvetica, sans-serif, Calibri;
	background-color: #09F;
	text-shadow:none;
	text-align:center;
	}

/* estilos textos th izquierda */
.movie-list tbody th {
    font-size: 1.0em;
    text-align: center;
	border:#006 solid 1px;
	color: #003955;
	text-shadow:none;
	}

.movie-list tbody {/*cuerpo general de la tabla*/
    background-color: #e1f7fb; /*color FONDO*/
	}

.movie-list tbody td > p{
	font-family: Arial, Helvetica, sans-serif, Calibri;
	font-size: 1.0em;
	color: #003955;
	padding: 0px;
	margin: 0px;
	background-color: transparent;
	border-bottom:#999 solid 0px;
	text-align:center;
	text-shadow:none;
	}

	
/****** //BASE GENERAL TABLAS ******/	
	
/* Add alternating row stripes */
.table-stripe tbody tr:nth-child(odd) td,
.table-stripe tbody tr:nth-child(odd) th {
  background-color: rgba(0,0,0,0.04);
}
/* Add stroke to the header and last item */
.table-stripe thead th,
.table-stripe tbody tr:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.class_padding_2_in_pc {
	padding:2px !important;
	} 	

	
/****** CSS MÓVILES ******/

/*cuando la pantalla es menor de 1015px*/
@media only screen and (max-width: 1015px) {
	
/*borde tablas*/
.table-stroke thead th {
	border:#006 solid 0px;
	}
	
.table-stroke tbody th,.table-stroke tbody td{
	border:#006 solid 0px;
	}
	
/* estilos textos th izquierda */
.movie-list tbody th {
/*	border-top:#fff solid 15px;*/
	}	
	
.movie-list thead th,
.movie-list tbody th .ui-table-cell-label,
.movie-list tbody td .ui-table-cell-label {
	font-size: 1.0em;
	width: 99%;
	margin:0px;
	padding:0px;
	padding-left:5px;
	text-align: left;
	}	

.movie-list tbody th {
	margin-top: 0;
 	text-align: left;
    }

.movie-list tbody th, .movie-list tbody td.title {
	font-size: 1.2em;
	background-color: #0CF;/*color fuente*/
	color: #06F; 	
    }
	
.movie-list tbody td.title {
	border-bottom: 1px solid rgba(0,0,0,.15);
    }

.movie-list tbody td > p{
	width: 99%;
	font-family: Arial, Helvetica, sans-serif, Calibri;
	font-size: 1.0em;
	color: #003955;
	padding: 0px;
	margin: 0px;
	background-color: #E1F7FB;
	border-bottom:#999 solid 1px;
	padding-left:5px;
	text-align: left;
	}
	
/*cabeceras de tablas movil*/	
.movie-list tbody th {
	font-size: 1.2em;
	background-color: #AEE4FF;
	color: #003955; 
	text-shadow:none;
	}	
 
 /*marco exterior en moviles */ 
tr.mbordecito {
	background-color: #CDDAE0;
	border-top:#fff solid 25px;
	}

}


/*cuando la pantalla es mayor de 1015px*/
@media only screen and (min-width: 1015px) {

.movie-list td,
.movie-list th,
.movie-list tbody th,
.movie-list tbody td,
.movie-list thead td,
.movie-list thead th {
	display: table-cell;
	margin: 0;
    }

.movie-list td .ui-table-cell-label,
.movie-list th .ui-table-cell-label {
	display: none;
    }
	
td.amarillo {
	background-color:#FF0;
	}

td.amarillito {
	background-color:#FF6;
	}

td.naranja {
	background-color:#FFB66C;
	}

td.rojo{
	background-color:#fe6969;
	}	
	
td.verdecillo {
	background-color:#dcfd77;
	}	

td.amarillo_verde{
	background-color:#effd77;
	}
	
td.verde_tono_a {
	background-color:#bedb67;
	}	
	
td.verde_tono_b {
	background-color:#b3d54d;
	}	
	
td.verde_tono_c {
	background-color:#99cc41;
	}	
	
.contenedor_tablas{
	padding-right:5px;
	padding-left:5px;
	}	

}


/*cuando la pantalla es menor de 1015px*/
@media only screen and (max-width: 1015px) {
	
    .movie-list td,
    .movie-list th {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        clear: left;
    }
	
.class_padding_2_in_pc {
	padding:8px !important;
	} 
	
}