/****************************************************************************/
.demo{
  border-top:solid #999999 1px;
  border-bottom:solid #999999 1px;
  background: #E0E0E0;

}
/***************** margenes para el div ajax ************************/
.marco{
  --overflow:auto;
--height:your height ;
--style:overflow: auto;
  margin-top:auto;
  margin-bottom:auto;
  margin-right:auto;
  margin-left:auto;
 }


.oculto{
  display:none;
  margin-top:5px;
  margin-bottom:15px; 
  margin-right:20px;
  margin-left:0px;   
}
/********************************CLASE PARA LO DEMAS***************************************/
/********************************CLASE PARA LOS MENUS***************************************/

/***********clase para las pestañas*************/
#menunavcopy a:hover, #menunavcopy a:active, #menunavcopy a:focus{
	color:#999999;
	background-color:#999999;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	background:white;
    margin: -3 0 0 0px;
	
}

#menunavcopy a {
	
	display: block;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 2px solid #999999;
	border-left: 1px solid #999999;
	padding: 8 8 8 8px;
	
}


/*controla los estilos del menu vertical  (el de arriba) */
#sidebar {
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	width: 11em;
	font-size: 0.85em;

	
}


/*controla los estilos del menu horizontal (el de abajo) */

#sidebar_abajo {
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	width: 11em;
	font-size: 0.85em;

	
}
#menunav_abajo { 
	margin:0px;
	padding:0px;

}

#menunav_abajo a {
	height: 110px;
	display: block;
	color: #000;
	border-top: 1px solid #999999;
	border-right: 2px solid #999999;
	border-bottom: 2px solid #999999;
	border-left: 1px solid #999999;
	padding: 3 2 10 2px;
	font-size: 9.4px;

}
/*controla la botonera */
#menunav_abajo a:hover, #menunav_abajo a:active, #menunav_abajo a:focus{
	color: #000;
	background-color: #000;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	background:#CACACA;
	margin:-5 0 5 0px;
	font-size: 9.4px;
}

/*modifica el menu madre */


.button{

	display:inline-block;
	margin:0 6px;
	color:#333;
	text-decoration:none;
	text-shadow: 0 1px 1px #FFF;
	padding:4 4 4 4px;
	
	/* Modificamos los bodes del div */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	
	
	  /* Cambiamos los colores del fondo degradado */
	background:-webkit-linear-gradient(top, #fefefe, #999999); /* Chrome 10+ */
	background:   -moz-linear-gradient(top, #fefefe, #999999); /* Firefox 3.6+ */
	background:    -ms-linear-gradient(top, #fefefe, #999999); /* IE10 */
	background:        linear-gradient(top, #fefefe, #999999);
  

  /* Modificamos las propiedades del Box Shadow para un efecto Glow */
	-moz-box-shadow:inset 0 1px 0 rgba(194,194,194, .3), inset 0 0 0 1px rgba(194,194,194, .3), 0 1px 6px rgba(32,32,38, .3);
	box-shadow:inset 0 1px 0 rgba(194,194,194, .3), inset 0 0 0 1px rgba(194,194,194, .3), 0 1px 6px rgba(32,32,38, .3);
}



  
.menu_lateral{
	
	background:white;
	width:15em;
	margin-top:auto;
	margin-bottom:auto; 
	margin-right:auto;
	margin-left:auto;
	padding:4 4 4 4px;
	
	/* Modificamos los bordes del div */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;

}

#menunav { 
	margin:0px;
	padding:0px;
	 
	 -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

#menunav a {
	
	height: 80px;
	display:block;
	color: #000;
	
	padding: 5 5 20 5px;
	font-size: 9.4px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;

}

#menunav a:hover, #menunav a:active, #menunav a:focus{
	color: #000;
	background-color: #000;
	background:#fff;
    font-size: 9.4px;
	 -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

#sidebar {
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	width: 11em;
	font-size: 0.85em;

	
}

/********************************CLASE PARA LOS MENUS***************************************/



 
 /***********************************************************************************************
 ********************************CLASE PARA MENU DESPLAGABLE*************************************
 ************************************************************************************************/
 
 ul.menu {
		list-style:none;
		margin:0;
		padding:0
		}

		ul.menu * {
		margin:0;
		padding:0
		}

		ul.menu a {
		
		display:block; 
		color:white; 
		text-decoration:none
		}

		ul.menu li {
		position:relative;
		float:left; 
		margin-right:0px
		}

		ul.menu ul {
		position:absolute; 
		top:0px; 
		left:185px; 
		background:; 
		display:none; 
		opacity:0; 
		list-style:none
		}


		/*********ESTILOS DE LOS MENÚS QUE SE DESPLIEGAN************/

		ul.menu ul li {
		color:white;
		position:relative;
		border:2px solid white; 
		border-top:none; 
		width:10em; 
		margin-left:2px
		
		}

		ul.menu ul li a {
		
		color:white;
		display:block;
		padding:3px 7px 5px; 
		background-color:#dedede;
		
		
		}

		/*********ESTILOS DE LOS MENÚS QUE SE DESPLIEGAN - color de la lista hover ************/
		
		ul.menu ul li a:hover {
		color:white;
		border-top: 1px solid #888;
		border-right: 1px solid #888;
		border-left: 1px solid #888;
		border-bottom: 1px solid #888;
		background:#ccc;
		}

		ul.menu ul ul {
		left:148px;
		top:-1px
		}
		
		/*********para el titulo de menu****************/
		
		ul.menu .menulink {
		border:0px solid black;
		padding:5px 7px 7px;
		font-weight:bold;
		width:92%;
		
		}
		
		ul.menu .menulink:hover, ul.menu .menuhover {
		background:#cf5353;
			
		}
 /*******************************************************************************/

.botonFormaPasos2 { 
	margin:2px;
	padding:5px;
}

.botonFormaPasos2 a{

	margin:2px;
	padding:5px;
    font-family:Verdana, Arial, Helvetica, sans-serif, sans-serif;
	font-size: 11px; 
	font-weight: bold; 
    background: #f0f0f0;
    border-bottom: 1px solid #adadad;
    border-right: 1px solid #adadad;
    border-left: 1px solid #adadad;
    border-top:1px solid #adadad;
    color:#CC3300;height:19px;
    text-decoration:none;
    cursor:hand;
    
}


.botonFormaPasos2 a:hover, .botonFormaPasos2 a:active, .botonFormaPasos2 a:focus  {
    margin:2px;
	padding:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif; 
	font-size: 11px;
	font-weight: bold;
    background: #b0b0b0;
    border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
    border-left: 1px solid #999999;
    border-top:1px solid #999999;
    color:white;height:19px;
    text-decoration:none;
    cursor:hand; 
    
}