@charset "utf-8";
/* CSS Document */

body, html{
    padding:0;
    margin:0;
}

html{
    height:100%;
}

body{
    height:100%;
    font-size:9pt;
    font-family:Arial, Helvetica, sans-serif;
    background:url(../images/bk-gen.gif) top center repeat-x #fff;
    color:#000;
	margin:0;
	line-height:135%;
	padding:0!Important;
}

img {
border:none;}

a:link {
color:#306AB9;
}

#wrapper {
width:980px;
margin:0 auto;
padding:0;
position:relative;
}

#header {
width:980px;
height:100px;
padding:0;
}

#menu-bars {
width:980px;
padding:5px 0 0 0;
}

#main {
width:970px;
padding:20px 5px 10px 5px;
background:url(../images/bk-main.gif) top center repeat-x #fff;
}

#footer {
width:970px;
height:22px;
padding:3px 0;
margin:40px 0 0 0;
border-left:5px solid #fff;
border-right:5px solid #fff;
background:#C5CCC7;
float:left;
}

/*dentro del header*/
#logo {
padding-top:5px;
float:left;
}

#phrase {
width:370px;
height:80px;
padding:7px 0 0 0px;
float:left;
}

#header-r{
width:415px;
float:right;
}

#support {
background:url(../images/support.gif) top left no-repeat #E7E8E9;
height:20px;
width:320px;
padding:10px 5px 5px 90px;
float:right;
}

#support ul{
padding:0;
margin:0px auto 0 auto;
list-style:none;
text-align:left;
}

#support ul li{
padding:0 3px;
margin:0;
display:inline;
border-right:1px solid #2A2A2F;
color:#2A2A2F;
font-size:0.9em;
}

#support ul li a:link, #support ul li a:visited{
color:#2A2A2F;
text-decoration:none;
}

#support ul li a:active, #support ul li a:hover{
text-decoration:underline;
color:#2D62A6;
}

#search {
height:25px;
width:180px;
padding:18px 10px 0 0;
text-align:right;
float:right;
}

.mid{
    vertical-align:-4px;
    margin-left:5px;
}

/*dentro de menu-bars*/
#menusec {
width:975px;
height:21px;
padding:3px 0 0 5px;
border-bottom:1px solid #4D84CA;
margin-bottom:1px;
background:url(../images/bk-menusec.gif) top center repeat-x;
}

#menusec ul{
padding:0;
margin:0px auto 0 auto;
list-style:none;
text-align:left;
}

#menusec ul li{
padding:0 3px;
margin:0;
display:inline;
border-right:1px solid #2A2A2F;
color:#2A2A2F;
font-size:1em;
}

#menusec ul li a:link, #menusec ul li a:visited{
color:#2A2A2F;
text-decoration:none;
}

#menusec ul li a:active, #menusec ul li a:hover{
text-decoration:underline;
color:#2D62A6;
}


#mainnav {
width:980px;
height:40px;
padding:0;
background:url(../images/bk-mainmenu.gif) top center repeat-x;
}

/*mainmenu list*/
div#mainnav ul
{
    margin:0;
    padding:0;
    position:relative;
}
div#mainnav ul li{
    list-style:none;
    position:absolute;
    top:0;
    width:242px;
    height:51px;
}
div#mainnav ul li a{
    display:block;
    height:100%;
    text-align:center;
    line-height:40px;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    background:url(../images/bk-mainmenu-li.gif) top right no-repeat;
}
div#mainnav ul li.active a, div#mainnav ul li.active-temp a, div#mainnav ul li:hover a, div#mainnav ul li a:hover{
    background:url(../images/bk-mainmenu-lihover.gif) top center no-repeat;
    color:#fff;
}
div#mainnav ul li#n1
{
    left:0px;
	width:250px;
}
div#mainnav ul li#n2
{
    left:249px;
	
}
div#mainnav ul li#n3
{
    left:490px;
}
div#mainnav ul li#n4
{
    left:720px;
	background:url(../images/bk-mainmenu-li2.gif) top right no-repeat!important;
	width:260px;
}
div#mainnav ul li ul{
    background:#242424!Important;
	background-image:none;
    position:absolute;
    left:0;
    top:35px;
    display:none;
    z-index:99;
    opacity:0.7;
    filter: Alpha(Opacity=70);
}
div#mainnav ul li:hover ul, div#mainnav ul li.active-temp ul{
    display:block;
	background:#242424;
}
div#mainnav ul li#n1 ul, div#mainnav ul li#n4 ul, div#mainnav ul li#n1 ul li, div#mainnav ul li#n4 ul li{
    width:255px;
}
div#mainnav ul li ul li{
    position:relative;
    height:auto;
	background:#242424!Important;
	background/**/:#242424;
	background-image:none;
    padding-bottom:0px;
    z-index:100;
    width:240px;
    margin-bottom:0;
}
div#mainnav ul li ul li.last
{   background-image:none;
    padding-bottom:0;
}
div#mainnav ul li ul li a{
    line-height:21px;
    color:#eee !important;
    text-align:left;
    text-transform:none;
    padding:0 0 0 15px;
    width:auto;
    background:#242424!Important;
	background-image:none!Important;
	border-bottom:1px solid #888;
	opacity:0.7;
    filter: Alpha(Opacity=70);
}
div#mainnav ul li ul li a:hover
{
    background-color:#666!Important;
	background-image:none;
    color:#fff;
    background-position: 15px 50%;
	opacity:0.7;
    filter: Alpha(Opacity=70);
}



/*dentro de main*/
#left {
width:720px;
padding:0 15px 0 0;
float:left;
}

#left2 {
width:920px;
padding:0 15px 0 0;
float:left;
}

#left-txt {
width:700px;
padding:0 10px;
float:left;
}

#left-txt2 {
width:900px;
padding:0 10px;
position:relative;
float:left;
}

#right{
width:235px;
padding:0;
float:right;
}

/*dentro de left*/
#banner {
width:720px;
height:252px;
padding:0;
margin-bottom:10px;
background:#C5CCC7;
float:left;
}

#3banners {
width:720px;
height:150px;
padding:0;
background:#c5c5c5;
}

.banners-left {
width:235px;
height:150px;
float:left;
background:#c5c5c5;
}
.banners-left img, #b-right img {
border:none;
}
.margin-l {
margin:0 7px 0 0;
}

/*dentro de right*/
#b-right {
width:235px;
height:137px;
padding:0;
margin-bottom:10px;
background:#C5CCC7;
}

#b-right-int {
width:235px;
padding:0;
margin-bottom:10px;
}
#b-right-int img {
margin-bottom:7px;
border:none;
}
#watch {
width:223px;
height:68px;
background:url(../images/bk-watch-event.gif) top center no-repeat #8AAFDC;
padding:30px 5px 5px 5px;
margin-bottom:10px;
border:1px solid #4D84CA;
text-align:center;
}

#login {
width:223px;
height:108px!Important;
height/**/:113px;
background:url(../images/bk-login.gif) top center no-repeat #ADAFB0;
padding:35px 5px 5px 5px!Important;
padding/**/:30px 5px 5px 5px;
margin-bottom:5px;
border:1px solid #999;
text-align:center;
}

/*form*/
label, .label {
color:#000000;
font-size:1em;
text-align:left!important;
margin:0;
padding:0;
line-height:125%;
}

.inputbox {
background:#FFFFFF;
border:none;
padding:2px;
margin:2px 0;
color:#666;
font-size:0.9em;
}

#watch .button, #left-txt .button {
background:url(../images/bk-button.gif) top center repeat-x #3976C4;
padding:3px 10px;
text-align:center;
font-size:1em;
border:1px solid #ffffff;
margin:4px auto 0 auto;
color:#FFFFFF;
}

#login .button {
background:url(../images/bk-button-gray.gif) top center repeat-x #303D5B;
padding:3px 10px;
text-align:center;
font-size:1em;
border:1px solid #ffffff;
margin:4px auto 0 auto;
color:#FFFFFF;
}


/*footer li*/
#footer ul{
padding:0;
margin:3px auto 0 auto;
list-style:none;
text-align:center;
}

#footer ul li{
padding:0 3px;
margin:0;
display:inline;
border-right:1px solid #2A2A2F;
color:#2A2A2F;
font-size:1em;
}

#footer ul li a:link, #footer ul li a:visited{
color:#2A2A2F;
text-decoration:none;
}

#footer ul li a:active, #footer ul li a:hover{
text-decoration:underline;
}

/*text styles*/
p{
color:#2A2A2F;
font-size:1em;
margin:0px 0 8px 0;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
line-height:135%;
text-align:justify;
}

h1
{
    display:none;
}

h2{
color:#3472C2;
font-weight:bold;
font-size:1.4em;
margin:5px 0 8px 0;
padding:0 0 3px 0;
border-bottom:1px solid #B1C0C9;
text-align:left;
}

h3{
color:#2A2A2F;
font-size:1.4em;
margin:15px 0 5px 0;
font-weight:normal;
text-align:left;
}

h4{
color:#969B8F;
font-size:1.2em;
margin:15px 0 5px 0;
font-weight:bold;
text-align:left;
}

#left-txt ul, #left-txt2 ul{
margin:0;
padding:0;
list-style:none;
}

#left-txt ul li, #left-txt2 ul li{
margin:0 0 5px 0;
padding:2px 3px 3px 15px;
background:url(../images/bullet.gif) top left no-repeat;
display:block;
text-align:left;
font-weight:bold;
border-bottom:1px dotted #999;
}

#list-menu ul li{
margin:0;
padding:0 3px 0 15px;
background:url(../images/bullet.gif) top left no-repeat;
display:inline !Important;
text-align:left;
font-weight:bold;
}

#left-txt ul li a:link, #left-txt ul li a:visited{
font-weight:bold;
}

#left-txt a:link, #left-txt a:visited{
text-decoration:none;
font-weight:normal;
font-size:1em;
color:#2A2A2F;
}


#left-txt a:hover, #left-txt a:active{
text-decoration:underline;
}

#left-txt .inputbox, #left-txt select, #left-txt textarea {
	font-family: Helvetica, sans-serif, Arial;
	font-weight: normal;
	font-size: 0.9em;
	width:100%;
	background: #D9DEDA!Important;
	outline: none;
	padding: 0.3em;
	border: none!Important;
}

.tabla1 {
border:1px solid #b2b2b2;
padding:0 0 8px 0;
}

.tabla1 p{
padding:0px 5px;}

/*A L E R T S */

div.alert
{
    margin-bottom:10px;
}
div.alert div.start
{
    height:5px !important;
    background-image:url(../../_common/images/alert-bg-start.gif) !important;
    background-position:top left !important;
    background-repeat:no-repeat !important;
}
div.alert div.start div
{
    width:50%;
    margin:0 0 0 auto;
    height:5px;
    background-image:url(../../_common/images/alert-bg-start.gif) !important;
    background-position:bottom right;
    background-repeat:no-repeat;
}
div.alert div.body
{
    background-color:#f9ef98 !important;
    background-image:url(../../_common/images/alert-bg-body.gif) !important;
    background-position:top left !important;
    background-repeat:repeat-y !important;
    margin:0 !important;
    padding:0 !important;
}
div.alert div.body div.error
{
    background-image:url(../../_common/images/alert-icon-error.gif);
    background-position:10px 50%;
    background-repeat:no-repeat;
    color:#ed1c24;
    font-weight: bold;
    font-size:14px;
}
div.alert div.body div.error a
{
    color:#ed1c24;
    background-image:url(../../_common/images/arrow-alert-link.gif);
    background-repeat:no-repeat;
    background-position:right center;
    padding-right:20px;
}
div.alert div.body div.success
{
    background-image:url(../../_common/images/alert-icon-success.gif);
    background-position:10px 50%;
    background-repeat:no-repeat;
    color:#007236;
}
div.alert div.body div.success a
{
    color:#007236;
    background-image:url(../../_common/images/arrow-alert-link-success.gif);
    background-repeat:no-repeat;
    background-position:right center;
    padding-right:20px;
}
div.alert div.body div.txt
{
    padding:10px 10px 10px 50px !important;
    background-image:url(../../_common/images/alert-bg-txt.gif) !important;
    background-position:top right !important;
    background-repeat:repeat-y !important;
    font-size:12px !important;
    margin:0 !important;
}
div.alert div.txt p
{
    margin:0.5em 0 !important;
}
div.alert div.end
{
    height:5px !important;
    background-image:url(../../_common/images/alert-bg-end.gif) !important;
    background-position:top left !important;
    background-repeat:no-repeat !important;
}
div.alert div.end div
{
    width:50%;
    margin:0 0 0 auto;
    height:5px;
    background-image:url(../../_common/images/alert-bg-end.gif);
    background-position:bottom right;
    background-repeat:no-repeat;
}
/*W E L C O M E */

.launchBroadcast
{
	display:block;
	background: url(../../_common/images/welcome/btn_continue.jpg);
	background-position:0 0px;
	width:654px;
	height:197px;
}
.launchBroadcast:hover
{
	background-position:0 -198px;
}
eventInfo
{
}



#welcome
{
color:#fff;
	width:654px;
	height:400px;
	margin:0 auto 0 160px;
}
#topdiv
{
	width:654px;
	height:32px;
}
#leftDiv
{
	float:left;
	width:53px;
	height:145px;
}
#picDiv
{
	float:left;
	width:115px;
	height:130px;
}
#desc
{
	float:left;
	width:486px;
	height:145px;
	background:url(../../_common/images/welcome/infoBox.jpg) no-repeat;
}
#midDiv
{
	float:left;
	width:654px;
	height:59px;
}
#buttonDiv
{
	float:left;
	width:654px;
	height:118px;
}
.eventInfo
{
	float:right;
	width:470px;
}

.eventInfo p
{
	color:#ccc;
	padding:0 40px 0 0;
}
.clear
{
	clear:both;
}


/*HACKS*/
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 }
 
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */