@import url ”reset.css”;


/***** Global Settings *****/
* { margin: 0; padding: 0; border:0;}

html {
background: #01245c url("img/bghtml.jpg") no-repeat 50% 0; 
}

body {
font: 70% "Calisto MT", Georgia, serif;
width: 960px;
height:100%;
margin: 0 auto;
background-color:#FFFFFF;
line-height:1.4;
}
/***** Layout *****/

#header {
top: 0px;
width: 960px;
height: 160px;
}

#header img{
vertical-align:middle;
}
#header h4{
float:right;
padding:0px 10px 0 0;
text-align:right;
width: 280px;
background: url("img/headbg.jpg") no-repeat 0;
height: 160px;
font-weight: bold;
font-family: Georgia, serif;
font-size: 10px;
text-transform: uppercase;
}
#header h4 a{
color:#042b66;

}
#header h4 a:hover{
background-color:#042b66; 
color: white; 
}
#title{
background: #0b3871;
width: 960px;
height: 56px;
padding:0;
}



#flash{
background: #4199c3;
width: 960px;
height: 285px;
padding:0;
}
#flashl{
height: 285px;
padding:0;
float:left;
}
#flashr{
height: 285px;
width: 658px;
float: right;
background-image:url("img/librobg.jpg");
color:#fff;
}

#flashr p{
padding: 0 90px 0 60px;
font-size:20px;
color:#fff;
line-height: 1.2em;
}
.title{
clear: both;
padding: 5px 30px 0;

}
#navbar{
clear:both;
padding: 0 0 0 40px;
width: 600px;
height: 62px;
}
#bar{
padding: 12px 90px 0 40px;
width: 350px;
height: 52px;
float:right;
}
#centerint{
width:960px;
border:0;
min-height: 600px;
background-color:#FFFFFF;
float:left;
}
#centerint{
width:960px;
border:0;
min-height: 400px;
background-color:#FFFFFF;
float:left;
}
#leftcol {
width: 302px;
float:left;
padding:0 10px 0 0;
background-color:#fff;
position:relative;
}
#leftcol img{
padding:0;
border:0;
float:left;
}
#content{
width:550px;
float:right;
background:url("img/content_bg.gif") no-repeat;
background-position: right;
padding:40px 40px 10px 20px;
border:0;
position:relative;
}
#form{
width:550px;
float:left;
padding:10px;
border:0;
position:relative;
}

#content ol{
vertical-align: top;
color:#838383;
font-size:15px;
line-height:1.6em;
font-weight: bold;
}
#footer{
background: url("img/bgfooter.jpg") no-repeat 50%;
background-position:top;
width: 960px;
border:0;
clear:both;
background-color:#fff;
}
#footer h4{
font-size: 10px;
font-family:Georgia, "Times New Roman", Times, serif;
color: #8a8889;
text-align: center;
padding: 15px 5px 10px 20px;
text-transform:uppercase;
font-stretch:expanded;
}
#footerright {
position:relative;
float: left;
width:960px;
height:50px;
background-color:#01245c;
}
#footerright h4{
font-size: 10px;
text-transform:uppercase;
color: #fff;
text-align:right;
padding:10px 2px 0;
}
#addthis{
width: 230px;
text-align:center;
float:right;
padding-top:15px;
}
/***** Tipography general *****/
 
 
h1{
font-family: Georgia, serif;
font-size: 18px;
text-align: left;
color:#429ac4;
}
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited {
color:#930020;
text-decoration: none;
}
h1 a:hover, h2 a:hover {
color:white;
background-color:#930020;
text-decoration: none;
}
 
h2 {
font-size:14px;
line-height:20px;
}
 
h3 {
font-size: 12px;
text-align: right;
padding: 0;
}

h5 {
font-size:11px;
color:#fff;
}
 
p{
	margin:5px 0 10px 0;
	text-align:left;
	font-size:14px;
	color:#666;
}
p a:link, p a:visited{
	margin:5px 0 10px 0;
	text-align:left;
	font-size:14px;
	color:#930020;
}
p a:hover{
color:white;
background-color:#930020;
}

 
ul, ol {
	list-style:none;	
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
 
hr {
color: #eee;
border: 1px dotted #ccc;
background-color: #eee;
border-style: none none dotted;
}
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/***** Links *****/
 
a,
a:link,
a:visited, 
a:hover  {
	text-decoration: none;
	border: none;
}

 
/***** Forms *****/
 
form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin: 0;
  min-width: 400px;
  width: 600px; 
}

form fieldset {
  border-color: #d4d4d4;
  border-width: 1px;
  border-style: solid;
  padding: 0 15px 20px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	font-size:18px; 
	color:#429ac4;

}

form label { 
font-family:Georgia, "Times New Roman", Times, serif;
 font-size:14px;
 color:#000;
	float: left; 
	width: auto; 
	padding: 0 5px 0; 
	margin: 2px 5px 2px; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
	display: block; 
}
form label.left{ 
text-align: left; 
	display: block; 
}
form small {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
color:#317392;

}
form small a:link, form small a:visited {
color:#317392;
text-decoration:underline;
}
form small a:hover {
color:#000;
background-color::#317392;
text-decoration:none;
}

form input, form textarea, form textarea, form select {
	display: inline; 
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 0;  						  
	border: 1px solid #3582b0;
	color:#042b62;
	font-size: 14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	vertical-align: baseline;
}
form input.inputRadio{				  
	border:0;
}

textarea { overflow: auto;}

form img { 
padding:0 15px 0;
vertical-align:middle;
}

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

#formfooter{
background-image:url("img/formfooter.jpg");
width:590px;
padding:2px 5px 2px;
height:auto;
float:left;
}

 
/***** Tables *****/
 
table {
border:0;
margin:0 0 1.25em 0;
padding:0;
}
 
table tr td {
padding:2px;
}
 
/***** Wrapper *****/
 
#wrap {
width:960px;
margin:0 auto;
}
 
/***** Global Classes *****/
 
.clear         { clear:both; }
.floatleft    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.textright    { text-align:right; }
.textcenter   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:960px;margin:0 auto; }
 
.imgleft     	{ float:left;margin:15px 90px 0px 25px; }
.imgright     { float:right;margin:4px 0 4px 10px; }
.imgcenter  	{ float:left;margin:35px;}

.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

/***** Navigation *****/


#navbar li, #bar li, #sma li{
 	display:inline;
	list-style:none;	
}

/***** Botones *****/
a.descargar {
float:left;
width: 371px;
height: 62px;
background: url("img/en/bt_descargar.jpg") no-repeat;
}
a.descargar:hover { 
background-position: 0px -62px;
}
a.recomendar {
float:left;
width: 159px;
height: 62px;
background: url("img/en/bt_recomendar.jpg") no-repeat;
}
a.recomendar:hover { 
background-position: 0px -62px;
}
a.comprar {
float:right;
width: 171px;
height: 46px;
background: url("img/en/bt_comprar.jpg") no-repeat;
}
a.comprar:hover { 
background-position: 0px -48px;
}
a.dolar{
float:left;
padding:20px 3px 20px;
color:#fff;
font-size:11px;
text-decoration:underline;
}
a.dolar:hover { 
color:#FFCC33;
text-decoration:underline;
}

li.precio {
float:left;
color: #fff;
font:24px bold;
padding:12px;

}