@import url("general.css");
/************* VENTANA AGREGADOS ************/

#agregados{
	display:none;
	position:fixed;
	z-index:9999999999999;
	background-color:rgba(0,0,0,0.2);
	left:0;
	top:0;
	right:0;
	bottom:0;
}

#agregados #tabla{
	position:relative;
	display:table;
	width:100%;
	height:100%;
	vertical-align:middle;
	text-align:center;
}

#agregados #tabla #celda{
	position:relative;
	display:table-cell;
	vertical-align:middle;
	padding:30px;
}

#agregados #tabla #celda #cont{
	position:relative;
	display:table;
	height:auto;
	width: auto;
	max-width:700;
	margin:0 auto;
	background-color:#d23117;
	padding:30px;
}

#agregados #tabla #celda #cont h2{
	color:#fff;
	text-shadow:none;
	-moz-text-shadow:none;
	-ms-text-shadow:none;
	-o-text-shadow:none;
	-webkit-text-shadow:none;
	text-align:left;
}

#agregados #tabla #celda #cont #items{
	position:relative;
}

#agregados #tabla #celda #cont #items #item{
	position:relative;
	width:220px;
	height:auto;
	margin:0;
	padding:8px 5px;
	float:left;
	text-align:left;
	vertical-align:middle;
	color:#fff;
}

#agregados #tabla #celda #cont #items #item input[type="checkbox"]{
	padding:3px;
	margin-left:5px;
	margin-right:5px;
	margin-top:8px;
	margin-bottom:5px;
	opacity:0;
}
#agregados #tabla #celda #cont #items #item input[type="checkbox"] + label{
	margin-top:4px;
	width:20px;
	height:20px;
	background-image:url(../img/check.png);
	border:none;
}


#agregados #tabla #celda #cont #items #item input[type="checkbox"]:checked + label{
	background-position:-20px 0px;
}


#agregados #tabla #celda #cont #agregar,
#agregados #tabla #celda #cont #cancelar
{
	position:relative;
	display: inline-table;
	margin:40px 10px;
	background:none;
	border:2px solid #fff;
	color:#fff;
	text-shadow:none;
	-moz-text-shadow:none;
	-ms-text-shadow:none;
	-o-text-shadow:none;
	-webkit-text-shadow:none;
}

#agregados #tabla #celda #cont #agregar:hover,
#agregados #tabla #celda #cont #cancelar:hover
{
	background-color:#0C0;
}




@media screen and (max-width: 1100px) {
	
	
}

@media screen and (max-width: 700px) {
	#agregados #tabla #celda{
		padding:0px;
	}
	
	#agregados #tabla #celda #cont{
		padding:15px;
	}
	
	#agregados #tabla #celda #cont #items #item{
		display:block;
		width:auto;
	}
	
	#agregados #tabla #celda #cont #agregar,
	#agregados #tabla #celda #cont #cancelar
	{
		display: table;
		margin:10px auto;
	}
	
}