/* Gallery Styles */

#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 100%; /* Set to gallery width, in px or percentage */
height: 102px; /* Set to gallery height */
}

#motioncontainer a img {
border: 1px solid #cccccc; /* Set image border color */
}

#motioncontainer a:hover img {
border: 1px solid navy; /* Set image border hover color */
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */


/* GALERIA */
#todo {
	background:#c9c2b0;
	border:5px solid #e7dfca;
	height:auto!important;
	height:479px;
	min-height:479px;
	width:526px;
}

#arriba {
	background:#b1ab9b;
	height:auto!important;
	height:107px;
	min-height:107px;
}

#abajo {
	background:#c9c2b0;
	height:auto!important;
	height:280px;
	min-height:280px;
}






.imageOver{
	background:url(images/zoom.gif) no-repeat 50% 50%;	
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;	
}
.imageOver2{
	background:#fff;	
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;	
}
.imageOut2{
	background:url(images/frame.gif) no-repeat 0 0;	
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.imageOver3{
	background:url(images/frame.gif) no-repeat 0 0;	
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;	
}
.imageOver4{
	background:url(images/pattern.gif) repeat;	
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;	
}
.imageOver5{
	background:url(images/button.gif) no-repeat 50% 50%;	
}