html, body { font-family: Verdana; font-size: 16px; }

#central 
{
	text-align: center;
	margin-top: 37px;
	width: 100%;
    position: relative;
}

#launch_buttons { display: none; }
#launch_log { display: none; margin-top: 20px; }
#launch_log_icon { margin-right: 10px; display: inline-block; }
#launch_log_text { line-height: 35px; display: inline-block; vertical-align: bottom; }

/* Botones de la portada */
a#logo {
    display: inline-block;
	margin: 0 10px 46px;
}
a#logo img { max-width: 100%; }
a.btn {
    border: 2px solid #3E477D; 
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	behavior: url(css/border-radius.htc);
	-webkit-box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.24);
	box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.24);
	display: inline-block;
	margin: 10px;
	text-decoration: none;
	width: 350px;
	padding: 0px !important;
} 
a.btn .btn-inner {
    background: transparent;
	border: 1px solid #ECECEA;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	behavior: url(css/border-radius.htc);
	-webkit-box-shadow: 0 -25px 25px -10px rgba(0, 0, 0, 0.24) inset, 0 25px 25px -12px rgba(128, 128, 128, 0.5) inset;
	box-shadow: 0 -25px 25px -10px rgba(0, 0, 0, 0.24) inset, 0 25px 25px -12px rgba(128, 128, 128, 0.5) inset;
	display: block;
	padding: 20px 100px 20px 50px;
	position: relative;
	text-align: left;
}
a.btn .btn-text {
    color: #FFF;
	font: normal 50px/1 Helvetica, Arial, sans-serif;
	text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.6);
}
a.btn .btn-icon {
    background: url(../images/launch_btn_icon.png) no-repeat top left;
	height: 56px;
	position: absolute;
	right: 16px;
	top: 17px;
	width: 76px;
}
a.btn:hover {
    border-color: #333;
	-webkit-box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.4);
}
a.btn:hover .btn-inner { border-color: #EEEEEC; }
a.btn:hover .btn-text { text-shadow: -1px -1px 3px rgba(0, 0, 0, 0.6), -1px -1px 6px rgba(0, 0, 0, 0.6); }

a[disabled] { cursor: default; pointer-events: none; background-color:#CCC }

span.btn_block { width:370px; display:inline-block; vertical-align:top }
div.btn_message { font-size: 0.9em }

/* fin Botones de la portada */

@media only screen and (max-width: 1024px)  {
	div.caja { width:80% }
}

@media only screen and (min-width: 1024px)  {
	div.caja { width:50% }
}

div.caja {
	border: 1px solid #333; 
	display: inline-block; 
	padding: 15px; 
	text-align:left; 
	border-radius:3px; 
	background-color:#f5eaef
}

div.message {
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    behavior: url(css/border-radius.htc);
    border-color: #333;
    border-style: solid; 
    border-width: 1px;
    padding: 15px;
    margin: 0 auto 20px;
}
div.message.notice {
    background-color: #DFF0D8;
    border-color: #D6E9C6;
    color: #3C763D;
}
div.message.error {
    background-color: #F2DEDE;
    border-color: #EBCCD1;
    color: #A94442;
}

div#mac_execution_instructions {
    display: none;
    text-align: left;
}
div#mac_execution_instructions ul li {
    font-size: 0.8em;
    margin-bottom: 4px;
}

#help {
    margin: 50px auto 0;
	overflow: hidden;
	text-align: left;
    width: 700px;
}
#help > div {
    background: #FFF;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	behavior: url(css/border-radius.htc);
	border-style: solid; 
    border-width: 3px; 
	float: left;
	height: 156px;
	padding: 12px;
	width: 300px;
}
#help .two_col { overflow: hidden; }
#help .two_col a.glchecker, #help .two_col div.ntrlink { float: left; }
#help .two_col h3 { float: right; }

#help > div h3 {
    font: normal 18px Arial, sans-serif; 
	margin: 0;
	text-decoration: underline;
	width: 140px;
}
#help > div h3.oneline { line-height: 2.4; }
#help > div p {
	color: #343434;
	font: normal 14px Arial, sans-serif;
	line-height: 1.2;
	margin: 10px 0 0 0;
}
#help #glchecker { margin-right: 20px; }
#help #glchecker a.glchecker {
    background: url(../images/installation_help_box.png) no-repeat top left; 
	color: #FFF;
	font: bold 11px Arial, sans-serif;
	height: 40px; 
	padding: 9px 25px 0px 53px;
	text-decoration: none;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, .6);
	width: 74px;
}

#help #ntrsupport { margin-left: 20px; }
#help #ntrsupport div.ntrlink {	height: 49px; width: 149px; }

@media (max-width: 710px)
{
	#help { width: 330px; }
	#help #glchecker { margin-right: 0px; margin-bottom: 20px; }
	#help #ntrsupport { margin-left: 0px; }
}