﻿/* ids must be unique where as class can be applied to many things. 
In CSS, ids look like #elementID and class elements look like .someClass */
/* http://bytes.com/topic/html-css/answers/155228-override-css-link-color */
/* BEGIN CLASSES =========================*/


/* translate is not in use 
.translate{
	margin-top:10px;
	padding-top:30px; 
	float:right;
	margin-right:2px;
	border-width:0px;
}

*/

/* groovybutton esta en http://www.pagetutor.com/button_designer/index.html */

input.groovybutton
{
   font-size:16px;
   font-weight:bold;
   width:97px;
   height:30px;
   background-color:#FF9933;
   margin-top:1px;
   margin-bottom:1px;
}




.numberofpages{
	font-weight:normal;
}


.bookadbox{
  	background-color:#EEECE9;
}


.share{
/* 	background-image: url('images/share.jpg');background-repeat:no-repeat; */
	margin-top:74px;
	padding-top:0px; 
	float:right;
	margin-right:0px;
	border-style:outset;
	border-width:thin;
	border-color:blue;
	width:50px;
	font-size:small;
	text-align:center;
	padding-right:3px;
  	background-color:#EEECE9;
}

	margin-top:74px;
	padding-top:0px; 
	float:right;
	margin-right:0px;
	border-style:outset;
	border-width:thin;
	border-color:blue;
	width:50px;
	font-size:small;
	text-align:center;
	padding-right:3px;
  	background-color:#EEECE9;
}

.bookadbox{
	border-color:#9A9B9C; 
	border-width:medium; 
	background-color:#9A9B9C; 
	border-style:solid; 
	color:#FFFFFF; 
	font-family:'Times New Roman', Times, serif; 
	font-weight:bold; 
	text-align:right;
	padding-right:8px;
	letter-spacing:2px
}

.bookadboxinside{
	border-color:#9A9B9C; 
	border-width:medium;
	background-color:#FFFFFF;
	border-style:solid; 
	padding-bottom:4px;
	padding-left:8px;
	padding-right:8px;
}

.infographic-image{
	border-width:thin;
	border-style:solid;
	border-color:#9A9B9C; 
	width:250px;
	float:right;
	font-style:italic;
	font-family:arial;
	font-size:smaller;
	line-height:1.25em;
	text-align:center;
	background-color:#FFE7BA;
	padding-bottom:4px;
	padding-left:8px;
	padding-right:8px;
	padding-top:4px;
	margin-left:4px;
}

.infographic-more-links{
	border-width:thin;
	border-style:solid;
	border-color:#9A9B9C; 
	background-color:#FFE7BA;
	padding-bottom:4px;
	padding-left:8px;
	padding-right:8px;
}

.my-twitts{
	background-color:#FFF8DC;
	font-size:smaller;
} 

.bullet {
	color: 	#FF9900;
	color:	#CD2626;
}

/* Allow user to increase/decrease font */
#increase-decrease-font{
	float:left;
	width:60px;
	padding-top:76px;
	margin-left:660px;	
}



/* ===== spanish-version is not in use
#spanish-version {
	background-image:url('images/translate-Spain-flag-icon.jpg');
	background-repeat:no-repeat;
}
*/




a.specialLink:link{
	color:white;
}

a.specialLink:visited{
	color:white;
}


/* ======= labinfo this style is not in use 
.labinfo{
	text-align: left;
	font-size: small;
  	letter-spacing:2px;
}
*/



.adsense728{
	width: 728px; 
	margin: auto; 
}

.adsense200plusmenu{
	width: 728px; 
	margin: auto; 
}

.boxindex{
  background:#FFFFFF;
  line-height:130%;
  text-align:left;
  border-width:0;
  padding-left:50px;
  padding-right:60px;
  padding-right:70px;
  padding-top:10px;
  padding-bottom:0px;
}

.dropcap{
  display:block;
  float:left;
  font-size:300%;
  font-family:Georgia,"Times New Roman",Times,serif;
  font-weight:700;
  height:.8em;
  margin-bottom:-0.4em;
  padding:.2em .1em 0 0;
}

.pagedescription{
  background:#FFFFFF;
  line-height:130%;
  text-align:left;
  border-style:solid;
  border-width:1px;
  margin:4px;
  padding:1px 1px 1px 1px;
  font-size:.8em;
}

.smallfig{
  text-align:right;
  float:right;
  border-width:0;
  border-style:none;
}

.bibliography{
  text-indent:-30px;
  margin-left:30px;
  line-height:100%;
  margin-top:5px;
  margin-bottom:5px;
  font-size:.90em;
}

.thinborderfloatcenter{
  border:solid 1px #666;
  margin-top:1px;
  padding:1px;
}

img.imageright{
	float:right;
	width:auto;
	margin-left:20px;
	margin-bottom:10px;
}

img.imageleft{
	float:left;
	width:auto;
	margin-right:20px;
	margin-bottom:10px;
}

/* END   CLASSES =========================*/


/* BEGIN IDS .............................*/
#logo-en{
	background-image: url('images/top-banner-image-en.jpg'); 
	 background-repeat:no-repeat;
	 width:728px; 
	 height:120px;
	 margin: auto; 
	 padding-top:10px;
}

#logo-es{
	background-image: url('images/top-banner-image-es.jpg');
	 background-repeat:no-repeat;
	 width:728px; 
	 height:120px;
	 margin: auto; 
	 padding-top:10px;
}


#pagesinenglish{
	float:right;
	width:auto;
	font-size:small;
	padding-left:2px;
	padding-right:2px;
	background-color:#FF9900;
	background-color:transparent;
}


#container{
  width:728px;
  background:#FFFFFF;
  margin:0 auto;
  padding-top:0px;
}






/* BEGIN Top Menu -------------------------------------------------------------------- */
/* ABAJO ES DE: http://css.maxdesign.com.au/listamatic/horizontal01.htm */

#topmenu{
  width:728px;
  width:528px; /* 728 Restado 200 de adsense at left*/
  width:527px; /* 728 Restado 201 de adsense at left*/
/*  width:524px; */
  margin:0 auto;
  height:auto;
  text-align: left;
  background-color: #333333;
  height:auto;
  float:left;
}

#nav{
  padding:0; 
  margin:0; 
  line-height:2em;
  line-height:2.5em;
  list-style-type:none;
  background-color:#00152B;
}

#adsense200{
  background-color:#00152B;
  background-color:#FFF;
  float:left;
  width:200px;
  margin-left:0px;
  margin-right:1px; 
}


/* ============== navlist li is not in use 
#navlist li{
  background:#333333;
  display:inline;
  list-style-type:none;
  color:#FFFFFF; /*Font color = blanco*/
/* font-size: smaller;
  display:none;
}
*/


div#navcontainer ul li a:hover{
  background-color:#DB582C;
  color:#FFFFFF;
/*  line-height:2.5em;  */
}

/* -Begin Menu parameters and colors- */
#nav ul{/* all lists */
  padding:0; 
  margin:0; 
  line-height:2em; /*2em = 20 pixels approx. */
  list-style-type:none; 
}

#nav a{
  display:block;
  width:121.33px;
  width:105.2px;  
  width:105.4px;/* width needed or else Opera goes nuts */ 
  width:105.2px;/* width needed or else Opera goes nuts */ 
  width:auto;
  text-decoration:none;
  color:#FFFFFF;
  padding-left:.4em;/* Espacio interior */
  padding-left:6px;/* Espacio interior */
  background-color:#333333;
  
  background-image:url('images/navi_bg.jpg');
  background-repeat:no-repeat;
  background-position:left;  
  
}

#nav li{/* all list items */
  float:left;/* coloca un menu al lado del otro */
  width:121.33px;/* width needed or else Opera goes nuts */
  width:105.2px;/* width needed or else Opera goes nuts */
  width:105.4px;/* width needed or else Opera goes nuts */
  width:105.2px;/* width needed or else Opera goes nuts */ 
  font-size:12px;
  background-color: #333333;
}

#nav li ul{/* second-level lists */
  position:absolute;
  width:121.33px;
  width:105.2px;/* width needed or else Opera goes nuts */
  width:105.2px;/* width needed or else Opera goes nuts */ 
  width:105.4px;/* width needed or else Opera goes nuts */
  font-size:12px;
  left:-999em;/* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li.sfhover ul{/* lists nested under hovered list items */
  left:auto;
  background:#fff;
/* line-height:2.5em; */
}

#nav li:hover ul{/* lists nested under hovered list items */
  left:auto;
  background:#fff;
}



/* ==== content is not in use ========
#content{
  clear:left;
  color:#ccc;
}
*/



#nav a:hover{
  background-color:#FFE4B5;		/* FEF0C9 = Camel Tan color del rectangulo del menu*/
/*  background-image: url('images/b-grad.jpg'); */
/*  background-repeat: no-repeat;  */
  color: #000000;
}
/* =End Menu parameters and colors= */
/* BEGIN Top Menu -------------------------------------------------------------------- */











/* NOT IN USE
#adsense200filler{
	height:48px;
	background-color:#FFFFFF; 
  	float:right;
  	width:200px;
	margin-top:0px; 
  	margin-left:2px;
  	margin-right:0px;  
}
*/

#contentforarticles{
   width: 728px;
   margin: 0 auto;
   padding: 0;
   border: 0;
   float: none !important;
   color: black;
   background: transparent none;
   }

#footer a:link{
	color:#FF7F24;
}
#footer a:visited{
	color:#FFD39B;
}
#footer a:hover{
	color:#FFF;
}


#footer{
  width:728px;
  background-color:#FFA54F;
  background-color:#414141;
  height: auto;
  color:#000;
  color:#FFF;

  text-align:center;
  font-size:small;
  font-weight:normal;
/*  font-weight:lighter; */
  margin-top: 8px;
  margin-bottom:0px; 
  margin-left: 0px;
  margin-right: 0px;
}

#printme{
  width:728px;
	top:0px; 
	padding-top:0px;
	margin-left:10px;
	font-size:x-small;
}
/* END   IDS .............................*/

body{
  font-family:Verdana,Arial,sans-serif;
  font-style:normal;
  font-size:100%;
  color:#666666;
}

h1{
  font-family: Georgia, serif;
  font-style:normal;
  font-size:150%;
  color:#CD2626; /*firebrick3*/
/*  letter-spacing:1px;*/
/*  font-variant:small-caps; */
/*  margin-top:12px; */
  margin-bottom:0px;
  font-weight:bold;
  padding-top:20px;
  padding-bottom:16px;
}

h2{
  font-family:Georgia, serif;
  font-style:normal;
/*  font-style:italic; */
  font-size:110%;
  color:#660000;
  color:#EE0000; /*red2*/
  color:#FF3030;
  color:#B22222;
  font-weight:bold;
  line-height:normal;
}

h3{
  font-family:Georgia, serif;
  font-style:italic;
  font-size:1em;
  font-size:.8em;
  color:#660000;
  font-weight:normal;
  line-height:normal; 
  margin-top:4px;
  margin-bottom:1px;
}

h4{
  font-family:Verdana,Arial,sans-serif;
  font-style:normal;
  color:#333333;
  font-size:x-small;
/*  font-weight:bold; */
/*  font-style:italic; */
  line-height:normal;
  margin-top:1px;
  margin-bottom:1px;
}

h6{
  text-align:center;
  font-size:.9em;
  font-style:normal;
  font-weight:lighter;
  color:#000000;
}


/* ======== h2.white is not in use
h2.white{
  color:#FFFFFF;
  letter-spacing:2px;
}
*/




p{
  color:#1E1E1E;
  color:#333333;
}

p.center{
  color:#CC3300;  
  font-size:1.1em;
  text-align:center;
}

li{
  color:#1E1E1E;
}

body{
  background-color:#00152B;
}

.blockquote{
  font-family:Georgia, serif;
  margin-left:40px;
  margin-right:60px;
  padding-left:16px;
  padding-right:16px;
  padding-top:8px;
  padding-bottom:8px;
  background-color:#F5F5DC;
  color:#444444;
}

/* ==== center is not in use 
center{
  text-align:center;
}
*/



hr{
  border:none;
  background-color:#B4CBDF;
  color:#B4CBDF;
}

divminimunheight{
  text-align:left;
  min-height:200px;
  height:auto !important;
  height:200px;
}

CAPTION.MYTABLE{
  margin-left:2px;
  margin-right:2px;
}

TABLE.MYTABLE{
  font-family:arial;
  font-size:1em;
  background-color:#E8E6A1;
  margin-left:2px;
  margin-right:2px;
  border-style:solid;
  border-width:0;
}

TH.MYTABLE{
  font-size:.8em;
  color:#878787;
}

TR.MYTABLE{
  background-color:#FFF;
  font-size:.8em;
  font-style:normal;
}

TD.MYTABLE{
  font-size:.7em;
  background-color:#FFF;
  text-align:center;
  margin-left:2px;
  margin-right:2px;
  font-style:normal;
}

TD.MYTABLE_White{
  font-size:.7em;
  background-color:#FFF;
  color:#878787;
  text-align:center;
  margin-left:2px;
  margin-right:2px;
}


.center{
  text-align:center;
}


/* ======== .right is not in use 
.right{
  text-align:right;
}
*/


.center table{
  margin:auto;
}

/*
div.centerfigure{
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:20px;	
}
*/

img.centerfigure{
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:20px;	
}

#caption{
	font-size:x-small;
	text-align:center;
	margin-left:10%;
	margin-right:10%;
	line-height:95%;
	font-weight:lighter;
}

div.captionundercenter{
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	font-size:x-small;
	text-align:center;
	width:	460px;
	font-weight:lighter;
	line-height:95%;
}

div.figcaptionright{
  float:right;
  width:40%;
  border:thin silver solid;
  text-align:center;
  font-size:smaller;
  text-indent:0;
  margin:0.5em;
  padding:0.5em;
}

div.figcaptionleft{
  float:left;
  width:40%;
  border:thin silver solid;
  text-align:center;
  font-size:smaller;
  text-indent:0;
  margin:0.5em;
  padding:0.5em;
}

div.leftsidebar{
  float:left;
  width:40%;
  border:thin silver solid;
  text-align:left;
  font-size:smaller;
  text-indent:0;
  margin:0.5em;
  padding:0.5em;
}


/* ======= articletitle is not in use========
p.articletitle{
  font-family:sans-serif;
  font-size:large;
  font-style:normal;
  font-variant:small-caps;
  font-weight:700;
  line-height:100%;
  text-align:center;
  text-decoration:none;
  text-indent:0;
  text-transform:none;
  color:#F60;
  word-spacing:normal;
}
 */
 
 
img{
  border-style:none;
}

p.alignright{
  text-align:right;
  font-style:italic;
}

p.aligncenter{
  text-align:center;
}




/* ======= alignleft is not in use
p.alignleft{
  text-align:left;
}
*/



/* =====  alignrightnoitalic is not in use
p.alignrightnoitalic{
  background-color:#FFF;
  font-size:smaller;
  text-align:center;
}
*/

.indented{
  padding-left:50pt;
  padding-right:50pt;
}
/* End Style2 */






/* LO SIGUIENTE LO USA SOLAMENTE EL HELP */


#box_footnote{
  margin-left:60px;
  margin-right:60px;
  background:#FFFFF0;
  font-size:.7em;
  color:#999;
  padding:1px 0;
}

#box_gotoTRXhome{
  margin-left:60px;
  margin-right:30px;
  background:#FFFFF0;
  font-size:.6em;
  color:#999;
  padding:0;
}

/* End Style3 */
