body{
	font-family: "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,arial,sans-serif;
	font-size: 12px;
	background-color: White;
	margin: 0;
	padding: 0;
	text-align: center; /* for IE */
	background-image: url(../images/dalimex_04.jpg);
	background-position: top;
	background-repeat: repeat-x;
}
form, td, p, textarea, ul {margin:0; padding:0;}
ul,li{
	text-align: left;
	margin-left:5%; 
	list-style-type: none;
}
input, textarea, select{font:11px/14px Tahoma, Arial, Geneva, sans-serif; color:#595959;}
input,select{height:17px; border:1px solid #d0d0d0;}
/*menu page*/
}
ul.topnav {
	list-style: none;
	padding: 0 20px;
	margin: 0;
	margin-top:0px;
	float: left;
	width: 800px;
	font-size: 1.2em;
	height: 40px;
	z-index:500;
}
ul.topnav li {
	float: left;
	margin: 0;	
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base--*/
	z-index:500;
}
ul.topnav li a{
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	background-color: #172B3F;
	color: #FFFFF0;
	border-color: #00008B;
	border-style: solid;
	border-width: 1px;
	background: url('../images/background_hover.jpg') repeat-x;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(../images/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0;
	top: 35px;
	background: #172B3F;
	margin: 0;
	padding: 0;
	display: none;
	float: left;
	width: 170px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #001931 url(../images/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover {
	/*--Hover effect for subnav links--*/
	background: #0055A6 url(../images/dropdown_linkbg.gif) no-repeat 10px center;
	background-color: #F2F2F2;
	color: #191970;
}
}
.spacer{
	width: 2px;
	height: 100%;
	border-left: 1px solid #F2F9FF;
	float:left;
}
/*end menu page */
.date_add{
	font-size: 10px;
	text-align: right;
	float: right;
	margin-top:5px;
	margin-left:5px;
	margin-right:2px;
	margin-bottom:5px;
	padding: 3px;
}

.error{
	font-size: 12px;
	font-weight: bold;
	color: Red;
}
.tooltip {
	display:none;
	background:transparent url(/images/tooltip/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 500px;
	height:170px;
	margin-bottom:2px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
}
.items img{
	margin: 3px;
}
/*overlay*/
.overlay_m {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
  background-color:#333333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.overlay_m .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* the large image. we use a gray border around it */
#img {
	border:1px solid #666;
}

/* "next image" and "prev image" links */
.next_m, .prev_m {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.prev_m {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.next_m {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.nex_mt:hover, .prev_m:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;		
}

/* the "information box" */
.info_m {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
	background-color: #313131;
}

.info_m strong {
	display:block;	
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
.next_m, .prev_m, .info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) url(/img/global/gradient/h80.png) repeat-x;
}
.title{
	padding-bottom: 2px;
	padding-top: 2px;
	padding-right: 4px;
	padding-left: 4px;
}
.read_more{
	margin-bottom:10px;
	margin-left:2px;
	text-align: left;
	position:relative;
}