@import url("gb_styles.css");



html,body {
  margin:0;
  padding:0;
}

body 
{
    
  font:76% arial,sans-serif;
  background: white url(../img/banda.jpg) repeat-x top left;
}

div#encabezado{
	height: 96px;
	
	background-repeat: no-repeat;
	background-position: 27px 0px;
}


div#panelIzquierdo {
  float:left;
  width:217px;
  margin-left:-98%;

}

div#panelDerecho 
{
  margin-left: 750px;
  float:left;
  height:54px;
  width:215px;
  position:fixed;
  
}

div#wrapper {
  float:left;
  width:99%;
}

div#panelCentral {
  
  padding: 0 25px 0 25px;
}

#title 
{
    
	margin-left: 50px;
	float: left;
	font-weight: bold;
	font-size: 20pt;
	color: Gray;
	margin-top: 15px;
}

#date {
	float: right;
	color: Gray;
	font-size: 9pt;
	font-weight: bold;
	padding-right: 10px;
	margin-top: 35px;
}

.itop {
	height: 13px;
	width: 217px;
	background: url(../img/itop.gif) no-repeat left top;
}

.imiddle {
	width: 217px;
	background: url(../img/imiddle.gif) repeat-y;
}

.ibottom {
	height: 13px;
	width: 217px;
	background: url(../img/ibottom.gif) no-repeat left top;
}

.nota {
	padding: 4px 26px;
	width: 175px;
	font-size: 7.5pt;
}

.nota a{
	font: Georgia, "Times New Roman", Times, serif;
	color: #592C16;
	margin: 0px;
	text-decoration: none;
	display: block;
	text-align:left;
	padding-bottom: 2px;
}

.nota a:hover{
	color: #7B8B12;
}


.link{
	font: 8.5pt Georgia, "Times New Roman", Times, serif;
	color: #592C16;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
}

.link:hover{
	color: Olive;
}

.tituloCentrado, .titulo{
	font: 8.5pt Georgia, "Times New Roman", Times, serif;
	color: #592C16;
	margin: 0px;
	border-bottom: 2px solid #D9D9D9;
	padding-bottom: 3px;
	font-weight: bold;
}

.tituloCentrado {
	text-align: center;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	color: black;
	border: 2px solid silver;
	background-color: white;
	padding: 5px;
	font-size: 8.5pt;
	text-align: center;
}

#tooltip h3, #tooltip div { margin: 0;
	font-size: 9pt;
}

.ruta{
	cursor: pointer;
	padding-bottom: 5px;
	font-size: 7.5pt;
}

.ruta2{
	cursor: pointer;
	padding-bottom: 5px;
	font-size: 10pt;
}

.servicios {
	cursor: pointer;
	margin: 0 0 5px -11px;
}

.servicios a {
	font: 8pt Georgia, "Times New Roman", Times, serif;
	color: #5C7511;
	text-align:left;
	padding-left: 4px;
	display: inline;
	text-decoration: none;
	border: none;
}

.servicios a:hover {
	font-weight: bold;
}


.servicios img{ vertical-align: middle; }


.tituloArticulo{
	font: 11pt Georgia, "Times New Roman", Times, serif;
	color: #592C16;
	border-bottom: 3px solid #D9D9D9;
	font-weight: bold;
	width: 100%;
}
	

.listaSistemas 
{
	width: 194px;
	margin: 0 0 0 -14px;
	padding: 0 0 0 0;
	list-style: none;
}
.listaSistemas li {
	cursor: pointer;
	color: #5E605A;
	font: 7.5pt Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	text-align: left;
}

.listaSistemas li a 
{
	/*color: gray;*/
	color: #5E605A;
	font: 7.5pt Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	text-align: left;
	padding: 4px;
	border:0;       
	position: relative;
	height: 1%;
}
.listaSistemas li a:hover { 
	background: #C2C988;
	color: #3f5f5a;
}


.calendario{
	font-size: 7pt;
	font-family: Verdana;
}

.calendario a{
	text-decoration: none;
	color: Black;
	font-weight: bold;
}

.info
{
	width: 90%;
	height: 75%;
	margin: 0px 0px 0px 5px;
	padding: 15px 0px 0px 0px;
	overflow: auto;
}

#panelInfo{
	width: 48%;
	height: 200px;
	float: left;
	margin-bottom: 15px;
}

#panelRutas{
	width: 48%;
	height: 200px;
	float: right;
	margin-bottom: 15px;
}

#panelAgenda{
	width: 100%;
	height: 220px;
	clear: both;
}

/*
#panelInfo .sb-inner , #panelRutas .sb-inner , #panelAgenda .sb-inner { background:#fff url(../img/grad.png) repeat-x; }
*/

/*----------------*/

.box1{
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	margin-top: auto;
	padding: 0;
	text-align: left;
	width:100%;				
	background-color: #eeeeee;
}

.box2{
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	margin-top: auto;
	padding: 0;
	text-align: left;
	width:50%;				
	background-color: #eeeeee;
	float: left;
}

.box3{
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	margin-top: auto;
	padding: 0;
	text-align: left;
	width:50%;				
	background-color: #eeeeee;
	float:right;
}

		
.tlc, .trc, .blc, .brc{
	background-color: transparent;
	background-repeat: no-repeat;
}

.tlc{
	background-image:url(../img/tlc.gif);
	background-position: 0% 0%;
}

.trc{
	background-image:url(../img/trc.gif);
	background-position: 100% 0%;
}
	
.blc{
	background-image:url(../img/blc.gif);
	background-position: 0% 100%;
}

.brc{
	background-image:url(../img/brc.gif);
	background-position: 100% 100%;
}

.tb, .bb{
	background-color: transparent;
	background-repeat: repeat-x;
}
			
.tb{
	background-image:url(../img/tb.gif);
	background-position: 0% 0%;
}

.bb{
	background-image:url(../img/bb.gif);
	background-position: 50% 100%;
}
	
.rb{
	background-image:url(../img/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
}

.lb{
	background-image:url(../img/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
}

/*----------------*/


/*
.cintegral a{
	font-weight: bold; 
	color: #4E5249; 
	font-size: 8pt;
	text-decoration: none;
}

.cintegral a:hover{
	color: #833520;
}*/

.viewlink, .publink{
	width: auto;
	padding: 3px;
}
.viewlink{
	float: right;
}

.publink{
	float: left;
}

.publink a{
	background: url(../img/access.gif) no-repeat left center;
	padding-left: 22px;
}

.viewlink a{
	background: url(../img/plus.png) no-repeat left center;
	padding-left: 18px;
}

.viewlink a, .publink a{
	font-size: 9pt;
	text-decoration: none;
	color: #6D8B14;
	font-weight: bold;
}
.viewlink a:hover, .publink a:hover{
	color: #80311B;
}

.pdfdoc{
	background-image: url(../img/pdf.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 15px;
	font-size: 8pt;
	margin-left: 40px;
	padding-top:5px;
	text-decoration: none;
	color: Black;
	height: 18px;
}
.pdfdoc:hover{
	color: Gray;
}