@import url(http://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light);
html,body{height:100%;}
*{outline:none;}
body{margin:0px; padding:0px; background:#000;overflow:hidden;}
#toolbar{ display:none; position:fixed; z-index:3; right:10px; top:10px; padding:5px; background:url(fs_img_g_bg.png);}
#toolbar img{border:none;}
#img_title{position:fixed; z-index:60; right:0px; top:72px; padding-left:10px; padding-right:10px; line-height:20px; background:rgba(0, 0, 0, 0.8); color:#FFF; font-family:Verdana, arial, serif; font-size:11px; cursor:pointer; min-width:168px;}
#bg{position:fixed; z-index:1; overflow:hidden; width:100%; height:100%;}
#bgimg{display:none; -ms-interpolation-mode: bicubic;}
#preloader{
	position: relative;
	z-index: 3;
	width: 48px;
	padding: 20px;
	margin: auto;
	background: rgba(0,0,0,0.5);
}
#thumbnails_wrapper{
	z-index: 35;
	position: fixed;
	width: 100%;
	bottom: 75px;
	background: url(empty.gif); /* stupid ie needs a background value to understand hover area */
	display:inline-block;
}
#outer_container{
	position: relative;
	height: 60px;
}
#contentor { height:60px; background-color: rgba(0,0,0,.7);margin: 10px auto; }  
#outer_container .thumbScroller{
	position: relative;
	overflow: hidden;
	float: left;
}
#subuser{position:absolute; left:20px; width:210px; top:62px; height:auto;padding:10px;background-color: rgba(0, 0, 0, 0.8);display:none;z-index:20000;}
#outer_container .thumbScroller, #outer_container .thumbScroller .container, #outer_container .thumbScroller .content{
	height: 60px;
	float: left;
}
#outer_container .thumbScroller .container{
	position: relative;
}
#outer_container .thumbScroller .content{
	float: left;
	height: 60px;
	width: 65px;
}
#outer_container .thumbScroller .container .content div{
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 13px;
	margin-bottom: 13px;
	height: 34px;
	width: 55px;
}
#outer_container .thumbScroller img{
	border: 2px solid #7a7a7a;
}
#outer_container .thumbScroller .container .content div a{
	display: block;
}
.leftc{float:left; margin-left:10px; margin-right:10px; margin-top:13px; margin-bottom:13px; width:8px; height:34px; background:url('../images/thumbsides.png') 0px 0px no-repeat;}
.rightc{float:left; margin-left:10px; margin-right:10px; margin-top:13px; margin-bottom:13px; width:8px; height:34px; background:url('../images/thumbsides.png') -9px 0px no-repeat;}

.nextImageBtn, .prevImageBtn{
	display: block;
	position: absolute;
	width: 80px;
	height: 25px;
	top: 50%;
	margin: -25px 10px 0 10px;
	z-index: 58;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	text-decoration: none;
}
/*.nextImageBtn:hover,.prevImageBtn:hover{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}*/

.nextImageBtn{right:0px; background:url(../images/rtoff.png) right center no-repeat;}
.prevImageBtn{left:0px; background:url(../images/ltoff.png) left center no-repeat;}
.prevImageBtn .im{ float:left; width:15px;height:25px; opacity:0;background:url(../images/lton.png) left center no-repeat;line-height:24px; font-family:Verdana, arial, serif; font-size:10px; color:#7A7A7A; text-decoration:none; font-weight:bold; text-shadow: 0 1px 1px #000; text-transform:uppercase;padding-left:15px; width:65px;}
.nextImageBtn .im{ float:right; text-align:right;height:25px;opacity:0;background:url(../images/rton.png) right center no-repeat; line-height:24px; font-family:Verdana, arial, serif; font-size:10px; color:#7A7A7A; text-decoration:none; font-weight:bold; text-shadow: 0 1px 1px #000; text-transform:uppercase;padding-right:15px; width:65px;}

#header {
	margin: 0px;
	padding: 0px;
	min-height:62px;
	height:auto;
	width: 100%;
	z-index: 500;
	position: absolute;
	display:inline-block;
}
.backhead{ position:absolute; width: 100%; height:62px; z-index: -11;background-color: rgba(0,0,0,0.8);left:0px;top:0px;}
#footer {
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 100%;
	height: 75px;
	z-index: 500;
	position: absolute;
	bottom: 0px;
}
#bgfoot{ width:100%; height:75px; position:absolute;left:0px;top:0px; background-color: rgba(0,0,0,0.8); opacity:1;}
#fullscreen{ position:absolute; bottom:25px; right:35px; width:25px; height:20px; display:block; cursor:pointer; background:url('../images/fscreen.gif') 0px 0px no-repeat; z-index:5; }
#fullscreen:hover{ background:url('../images/fscreen.gif') 0px -20px no-repeat; }
#fullscreen.fulled { background:url('../images/fscreen.gif') -25px 0px no-repeat; }
#fullscreen.fulled:hover{ background:url('../images/fscreen.gif') -25px -20px no-repeat; }
.footline{ margin-left:auto; margin-right:auto; width:918px; height:1px; background:url('../images/footlineb.png') 0px 0px no-repeat;margin-top:15px; position:relative; z-index:2; }
.at{margin-left:auto; margin-right:auto; width:21px; height:10px; background:url('../images/at.png') 0px 0px no-repeat; cursor:pointer;}
.line{
	width: 100%;
	height: 14px;
	background: url('../images/toplineb.png') center 5px no-repeat;
	position: absolute;
	z-index: 5;
	top: 48px;
	left: 0px;
}
#tophead {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 48px;
	width: 100%;
	position:absolute;
	left:0px;
	top:0px;
	z-index: -10;
}
.logoproject{top:10px; right:37px; height:12px;  z-index:9; position:absolute; width:197px; }
.ffwdlogo { width:187px; top:10px; left:37px; height:12px; z-index:9; position:absolute; }
.plylogo{ width:65px;top:10px; left:37px; height:12px;z-index:9; position:absolute; }
.rcelogo { width:54px;top:10px; left:37px; height:12px;z-index:9; position:absolute;}
.rwdlogo { width:107px;top:10px; left:37px; height:12px;z-index:9; position:absolute;}
.pauslogo { width:80px;top:10px; left:37px; height:12px;z-index:9; position:absolute; }
.stplogo {width: 69px;top:10px; left:37px; height:12px;z-index:9; position:absolute;}
.login{ position:absolute; left:37px; top:30px; width:200px; height:12px; }
.login .seta{ float:left; width:6px; height:12px; font-family:Verdana, Geneva, sans-serif; color:#960000; font-size:10px; font-weight:bold; }
.login .seta a{width:6px; height:12px; font-family:Verdana, Geneva, sans-serif; color:#960000; font-size:10px; font-weight:bold; text-align:center; line-height:12px; text-decoration:none;  }
/*.login .seta a:hover{color:#ff140f; }*/
.login .txt{ float:left; margin-left:3px; width:11px; height:12px; line-height:12px; font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:bold; color:#424242;  }
.login .txt a{ margin-left:10px; float:left; text-decoration:none; color:#870000; } .login .txt a:hover, .login .txt a.activo{ color:#ff140f; text-shadow: 0px 1px 3px #000000; filter: dropshadow(color=#000000, offx=0, offy=1); }
.login .uname, .login .upass{ float:left; width:60px; height:12px; margin-left:12px; display:none; }
.login .uname #uname {float:left; background-color:transparent; width:60px; height:12px; border:none; color:#7a7a7a; font-size:10px; background-image:url('../images/cursor.gif'); background-position:left bottom; background-repeat:no-repeat; outline: none; }
.login .upass #upass {float:left; background-color:transparent; width:60px; height:12px; border:none; color:#7a7a7a; font-size:10px; background-image:url('../images/cursor.gif'); background-position:left bottom; background-repeat:no-repeat; outline:none; }
#menubase{
	width: 300px;
	/*min-height: 20px;*/
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	display: block;
	text-align: center;
	position: relative;
	z-index: 6;
	height:auto;
	float:left;
}
#menubase .submenuselholder{ width:100%; height:15px; line-height:15px;font-family:Verdana, Geneva, sans-serif; color:#ff140f; text-align:center; text-decoration:none; font-size:10px; font-weight:bold; float:left; }
#menubase .submenuselholder a{ margin-left:auto; margin-right:auto; float:none; }
#menubase #menulinks a{ width:auto; height:20px; line-height:20px; font-family:Verdana, Geneva, sans-serif; color:#870000; text-align:center; text-decoration:none; font-size:11px; font-weight:bold;padding-left:2px;padding-right:2px; margin-left:2px; margin-right:2px; display:inline-block; }
/*#menubase a:hover{color:#ff140f; text-shadow: 0px 1px 3px #000000; filter: dropshadow(color=#000000, offx=0, offy=1); }*/
#menubase #menulinks a.selected{color:#ff140f; text-shadow: 0px 1px 3px #000000; filter: dropshadow(color=#000000, offx=0, offy=1);}
.playVid{
	position: absolute;
	width: 150px;
	height: 150px;
	z-index: 8;
	background: url('../images/playvideo.png') 0px 0px no-repeat;
	display:none;
}
.playVid .over{width: 150px;height: 150px;opacity:0;background: url('../images/playvideo.png') 0px -150px no-repeat;float:left;cursor:pointer;}
#pushVideo{position:absolute;z-index:20;width:100%;height:100%;display:none;}
#pVideo{ position:absolute;top:0px;left:0px;width:100%;height:100%; }
#agaleria {position:absolute; width:100%; height:100%; left:0px; top:0px; z-index:-2; }
.about{
	position: absolute;
	right: 37px;
	top: 30px;
	width: 10px;
	height: 10px;
}
.about a{ font-family:Verdana, Geneva, sans-serif; color:#960000; font-size:12px; text-align:center; line-height:12px; text-decoration:none; width:10px; display:block; font-weight:bold; }

.mapholder{
	position: absolute;
	width: 500px;
	height: 310px;
	z-index: 214;
	display: none;
}
.mapholder .mapbg{
	position: absolute;
	width: 482px;
	height: 302px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	top:0px;
	left:0px;
	z-index: 2;
	background-color: rgba(0,0,0,0.8);
	opacity:1;
}
.mapholder .divimg { width:480px; height:300px; background-color:#000; border:solid 1px #333; position:relative; top:0px; left:10px; }
.mapholder .divimg .dot{ position:absolute; width:3px; height:3px; border-radius:10px; -webkit-border-radius:10px; background-color:#EC2224; display:block; cursor:pointer;}

#infomenus, #infoprojects{ position:absolute; width:168px;right:-188px;z-index:15;background-color:rgba(0,0,0,0.8); padding:10px; top:102px;display:block;z-index:61;}

#infomenus #scroller, #infoprojects #scrollers{ float:left; width:168px; height:auto; overflow:hidden; }
#infomenus #print, #infoprojects #moreinf, #infoprojects #printProject { float:right; width:84px; height:20px; line-height:20px; margin-top:5px; }
#infomenus #print a, #infoprojects #moreinf a, #infoprojects #printProject a{ float:left; width:auto; padding-left:0px; padding-right:3px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#7a7a7a; text-decoration: none; }
#infomenus #print a:hover, #infoprojects #moreinf a:hover, #infoprojects #printProject a:hover{ color:#fff; }
#infomenus #print a span, #infoprojects #moreinf a span, #infoprojects #printProject a span{ color:#f00; }
#infomenus #print a.hide, #infoprojects #moreinf a.hide, #infoprojects #printProject a.hide{ display:none; }
#infoForm{width:0px; height:auto; position:absolute; right:188px; bottom:0px; overflow:hidden; background-color:rgba(0,0,0,0.8); z-index:10; }
#infoForm #form{float:left; margin:10px; width:200px; height:auto;z-index:0; }
#infoForm #infomail{z-index:1;background:rgba(0,0,0,.6);width:202px;height:81px;text-align:center;line-height:20.25px;padding-top:75px;padding-bottom:75px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;color:#fff;position:absolute;top:10px;left:10px;display:none;font-size:13px;}
#infoForm #form label{ float:left; width:200px; height:auto; font-size:10px; color:#7a7a7a; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-align:left; line-height:12px; }
#infoForm #form input{ float:left; width:193px; background:rgba(0,0,0,0.5); color:#7a7a7a; font-size:10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; border:solid 1px #7a7a7a; padding-left:5px; }
#infoForm #form textarea{ float:left; width:188px; background:rgba(0,0,0,0.5); color:#7a7a7a; font-size:10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; border:solid 1px #7a7a7a; padding:5px; height:100px; resize:none; }
#infoForm #form .btnsend{ float:left; width:200px; background:rgba(0,0,0,0.5); color:#7a7a7a; font-size:11px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; border:solid 1px #7a7a7a; cursor:pointer; }
#infomenus #imprimir, #infoprojects #moreinfo { float:left; width: 84px; height:auto; margin-top:5px; }
#infomenus #scroller .texto, #infoprojects #scrollers .texto{ font-family:Arial, Helvetica, sans-serif; color:#7a7a7a; text-align:justify; font-size:10px; line-height:13px; float:left; width:168px; height:auto; cursor:default; }




#menucredits{ position:absolute; z-index:300000; width:188px; height:auto; padding-top:15px;padding-bottom:5px; top:62px; display:none; background-color:rgba(0,0,0,0.8); right:10px; }
#menucredits a{ float:left; width:178px; padding-right:10px; height:20px; line-height:20px; font-family:Verdana, Geneva, sans-serif; color:#870000; text-align:right; text-decoration:none; font-size:11px; font-weight:bold; }
/*#menucredits a:hover{color:#ff140f; text-shadow: 0px 1px 3px #000000; filter: dropshadow(color=#000000, offx=0, offy=1); } */
#menucredits a.selected{color:#ff140f; text-shadow: 0px 1px 3px #000000; filter: dropshadow(color=#000000, offx=0, offy=1); }
#menucredits .sep{width:178px;float:left;margin-left:5px;margin-rignt:5px;height:1px;border-bottom:dotted 1px #870000; margin-top:9.5px; margin-bottom:9.5px; }
#infocredits{ position:absolute; width:168px;right:10px;z-index:310;background-color:rgba(0,0,0,0.8); padding:10px; display:none; }
#infocredits #scroll { width:168px; height:auto; overflow:hidden; }
#infocredits #scroll .textus{ font-family:Arial, Helvetica, sans-serif; color:#7a7a7a; text-align:right; font-size:10px; line-height:13px; float:left; width:168px; height:auto; cursor:default; }

#iconbar{position:absolute;}#iconbar li{float:left;position:relative;overflow:hidden;margin:0px;top:0px;left:0px;}#iconbar li.play{width:43px;height:39px;margin:0px;display:none;margin-right:5px;}#iconbar li.stop,#iconbar li.pause, #iconbar li.recs{width:40px;height:39px;margin:0px;display:none;margin-right:5px;}#iconbar a.ply{width:203px;height:39px;background:url('../images/playletter.png') 0px 0px no-repeat;cursor:pointer;margin:0px;padding:0px;}#iconbar a.ply .playbtn{width:43px;height:39px;float:left;}#iconbar a.ply .playbtn img{float:left;width:27px;height:24px;margin-top:7.5px;margin-left:8px;opacity:0.5;}#iconbar a.sto{width:223px;height:39px;background:url('../images/stopletter.png') 0px 0px no-repeat;cursor:pointer;margin:0px;padding:0px;}#iconbar a.pau{width:259px;height:39px;background:url('../images/pauseletter.png') 0px 0px no-repeat;cursor:pointer;margin:0px;padding:0px;}#iconbar a.rec{width:178px;height:39px;background:url('../images/recletters.png') 0px 0px no-repeat;cursor:pointer;margin:0px;padding:0px;}#iconbar a.sto .stobtn, #iconbar a.pau .paubtn, #iconbar a.rec .recbtn{width:40px;height:39px;float:left;}#iconbar a.sto .stobtn img, #iconbar a.pau .paubtn img, #iconbar a.rec .recbtn img{float:left;width:25px;height:24px;margin-top:7.5px;margin-left:7.5px;opacity:0.5;}#iconbar li.rewind, #iconbar li.fastfwd{width:63px;height:39px;margin:0px;display:none;margin-right:5px;}#iconbar li.fastfwd{margin-right:0px;}#iconbar a.rew{width:351px;height:39px;background:url('../images/rewindletter.png') 0px 0px no-repeat;cursor:pointer;margin:0px;padding:0px;}#iconbar a.ffw{width:600px;height:39px;background:url('../images/ffwdltetters.png') 0px 0px no-repeat;cursor:pointer;margin:0px;padding:0px;}#iconbar a.rew .rewbtn, #iconbar a.ffw .ffwbtn{width:60px;height:39px;float:left;}#iconbar a.rew .rewbtn img, #iconbar a.ffw .ffwbtn img{float:left;width:54px;height:24px;margin-top:7.5px;margin-left:3px;opacity:0.5;}#iconbar a{display:block;cursor:pointer;}

#menufooter{ /*float:left;position:relative; z-index:120; */ width:300px; /*min-height:98px;*/ height:0px; /*display:none;*/ background-color:rgba(0,0,0,0.8); margin-top:27px;  }
#menufooter .contents a, #menufooter .contents .div { float:left; width:300px; height:22px; line-height:22px; font-family:Verdana, Geneva, sans-serif; color:#870000; text-align:center; text-decoration:none; font-size:10px; font-weight:bold; }
#subuser a{ float:left; width:210px; height:22px; line-height:22px; font-family:Verdana, Geneva, sans-serif; color:#870000; text-align:left; text-decoration:none; font-size:10px; font-weight:bold; }
#subuser a:hover{color:#ff140f; text-shadow: 0px 1px 3px #000000; filter: dropshadow(color=#000000, offx=0, offy=1);}
/*#menufooter .contents a:hover{color:#ff140f; text-shadow: 0px 1px 3px #000000; filter: dropshadow(color=#000000, offx=0, offy=1); }*/
#menufooter .contents a.selected{color:#ff140f; text-shadow: 0px 1px 3px #000000; filter: dropshadow(color=#000000, offx=0, offy=1); }

a.selected{color:#ff140f; text-shadow: 0px 1px 3px #000000; filter: dropshadow(color=#000000, offx=0, offy=1); }

.clear{ clear:both; }

#fullblack {left: 0px; top: 0px; right: 0px; bottom: 0px; position: fixed; z-index: 450; background-color: rgba(000, 000, 000,1); display:none;}