@charset "utf-8";
body,td,th {
	color: #000066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
body {
	background-image: url(imagenes_css/fons.gif);
	background-repeat: repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

img {
	border:none;
}

a:link {
	color: #000066;
}
a:visited {
	color: #000066;
}
a:hover {
	color: #3333CC;
}
a:active {
	color: #000066;
}
.menuInicio {
	background-color: #9999CC;
	padding: 20px;
	width: 200px;
	font-size: 18px;
}
.contenido {
	background-color: #9999CC;
	padding: 20px;
}
.titulo {
	font-size: 20px;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	background-color: #FFFFFF;
	text-align: center;
	color: #0000FE;
}
.resaltado {
	font-weight: bold;
	color: #0000FE;
}
.itemMenu {
	color: #FFFFFF;
	background-color: #0000FE;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	border: 2px solid #FFFFFF;
}
.itemMenu a:link {
	color: #FFFFFF;
}
.itemMenu a:visited {
	color: #FFFFFF;
}
.itemMenu a:hover {
	color: #B3B3FF;
}
.itemMenu a:active {
	color: #FFFFFF;
}
.titulo_producto {
	font-weight: bold;
	color: #0000FE;
}
.descripcionProducto {
	padding-left: 20px;
}

.opciones {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border: 1px solid #CCCCCC;
	text-align: right;
	margin-bottom: 10px;
	font-size:12px;
}

.node{
	border: 1px solid #CCCCCC;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	width: 510px;
	background-color: #f2f3df;
	color: #666666;
}

/* Don't change these options */
	#movableNode{
		position:absolute;
	}
	
	#arrDestInditcator{
		position:absolute;
		display:none;
		width:100px;
	}
/* End options that shouldn't be changed */

	
#arrangableNodes,#movableNode ul{
	padding-left:0px;
	margin-left:0px;
	margin-top:0px;
	padding-top:0px;
}

#arrangableNodes li,#movableNode li{
list-style-type:none;
cursor:default;
padding-top: 0px;
padding-bottom: 10px;
}


.contenido {
	line-height: 16px;	
}

.boton{
	background:url(imagenes_css/submit.gif);
	width:26px;
	height:22px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	border:none;
	margin-top:6px
}

/*DRAG&DROP IMAGENES*/
	form{
		display:inline;
	}
	.imageBox,.imageBoxHighlighted{
		width:130px;	/* Total width of each image box */
		height:160px;	/* Total height of each image box */
		float:left;
	}
	.imageBox_theImage{
		width:110px;	/* Width of image */
		height:125px;	/* Height of image */
		
		/* 
		Don't change these values *
		*/
		background-position: center center;
		background-repeat: no-repeat;		
		margin: 0 auto;
		margin-bottom:2px;
	}
	
	.imageBox .imageBox_theImage{
		border:1px solid #DDD;	/* Border color for not selected images */
		padding:2px;
	}
	.imageBoxHighlighted .imageBox_theImage{
		border:3px solid #316AC5;	/* Border color for selected image */
		padding:0px;

	}
	.imageBoxHighlighted span{	/* Title of selected image */
		background-color: #316AC5;
		color:#FFFFFF;
		padding:2px;
	}
	
	.imageBox_label{	/* Title of images - both selected and not selected */
		text-align:center;
		font-family: arial;
		font-size:11px;		
		padding-top:2px;
		margin: 0 auto;
	}
	
	/* 
	DIV that indicates where the dragged image will be placed	
	*/
	#insertionMarker{
		height:150px;
		width:6px;
		position:absolute;
		display:none;

	}
	
	#insertionMarkerLine{
		width:6px;	/* No need to change this value */
		height:145px;	/* To adjust the height of the div that indicates where the dragged image will be dropped */
	
	}
		
	#insertionMarker img{
		float:left;
	}
	
	/*
	DIV that shows the image as you drag it 
	*/
	#dragDropContent{

		opacity:0.4;	/* 40 % opacity */
		filter:alpha(opacity=40);	/* 40 % opacity */

		/* 
		No need to change these three values 
		*/
		position:absolute;
		z-index:10;
		display:none;
			
	}