﻿a
{
	font-weight:normal; 
	color:#000066; 
	text-decoration:none
}
a:link 
 {
	font-weight:normal; 
	color:#000066; 
	text-decoration:none
 }
a:visited 
{
	font-weight:normal; 
	color: #7F7772; 
	text-decoration:none
}
a:active 
{
	font-weight:normal; 
	color: #FF6700;
	text-decoration:none
 }
a:hover 
{
	font-weight:normal; 
	color: #FF6700; 
	text-decoration:none
}

article, header, footer
{	
	display:block;
}

body
{
	font-family: "PT Sans","Arial";
	font-size: 16px;
	margin: 0;
	text-align: center;
}
blockquote 
{
	margin-left: 1em;
	padding-left: 2em;
	font-style: italic;
	font:message-box;
}

article
{
	border-radius:0.5em;
	-webkit-border-radius:0.5em;
	-moz-border-radius:0.5em;
	-o-border-radius:0.5em;
	-ms-border-radius:0.5em;	
	margin:1em;		
}

#centrar
{
	font-family: "PT Sans","Arial";
	margin:0 auto;
	padding:0;
	text-align:center;
}

#descargas
{		
	column-count: 2;
	-webkit-column-count: 2;
	-moz-column-count: 2;	
	-ms-column-count: 2;
	-o-column-count: 2;
	column-gap: 1em;
	-webkit-column-gap: 1em;	
	-moz-column-gap: 1em;
	-ms-column-gap: 1em;
	-o-column-gap: 1em;
	column-rule: 2px solid #999;
	-webkit-column-rule: 2px solid #999;
	-moz-column-rule: 2px solid #999;
	-ms-column-rule: 2px solid #999;
	-o-column-rule: 2px solid #999;
	padding: 1em;
	text-align: justify;

}

footer
{
	color:#0033CC;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	box-shadow: rgba(0,0,0,0.8) 0px 4px 8px;
	-webkit-box-shadow: box-shadow: rgba(0,0,0,0.8) 0px 4px 8px;
	-ms-box-shadow: 	box-shadow: rgba(0,0,0,0.8) 0px 4px 8px;
	-moz-box-shadow: 	box-shadow: rgba(0,0,0,0.8) 0px 4px 8px;
	-o-box-shadow: 		box-shadow: rgba(0,0,0,0.8) 0px 4px 8px;
	margin: 1.5em auto;
	padding: .5em;
	width:90%;
}


header
{
	background: url('../html/banneruan.png') no-repeat 10px center;
	color:#0033CC;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	box-shadow: rgba(0,0,0,0.8) 0px 4px 8px;
	-webkit-box-shadow: box-shadow: rgba(0,0,0,0.8) 0px 4px 8px;
	-ms-box-shadow: 	box-shadow: rgba(0,0,0,0.8) 0px 4px 8px;
	-moz-box-shadow: 	box-shadow: rgba(0,0,0,0.8) 0px 4px 8px;
	-o-box-shadow: 		box-shadow: rgba(0,0,0,0.8) 0px 4px 8px;
	margin: 1.5em auto;
	padding: .5em;
	width:90%;
}

header h1
{
	font-family: "PT Sans","Arial";
	font-size: 2em;
	margin: 0;
	padding: 0.4em;
	text-shadow: #EEE 2px 2px 10px;
	-webkit-text-shadow: #EEE 2px 2px 10px;
	-webkit-transition: all 1s linear;
	-ms-text-shadow: #EEE 2px 2px 10px;
	-moz-text-shadow: #EEE 2px 2px 10px;
	-ms-transition: all 1s linear;
	-moz-transition: all 1s linear;
}

header h2 
{
	cursor: pointer;
	font-family:"PT Sans","Arial";
	text-shadow: #EEE 2px 2px 10px;
	-webkit-text-shadow: #EEE 2px 2px 10px;
	-ms-text-shadow: #EEE 2px 2px 10px;
	-moz-text-shadow: #EEE 2px 2px 10px;
	-o-text-shadow: #EEE 2px 2px 10px;
	-webkit-transition: all 1s linear;
	-ms-transition: all 1s linear;
	-moz-transition: all 1s linear;
	-o-transition: all 1s linear;	
	margin-top:25px; 
	font-weight:bold; 
	font-size:1.5em; 
	margin-bottom:10px; 
	margin-left:-15px; 
	color:#003366;
}

header h3 
{
	margin 0;
	font-size: 1.1em; 
	margin-bottom: 10px; 
	margin-left: -15px; 
	color: #000000;
}

#InstalarReqs 
{	
	cursor: pointer;
	border-radius:.0.5em;
	-webkit-border-radius:0.5em;
	-moz-border-radius:0.5em;
	-o-border-radius:0.5em;
	-ms-border-radius:0.5em;
	color:#FFF;
	font-size:2em;
	font-style:normal;
	margin:0.5em;		
	width:35%;	
}

#Instalar section
{
	border-radius:0.3px;
	-webkit-border-radius:0.3px;
	-moz-border-radius:0.3px;
	-o-border-radius:0.3px;
	-ms-border-radius:0.3px;
	color:#FFF;
	font-size:2em;
	font-style:normal;
	margin:0.5em;		
	width:30%;	
}

#Instalar input
{		
	box-shadow: rgba(0,0,0,0.3) 2px 2px 10px inset,
				#FFF 1px 1px 4px;
	-webkit-box-shadow: rgba(0,0,0,0.3) 2px 2px 10px inset,
				#FFF 1px 1px 4px;
	-moz-box-shadow: rgba(0,0,0,0.3) 2px 2px 10px inset,
				#FFF 1px 1px 4px;
	-ms-box-shadow: rgba(0,0,0,0.3) 2px 2px 10px inset,
				#FFF 1px 1px 4px;
	display: block;
	font-size: 20px;
	margin: 0.5em;
	padding: 0;
}

#Instalar input[type=submit]
{
	background: #0CF;
	border: none;
	border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	box-shadow: #000 2px 2px 5px;
	-webkit-box-shadow: #000 2px 2px 5px;
	color: white;
	cursor:pointer;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	width: 20%;

}

#html5 a
{
	float:right;		
	border-radius:5px;
	background-color:#CC9900;	
	text-decoration:none;
}

#modal
{
	border-radius:2px;	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;	
	background-color:#cccccc;	
	filter:alpha(opacity=80);    
	opacity:0.80; 
	width: 30%; 
	height: 100px;
	margin: 10px;
}

#mDisplay
{
	margin:auto;     
	font-family:Trebuchet MS;
	filter:alpha(opacity=100);    
	opacity:1;     
	font-size:small;     
	vertical-align: middle; 
	top: auto; 
	position: absolute; 
	right: auto; 
	color: #FFFFFF;
}

section
{
	border-radius:0.5em;	
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	-ms-border-radius: 0.5em;	
	box-shadow: rgba(0,0,0,0.8) 0px 4px 8px;
	-webkit-box-shadow: box-shadow: rgba(0,0,0,0.8) 0px 4px 8px;
	-ms-box-shadow: 	box-shadow: rgba(0,0,0,0.8) 0px 4px 8px;
	-moz-box-shadow: 	box-shadow: rgba(0,0,0,0.8) 0px 4px 8px;
	-o-box-shadow: 		box-shadow: rgba(0,0,0,0.8) 0px 4px 8px;	
	margin:1em auto;
	padding:.5em;
	width:90%;	
}

article #navs
{
	text-shadow: #EEE 2px 2px 10px;
	-webkit-text-shadow: #EEE 2px 2px 10px;
	-ms-text-shadow: #EEE 2px 2px 10px;
	-moz-text-shadow: #EEE 2px 2px 10px;
	-o-text-shadow: #EEE 2px 2px 10px;
	transition: all 1s linear;
	-webkit-transition: all 1s linear;	
	-ms-transition: all 1s linear;
	-moz-transition: all 1s linear;
	margin: 0 auto;
	padding: 2px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align: center;
	font-size:1em;
	color:#FFF;
}
p 
{
	font-family: Georgia, "Times New Roman", Times, serif;	
	text-align:left;
	margin-top:0px; 
	margin-bottom:12px; 
	color:#000000; 
}

ul 
{
list-style:none;
margin:0;
}
ol {
margin-top:10px; 
margin-left:20px;
}
li {
text-align:left;
margin-top:10px; 
color: #000000;
margin:0;
padding:.5em;
}
#nota
{
	font-family:"Courier New", Courier, monospace;
	font-size:16px;
	color:#FF6600;
	text-align:left;
}
.resaltar
{
	font-family:"Courier New", Courier, monospace;
	font-size:20px;
	color:#FF6600;
	
}