/* CSS Document */

body { margin:0px; background:url(../images/bg.jpg) center top repeat;}
.footer { font-family:Arial, Helvetica, sans-serif; color:#999999; font-size:12px; background-color:#000000;}

/*TEXTOS*/
.textoBlanco { font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:12px;}
.textos { font-family:Arial, Helvetica, sans-serif; color:#DEE8F8; font-size:12px;}
.subTitulos { font-family:Arial, Helvetica, sans-serif; color:#DEE8F8; font-size:16px;}
.titulos { font-family:Arial, Helvetica, sans-serif; color:#84DFEB; font-size:20px; font-weight:bolder;}
.titulos a{ font-family:Arial, Helvetica, sans-serif; color:#84DFEB; font-size:20px; font-weight:bolder;}
.titulosRojos { font-family:Arial, Helvetica, sans-serif; color:#ff0000; font-size:18px; font-weight:bolder;}
.titulosNegro { font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:20px; font-weight:bolder;}
.textoAzulClaro { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#DEE8F8;}
.tituloAzulClaro { font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#84DFEB;}
.tituloBlanco { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#ffffff;}
.textoAzul { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#9DD6E1;}

.h1 a { font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:20px;}
.h1 a:hover { font-family:Arial, Helvetica, sans-serif; color:#9DD6E1; font-size:20px;}
.h2 a { font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:15px;}
.h2 a:hover { font-family:Arial, Helvetica, sans-serif; color:#9DD6E1; font-size:15px;}

/*ENLACES*/
.enlaceFooter  a { font-family:Arial, Helvetica, sans-serif; color:#999999; font-size:12px;}
.enlaceFooter  a:hover { font-family:Arial, Helvetica, sans-serif; color:#84DFEB; font-size:12px;}
.enlaceBlanco  a { font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:12px;  text-decoration:none;}
.enlaceBlanco  a:hover { font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; text-decoration:none;}
.enlaceNegro  a { font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:12px; text-decoration:none;}
.enlaceNegro  a:hover { font-family:Arial, Helvetica, sans-serif; color:#9DD6E1; font-size:12px; text-decoration:none;}
.enlaceNaranja  a { font-family:Arial, Helvetica, sans-serif; color:#9DD6E1; font-size:12px;}
.enlaceNaranja  a:hover { font-family:Arial, Helvetica, sans-serif; color:#0000000; font-size:12px; text-decoration:none;}
.enlaces a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#9DD6E1; text-decoration:underline;}
.enlaces a:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#9DD6E1; text-decoration:none;}


/*FONDOS Y ORNAMENTOS */
.bgBlueGradient { background-image:url(../images/bgBlueGrandient.jpg); background-position:center top; background-repeat:repeat-x; }
.bgGray { background-image:url(../images/bgGrayGradient.jpg); background-position:left top; background-repeat:no-repeat;}
.lineaGris{ background-image:url(../images/lineaGris.jpg); background-position:center center; background-repeat:repeat-x; }
.sombraR{ background-image:url(../images/sombraR.png); background-position:left top; background-repeat:repeat-y;}
.sombraL{ background-image:url(../images/sombraL.png); background-position:right top; background-repeat:repeat-y;}
.bgGris { background-color:#E9E9E9;}
.bgBordeGrisT{ background-image:url(../images/bgBorde_02.jpg); background-position:center bottom; background-repeat:repeat-x; }
.bgBordeGrisB{ background-image:url(../images/bgBorde_11.jpg); background-position:center top; background-repeat:repeat-x; }
.bgBordeGrisL{ background-image:url(../images/bgBorde_05.jpg); background-position:right top; background-repeat:no-repeat; }
.bgBordeGrisR{ background-image:url(../images/bgBorde_07.jpg); background-position:left top; background-repeat:no-repeat; }
.bgBordeGrisLS { background-image:url(../images/bgBorde-1.jpg); background-position:right bottom; background-repeat:repeat-y; }
.bgBordeGrisRS { background-image:url(../images/bgBorde-2.jpg); background-position:left bottom; background-repeat:repeat-y; }
.bgBordeGrisC{ background-image:url(../images/bgBorde_06.jpg); background-position:center Top; background-repeat:repeat-x;}
.bgGrayTop{ background-image:url(../images/bgGrayTop.jpg); background-position:top center; background-repeat:repeat-x;}
.header { background:url(../images/bgtop.jpg) center top repeat;}
.bgGrisOscuro { background-color:#2A303D;}
.bgOscuro { background-color:#212730;}
.bgMid { background:url(../images/bgtop2.jpg) center top repeat;}
.linea { background:url(../images/linea.jpg) center center repeat-x;}
.lineaHor { background:url(../images/linea2.jpg) center center repeat-y;}

/*MENU */
.arrowlistmenu{ width: 250px; /*width of accordion menu*/}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;color: white; background: black url(../images/titlebar.png) repeat-x center left; margin-bottom: 10px; /*bottom spacing between header and rest of content*/ text-transform: uppercase; padding: 4px 0 4px 10px; /*header text is indented 10px*/ cursor: hand; cursor: pointer; }
.arrowlistmenu .menuheader a{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;color: white; /*bottom spacing between header and rest of content*/ }
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/ background-image: url(../images/titlebar-active.png); }
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/ list-style-type: none; margin: 0; padding: 0; margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/}
.arrowlistmenu ul li{padding-bottom: 2px; /*bottom spacing between menu items*/}
.arrowlistmenu ul li a{ color: #9DD6E1; background: url(../images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block; padding: 2px 0; padding-left: 19px; /*link text is indented 19px*/ text-decoration: none; font-weight: bold; border-bottom: 1px solid #30637E; font-size: 90%; }
.arrowlistmenu ul li a:visited {color: #9DD6E1;}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/ color: #9DD6E1; background-color: #212730;}

/*SLIDESHOW*/
{margin: 0;padding: 0;}
#rotator{overflow: hidden; margin: 0px auto 0px; position: relative; width: 400px; height: 200px;}
#rotator img { border: 0; width: 400px; height: 200px; }
p {text-align: center;}

/*TOOL TIPS*/
#fixedtipdiv{position:absolute;
padding: 2px;
border:1px solid black;
font:normal 11px verdana;
line-height:18px;
z-index:100;
}

/*CATEGORIAS EN ARTICULOS*/
#nav{	width:100%;		display:block;height:auto;	margin:0px;	padding:0px;}
#nav li{width:100%;	display:block;	list-style-type: none;	font-family:verdana;	font-size:12px;	margin-bottom: 1px;}
#nav li a{	width:100%; padding-left: 19px; text-indent:19px;		display:block; color:#777777; padding: 3px 0;	margin: 0px;text-decoration: none; border-bottom: 1px solid #dadada; background: url(../images/categorias-gray.png) no-repeat center left; }
#nav li a:hover{width:100%;		display:block;	color:#9DD6E1;  background: url(../images/categorias.png) no-repeat center left;}