body {
 color: #000000; 
 background-color:#fff; 
 text-align:center;
 font-family:Verdana, Arial, Helvetica, sans-serif;
style="background:url(images/bgkside.jpg) repeat-x;
margin-top:0;
margin-left:0;
}

h1 {
	margin-bottom: 5px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	font-size: 24px;
	background-image:url(../images/img08.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}

h2 {
	margin-bottom: 5px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #006699;
	font-size: 20px;}

h3 {
	margin-bottom: 5px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #222222;
	font-size: 15px;
}
/*a {text-decoration: none}*/
a:hover
{ 
color:#336699;
border-bottom:dotted 1px;
}
a 
{
	color:#333;
	text-decoration: none;
	}


.body_black_s
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align:center;
	color: #000000;}
.gray_title
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-align:left;
	color: #666666;}

#wrapper1 { 
 margin: 0 auto;
 background-image:url(../images/bgkside.jpg);
 background-repeat:repeat-x; 
 width:100%;
 background-color:#fff;
}


#wrapper { 
 margin: 0 auto;
 width: 900px;
 background-image:url(../images/bgk.jpg);
 background-color:#fff;
}

#faux {
 margin-bottom: 3px;
 width: 900px;
 margin: 0px 0px 0px 0px;
 background: url(../images/bgk.jpg) repeat-y; 
/* background-color:#FFCC00 ;*/
 }
#header {
 color: #333;
 width: 900px;
 padding: 0px;
 height: 200px;
 background: url(../images/header.jpg) no-repeat bottom left;
/*background-color: transparent;*/
 margin-left:0px; 
 margin-right:0px; 
 margin-top:0px; 
 margin-bottom:0px; 
 background-repeat:no-repeat;
}

#navigation {
float: left;
 width: 900px;
 height: 16px;
 color: #336699;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 font-size: 80%;
 background-color:transparent;
}

#leftcolumn { 
display: inline;
background-color:transparent;
/*border-left: 1px solid #000;*/
border-right: 1px double #009aff;
margin: 0 0 0 0;
padding: 0px;
width: 270px;
float: left;
position: relative;
}
#content 
{
float:right;
color: #233;
margin: 0 0 0 0;
background-color:transparent;
padding: 0px;
width: 38%;
display: inline;
position: relative;
}
#contenido_ancho 
{
/* background-color:#d4d5da;
 background-color:#ffffff;*/
 float:left;
 color: Black;
 border: solid 0px;
 margin: 10px 0 0 10px;
 padding: 0px;
 width: 730px;
}
#rightcolumn { 
display: inline;
background-color:transparent;
/*border-right: 1px solid #000;
border-left: 1px double #ddd;*/
margin: 0 0 0 0;
padding: 0px;
width: 30%;
float: right;
}

#footer { 
 width: 900px;
 font-size:10px;
 clear: both;
 color: #555;
 height:70px;
 background-image:url(../images/footer.jpg);
 background-repeat:no-repeat;
 background-position:bottom;
 margin: 0 0 0 0;
 padding: 0px;

}

.link a:hover
{ 
color:#FF6666;
border-bottom:dotted 1px;
}
.link a 
{
	color:#fff;
	text-decoration: none;
	}

#imagen
{
position:absolute;
left: 350px;
top: 28px
}
#login
{
position:absolute;
left:160px;
top: 145px;
font-size:12px;
/*background:url(../images/loginu.png) no-repeat;*/
background-color:transparent;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
height:43px;
float:left;
/*margin: 158px 0 0 540px;*/
text-align:left;
}
.lleft
{
width:30px;
height:33px;
background:url(../images/login_left.png) no-repeat;
float:left;
}
.lmid
{
height:43px;
width:auto;
background:url(../images/login_mid.png) repeat-x;
float:left;
padding:7px;
}
.lright
{
width:15px;
height:33px;
background:url(../images/login_right.png) no-repeat;
float:left;
}


#ayuda
{
/*position:absolute;
left: 40px;
top: 58px;*/
margin-left:270px;
padding-top:12px;
padding-left:200px;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
width:420px;
height:33px;
}

#opcion
{
/*position:absolute;
left: 0px;
top: 38px;*/
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
width:510;
text-align:center;
background:url(../images/opcion.jpg) no-repeat;
background-color:transparent;
height:55px;
margin-left:-10px;
margin-top:-30px;
padding-top:15px;
padding-left:120px;
text-align:left;
}

hr.inse
{
border: 2px #660000;/*the border*/
height: 1px;
width: 100%;

}


a.button {
background: transparent url(../images/bg_button_a.gif) no-repeat scroll top right;
color: #ffffff;
display: block;
float: left;
font: normal 12px arial, sans-serif;
height: 33px;
margin-right: 6px;
padding-right: 18px; /* sliding doors padding */
text-decoration: none;
}
 
a.button span {
background: transparent url(../images/bg_button_span.gif) no-repeat;
display: block;
line-height: 23px;
padding: 5px 0 5px 18px;
}
a.button:active {
background-position: bottom right;
color: #99CCFF;
outline: none; /* hide dotted outline in Firefox */
}
 
a.button:active span {
background-position: bottom left;
padding: 6px 0 4px 18px; /* push text down 1px */
} 

/* otro boton */
a.buton {
background: transparent url(../images/bg_button_m.gif) no-repeat scroll top right;
color: #ffffff;
display: block;
float: left;
font: normal 12px arial, sans-serif;
height: 27px;
margin-right: 6px;
padding-right: 35px; /* sliding doors padding */
text-decoration: none;
}
 
a.buton span {
background: transparent url(../images/bg_button_spanm.gif) no-repeat;
display: block;
line-height: 17px;
padding: 5px 0 5px 18px;
}

a.buton:active {
background-position: bottom right;
color: #99CCFF;
outline: none; /* hide dotted outline in Firefox */
}
 
a.buton:active span {
background-position: bottom left;
padding: 6px 0 4px 18px; /* push text down 1px */
} 

a.enlace
{
color:#0099CC;
border-bottom:dotted 1px;
}
a.enlace:hover
{
color:#333333;
border-bottom:dotted 1px;
}
/* Botones*/
a.boton_big{
background: transparent url(../images/barra_menu_long.gif) no-repeat scroll top right;
color: #ffffff;
display: block;
float:  left;
font: normal 15px Verdana, Arial, Helvetica, sans-serif;
height: 34px;
width:470px;
padding-top:20px;
text-align:left;
text-decoration: none;
}
a.boton_big:hover
{
font-size:17px;
color:#333333;
border-bottom:none;
}
#naranja
{text-align:left;
background-image:url(../images/rojo.jpg);
color:#fff;
height:30px;
width:190px;
float:left;
text-align:center;
padding-top:2px;
border-left:groove 1px #ffffff;
border-bottom:solid 1px #222222;
border-right:solid 1px #222222
}


.boton_del{
	font-size:11px;
	font-family:Verdana,Helvetica;
	font-weight:bold;
	color:white;
/*	background:#638cb5; */
	border-right:solid 1px #222222;
	border-bottom:solid 1px #222222;
	width:110px;
	height:30px;
	cursor:pointer;
	background:url(../images/delete.png) left no-repeat #3c3f3f;
   }
 .boton_sav{
	font-size:11px;
	font-family:Verdana,Helvetica;
	font-weight:bold;
	color:white;
	border-right:solid 1px #222222;
	border-bottom:solid 1px #222222;
	background:url(../images/save.png) left no-repeat #3c3f3f ;
	width:110px;
	height:30px;
	cursor:pointer;
   }
   .boton_cal{
	font-size:11px;
	font-family:Verdana,Helvetica;
	font-weight:bold;
	color:white;
	border-right:solid 1px #222222;
	border-bottom:solid 1px #222222;
	background:url(../images/calendar.png) left no-repeat #ffffff ;
	width:28px;
	height:30px;
	cursor:pointer;
   }
   .boton_mob{
	font-size:12px;
	font-family:Verdana,Helvetica;
/*	background:url(../images/mobil.gif) center no-repeat #638cb5 ;*/
	width:80px;
	height:20px;
	cursor:pointer;
   }
/* CSS PARA BUBBLE TOOLTIPS*/   
a.tt{
    position:relative;
    z-index:24;
    color:#6666CC;
	font-weight:normal;
    text-decoration:none;
	border-bottom:dotted 1px;
}
a.tt span{ display: none;}

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #333333; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #333333;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	color:#555555;
	padding: 30px 8px 0;
	font-size:11px;
    background: url(bubble/bubble.gif) no-repeat top;
	border-bottom:solid 1px #888888;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(bubble/bubble_filler.gif) repeat bottom; 
	text-align:justify;
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #003399;
    background: url(bubble/bubble.gif) no-repeat bottom;
	border-top:dotted 1px #888888;
}
.data-tr{
	background-color: #FFF;
	color: #000;
	border-bottom: thin solid #000;
}

.data-tr:hover {
	background-color: #758092;
	color: #fff;
	padding: 4px; 
	border-bottom: thin solid #000;
	   
}
.data-tr a:hover {
	background-color: #758092;
	color: #fff;
	padding: 4px; 
	border-bottom: thin solid #000;
}