/* -------------------------------------------- */ 
/* General block definitions */ 

BODY {
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 9pt;
 color: #DDD;
 scrollbar-3dlight-color: #999999;
 scrollbar-arrow-color: white;
 scrollbar-base-color: #666666;
 scrollbar-darkshadow-color: black;
 scrollbar-face-color: #666666;
 scrollbar-highlight-color: #999999;
 scrollbar-shadow-color: #999999;
 scrollbar-track-color: #AAAAAA;
 cursor: crosshair; 
}

P, H1, H2, H3, H4, H5, H6, LI, OL, UL, TD, TH, DL, DT, DD, SMALL {
 font-family: verdana, arial, helvetica, sans-serif;
 color: #DDD;
}

P {
 font-size: 8.5pt;
 line-height: 18px;
 margin-left: 70px;
 margin-right: 50px;
 margin-top: 8px;
 margin-bottom: 0px;
}

H1 {
 font-size: 15pt;
}

H2 {
 font-family: verdana, Arial, Helvetica, sans-serif;
 font-size: 13pt;
 color: #777;
 margin-bottom: 0px;
}

H3 {
 font-family: verdana, Arial, Helvetica, sans-serif;
 font-size: 11pt;
 margin-left: 70px;
 color: #777;
}

H4 {
 font-family: verdana, Arial, Helvetica, sans-serif;
 font-size: 9.5pt;
 margin-left: 70px;
 color: #777;
}

H5 {
	
}

H6 {
	
}

LI {
 font-size: 8.5pt;
 list-style-image: url(list.gif);
 }

OL, UL {
 font-size: 8.5pt;
 margin-top: 0px;
 margin-left: 70px;
 margin-right: 50px;
}

DL {
 font-size: 8.5pt;
 line-height: 18px;
 margin-left: 70px;
 margin-right: 50px;
}

DT {
 font-weight: bold;
}

DD {
 margin-left: 20px;
 margin-bottom: 8px; 
}

TH {
 font-size: 8.5pt;
}

TD {
 font-size: 8.5pt;
}

HR {
 clear: both; 
 color: #555; 
}

/* -------------------------------------------- */ 
/* General inline definitions */ 

STRONG {
 font-weight: bold; 
}

EM {
 font-style: italic; 
}

SMALL {
 font-size: 8pt;
}

A, AREA {
 cursor: pointer; 
}

A:link {
 color: #FF9900;
 font-weight: bold;
 text-decoration: none;
}

A:visited {
 color: #CC6600;
 font-weight: bold;
 text-decoration: none;
}

A:active {
 color: white;
 text-decoration: none;
}


/* -------------------------------------------- */ 
/* Particular block definitions */ 

/* This class is used on the Testimonies home page, to list the clips. */
/* It makes bigger text and makes the DT "wait" until there is nothing on the margins to appear, 
so images don't bother. */
DL.testimonies DT {
 font-size: 11pt; 
 font-weight: bold; 
 clear: both;
}

/* This element gives the content it's width. */
/* The DIV makes innecesary the use of a big table, that would slow the final visualization. */
DIV.cuerpo {
 width: 780px;
 align: center;
}


/* This element is the special text included in an opening table, with a small image to it's left. */
/* It's intended to give a short summary of what it's on the page. */
DIV.copete {
 font-family: verdana, Arial, Helvetica, sans-serif;
 font-size: 7.5pt;
 line-height: 18px;
 color: #BBBBBB;
 margin-left: 15px;
 padding-top: 10px; 
 padding-bottom: 8px;
}

UL.ulnomargin {
 font-family: verdana, Arial, Helvetica, sans-serif;
 margin-left: 15px;
 margin-right: 0px;
}

UL.ulnomargin LI {
 font-family: verdana, Arial, Helvetica, sans-serif;
 font-size: 7.5pt;
 color: #BBBBBB;
 line-height: 18px;
}

H3.gallery {
 font-family: verdana, Arial, Helvetica, sans-serif;
 font-size: 11pt;
 margin-left: 0px;
 margin-top: 10px;
 margin-bottom: 0px;
 color: #777;
 border-bottom: solid 1px #555
}

TABLE.tablegallery TD {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
}

/* This particular class is for H1 inside an opening "copete" table. */
H1.copete {
 margin: 1px; 
}

/* This element centers and greys a piece of text. */
/* It's intended to emphazise a particular statement. */
DIV.destacado {
 font-family: "Trebuchet ms", Arial, Helvetica, sans-serif;
 font-size: 8pt;
 font-weight: bold;
 line-height: 20px;
 color: #BBBBBB;
 width: 500px;
 margin-left: 136px;
 padding-bottom: 8px;
}


/* This element should be used surrounding the big standalone images. */
/* It gives them the same left-magin of the element P. */
DIV.image {
 margin-left: 70px;
}

P.question {
 font-style: italic; 
}

/* This class is for the last HR, just before the bottom navbar. */ 
/* Unfortunately, Netscape doesn't take this property right. :-( */ 
HR.final {
 color: #FF9900; 
}

