/* aspl logo colors: #86cef9, #000090, #0000ff, #6394ec */
/* azul elegante: #537fa1; */
/* azul suave:    #204a87; */
/* rojo suave:    #d15454; */
/* rojo fuerte:   #cc0000; */
/* gris fuerte:   #537fa1; */
/* azul suave:    #428ac7; */

.page h3 { 
  padding-top: 20px;
  padding-left: 10px;
  border-left: 10px solid #cc0000;
  border-bottom: 1px solid #cc0000;
  font-size: 110%;
}

.page h2 { 
  padding-top: 15px;
  padding-left: 8px;
  border-left: 8px solid #cc0000;
  border-bottom: 1px solid #cc0000;
  font-size: 100%;
}

.page a img { 
  border: 0;
}

.page ul { 
  list-style: square;

}

body { 
  background: #1f1f1f url("background-rule.png") repeat-x;
  
}

.page { 
  border: 1px solid #428ac7;
  background: white;
  width: 900px;
  position: absolute; left: 50%; top: 0%; z-index: 1;
  margin-left: -450px;
  margin-top: 10px;
  font-family: Verdana,Tahoma,Arial,Sans-Serif;
  font-weight: normal;
  font-size:   small;
  color: #4c5257;
}

.page a { 
  text-decoration: none;
  color: #4c5257;
  margin-bottom: 5px;
}

.page p { 
  padding-right: 10px;
  padding-left: 10px;
  margin-bottom: 10px;
}

.page p.link { 
  padding-left: 40px;
}

div.link table { 
  margin-left: 40px;
}

div.link td { 
  vertical-align: top;
}

.page a:link { 
  color: #3786ea;
}
.page a:visited { 
  color: #3786ea;
}
.page a:hover { 
  color: #86cef9;
}
.page a:active { 
  color: #ddafa6;
}

.header-content { 
  z-index: 0;
 /* #6e92b0; /* #70a4d0;  #bac6d1; #d8e4ed;*/
/*  background: #428ac7; */
  background: #fff url("header-rule.png") repeat-x;
  height: 140px;
}

.logo img { 
  border: 0px;
  float: left;
  padding-left: 45px;
  padding-top: 40px;
}

.vortex-slogan {
  float: right;

}

.page-menu { 
/*  border: 1px solid #000000;*/
  text-align: right;
  font-weight: bold;
}

.page-menu ul { 
  margin:  0;                
  padding: 0;
/*  border: 1px solid #000000;*/
  width: 100%;
}

.page-menu li { 
  display: inline;
  padding-left: 5px;
}

.page-menu li a { 
  padding-left: 3px;
  border-left: 3px solid #cc0000;
  padding-right: 10px;
}

.menu-separator { 
/*  background: #537fa1; */
  background: #fff url("header-sep-rule.png") repeat-x;
  height: 15px; 
  border-bottom: 1px solid #a0a0a0;
  border-top: 1px solid #a0a0a0;
}

.main-content { 
  padding: 10px;
  padding-top: 0px;
  margin-top: 0px;
}

.upper-content { 
  
}

.upper-content-80 { 
  width: 80%;
  border-right: 1px dotted #a0a0a0;
}

.main-vortex-logo { 
/*  border: 1px solid #000000;*/
  width: 400px;
  float: left;
}

.introduction {
  margin-top: 10px;
  text-align: justify;
  width: 370px; 
  float: right;
}

.introduction h3 { 
  text-align: left;
}

.footer { 
  font-size: 70%;
  width: 100%;
  float: left;
  text-align: center;
  margin-top: 15px;
  border-top: 1px dotted #a0a0a0;
/*   padding-top: 15px; */
  padding-bottom: 15px;
  color: #a0a0a0;
}

.left-content { 
  width: 48%;
  float: left;
  text-align: justify;
}

.right-content { 
  width: 48%;
  float: right;
  text-align: justify;
  border-right: 1px dotted #a0a0a0;
  padding-right: 5px;
}

.download-section { 
  width: 76%;
  float: left;
  text-align: justify;
  border-right: 1px dotted #a0a0a0;
  padding-right: 10px;               
}

.news-section { 
  width: 76%;
  float: left;
  text-align: justify;
  border-right: 1px dotted #a0a0a0;
  padding-right: 10px;               
}

.all-section { 
  width: 100%;
/*  float: left; */
  text-align: justify;
/*  border-right: 1px dotted #a0a0a0; */
/*  padding-right: 10px;                */
}

.all-section img { 
  padding: 20px;
}

.support-section { 
  width: 76%;
  float: left;
  text-align: justify;
  border-right: 1px dotted #a0a0a0;
  padding-right: 10px;               
}

.donation { 
  text-align: center;
}

.left-image { 
  float: left;
  border: 0px;              
  padding: 0;
  margin: 0;
  padding-right: 10px;
}

.right-image { 
  float: right;
  border: 0px;              
  padding: 0;
  margin: 0;
  padding-left: 5px;
  padding-right: 5px;
}

.article-image { 
  padding: 0;
  margin: 0;
  border: 0px;    
}

li.item-description { 
  padding-bottom: 20px;
}

span.item-description { 
  font-weight: bold;
  text-decoration: underline;
}

.author { 
  font-size: 8pt;
  width: 100%;
  text-align: right;
}

.using { 
  padding-bottom: 20px;
  border-bottom: 1px dotted #c9c9c9; 
}

.using img { 
  padding: 10px;
}

.vortex-lateral-ads { 
  float: right;
  margin-top: 40px;
  padding-right: 5px;
  padding-left: 5px;
}

.vortex-11-its-here { 
  width: 100%;
  height: 113px;
  background: #ffffff url("vortex-1.1-its-here-bg.png") no-repeat;
  color: white;
}

.vortex-11-its-here-content { 
  padding: 10px;
  padding-right: 110px;
}

.vortex-11-its-here-title { 
  font-weight: bold;
  font-size: 12pt; 
  padding-bottom: 5px;
}

.vortex-11-its-here-links { 
  padding-top: 10px;
  padding-left: 80px;
}

.vortex-11-its-here-links a:link { 
  color: white;
  border: 1px solid white;
  padding: 2px;
  font-weight: bold;
}
.vortex-11-its-here-links a:visited { 
  color: white;
  border: 1px solid white;
  padding: 2px;
  font-weight: bold;
}
.vortex-11-its-here-links a:hover { 
  color: #fce94f;
  border: 1px solid white;
  padding: 2px;
  font-weight: bold;
}
.vortex-11-its-here-links a:active { 
  color: white;
  border: 1px solid white;
  padding: 2px;
  font-weight: bold;
}

.testimonial-content { 
  font-style: italic;
  font-weight: bold;
  width: 100%;
  margin: 0px;
  padding-left: 10px;
  padding-bottom: 10px;
 
}

.testimonial-author { 
  font-style: normal;
  margin: 0px;
  padding: 0px;
  position: relative; left: 65%; top: 0%; z-index: 1;
  font-weight: normal;
}

.sponsored-content { 
  background: #3465a4;
  color: white; 
  text-align: left;
  border-bottom: 1px dotted #3465a4;
  margin-bottom: 10px;
  border-left: 1px dotted #729fcf;
  border-right: 1px dotted #729fcf;
  
}

.sponsored-content .dotted { 
  border-right: 1px dotted #729fcf;
}

.sponsored-content a { 
   background: #3465a4;
   color: white !important; 
   font-weight: bold;
}

.sponsored-content table { 
  padding: 10px;
}

.sponsored-content h1 { 
  border-left: 8px solid #cc0000;
  border-bottom: 1px solid #cc0000;
  padding-left: 6px;
  margin-right: 12px;
  padding-top: 0px;
  margin-top: 0px;
  background: #3465a4;
  color: white; 
}

.sponsored-content td { 
  vertical-align: top;
}

.sponsored-content ul { 
  padding: 6px;
  margin: 6px;
}

.sponsored-content li { 
  font-size: 10pt;
  list-style: none;
}

table.licensing-table { 
  text-align: center;
}

.licensing-table .header { 
  color: white;
  font-weight: bold;
  background: #729fcf                  
}

.licensing-table td { 
  padding: 6px;
}

.licensing-table .table-option { 
  width: 400px; 
  text-align: right;
}

.licensing-table .row-odd { 
  background: #e7f0f3
}