/* 
    Document   : index
    Created on : 18-may-2009, 15:40:32
    Author     : juanmateom@gmail.com
    Description:
*/

/* 
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body{ 
  background: #000 url(../style/img/background.jpg) repeat-y center 30px;
  overflow: auto;
}
a{
	color: #fff;
	font-weight: bolder;
	text-decoration: none;
}
a:hover{
	color: #aaa;
	text-decoration: underline;
}
#contenedor{
  top: 5px;
  color: white;
  width: 800px;
  height: 600px;
  position: relative;
  display: block;
  z-index: 1;
}
#titulo{
  z-index: 2;
  position: relative;
  left: -60px;
  width: 690px;
  height: 50px;
  max-height: 50px;
  margin-top: 5px;
  border-style: none;
}
#titulo img{
	position: relative;
	top: 0px;
}
#derecho{
	position: absolute;
	left: 685px;
	top: 0px;
	width: 115px;
	height: 600px;
}
#navBar{    
	background: transparent url('/style/img/navbar/titulo.png') no-repeat 10px 1px;
	text-align: center;
	z-index: 3;
	width: 100%;
}
#navBar #navLinks{
	height: 22px;
	overflow: hidden;
	width: 100%;
	font-family: 'Arial';
	font-size: 14px;
	text-transform: capitalize;
}
#navBar #navLinks li{
	padding-right: 2px;
	display: inline;
}
#navBar #navLinks li a{
	color: #ccc;
	padding: 3px;
}
#navBar #navLinks li a:hover{
	color: #fff;
	text-decoration: none;
}
#pie{
	position: relative;
	top: 0px;
	left: -60px;
	width: 690px;
	color: #aaa;
	font: normal 10px Verdana;
	z-index: 0;
}
#contenido{
	font: normal 12px Arial;
	background: none;
	position: relative;
	width: 690px;
	top: 0px;
	left: -60px;
	overflow: auto;
    visibility: visible;
}
#news{
 width: 100%;   
 height: 250px;
 overflow: hidden;
}
#news .articulo{
	float: left;
	width: 320px;
	height: 80px;
	margin-left: 15px;
	margin-top: 15px;
	border: 1px dotted gray;
	background-image: url(../style/img/trans.png);
}
#news .spacer{
  clear: both;
}
#news .articulo .newsImg{
    float:left;
    width: 138px;
    margin-right: 5px;
}
#news .articulo .newsText{
	color: #fff;
	text-align: left;
	font: normal 12px Verdana;
	vertical-align: top;
}
#news .articulo .newsText a{
    font-weight: normal;
}
.alert{
	width: 60%;
	position: relative;
	text-align: center;
	top: 20px;
	background-image: url(../style/img/trans.png);
	border: 1px dotted gray;
	margin: auto;
	margin-bottom: 20px;
}
.alert a{
	width: 100%;
}
.afterBefore{
	unicode-bidi:bidi-override;
	direction: rtl;
}
#inicio{
	height: 240px;
}
#presentacion{
	background-image: url(../style/img/trans.png);
	border: 1px dotted #fff;
	margin-right: 10px;
	padding: 5px;
	text-align: justify;
}
.universalnutrition{
	display: inline;
	font-weight: bolder;
	width: 115px;
}
.universalnutrition:after{
	content: "®";
	vertical-align: super;
	font-size: 75%;
}