@charset "utf-8";
/* CSS Document */
#boton_aceptar
{
	width:100%;
	height:30px;
	text-align:right;
	
}

.calendario
{
	background:url(img/calendar.jpg) no-repeat right;
}
#asignar
{
	
	background-color:#F3F5F7;
}
#fechas
{
	margin-top:00px;
	width:350px;
	clear:both;
	
}
#checboxes
{
	margin-top:20px;
	margin-bottom:20px;
	width:100%;
	height:auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.content_asignar
{
	margin-top:20px;
	color:#666;
	width:40%;
	height:auto;
	font-size:80%;
}
.content
{
	padding-left:5px;
	margin-top:20px;
	color:#666;
	width:100%;
	height:auto;
	font-size:55%;
}
.content2
{
	padding-left:5px;
	margin-top:10px;
	color:#666;
	width:100%;
	height:auto;
	font-size:100%;
}

.content_input
{
	width:100%;
	height:auto;
}
#textarea
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#F3F5F7;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
	font-size:16px;
	resize:none;
	border-color:#999;
}
.content_input input
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#F3F5F7;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
	font-size:16px;
	text-transform: capitalize;
}
#div_title
{
	margin-bottom:20px;
	margin-top:15px;
	width:100%;
	height:25px;
	clear:both;
	text-align:center;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:bold;
}
#div_tarea
{
	margin-left:10%;
	width:40%;
	height:auto;
  float:left;
}
#div_subtarea
{
	width:40%;
	height:auto;
	float:left;
	
}
#div_terminar
{
	width:100%;
	height:auto;
	clear:both;
	text-align:center;
}

.fielset
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 130%;
	color: #454545;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}









.example{
  margin-bottom : 0em;
}

input[type=checkbox]:not(old){
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
}

input[type=checkbox]:not(old) + label
{
  display      : inline-block;
  margin-left  : -2em;
  line-height  : 1.5em;
}

input[type=checkbox]:not(old) + label > span{
  display          : inline-block;
  width            : 0.875em;
  height           : 0.875em;
  margin           : 0.25em 0.5em 0.25em 0.25em;
  border           : 0.0625em solid rgb(192,192,192);
  border-radius    : 0.25em;
  background       : rgb(224,224,224);
  background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :      -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
  vertical-align   : bottom;
}

input[type=checkbox]:not(old):checked + label > span,
input[type=radio   ]:not(old):checked + label > span{
  background-image :    -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :     -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :      -o-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image : -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240));
  background-image :         linear-gradient(rgb(224,224,224),rgb(240,240,240));
}

input[type=checkbox]:not(old):checked + label > span:before{
  content     : '✓';
  display:block;
  width       : 1em;
  color:#757893;
  font-size   : 1em;
  line-height : 1em;
  text-align  : center;
  text-shadow : 0 0 0.0714em rgb(115,153,77);
  font-weight : bold;
}

input[type=radio]:not(old):checked +  label > span > span{
  display          : block;
  width            : 0.5em;
  height           : 0.5em;
  margin           : 0.125em;
  border           : 0.0625em solid rgb(115,153,77);
  border-radius    : 0.125em;
  background       : rgb(153,204,102);
  background-image :    -moz-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :     -ms-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :      -o-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image : -webkit-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :         linear-gradient(rgb(179,217,140),rgb(153,204,102));
}
@media screen and (max-width: 1024px)
{
	#div_tarea
{
	width:45%;
	height:auto;
  float:left;
  margin-left:5%;
} 
#div_subtarea
{
	width:45%;
	height:auto;
	float:left;
}
#fechas
{
	margin-top:00px;
	width:350px;
	clear:both;
	
}
}
