/*  */


body {background-color: #000000; margin: 0px; height: 100%; overflow: hidden;}

h2 {font-family: arial; font-weight: normal; letter-spacing: -2px; color: #FF0066; font-size: 41px; margin-top: 70px; margin-bottom: 15px; text-shadow: #000 1px 1px 2px;}

h3 {font-family: arial; 
font-weight: normal; 
letter-spacing: -2px; 
color: #FFF; 
font-size: 35px; 
margin-top: 40px; 
margin-bottom: 15px; 
text-shadow: #222 1px 1px 2px;

}


h4 {font-family: arial; 
font-weight: normal; 
letter-spacing: -2px; 
color: #FFF; 
font-size: 25px; 
margin-top: 10px; 
text-shadow: #222 1px 1px 2px;

}

.input {
	font-family: "Arial Black", Gadget, sans-serif;
	background: url("img/bkgMenu.jpg");
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #ffffff;
	width: 350px;
}




.gallery li a:hover{display: inline; /* for IE */
  filter:alpha(opacity=30);
  /* CSS3 standard */
  opacity:0.3;}


 img{
border: solid 5px #171c1e;}



 #contador{
 background-image: url(img/bkgMenu.jpg);
 background-repeat: repeat;
 padding: 22px;
 height: 100%;} 
 
  
  


/* navigation style */

#logohead {height: 150px; width: 240px; position: fixed; top: 0px; left: 30px;}

	#social {
	bottom: 0px;
	margin-left: 0px;
	border-top: #171c1e 2px solid;
	position: fixed;
	padding-top: 3px;
	padding-left: 330px;
	padding-bottom: 4px;
	padding-right: 14px;
	z-index: 998;
	color: #fff;
	font-size: 9pt; 
	font-family: Arial, Helvetica;
	background: url("img/bkgMenu.jpg");
	width: 100%;
	}


	#social img{
	vertical-align: bottom;
	
	}
	
	
	#social a {
	color: #fff;
	font-size: 9pt; 
	text-decoration: none;
	}


#nav {position: fixed; top: 160px; width: 230px; left: -10px; display: scroll;}
	#nav a, #more a {text-decoration: none;}
	#nav ul, #more ul {list-style-type: none; margin: 0px;}
		#nav ul li, #nav ul a li, #nav ul li a {cursor: pointer; color: #FFFFFF; padding-left: 10px; font-family: verdana; font-size: 14px; padding-top: 7px; padding-right: 7px; padding-bottom: 7px; text-decoration: none;}
		#nav li:hover, #nav li a:hover {color: #FF0066; text-decoration: none;}

#twitter {position: fixed; left: 30px; width: 238px; text-align: left; display: scroll; bottom: 0px; padding: 0px; 	z-index: 999;}
	#twitter img, #twitter a {margin-bottom: 0px; border: none;}
	#twitter #tweets {background-color: #FF0066; padding: 7px; font-family: arial; font-size: 12px; color: #fff; margin-top: -5px; font-weight: bold;}
		#twitter #tweets ul {list-style-type: none;}
		#twitter #tweets ul a {color: #000; text-decoration: none; display: block; font-size: 10px;}


/* main style */

#main {position: absolute; width: 570px; left: 330px; color: #FFFFFF; height: 800px;}
	#main #topmain {padding-top: 120px; padding-left: 20px; font-family: tahoma; letter-spacing: -0.5px; font-size: 14px;}
		#main #topmain a {text-decoration: none; color: #333333;}
		#main #topmain a:hover {color: #666666;}


/* ea, portofolio, contact, stuff style */

#ea, #rc, #mm, #contact {position: absolute; width: 570px; left: 330px; color: #FFFFFF; height: 800px; font-size: 11pt; font-family: Arial, Helvetica;}

#ea a {color: #FF0066; text-decoration: none;}
#ea b, #contact b {color: #FF0066; font-weight: normal;}
#ea p {text-indent: 0px; text-align: left; font-size: 13px;}
#ea ul {margin-top: 0px; margin-left: -10px;}
	#ea ul li span {display: block; font-size: 12px; color: #666666;}
#ea #box {font-size: 13px; width: 270px; padding: 7px; float: left;}
	#ea #box #part {height: 80px; width: 80px; background-repeat: no-repeat; background-position: center top; float: left; border: 5px solid #171c1e; cursor: pointer;}
	#ea #box #part:hover {background-repeat: no-repeat; background-position: center bottom; border-color: #000000;}
		#ea #box #part a:hover {text-decoration: underline;}
		#ea #box #part div {background-color: #000000; margin-top: 85px; width: 260px; position: absolute; border: 5px solid #000000; display: none;}
		#ea #box #part:hover div {display: inline;}
			#ea #box #part i {color: #666666; font-size: 10px;}
			#ea #box #part a {display: block; font-size: 11px; color: #FFFFFF;}

#rc #list {width: 570px; float: left; font-family: tahoma; font-size: 15px; padding: 7px 0 7px 20px;}
	#rc #list:hover {}
#rc #player {width: 570px; float: left; font-family: tahoma; font-size: 15px; padding: 7px 0 7px 20px;}
#rc #list span {color: #999999; font-size: 14px; text-shadow: #000 1px 1px 2px;}
#rc #list ul {list-style-type: square; margin-top: 3px;}
#rc #list i {font-style: normal; color: #FF0066;}

#mm #portmain {width: 570px; margin-top: 20px;}
	#mm #portmain #l {width: 84px;}
		#mm #portmain #l #t {width: 70px; border: 7px solid #171C1E; height: 70px; background-color: #FFFF00;}
		#mm #portmain #l:hover #t {border-color: #FFFFFF;}
	#mm #portmain #l #t #i {width: 388px; position: absolute; left: 84px; border: 7px solid #fff; display: none; height: 235px;}
	#mm #portmain #l:hover #t #i {display: inline;}

#contact a {color: #666666; text-decoration: none;}
#contact a:hover {color: #999999;}
	#contact #form {font-family: georgia; color: #00b6ff; font-size: 18px; text-shadow: #000 1px 1px 2px;}
		#contact #form input, #contact #form textarea {background-color: #2B3438; border: 2px solid #FFFFFF; font-family: verdana; font-size: 14px; color: #FFFFFF; padding: 3px; width: 250px; font-weight: normal;}
		#contact #form input#btn {background-color: #171C1E; border-color: #666666; width: 100px;}
			#contact #form input#btn:hover {border-color: #FFFFFF; cursor: pointer;}

#footer {background-color: #FFFFFF; position: absolute; left: 0px; height: 185px; width: 100%; top: 4020px; text-align: center; padding-top: 15px; font-family: tahoma; color: #171c1e; background-image: url(backpatternmulti_01k.png); font-size: 14px;}
	#footer #m {background-image: url(bg50percent.png); width: 600px; padding: 5px; cursor: pointer;}
	#footer #m a, #footer a #m {text-decoration: none !important; color: #171c1e;}
	#footer #m:hover {background-image: url(bg85percent.png);}

#navbg {height: 800px; width: 300px; position: absolute; left: 0px; background-image: url(img/bkgMenu.png); background-repeat: no-repeat;}






		
		
/* CONTACTO */		


.notification_error
{
color: #FF0066;
height: auto;
width: 90%;
padding: 4px;
font-size: 11px;
text-align: left;
}

.notification_ok
{
color: #FF0066;
height: auto;
width: 90%;
padding: 4px;
font-size: 13px;
text-align: left;
font-weight: bold;
}

.asterisco{color: #FF0066; font-size: 10px;}

.button
{
border: 1px solid #000; 
background: #FF0066;
color: #fff; 
font: 12px Helvetica, Arial, sans-serif;
}

/* Label */
label  { width: 120px; padding-left: 20px; margin: 5px; float: left; text-align: left; color: #fff; }



/* BR */

br { clear: left; }



/* Tabs */




#page-wrap							{ width: 700px; margin: 25px auto; }


.ui-tabs 							{ zoom: 1; }
.ui-tabs .ui-tabs-nav 				{ list-style: none; position: relative; padding: 2px 2px 0; overflow: hidden; 
									  top: 1px; z-index: 1000; }
.ui-tabs .ui-tabs-nav li 			{ position: relative; float: left; border: 0px solid #ccc; 
									  border-bottom-width: 0 !important; margin: 0 2px -1px 0; background: url("img/bkgMenu.jpg");}
.ui-tabs .ui-tabs-nav li a 			{ float: left; text-decoration: none; padding: 5px 10px; color: #fff; }
.ui-tabs .ui-tabs-nav 
li.ui-tabs-selected 				{ padding-bottom: 1px; border-bottom-width: 0; background: #FF0066; }
.ui-tabs .ui-tabs-nav 
li.ui-tabs-selected a, .ui-tabs 
.ui-tabs-nav li.ui-state-disabled a, 
.ui-tabs .ui-tabs-nav 
li.ui-state-processing a 			{ cursor: text; }
.ui-tabs .ui-tabs-nav li a, 
.ui-tabs.ui-tabs-collapsible 
.ui-tabs-nav li.ui-tabs-selected a  { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel 			{ padding: 20px; display: block; border-width: 0; background: none; 
									   position: relative; min-height: 200px; }
.ui-tabs .ui-tabs-hide 				{ display: none !important; }




a.mover 							{ background: #900; padding: 6px 12px; position: absolute;
								      color: white; font-weight: bold; text-decoration: none; }
.next-tab 							{ bottom: 0; right: 0; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; }
.prev-tab 							{ bottom: 0; left: 0; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; }


/* Galeria */

			h4 { margin: 15px 0 5px 0; }			
			.gallery li{display: inline;}	
			.wide {
				border-bottom: 1px #000 solid;
				width: 4000px;
			}





/* Contador */


			
#t7_timer { 
	width: 300px; 
	height: 55px; 
	position: relative;
}

#t7_timer_over { 
	width: 300px; 
	height: 55px; 
	background-image: url(Countdown-over.gif);
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 1px;
	margin: 0px;
	padding: : 0px;
}


#t7_vals {
	width: 100%;
	clear:both;
	margin: 0px auto;
}

.t7_numbs {
	font-size: 28px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-align: left;
	color: #ffffff;
}

#t7_y {
	background-image: url(Countdown2.png);
	background-repeat: no-repeat;
	float:left;
	width: 48px;
	height:35px;
	background-color:#ffffff;
	padding: 0px 0px 0px 3px;
	margin: 1px;
	letter-spacing: 7px;
}
#t7_d {
	background-image: url(Countdown3.png);
	background-repeat: no-repeat;
	float:left;
	width: 71px;
	height:35px;
	background-color:#ffffff;
	padding: 0px 0px 0px 3px;
	margin: 1px;
	letter-spacing: 7px;
}
#t7_h {
	background-image: url(Countdown2.png);
	background-repeat: no-repeat;
	float:left;
	width: 48px;
	height:35px;
	background-color:#ffffff;
	padding: 0px 0px 0px 3px;
	margin: 1px;
	letter-spacing: 7px;
}
#t7_m {
	background-image: url(Countdown2.png);
	background-repeat: no-repeat;
	float:left;
	width: 47px;
	height:35px;
	background-color:#ffffff;
	padding: 0px 0px 0px 3px;
	margin: 1px;
	letter-spacing: 7px;
}
#t7_s {
	background-image: url(Countdown2-nc.png);
	background-repeat: no-repeat;
	float:left;
	width: 42px;
	height:35px;
	background-color:#ffffff;
	padding: 0px 0px 0px 3px;
	margin: 1px;
	letter-spacing: 7px;
}

#t7_labels {
	width: 100%;
	clear:both;
	margin: 0px auto;
}

.t7_labs {
	font-size: 9px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	text-align: center;
	color: #000000;
}
#t7_yl {
	float:left;
	width: 51px;
	height:15px;
	padding:0px;
	margin: 0px;
}
#t7_dl {
	float:left;
	width: 74px;
	height:15px;
	padding:0px;
	margin: 0px;
}
#t7_hl {
	float:left;
	width: 54px;
	height:15px;
	padding:0px;
	margin: 0px;
}
#t7_ml {
	float:left;
	width: 55px;
	height:15px;
	padding:0px;
	margin: 0px;
}
#t7_sl {
	float:left;
	width: 46px;
	height:15px;
	padding:0px;
	margin: 0px;
}


#defaultCountdown { width: 300px; height: 55px; text-align: center;}