body,td,th {
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
body {
	background-color: #F2F4E3;
}
a{
	color:#F90;
	text-decoration:none;
	font-weight:bold;	
}
a:hover{
	color:#930;
	text-decoration:none;
	font-weight:bold;
}

h1{
	font-size:14px;
	color:#FFF;
}
p{
	font-size:10px;
	color:#FFF;
}
h1 {
	font-size: 16px;
}
h2 {
	font-size: 10px;
}
h3 {
	font-size: 16px;
	color: #FFF;
}
/*index temporal*/
.content-inner {
	width:820px;
	height:300px;
	background-color:#000;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	margin-top:250px;
}

/*fin index temporal*/


/*index oficial*/

  
#full-content {
	max-width:900px;
	min-width:350px;
	height:100%;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
}

header{
	max-width:100%;
	min-width:340px;
	padding:10px;

}
@media screen and (max-width:800px){  
header img {
	width:800px;
	height:249px;
}
}
@media screen and (max-width:720px){  
header img {
	width:720px;
	height:224px;
}
}
@media screen and (max-width:640px){  
header img {
	width:640px;
	height:199px;
}
}
@media screen and (max-width:600px){  
header img {
	width:600px;
	height:188px;
}
}
@media screen and (max-width:540px){  
header img {
	width:540px;
	height:168px;
}
}
@media screen and (max-width:480px){  
header img {
	width:480px;
	height:148px;
}
}
@media screen and (max-width:350px){  
header img {
	width:350px;
	height:109px;
}
}
@media screen and (max-width:320px){  
header img {
	width:320px;
	height:101px;
}
}
@media screen and (max-width:240px){  
header img {
	width:240px;
	height:76px;
}
}

/* navigation bar */
#topnav {
	display: block;
	width: 100%;
	height: 25px;
	position: relative;
	background: #000;
	text-align: center;
}

#topnav #navbtn {
  display: none;
  width: 30px;
  height: 35px;
  background: url('../img/menu.png') center no-repeat;
  text-indent: -99999px;
  overflow: hidden;
}

#topnav nav {
  position: absolute;
  top: 0;
  margin-left:auto;
  margin-right:auto; 
}

#topnav nav ul {
  list-style: none;
}
#topnav nav ul li {
  display: block;
  float: left;
  font-size: 1.4em;
  margin-right: 4px;
}

#topnav nav ul li a {
  display: block;
  text-decoration: none;
  line-height: 30px;
  color: #fff;
  padding: 0 25px;

}
#topnav nav ul li a:hover {
  color: #000;
  background: #FC0;
}
/* responsive styles */
@media screen and (max-width: 760px) {
  h2 { font-size: 2.2em; }
  p { font-size: 1.45em; line-height: 1.55em; }
  #topnav { height: auto; }
  #topnav nav { 
    display: none; 
    position: static;
    width: 100%;
    top: auto;
    right: auto;
  }
  #topnav nav ul li { float: none; margin: 0; }
  #topnav nav ul li a {
    display: block;
    width: 100%;
    line-height: 1.4em;
    border: 0;
    padding: 6px 9px;
    background: #;
  }
  #topnav nav ul li a:hover {
    background: #FC0;
  }
  
  #topnav #navbtn {
    display: block;
  }
}

/*info boxes */

.info-box {
	width: 250px;
	height: 260px;
	position: relative;
	background: #000;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	margin-right: 10px;
	margin-top:10px;
	float:left;
	position:relative;
	-moz-border-radius:3px;
	border-radius:3px;
}
.info-box li {
	color:#FFF;
	margin-left:-15px;
}

/*footer*/

.footer {
	background-color:#000;
	-moz-border-radius:3px;
	border-radius:3px;
	color:#FFF;
	text-align:center;
	position:fixed;
	width:100%;
	height:110px;
	bottom:0px;
	left:0px;
	clear:both;
	margin-top:10px;
	padding-top:10px;
}