/* top elements */
* { margin: 0;	padding: 0; }
body {margin: 0; padding: 0; FONT-SIZE: 13px; COLOR: #000000; FONT-FAMILY:  Verdana, Tahoma, Arial, Helvetica, sans-serif; TEXT-DECORATION: none; background: #FFF url(/images/bg.gif) repeat-x;}

/* links */
a {color: #003366; background-color: inherit; text-decoration: none;}
a:hover {color: #CC0001; background-color: inherit;}

/* images */
img {border: 0px}
img.float-right {margin: 5px 0px 10px 10px;}
img.float-left {margin: 5px 10px 10px 0px;}
h1, h2, h3, p {padding: 0; margin: 5px;}
ul, ol {margin: 10px 20px; padding: 0 20px;}

#localizador {margin-left: 225px; margin-top:2px;}
#contenido { float: right; width: 755px; }
#contenidototal { margin: 0 auto 0 auto; width: 990px; }

.ad728 { text-align: center; margin: 15px 0 15px 0; }
.ad160 { float: right; margin: 0 0 10px 10px; }

#example { border: 1px solid #A1A1A1; width: 560px; padding: 10px; float: left; }

.cuadradito { width: 270px; height: 150px; background-color: #E4E4E4; border: 1px solid #C1C1C1; padding: 4px; float: left; margin-bottom: 8px;}
.cuadradito p { margin: 0 0 4px 0; padding: 2px 0 2px 5px; font-size: 12px; color: #FFF; background-color: #cc3333; }
.cuadradito p a { text-decoration: none; color: #FFF; }
.cuadradito p a:hover { text-decoration: none; color: #FFF}
.cuadradito p a:visited { text-decoration: none; color: #FFF; }

H1.rojo { margin: 10px 0 10px 0; padding-left: 5px; FONT-SIZE: 30px; COLOR: #cc0000; FONT-FAMILY: Tahoma, Verdana, sans-serif; TEXT-DECORATION: none; line-height: 30px; border-bottom: 1px solid #cc0000; }
H2.rojo { padding-left: 5px; FONT-SIZE: 20px; COLOR: #cc0000; FONT-FAMILY: Tahoma, Verdana, sans-serif; TEXT-DECORATION: none; }
H3.rojo { padding-left: 5px; FONT-SIZE: 15px; COLOR: #CC0000; FONT-FAMILY: Tahoma, Verdana, sans-serif; TEXT-DECORATION: none; }
H4.rojo { padding-left: 5px; FONT-SIZE: 10px; COLOR: #CC0000; FONT-FAMILY: Tahoma, Verdana, sans-serif; TEXT-DECORATION: none; }

H1.fondo { margin: 10px 0 10px 0; padding: 4px 0 4px 8px; font-size: 15px; color: #FFF; text-transform: uppercase; background-color: #cc3333; }
H2.fondo { margin: 8px 0 8px 0; padding: 4px 0 4px 8px; font-size: 12px; color: #FFF; text-transform: uppercase; background-color: #cc3333; }
H3.fondo { margin: 6px 0 6px 0; padding: 3px 0 3px 5px; font-size: 10px; color: #FFF; text-transform: uppercase; background-color: #cc3333; }
H4.fondo { margin: 5px 0 5px 0; padding: 3px 0 3px 5px; font-size: 8px; color: #FFF; text-transform: uppercase; background-color: #cc3333; }

.titulomenu { BACKGROUND-color: #CC0000; TEXT-DECORATION: none; FONT-WEIGHT: normal; PADDING: 2px 0px 2px 0px; MARGIN: 1px 0px 1px 0px; }
.linkcuadro {color: #FFFFFF; background-color: inherit; text-decoration: none; font-size:12px; font-weight: bold; MARGIN: 5px 5px 5px 5px;}
.linkcuadro a:hover {color: #FFFFFF; background-color: inherit; text-decoration: underline;}

IMG.imagenBor1 { border:1px solid #FFFFFF; margin: 0 8px 8px 0; }
IMG.imagenBor2 { border:2px solid #FFFFFF; margin-left:8px; margin-right:8px}
IMG.imagenBor3 { border:3px solid #FFFFFF; margin-left:8px; margin-right:8px}
IMG.imagenBor4 { border:4px solid #FFFFFF; margin-left:8px; margin-right:8px}

/**********************************
  LAYOUT 
***********************************/
#wrap {margin: 0 auto; width: 980px;}

/* header */
#header {position: relative;margin: 0; padding: 0;height: 52px;}
#header span#slogan {position: absolute; left: 0px; bottom: 7px; font: bold 25px Verdana, Arial, Tahoma,  Sans-serif; color: #FFF;}
#header span#slogan a {font: bold 25px Verdana, Arial, Tahoma,  Sans-serif; color: #FFF;}
#header-logo {position: relative; clear: both; height: 22px; margin: 0; padding: 0;}
#header-logo #logo {position: absolute;	top: 0px; left: 1px; font: normal 15px "trebuchet MS", Arial, Tahoma, Sans-Serif; margin: 0; padding: 0; letter-spacing: -1px; color: #000;}


/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span { color:#FFF; }
#header a:hover { background-position:0% -42px; }
#header a:hover span { background-position:100% -42px; }
#header #current a { background-position:0% -42px; }
#header #current a span { background-position:100% -42px; }

/* main column */
#main {float: right; margin: 0; padding: 0; width: 750px;}
#main2 {float: right; margin: 0; padding: 0; width: 580px;}


/* sidebar */
#sidebar { float: left; width: 220px; margin: 0; padding: 0; background-color: #FFFFFF;  FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY:  Verdana, Tahoma, Arial, Helvetica, sans-serif; TEXT-DECORATION: none; }
#sidebar p { margin: 10px 0 0 0; padding: 2px 0 2px 8px; font: bold Arial, Sans-Serif;color: #FFF; text-transform: uppercase; background: #333; letter-spacing: 1px;}
#sidebar p a {margin: 10px 0 0 0; padding: 2px 0 2px 8px; font: bold Arial, Sans-Serif;color: #FFF; text-transform: uppercase; background: #333; letter-spacing: 1px;}
#sidebar .left-box {border: 1px solid #EBEBEB; margin: 0 0 5px 0; background: #FFF;}
#sidebar ul.sidemenu {list-style: none; text-align: left; margin: 3px 0px 8px 0; padding: 0; text-decoration: none;}
#sidebar ul.sidemenu li {border-bottom: 1px solid #f2f2f2; background: url(/images/bullet.gif) no-repeat 3px 2px; padding: 1px 5px 1px 25px; margin: 0;}
#sidebar ul.sidemenu a { font-weight: bolder; padding: 4px 0px 4px 0; background: none;}

/* footer */
.footer {clear: both; border-top: 1px solid #f2f2f2; background: #FFF url(/images/footerbg.gif) repeat-x; padding: 2px 0 10px 0; text-align: center;  line-height: 1.5em;	font-size: 95%;}
.footer a {text-decoration: none; font-weight: bold;}


.red   { color: #CC0000; }