/* body setup */
html {height: 100%;overflow-y: scroll;}
body{font-family: "Arial";font-size:12px;background:#000 url(images/bg.jpg) top center no-repeat; color:#fff;margin :0 auto;}
a{color:#b0173b;text-decoration:none;outline:0;}
a:hover { color:#fff; }
a img { border: none; }
ul, li { list-style: none;margin:0;padding:0; }
h1 {font-family:Tahoma, Geneva, sans-serif;}
h2  {font-family:Tahoma, Geneva, sans-serif;line-height:1.2em;color:#000;}
h3 { font-family:Tahoma, Geneva, sans-serif;padding:0px 0 2px 15px; margin:0auto; font-size:14px;}
p { font-family:Verdana, Geneva, sans-serif;color:#edecec; }
input , textarea {background-color:#000000;color:#F00; font-family:Arial, Helvetica, sans-serif; font-size:12px;border: 1px solid #363535; letter-spacing:0.05em;}
textarea { width:310px; }


#wrapper { display:block; margin:0 auto;width:950px;height:750px;}
.orange {color:#b0173b;}
.grey { color:#9b999a;}
.white { color:#FFF;}
.red {color: #ccc;}
.black { color:#000; }

.noinfo { color:#333; }

.underline_1 { background:#26191b; }
.underline_2 { background:#b0173b; }


/* h3 types*/
.h1_0 { background:url(images/h1_0.png) no-repeat;color:#b0173b;padding:7px 0 0 20px;height:37px;margin:8px 0 0 10px; }
.h1_1 { background:url(images/h1_1.png) no-repeat;color:#b0173b;padding:8px 0 0 12px;height:37px; }

/* nav */
#topnav { height:40px;margin:0auto;background:url(images/top_bar_bg.jpg) repeat-x;width: 100%;margin: none;padding: none; font-family:Tahoma, Geneva, sans-serif; font-size:12px;}
#topnav ul { margin-left: auto;margin-right: auto;width: 920px;height: 40px;}
#topnav li { height:40px; width:80px;float:left;margin: 0auto; }
#topnav li a {color:#CCC;float:left;padding:13px 15px 0 15px;height:27px;}
#topnav li a:hover { background-color:#b0173b; color:#FFF;}

/* para hacerle un borde copado al main tengo que meter un wrapper aca*/


/* main */
#main { width:940px;margin:0 auto;height:1020px; background:url(images/main_bg.png) no-repeat;margin-top:10px;padding: 21px 0 0 3px; }
#main p { padding:0 50px 0 43px;}


#content { width:600px;float:left;padding:0 0 0 20px;}

#space {width:600px; height:150px;float:left; }



#sidebar { width:300px;height:700px;float:left; }
#sidebar ul {float:left; }

/* header / background: url(images/header.png) top center no-repeat; */
#header{width:920px;height:80px;margin:0 auto;background: url(images/header.png) top center no-repeat;}


/* main component / flash */
#component { width:920px; height:220px; margin:0 auto;margin-top:15px;}
#component ul { width:900px; height:220px; margin:0 auto;}

/* chart */

#chart { width:300px; height:430px;float:left;margin:20px 0 0 20px; background-color:#0c0c0c;}
#chart ul { width:280px; height:430px;padding:0px 0 0 5px; }
#chart li { width:260px;padding:0;}
#chart tr { padding:0px;}

#videos { width:340px; height:430px;float:left;margin:20px 0px 0 10px; }
#videos ul { width:320px; height:430px;padding:0px 0 0 0px; }
#videos li { width:260px;padding:0;}
#videos tr { padding:0px;}


#agenda { width:590px; height:300px;float:left;margin:20px 0 0 10px; background-color:#0c0c0c;margin:0auto;}
#agenda ul { width:570px; padding:0px 10px 0 10px; }
.mensual { width:590px; height:600px;float:left;margin:20px 0 0 10px; background-color:#0c0c0c;margin:0auto;}



#twitter { width:600px;float:left;margin:10px 0 0 10px; }
#twitter ul { width:370px; padding:0px 10px 0 10px;background-color:#0c0c0c;margin:0auto;margin-left:10px;float:left; }


#banner1 { width:300px;height:188px;padding:0;margin: 25px 0 0 20px;}

/* admin sections */

#admin_wrap { margin:0 auto;width:950px;}

#admin_agenda { width:900px;margin:auto;}
#admin_agenda ul { margin:0auto; }

.h3 { font-family:Verdana, Geneva, sans-serif; font-size:14px;color:#b0173b;}

#admin_nav { width:900px;height:50px;margin:0auto; background: url(images/admin_nav.png) no-repeat;margin:5px 0 0 0;}
#admin_nav ul { padding:15px 0 0 30px;margin:0auto;}
#admin_nav ul li { float:left; width:150px; font-size:12px; font-weight:bold;}
#admin_nav li a { color:#F00;}
#admin_nav li a:hover { color:#fff;}

/* footer */
#footer {margin:0 auto;margin-top:5px;}










