* { padding:0px; margin:0px; }
.right{ float:right; }
.left { float:left; }
body { font-family:tahoma; font-size:13px; }
#global {width:100% ; height:100% ; margin:0px ; background:#EDEFF4 ; border:0px solid #F00 ; position:absolute }
#cuerpo{ width:100% ; height:100% ; float:left ; z-index:3 ; background:#FFF ; border:0px solid #0F0  }

#cabecera{ width:100% ; height:61px ; float:left ; z-index:99 !important ; border-bottom:1px solid #CCC ; background:#133783 ; color:#FFF; bo} 
	#cabd{border:0px solid #0F0 ; float:right ; padding:15px 10px 0 0 ; width:380px }
	#cabi{border:0px solid #0F0 ; float:left ; padding-left:0px }

#contmenu { width:240px; height:100% ; background:#FFFFFF ; float:left ; border-right:1px solid #CCC ; color: #244364}
#menu{ width:200px; border:0px solid #FF0 ; float:left ; padding:20px }
	#menu li { margin-bottom:5px ; border:0px solid #FF0 ; vertical-align: middle;}
	#menu li a {color: #244364; text-decoration: none ; vertical-align:middle ;}
	#menu li img { border:#0C3 0px solid}
	#menu li a:hover {color: #133783;text-decoration: underline;}
	#menu ul {list-style-type: none ;}

#contenedor {  margin:0px; padding: 10px; border:0px solid #FF0 ;}
	#contenedor img { border:0px ; margin:0px 8px 3px 0px ; float:left }
	#contenedor a{ color: #888888; text-decoration:none; padding:0px 5px 0 3px }
	#contenedor ul { margin: 10px 0 0 50px !important; }
	#contenedor ol { margin: 10px 0 0 80px !important; }*/

#ruta{ width:100% ; height:50px ; float:left ; z-index:3 ; border:0px solid #0F0 ; background:#DFDFDF ; border-bottom:1px solid #CCC}
#contruta{  float:left ; z-index:3 ;  border:0px solid #0F0 ; padding:20px 10px 10px 50px ;
	background-position: 10px 10px !important;
    background-repeat: no-repeat !important;
	vertical-align: middle;
	font-weight:bold;
}
.dorsal { color:#090; font-size:14px ; font-weight:bold;}
#imagen { width:100% ;min-height:50px ; border:0px solid #0F0 ; margin-bottom:15px ; float:left}
#elim { width:100% ;min-height:10px ; border:0px solid #0F0 ; margin-bottom:15px ; float:left}
	

.home{background-image: url("../imagenes/home.png");}
.descargas{background-image: url("../imagenes/folder_down.png");}
.categorias{background-image: url("../imagenes/folder.png");}
.usuario{background-image: url("../imagenes/user.png");}
.club{background-image: url("../imagenes/users.png");}
.imagenes{background-image: url("../imagenes/image.png");}
.productos{background-image: url("../imagenes/note.png");}
.gastos{background-image: url("../imagenes/calculator_add.png");}
.noticias{background-image: url("../imagenes/application.png");}
.configuracion{background-image: url("../imagenes/processes.png");}
.agenda{background-image: url("../imagenes/calendar_date.png");}

.pagar { color:#F00 ; font-weight:bold}
	
#login {top:15% !important; left:38% !important; position:absolute ;  width:345px ; min-height:200px ; padding:0px ; background:#FFF }
#barra { width:100% ; height:25px ; padding:5px 5px 5px 10px ; background:#00ACA5; color:#FFF ; border-top:1px solid #84A0C4 ; border-left:1px solid #84A0C4 ; border-right:1px solid #84A0C4 ; font-size:18px; background-image:url('../imagenes/ico_calendar.png');}	
/*#usuario { width:100%; height:150px;background:#999;padding:5px 5px 5px 10px }*/

#usuario_login { width:100% ; height:150px ; background:#FFF; border-bottom:1px solid #84A0C4 ; border-left:1px solid #84A0C4 ; border-right:1px solid #84A0C4 ; padding:20px 5px 20px 10px ;}	

#formu{	min-width:650px ; min-height:200px ; padding:0px ; background:#FFF ; border:px solid #093;}

.avi { border:0 !important ; background:none !important ; width:100% ; height:100% ;color:#F00; font-size:13px !important; font-family: tahoma;}

#editor { width:500px }

<!-- estilo para los texto -->
a { color: #01B0F1; text-decoration:none; }
h1{font-family:tahoma ; font-size: 12px ; color: #666; font-weight:normal}
h2{font-family:tahoma ; font-size: 16px ; color: #000}
h3{font-family:tahoma ; font-size: 16px ; color: #000 }
h4{font-family:tahoma ; font-size: 22px ; color: #000 ; font-weight:normal }
h5{font-family:tahoma ; font-size: 11px ; color: #FFF ; font-style:normal ; font-weight:normal}
h6{font-family:tahoma ; font-size: 12px ; color: #666; font-style:italic ;font-weight:normal}
hr{ border: 0 ; color: #FA0000 ; background-color: #FA0000 ; height: 1px ; width: 100% ; text-align: left}
<!-- estilo para los texto -->
		

<!-- estilo para el grid -->
.dataTables_info { padding-top: 0; }
.dataTables_paginate { padding-top: 0; }
.css_right { float: right; }
#example_wrapper .fg-toolbar { font-size: 13px !important ; font-family:tahoma;}
#theme_links span { float: left; padding: 0px 0px; }
/*#example_wrapper { -webkit-box-shadow: 2px 2px 6px #666; box-shadow: 2px 2px 6px #666; border-radius: 5px; }*/
#example tbody {
	border-left: 1px solid #AAA;
	border-right: 1px solid #AAA;
}
#example thead th:first-child { border-left: 1px solid #AAA; }
#example thead th:last-child { border-right: 1px solid #AAA; }
<!-- estilo para el grid -->




#pie{ width:100% ; height:125px ; float:left ; z-index:3 ; border:0px solid #F0F; background-color: transparent}
.pie-der{ width:100% ; height:124px ; float:right ; z-index:3 ; border:0px solid; background-color: #FFF}
#pie a{ color: #666; text-decoration:none }
#textopie{ width:100% ; height:30px ; float:left ; z-index:3 ; border:0px solid; background-color: #F8F8F8; text-align:center; margin:50px 0px 0px 0px; padding-top:10px}