/* 
 * Basado en simplebits.com
 *
 * Modificado por Jonathan Hernandez <ion@gluch.org.mx>
 *
 */

body {
	font-family: verdana, sans-serif;
	font-size: 12px;
	color: #333;
	text-align: center;
	margin: 0;
	padding: 0;
	background: #747e76 url(images/bg.jpg) repeat-y 50% 0;
}

body.wide {
        font-family: verdana, sans-serif;
        font-size: 12px;
        color: #333;
        text-align: center;
        margin: 0;
        padding: 0;
        background: #747e76 url(images/wide-bg.jpg) repeat-y 50% 0;
}


#footer {
	color: #999;
	padding-top: 40px;
	font-size: x-small;
	text-align: center;
}

#wrap {
	position: relative;
	margin: 0 auto;
	padding: 0 10px;
	text-align: left;
	width: 850px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 850px;
	height: 100%;
}

html>body #wrap {
	width: 850px;
} 

#top {
	background: #ddd url(images/top.jpg) repeat-y;
	background-repeat: no-repeat;
	height: 160px;
	padding: 0;
	margin: 0;
}

#wide-top {
        background: #ddd url(images/wide-top.jpg) repeat-y;
        background-repeat: no-repeat;
        height: 160px;
        padding: 0;
        margin: 0;
}


#topbar {
	margin: 0;
	width: 100%;
	position: absolute;
	top: 98px;
	padding: 0; 
	height: 30px;
	color: #fff;
	font-family: trebuchet ms,arial,helvetica,sans-serif;
	font-size: 13px;
}

a:link, a:visited {
	color: #191;
	text-decoration: none;
}

a:hover {
	color: #4c4;
	border-bottom: 1px dotted #0f0;
}

#bar {
	position: absolute;
	top: 120px;
	left: 605px;
	width: 185px;
	padding: 10px;
	padding-bottom: 140px;
	margin-bottom: 10px;
}

#agradecimientos {
	margin: 5px;
	margin-top:30px;
	border: 1px solid #ddd;
	background: #fff;
	padding:5px;
	font-size: 10px;
	text-align: center;
}

#agradecimientos h2 {
	color: #999;
	font-size: 13px;
	border:0;
}

a.nada, a.nada:hover {
	text-decoration:none;
	border:0;
}

/* main stuff */

#main {
	position: absolute;
	margin-left: 50px;
	padding: 10px;
	top: 125px;
	width: 525px;
}

#main #left {
	width: 255px;
	float: left;
	font-size: 11px;
	line-height: 13px;
	text-align: justify;
}

#main #right {
	width: 255px;
	float: right;
	font-size: 11px;
	line-height: 13px;
	text-align: justify;
}

h1 {
	color: #191;
	font-size: 18px;
	font-family: trebuchet ms,arial,helvetica,sans-serif;
}

h2 {
	color: #333;
	font-size: 16px;
	font-family: trebuchet ms,arial,helvetica,sans-serif;
	border-bottom: 1px solid #4c4;
}

h3 {
        color: #191;
	border-bottom: 1px dotted #ddd;
	font-size: 14px;
	font-family: trebuchet ms,arial,helvetica,sans-serif;
}

h3:first-letter {
	font-size: 18px;
}
			

p, div {
	text-align: justify;
	font-size: 12px;
	color: #333;
}

.noticias {
	padding: 0;
	margin: 0;
}

.noticias li {
	list-style-type: none;
	background: #fff url(images/bulletgreen.png) top left no-repeat;
	padding-left: 14px;
	padding-bottom: 2px;
}

.noticias p {
	font-size: 10px;
}

.noticias li .fecha {
	color: #999;
	border: 1px solid #fff;
}

.noticias li:hover > .fecha {
	color: #666;
}

#bar ul {
	padding: 0;
	margin: 0;
}

#bar ul li {
	padding: 3px;
	list-style-type: none;
	border: 1px solid transparent;
}

#bar ul li a {
	color: #333;
	text-decoration: none;
}

#bar ul li a:hover {
	text-decoration: none;
	border: 0px;
}


#bar ul li:hover {
	background: #fff;
	color: #070;
	border: 1px solid #191;
}

#bar ul ul {
	padding-left: 8px;
	font-size: x-small;
}

#bar ul ul li:hover {
	background: #fafafa;
	border: 1px solid #ddd;
}

.tablamod {
	text-align: left;
}

.tablamod tr.head {
	color: #fff;
        background-color: #191;
}

.tablamod th {
	color: #fff;
	background-color: #191;
	padding: 4px;
}

.tablamod td {
	padding: 2px;
	border: 1px solid #ddd;
	font-size: 10px;
}


/* menu stuff */
.opmtitle
{
        color:#333;
        font-size: 12px;
}

.opmtitle a
{
        color: #333;
        text-decoration: none;
        font-size: 12px;
}

.opmtitle a:hover {
        color: #f90;
        border: 0px;
}

.opm {
        max-width: 155px;
        color: #666;
        padding: 2px;
        border: 1px;
        font-size: 12px;
        padding-left: 10px;
}

.opm:hover {
        background: #fafafa;
        border: 1px solid #ddd;
        color: #000;
}

.opm:hover a {
        color: #000;
        border:0px;
}


.opm a {
        text-decoration: none;
        color: #666;
        border:0px;
        font-size: 10px;
}

.opm a:hover {
        color: #000;
}


/* comas stuff */

p.comas-error {        
	font-weight: bold;
	text-align: center;
	color: red;
}

p.comas-msg {        
	font-weight: bold;
	text-align: center;
}

.comas-table {
        padding: 4px;
        padding-bottom:0;
        border-collapse: separate;
        border-spacing: 0px;
        border: 1px solid #ddd;
        margin-bottom: 10px;
}
                                                                                                                                                             
.comas-table th {
        text-align: left;
        font-weight: bold;
        background: #fff;
        border-bottom: 3px solid #191;
        padding: 4px;
        padding-right: 8px;
}
                                                                                                                                                             
.comas-table th a {
        color: #000;
        text-decoration: none;
}
                                                                                                                                                             
.comas-table th a:hover {
        color: #f90;
}
                                                                                                                                                             
                                                                                                                                                             
.comas-table td {
        padding: 4px;
        color: #000;
        vertical-align: top;
        border-bottom: 1px solid #ddd;
}
                                                                                                                                                             
.comas-table tr:hover > td {
        background-color: #f6f6f6;
}

/* Horario */

.sch_footer {
	background: i#999;
	padding-top: 40px;
	padding-bottom: 10px;
	color: #666;
	font-size: 10px;
	text-align: center
}

.sch_footer a {
	color: #333;
}

.sch_bleft {
	background: transparent url(images/sch_left.png) top left repeat-y;
	width: 48px; max-width: 48px; min-width: 48px;
}

.sch_bright {
	background: transparent url(images/sch_right.png) top right repeat-y;
	width: 50px; max-width: 50px; min-width: 50px; 
}

.sch_btopleft {
	background: transparent url(images/sch_topleft.png) top left no-repeat;
	width: 48px; max-width: 48px; min-width: 48px; 
	height: 40px; max-height: 40px; min-height: 40px; 
}

.sch_btopright {
        background: transparent url(images/sch_topright.png) top right no-repeat;
        width: 50px; max-width: 50px; min-width: 50px;
        height: 40px; max-height: 40px; min-height: 40px;
}

.sch_bbotleft {
        background: transparent url(images/sch_botleft.png) top left no-repeat;
        width: 48px; max-width: 48px; min-width: 48px;
        height: 46px; max-height: 46px; min-height: 46px;
}

.sch_bbotright {
        background: transparent url(images/sch_botright.png) top right no-repeat;
        width: 50px; max-width: 50px; min-width: 50px;
        height: 46px; max-height: 46px; min-height: 46px;
}

.sch_btop {
        background: transparent url(images/sch_top.png) top left repeat-x;
        height: 40px; max-height: 40px; min-height: 40px;
}

.sch_bbot {
        background: transparent url(images/sch_bot.png) top left repeat-x;
        height: 46px; max-height: 46px; min-height: 46px;
}



.sch_main {
	background: #fff url(images/sch_logo.png) top right no-repeat;
	font-size: 10px;
	text-align: left;
}

.sch_table {
	border: 1px solid #000;
	border-top: 2px solid #000;
	border-bottom: 0;
	border-collapse: collapse;
}

.sch_table a {
	color: #00f;
	text-decoration: none;
}

.sch_table a:hover {
	color: #00f;
	text-decoration: underline;
	border: 0px;
}

.sch_table th {
	color: #000;
	border-bottom: 3px solid #000;	
	background: #fff;
	color: #000;
	padding: 4px;
}

.sch_table td {
	border-bottom: 1px solid #000;
	padding: 4px;
	border-left: 1px solid #000;
}

.sch_table th.sch_hour {
	background: #fff;
	border-bottom: 3px solid #000;
	color: #000;
}

.sch_table td.sch_hour {
	background: #eeb;
	padding-left: 8px;
	padding-right: 8px;
	border-right: 1px solid #000;	
	font-weight: bold;
}

.sch_table tr:hover > td.sch_hour {
	background: #febe00;
	color: #fff;
}

.sch_table tr:hover > td.sch_hour:hover {
	background: #eeb;
	color: #000;
}

.track0 { background: #fe0; color: #000; font-weight: bold ; }
.nom0 { border-left: 15px solid #fe0; color: #000; padding-right: 30px; }

.track1 { background: #d3f8a6; }
.nom1 { border-left: 15px solid #d3f8a6; color: #000; padding-right: 30px; }

.track2 { background: #f6eebb }
.nom2 { border-left: 15px solid #f6eebb; color: #000; padding-right: 30px; }

.track3 { background: #cbe8d6; }
.nom3 { border-left: 15px solid #cbe8d6; color: #000; padding-right: 30px; }

.track4 { background: #d8c6b8; }
.nom4 { border-left: 15px solid #d8c6b8; color: #000; padding-right: 30px; }

.track5 { background: #fcd7d7; }
.nom5 { border-left: 15px solid #fcd7d7; color: #000; padding-right: 30px; }

.trackempty { background: #f0f0f0; }

.trackother { font-weight: bold; background: #cbf; }