body,td,th {
	font-family: 'Vollkorn', "Times New Roman", Times, serif;
	background-color: #fff;
	background-image: url(../images/firefly.png);
	background-repeat: no-repeat;
}

strong {font-weight: 200;color: #ff0000;}

h1 {font-size: 28px; font-weight:100;}
h2 {font-size: 20px; font-weight:100;}
h3 {font-size: 16px; font-weight:100;}
h4 {font-size: 10px; font-weight: 100;}
#header {
	position:absolute;
	top:40%;
	left:30%;
	/*border:thin solid #000;*/
	padding: 5px;
	width:30%;
	text-align:center;
}
#menu {
	position:absolute;
	top:10%;
	left:34%;
	padding: 5px;
}
#language {
	position:absolute;
	text-align:right;
	top:2%;
	left:70%;
	/*border:thin solid #000;*/
	padding: 5px;
	width:auto;
}
#plusone {
	position:absolute;
	text-align:right;
	top:3%;
	left:77%;
	/*border:thin solid #000;*/
	padding: 5px;
	width:auto;
	margin-top:-8px;
}
#col1 {
	position:absolute;
	top:21%;
	left:34%;
	border-left:thin solid #d8d8d8;
	padding: 15px;
	width:30%;
	font-size:15px;
	background-image: url(../images/gradient.png);
	background-repeat:no-repeat;
}
#col2 {
	position:absolute;
	top:21%;
	left:63%;
	border-left:thin solid #d8d8d8;
	padding: 15px;
	width:30%;
	font-size:15px;
	background-image: url(../images/gradient.png);
	background-repeat:no-repeat;
}
#col3 {
	position:absolute;
	top:17%;
	left:74%;
	border-left:thin solid #d8d8d8;
	padding: 15px;
	width:23%;
	font-size:15px;
	background-image: url(../images/gradient.png);
	background-repeat:no-repeat;
}
#title1 {
	position:absolute;
	top:20%;
	left:25%;
	border-left:thin solid #d8d8d8;
	padding: 15px;
	width:18%;
	font-size:15px;
	background-image: url(../images/gradient.png);
	background-repeat:no-repeat;
}
#content1 {
	position:absolute;
	top:20%;
	left:45%;
	border-left:thin solid #d8d8d8;
	padding: 15px;
	width:50%;
	font-size:13px;
	background-image: url(../images/gradient_a.png);
	background-repeat: repeat-y;
}
#content1a {
	position:absolute;
	top:20%;
	left:45%;
	border-left:thin solid #d8d8d8;
	padding: 15px;
	width:23%;
	font-size:13px;
	line-height:15px;
	background-image: url(../images/gradient_a.png);
	background-repeat:repeat;
}
#content1b {
	position:absolute;
	top:20%;
	left:70%;
	border-left:thin solid #d8d8d8;
	padding: 15px;
	width:23%;
	font-size:13px;
	line-height:15px;
	background-image: url(../images/gradient_b.png);
	background-repeat:repeat;
}

/*Definimos una clase para <ul> */

  ul.columnas {
  Float: left;
  width: 100%; /*Este ancho será el total que ocupen muestras columnas */
  List-style-type: none; /*Eliminamos las viñetas */
  }

/*Definimos las propiedades para <li> a partir de las otorgadas a <ul>*/

  ul.columnas li{
  Display:inline; /*Se declara que las propiedades serán otorgadas a cada linea*/
  Float: left;
  Width:33%;} /*Al definir el ancho definimos también el número de columnas, siendo 25% para 4 columnas, 33% para 3, 50% para 2 y asi para la cantidad de columnas que deseemos */

#footer {
	position:fixed;
	top:85%;
	left:15%;
	width:250px;
	font-size:small;
	background-color:#fff;
	filter: alpha(opacity=75);
	opacity: .75
	}
#news {
	position:fixed;
	top:75%;
	left:50%;
	width:40%;
	border-left:thin solid #d8d8d8;
	border-right:thin solid #d8d8d8;
	padding: 15px;
	font-size:12px;
	line-height:14px;
	background-image: url(../images/gradient_a.png);
	background-repeat:repeat;
	}

.caption {font-size:10px; width:500px;}
a:link {
	text-decoration: none;
	color: #2e2e2e;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #bdbdbd;
	text-decoration: none;
}
a:active {
	color: #333333;
	text-decoration: none;
}

.com:link {color: #DF0101 !important; }
.com:visited { color: #DF0101; }
.com:hover { color: #B45F04 !important; text-decoration: none !important; background-color: #E6E6E6; } 
.img:link {color: #01DF01 !important; }
.img:visited { color: #01DF01; }
.img:hover { color: #04B45F !important; text-decoration: none !important; background-color: #E6E6E6; }