@charset "utf-8";
/* CSS Document */

*{margin:0px; padding:0px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; }

body,html{
	padding-bottom:20px;
}
body
{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	font-size:13px; 
	color:#111;
	background-image: url(../images/bg_01.jpg);
	background-repeat: repeat-x;
	background-attachment:fixed;
	background-position:bottom left;
	background-color:#b2e5ff; 
	overflow-y:scroll;
}
#contenedor
{
	background:#FFF;
	border:#ccc 1px solid;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	width:850px;
	padding:15px;
	left:50%;
	top:15px;
	margin-left:-440px;
	position:absolute;
	-moz-box-shadow:0px 0px 8px 0px #888;
}

#header{
		height:100px;
		margin:5px 30px;
	}
	.exp{
		font-size:1.3em;
		padding: 18px 9px 14px 18px;
		background:#CF9;
		margin:-27px 30px 0px -20px;
		-webkit-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;border-radius:15px;
		border:#9F6 2px solid;
		color:#363;
	}
	.top{
		font-family:"Impact"; 
		font-size:4em; 
		/*color:#9ae;*/
		color:#06C;
		font-weight:bold;
		background:#fff;
		padding:2px 10px;
		margin-top:5px;
		-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;border-radius:8px;
	}
	
.td_gray{background:#CCC;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px; padding:5px}
	.td_gray h2{color:#06C; margin:0px;}
.ul{display:block; list-style:none;}
.ul li{list-style:none; float:left; margin:8.5px; border:#066 2px solid; background:#CFC; width:145px; text-align:left; text-transform:capitalize; font-weight:bold}
	.ul li:hover{background:#FFC; border:#C60 2px solid}
	.ul li label{width:100%; height:100%; display:block;  padding:5px;}
	
#slideshow
{
	overflow: hidden; position: relative;  width:400px; height:112px; position:absolute; left:50%; margin-left:-200px; background:#CF9; 
}
	#slideshow img
	{
		position: absolute; top: 0px; left: 0px; display: none; width: 400px; height: 112px;
	}
.tit{width:830px; padding:3px 5px 3px 5px; background:#eee; border:#999 2px solid; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; text-align:center; font-size:1.1em; letter-spacing:1px;}

		 
/**********************/
.tab{
	min-width:700px;
	min-height:300px;
}
.checklist {
	list-style: none;
	margin: 0;
	padding: 0px 50px 10px 80px;
	overflow:hidden;
	min-height:200px;
}
.checklist li {
	float: left;
	margin:10px 10px 15px 10px;
	background-color:#ffffff;
	 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#dbdbdb);
	 background-image:-moz-linear-gradient(top, #ffffff 36%, #dbdbdb 85%);
	 background-image:linear-gradient(top, #ffffff 36%, #dbdbdb 85%);
	 background-image:-webkit-gradient(linear, right top, right bottom, color-stop(36%,#ffffff), color-stop(85%,#dbdbdb));
	border:#099 1px solid;
	width: 180px;
	padding:10px 15px 45px 10px;
	height: 290px;
	font-size:15px;
	text-align:center;
	-webkit-border-radius:15px;-khtml-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;border-radius:15px;
}
	.checklist li img{
		padding: 0px 7px 12px 7px;
		border-bottom:#099 1px solid;
	}
.checklist li:hover{ 
	background-color:#9C0; 
	 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#99cc00, endColorstr=#68a301);
	 background-image:-moz-linear-gradient(top, #99cc00 36%, #68a301 85%);
	 background-image:linear-gradient(top, #99cc00 36%, #68a301 85%);
	 background-image:-webkit-gradient(linear, right top, right bottom, color-stop(36%,#99cc00), color-stop(85%,#68a301));
	border-color:#CF0;}
	.checklist li:hover img{
		border-color:#CF0;
	}
.checklist li.selected {
	background:#FFC; 
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFffCc, endColorstr=#d9d97f);
	 background-image:-moz-linear-gradient(top, #FFffCc 36%, #d9d97f 85%);
	 background-image:linear-gradient(top, #FFffCc 36%, #d9d97f 85%);
	 background-image:-webkit-gradient(linear, right top, right bottom, color-stop(36%,#FFffCc), color-stop(85%,#d9d97f));
	border-color:#fff;
	-moz-box-shadow: 0px 0px 15px 0px #ff9;-webkit-box-shadow: 0px 0px 15px 0px #ff9;-o-box-shadow: 0px 0px 15px 0px #ff9;box-shadow: 0px 0px 15px 0px #ff9;
}
	.checklist li.selected img{
		border-color:#C90;
	}
.checklist li.selected .checkbox-select {
	display: none;
}
.checklist li.selected .cant{position:absolute; z-index:40; width:60px; height:30px; border-color:#999; background:#ffc; color:#444; display:block; font-weight:bold; margin-left:7px; margin-top:10px; text-align:center; font-family:Tahoma, Geneva, sans-serif}
.checkbox-select {
	display: block;
	position: absolute;
	z-index:10;
	margin-left:5%;
	margin-top:1%;
	width: 110px;
	height: 40px;
	background: url(../images/seleccion.png) no-repeat 0 0;
	text-indent: -9999px;
}

.checklist li input {
	display: none;
}

a.checkbox-deselect,#deselect {
	display: none;
	color:#033;
	font-weight: bold;
	text-decoration: none;
	position: absolute;
	z-index:11;
	margin-left:9%;
	margin-top:2%;
	font-size:1.3em;
}

.checklist li.selected a.checkbox-deselect {
	display: block;
}

.checklist li label {
	display: block;
	text-align: center;
	padding: 8px;
}
.firma
{
	font-size:1.1em;
	color:#333;
	padding-top:15px;
	text-align:center;
}
	.firma a
	{
		color:#F60;
		font-weight:bold;
		text-decoration:none;
		text-align:center;
	}
		.firma a:hover
		{
			color:#9C0;
		}
		
h2,h3,h4,h5,h6
{
	color:#F60;
	font-weight:bold;
}
h1{border:#06F 1px dotted; padding-left:5px; padding-right:5px; color:#06f; margin-bottom:15px; -moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px; background:#FFC}
.send{
	display:block;	
	min-width:250px;
	min-height:35px;
	padding:6px 10px;
	background:#9C0;
	border:#060 8px solid;
	color:#060;
	font-size:2.3em;
	font-weight:bold;
	-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px;
}
	.send:hover{
		background:#09C;
		border-color:#036;
		color:#036;
	}
	.send:active, .send:click{
		background:#666;
		color:#9C0;
		border-color:#9c0;
	}
	.input label{
		padding:12px 15px;
		float:left;
		margin:10px 8px 10px 0px;
		display:block;
		min-width:150px;
		max-width:240px;
		filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#dbdbdb);
	 background-image:-moz-linear-gradient(top, #ffffff 36%, #dbdbdb 85%);
	 background-image:linear-gradient(top, #ffffff 36%, #dbdbdb 85%);
	 background-image:-webkit-gradient(linear, right top, right bottom, color-stop(36%,#ffffff), color-stop(85%,#dbdbdb));
	 -webkit-border-radius:8px;-khtml-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;border-radius:8px;
	 border:#fff 1px solid;
	}
		.input label:hover, .input label.focused{
			filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#99cc00, endColorstr=#68a301);
	 background-image:-moz-linear-gradient(top, #99cc00 36%, #68a301 85%);
	 background-image:linear-gradient(top, #99cc00 36%, #68a301 85%);
	 background-image:-webkit-gradient(linear, right top, right bottom, color-stop(36%,#99cc00), color-stop(85%,#68a301));
	 color:#FFF;
	 border-color:#CF0;
		}
fieldset{
	border-color:#9C0;
	padding:3px 0px 8px 6px;
	-webkit-border-radius:15px;-khtml-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;border-radius:15px;
	text-align:left
}
fieldset label{
	text-align:left;
}
fieldset p,.contacto{
	margin:6px 13px 15px 6px;
	padding:12px;
	line-height:1.5em;
	font-size:1.1em;
	background:#FFC;
	color:#666;
	font-weight:bold;
	webkit-border-radius:12px;khtml-border-radius:12px;o-border-radius:12px;moz-border-radius:12px;border-radius:12px;
	border:#FC6 1px solid;
	overflow:hidden;
	display:block;
	clear:both;
}
fieldset h3{
	font-size:1.3em;
	font-weight:bold;
	padding:5px 8px 5px 0px;
	margin:5px 12px 6px 5px;
	border-bottom:#9C0 1px dotted;
	color:#09C;
}
legend{
	font-size:1.6em;
	color:#F60;
	font-weight:bold;
	padding:0px 8px;
}
#explicacion{
	margin:5px 10px 10px 0px;
}
tr.tr{
	padding:20px 15px;
	background:#F60;
	border-bottom:#999 1px solid;
	font-size:1.2em;
	font-weight:bold;
	color:#fff;
	margin-bottom:10px;
}
	tr.tr{
		background:#F60;
		color:#FFF;
	}
tr.td{
	padding:15px 10px;
	border-bottom:#CCC 1px solid;
	font-size:1em;
	display:block;
}
.vedicion{
	background:#9C0;
	color:#FFF;
	font-weight:bold;
	font-size:1.1em;
	text-decoration:none;
	text-align:center;
	display:block;
	padding:6px 8px;
	margin:5px;
	-webkit-border-radius:7px;-khtml-border-radius:7px;-moz-border-radius:7px;-o-border-radius:7px;border-radius:7px;
}
	.vedicion:hover{
		background:#06F;
	}
	table tr td.td{
		padding-left:10px;
	}
	form.crear{
		padding:15px;
		background:#CFC;
		margin:10px 0px;
		-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px;
		text-align:center;
	}
		input.id{
			padding:5px 7px; width:40%;
			border:#03C 3px solid;
		}
		input.enviar{
			padding:3px 7px;
			background:#F60;
			border:#F90 2px solid;
			color:#FFF;
			font-weight:bold;
			font-size:1.2em;
		}
			input.enviar:hover{
				background:#06C;
				border-color:#09C;
			}
		input.inp{
			padding:4px 2px;
			color:#666;
			font-size:1.1em;
			border:#09C 1px solid;
		}
			input.inp:hover,input.inp:active{
				background:#FF9;
				border:#F60 1px solid;
				color:#036;
			}
.flotacion{
	width:48%;
	float:left;
	margin-right:2%;
}
.delete{
	display:block;
	padding:.35em .6em;
	background:#C00;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	font-size:1.25em;
	margin:.3em 1em;
	-webkit-border-radius:7px;-khtml-border-radius:7px;-moz-border-radius:7px;-o-border-radius:7px;border-radius:7px;
	cursor:pointer;
}
	.delete:hover{
		background:#F00;
	}