@charset "ISO-8859-1";
/* CSS Document */

body{
	margin:0;
	padding:0;
}

#main {	
	margin:0px auto;
	padding:0px 0px 0px 0px;
	width:900px;
	min-height:850px !important;
	height:auto;
}

#header{
	float:left;
	width:900px;
	height:165px;
	padding:10px 0px 15px 0px;
}

#logo{
	float:left;
	width:151px;
	height:165px;
	padding:0px 30px 0px 30px;
}

#menu{
	float:right;
	width:175px;
	height:140px;
	padding-top:25px;
}

#menu .item_menu, #menu .selected{
	float:right;
	width:150px;
	height:auto;
	text-align:right;
	padding:0px 25px 2px 0px;
	border-right:1px solid #000000;
}

#menu .selected{
	background-image:url(../../images/bg_selected.jpg);
	background-position:right;
	background-repeat:no-repeat;
}

#content{
	float:left;
	width:900px;
	height:auto;
}

#content #content_left{
	float:left;
	width:299px;
	height:auto;
	border-left:1px solid #000;
	margin-bottom:25px;
	padding:15px 0px 15px 0px;
}

#content #portafolio{
	float:left;
	width:848px;
	height:auto;
	padding:15px 25px 15px 25px;
	border-left:1px solid #000;
	border-right:1px solid #000;
	margin-bottom:25px;
}

#content #portafolio .titulo, #content #portafolio .parrafo{
	float:left;
	width:848px;
	height:auto;
	padding:0px 0px 15px 0px;
}

#content #content_left .titulo, #content #content_left .parrafo{
	float:left;
	width:249px;
	height:auto;
	padding:0px 25px 15px 25px;
}

#stages{
	float:left;
	width:299px;
	height:auto;
}

#stages .item_stages, #stages .selected{
	float:right;
	width:274px;
	height:auto;
	text-align:left;
	padding:0px 0px 2px 25px;
}

#stages .selected{
	background-image:url(../../images/bg_selected_left.jpg);
	background-position:left;
	background-repeat:no-repeat;
}

#content #content_main{
	float:left;
	width:598px;
	/* min-height:470px !important; */
	height:auto;
	border-left:1px solid #000;
	border-right:1px solid #000;
	margin-bottom:25px;
	padding:15px 0px 15px 0px;
}

#content #content_main .titulo, #content #content_main .parrafo{
	float:left;
	width:548px;
	height:auto;
	padding:0px 25px 15px 25px;
}

#footer{
	float:left;
	width:900px;
	height:auto;
	margin:25px 0px 25px 0px;
}

#footer #links{
	float:left;
	width:535px;
	height:10px;
	padding:10px 0px 18px 64px;
	border-left:1px solid #000000;
	background-image:url(../../images/bg_links.jpg);
	background-position:left;
	background-repeat:no-repeat;
}

#footer #copyright{
	float:left;
	width:275px;
	height:10px;
	text-align:right;
	padding:10px 24px 18px 0px;
	border-right:1px solid #000000;
}

/* Generales */
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#414343;
	text-align:justify;
}

#menu .item_menu a, #menu .selected a, #stages .item_stages a, #stages .selected a{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#000000;
	text-decoration:none;
}

#portafolio .titulo, #portafolio .titulo a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	color:#000000;
}

#footer #links a, #footer #copyright, #footer #copyright a{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#000;
	text-decoration:none;
}

#footer #links a:hover, #footer #copyright a:hover{
	text-decoration:underline;
}

small{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}
a{text-decoration:none; outline:0 none;}
img{border:0;}

/*
	Gallery
*/
.dmxGallery{
	overflow: hidden;
	position: relative;
	z-index: 10;
}

.dmxGallery .dmxImageHolder{
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

.dmxGallery .dmxWaiting{
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	background-image: url(../images/indicator_mozilla_blu.gif);
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 25;
}


.dmxGallery a.dmxNext, .dmxGallery a.dmxPrevious, .dmxGallery a.dmxPlay, .dmxGallery a.dmxPause, .dmxGallery a.dmxForward, .dmxGallery a.dmxRewind{
	position: absolute;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 20;
}

.dmxGallery a.dmxNext span, .dmxGallery a.dmxPrevious span, .dmxGallery a.dmxPlay span, .dmxGallery a.dmxPause span, .dmxGallery a.dmxForward span, .dmxGallery a.dmxRewind span{
	display: none;
}

.dmxGallery a.dmxPrevious{
	bottom: 5px;
	left: 2px;
	width: 32px;
	height: 32px;
	background-image: url( '../images/controlbl_prev.png' );
	background-position: left top;
}
.dmxGallery a.dmxPrevious:hover{
	background-image: url( '../images/controlbl_prev_roll.png' );
}

.dmxGallery a.dmxForward{
	bottom: 5px;
	right: 2px;
	width: 32px;
	height: 32px;
	background-image: url( '../images/controlbl_forward.png' );
	background-position: left top;
}
.dmxGallery a.dmxForward:hover{
	background-image: url( '../images/controlbl_forward.png' );
}

.dmxGallery a.dmxRewind{
	bottom: 5px;
	left: 2px;
	width: 32px;
	height: 32px;
	background-image: url( '../images/controlbl_rewind.png' );
	background-position: left top;
}

.dmxGallery a.dmxRewind:hover{
	background-image: url( '../images/controlbl_rewind.png' );
}

.dmxGallery a.dmxPlay{
	position: absolute;
	bottom: 5px;
	left: 50%;
	margin-left: -20px;
	width: 32px;
	height: 32px;
	background-image: url( '../images/controlbl_play.png' );
	background-position: right top;
}

.dmxGallery a.dmxPlay:hover{
	background-image: url( '../images/controlbl_play_roll.png' );
}

.dmxGallery a.dmxPause{
	position: absolute;
	bottom: 5px;
	left: 50%;
	margin-left: -20px;
	width: 32px;
	height: 32px;
	background-image: url( '../images/controlbl_pause.png' );
	background-position: right top;
}

.dmxGallery a.dmxPause:hover{
	background-image: url( '../images/controlbl_pause_roll.png' );
}

.dmxGallery a.dmxNext{
	position: absolute;
	bottom: 5px;
	right: 2px;
	width: 32px;
	height: 32px;
	background-image: url( '../images/controlbl_next.png' );
	background-position: right top;
}
.dmxGallery a.dmxNext:hover{
	background-image: url( '../images/controlbl_next_roll.png' );
}

/* this is the original list */
.dmxGallery .dmxImageHolder ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.dmxGallery .dmxImageHolder ul li
{
	padding: 0;
	margin: 0;
}

.dmxGallery .dmxImageHolder ul li h3, .dmxGallery .dmxImageHolder ul li p{
	display: none;
}

.dmxGallery .imageContainer{
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 10;
}


.dmxGallery .imageMainContainer:hover{
}

/* this is the thumbnail holder */
.dmxThumbList{
	position: absolute;
	top: 40px;
	left: 0px;
	width: 100%;
	height: auto;
	line-height: 0px;
	overflow: hidden;
	z-index: 15;
}

.dmxThumbList ul{
	position: absolute;
	padding: 0;
	list-style-type: none;
	margin: 0;
	height: 100%;
	white-space: nowrap;
}

.dmxThumbList ul li{
	padding: 0;
	margin: 0;
	float: left;
	clear: none;
	display: block;
	display: table-cell;
	vertical-align: middle;
}

.dmxThumbListVertical ul li{
	padding: 0;
	margin: 0;
	clear: both;
	display: block;
	display: table-cell;
	vertical-align: middle;
}


.dmxThumbList ul li a{
	float: left;
	padding: 0;
	margin: 0;
	background-position: center center;
	background-repeat: no-repeat;
	border: 3px solid #cbcbcb;
}

.dmxThumbList ul li a.selected{
	border: 3px solid #cbcbcb;
}

.dmxThumbList ul li a:hover{
	border: 3px solid #ff0000;
}

.dmxThumbList a.dmxNext, .dmxThumbList a.dmxPrevious{
	position: absolute;
	display: block;
	z-index: 20;
}

.dmxThumbList a.dmxNext span, .dmxThumbList a.dmxPrevious span{
	display: none;
}

.dmxThumbList a.dmxPrevious{
	bottom: 25px;
	left: 2px;
	z-index: 10;
	width: 40px;
	height: 40px;
	background-image: url( '../images/controlbl_prev.png' );
	background-position: left top;
}

.dmxThumbList a.dmxPrevious:hover{
	background-image: url( '../images/controlbl_prev_roll.png' );
}

.dmxThumbList a.dmxNext{
	position: absolute;
	bottom: 25px;
	right: 2px;
	z-index: 10;
	width: 40px;
	height: 40px;
	background-image: url( '../images/controlbl_next.png' );
	background-position: right top;
}

.dmxThumbList a.dmxNext:hover{
	background-image: url( '../images/controlbl_next_roll.png' );
}

.dmxThumbListVertical  a.dmxPrevious{
	top: 5px;
	left: 50%;
	margin-left: -20px;
	background-image:url(../images/controlbl_up.png);
}

.dmxThumbListVertical  a.dmxPrevious:hover{
 	background-image: url( '../images/controlbl_up_roll.png' );
}

.dmxThumbListVertical  a.dmxNext{
	bottom: 5px;
	left: 50%;
	margin-left: -20px;
  	background-image: url( '../images/controlbl_down.png' );	
}

.dmxThumbListVertical  a.dmxNext:hover{
  background-image: url( '../images/controlbl_down_roll.png' );	
}


/* this is the thumbnail holder */

.dmxGallery .message{
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding: 6px;
	height: 22px;
	display: none;
	background-color: #f00;
	color: #fff;
	font-family: Georgia, arial;
	font-size: 10px;
	z-index: 15;
	opacity: 0.5;
}

.dmxGallery .imageCaption{
	position: absolute;
	display: block;
	font-family: times;	
	background-color: #fff;
	font-size: 1em;
	height: 60px;
	bottom: 0;
	z-index: 15;
	padding: 10px;
}

.dmxGallery .imageCaption h3{
	margin: 0;
	padding: 0;
}

.dmxGallery .imageCaption p{
	margin: 0;
	padding: 0;
}