@charset "utf-8";
/* CSS Document */
input[type='checkbox'] {
	vertical-align:middle;
    -webkit-appearance:none;
    width:22px;
    height:22px;
    background:white;
    border-radius:1px;
    border:1px solid #666;
}
.ultima_fila{ font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; padding-top:10px; text-align:center; color:#666;}
.ultima_fila_subtarea{ font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; padding-top:10px; text-align:center; color:#666;}
#subtareas{ margin-left:70px; padding-top:25px;}
.fechas_subtarea label { color:#666;font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}
.fechas_subtarea{ font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; color:#666;}
.prioridad_subtarea{ text-align:center; width:20%; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; color:#666;}
.descripcion_subtarea label { font-style:italic;}
.descripcion label { font-style:italic;}
.notified:checked {
	background-image:url(media/gris.png); background-size:cover;
}
.finalized:checked {
		background-image:url(media/verde.png); background-size:cover;
}
#not:checked {
	background-image:url(media/gris.png); background-size:cover;
}
#fin:checked {
		background-image:url(media/verde.png); background-size:cover;
}
#div1{border-top-left-radius:10px; padding-top:40px; position:fixed; font-family:Arial, Helvetica, sans-serif; width:20%; background-color:#D1CCF2; height:500px; float:left;}
#div2{ width:80%; height:500px; float:left; margin-left:15%;}
#tarea{ font-size:22px; font-weight:bold;}
#div1 a{ margin-left:0px;}
#tarea{ margin-left:15px;}
#div1 legend{}
#contenedor{ margin-left: 15%; margin-top:15px;}
#contenedor a { color:#000;
  	font-size:15px;
	font-family:Tahoma, Geneva, sans-serif;}
#nombre_tarea { color:#666;
  		font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-weight:bold;
  		}
.fechas_tarea{ font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}
.ultima_fila{ font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; padding-top:10px; text-align:left;}
.ultima_fila label{ vertical-align:middle;}
.descripcion_subtarea{font-size:16px; padding-top:15px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
			  padding-bottom:10px; text-align:justify; color:#666;}
.descripcion{ font-size:16px; padding-top:15px;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
			  padding-bottom:10px; text-align:justify;}
.prioridad{ text-align:left;; width:20%; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}

.tabla_tarea{ margin-top:10px; margin-left:30px; width:670px;border-collapse:collapse;border:0px solid #999;}
.fecha_creacion{ color:#999; font-size:12px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}
.glossymenu{
list-style-type: none;
margin: 5px 0px;
padding: 0;
width: 99%;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu li a{
background: white url(media/glossyback.gif) repeat-x bottom left;
font: bold 15px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
padding-bottom:5px;
padding-top:5px;
text-decoration: none;

}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(media/glossyback2.gif);
}

@media screen  and (max-width: 1024px)
{
	#div1{height:500px;}  /*TABLET*/
	#div2{ width:75%; height:500px; float:left; margin-left:15%;}

}
