/* Mostrar mensajes en rojo */

/* Fix IE. Hide from IE Mac */
* html ul li { float: left; }
* html ul li a { height: 1%;}
/* End */
.spacer{clear:both; height:1px;}
.space{clear:both; height:10px;}
.error { color: red; }
.password {display: block;
  float: left;
  width: 100%;
  min-height: 30px;
  margin-left: 2.127659574468085%;
  *margin-left: 2.074468085106383%;
  color: red;
  }

.hide-close .ui-dialog-titlebar-close { display: none }
html, body {
     margin: 0;
     padding: 0;
     height: 100%;
}
body{ position: relative; 

}
body {
    /*background-image: url("../imagenes/fondo_img.png");*/
 color:#363737;
    /*color: #666565;*/
    font-family: Gotham,Arial,sans-serif;
    font-size: 1em;
    line-height:1.3em;
background-color: #fdede8;
}
html{

background-size: 100% 100%;
background-color: #fdede8;
   } 


 /*NAVEGACION */
li.activo {
    
  border-bottom:4px  solid #e84e1b;  
  border-bottom:4px  solid #e84e1b \9;
  
  
 
  }
li.activo2 {
    
  border-bottom:4px  solid #e7b03b;  
  border-bottom:4px  solid #e7b03b \9;
  
  
 
  }
nav{
	
    background-color: #e84e1b;
    overflow:hidden;
    padding:0px;
    width:100%;
   margin:0 auto 0 auto;
    size;contain;
  
}

nav ul{
	
    list-style:none;
    margin:0 auto 0 auto;
    padding:0;
    width:95%;
    background-color: #e84e1b;
	text-align:center;
}

nav ul li{
   
   list-style: none;
    font-family: Gotham,Arial,sans-serif;
    font-size:18px;
    font-weight:bold;
     margin-right:40px;
    text-align:center;
   display: inline-block;
   
}

nav ul li:hover{
    
    /*Sombras*/
    
   border-bottom:4px  solid #fff;
}


nav ul li a{
	cursor:pointer;
    color:#fff;
    display:block;
    padding-top: 14px;
  	padding-right: 5px;
  	padding-bottom: 14px;
 	padding-left: 5px;
    text-decoration:none;
    /*Transiciones*/
    -webkit-transition: 0.4s linear all;
    -moz-transition: 0.4s linear all;
    -o-transition: 0.4s linear all;
    transition: 0.4s linear all;
}
a.activo {
   color:#000;
   
}


nav ul li a:hover {
    color:#000;
}
#menulateral {
    float:left;
    border-width: 0;
    height: 565px;
    width: 152px;
 }
 
	ul.menuvertical {
	 margin: 0;
	 padding: 0;
	 list-style: none;
	 width: 150px;
	 }
	 
	
	ul.menuvertical li {
	 position: relative;  
	 font-weight:bold;
	 }
	 
	li ul.menuvertical {
	 position: absolute;
	 left: 149px;
	 top: 0;
	 display: none;
	 }
	 
	ul.menuvertical li a {
	 display: block;
	 text-decoration: none;
	 color: #777;
	 background: #fff;
	 padding: 5px;
	 border: 1px solid #ccc;
	 border-bottom: 0;
	 }
	 
	ul.menuvertical {
	 margin: 0;
	 padding: 0;
	 list-style: none;
	 width: 150px;
	 border-bottom: 1px solid #ccc;
	 }
	 
	ul.menuvertical li:hover  { 

   
    /*Degradado de fondo*/
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to( #E3E3E3));/*Chrome y Safari*/
    background-image: -moz-linear-gradient(top center, #FFF, #E3E3E3);/*Firefox*/
    background-image: -o-linear-gradient(top, #FFF, #E3E3E3);/*Opera*/
    background-image: linear-gradient(top, #FFF, #E3E3E3);/*Estandar por defecto*/
    /*Sombras*/
    -webkit-box-shadow:  1px -1px 0px #000;/*Chrome y Safari*/
    -moz-box-shadow:  1px -1px 0px #000;/*Firefox*/
    -o-box-shadow:  1px -1px 0px #000;/*Opera*/
    box-shadow:  1px -1px 0px #000;/*Estandar por defecto*/
    border:1px solid #E3E3E3;	
    border:1px solid #000 \9; 
    background-image: url("../imagenes/hover.png")\9;
	}
	
	ul.menuvertical li a{
    color:#666565;
    display:block;
    padding:10px;
    text-decoration:none;
    /*Transiciones*/
    -webkit-transition: 0.4s linear all;
    -moz-transition: 0.4s linear all;
    -o-transition: 0.4s linear all;
    transition: 0.4s linear all;
	
	 /*Sombras*/
    -webkit-box-shadow:  1px -1px 0px #000;/*Chrome y Safari*/
    -moz-box-shadow:  1px -1px 0px #000;/*Firefox*/
    -o-box-shadow:  1px -1px 0px #000;/*Opera*/
    box-shadow:  1px -1px 0px #000;/*Estandar por defecto*/
    border:1px solid #E3E3E3;
    border-right:1px  solid #000 \9;
    border-top:1px  solid #000 \9;
    background-image: url("../imagenes/fondo2.png")\9;
    
	}

	ul.menuvertical li a:hover{
    color:#000;
	}	

#menuhorizontal {
	/*margin:0px auto 0 auto;
    border-width: 0;
    width: 98%;
    padding:5px 15px 15px 15px;*/
   
 }
#menuhorizontal {
     /*Degradados*/
   background-color: #000;
   z-index: 3;
   
 }
 
 ul.horizontal {
 	
	 margin: 0;
	 padding: 0;
	 list-style: none;
	 width:80%;
	 text-align:center;
	margin: 0 auto 0 auto;
	
	 }
ul.horizontal li {
	 list-style: none;
	 display: inline-block;
	 
	margin:1px 1px 0px 1px;
	vertical-align:middle;
    font-family:Gotham,Arial,sans-serif;
    font-size:14px;
    font-weight:bold;
    min-height:50px;
    text-align:center;
     
    
   
    /*Sombras para texto, los mismos parametros que box-shadow*/
 	/*border-bottom:1px  solid #4f4f4f;;
	border-right:1px  solid #000 \9;
	     /*Sombras*/
    -webkit-box-shadow:  1px 1px 0px #666565;/*Chrome y Safari*/
    -moz-box-shadow:  1px 1px 0px #666565;/*Firefox*/
    -o-box-shadow: 1px 1px 0px #666565;/*Opera*/
    box-shadow:  1px 1px 0px  #666565;/*Estandar por defecto*/
    
	 }	 
ul.horizontal li.activo {
    
  border-bottom: 4px  solid #ffffff;  
  border-bottom:4px  solid #ffffff \9;
  
  
 
  }	 


ul.horizontal li:hover{
 
    /*Degradado de fondo*/
   /*background-color: #666666;*/
    /*Sombras*/
        /*Sombras*/
    -webkit-box-shadow:  1px 1px 0px #666565;/*Chrome y Safari*/
    -moz-box-shadow:  1px 1px 0px #666565;/*Firefox*/
    -o-box-shadow:  1px 1px 0px #666565;/*Opera*/
    box-shadow:  1px 1px 0px #666565;/*Estandar por defecto*/
     
	}
	
ul.horizontal li a{
    color:#fff;
    display:block;
    padding:5px;
    text-decoration:none;
   	cursor:pointer;
 width: 150px;
 height: 30px;
 vertical-align:middle;
    /*Transiciones*/
    -webkit-transition: 0.4s linear all;
    -moz-transition: 0.4s linear all;
    -o-transition: 0.4s linear all;
    transition: 0.4s linear all;
   
	
	}

ul.horizontal li a:hover{
    color:#e84e1b;
	}		

/*horizontal2//////////////////////////////////////////////////////*/

#menuhorizontal2 {
	/*margin:0px auto 0 auto;
    border-width: 0;
    width: 98%;
    padding:5px 15px 15px 15px;*/
   
 }
#menuhorizontal2 {
     /*Degradados*/
   background-color: #777576;
   
 }
 
 ul.horizontal2 {
 	
	 margin: 0;
	 padding: 0;
	 list-style: none;
	 width:80%;
	 text-align:center;
	margin: 0 auto 0 auto;
	 }
ul.horizontal2 li {
	 list-style: none;
	 display: inline-block;
	 
	margin:4px 1px;
	vertical-align:middle;
    font-family:Gotham,Arial,sans-serif;
    font-size:13px;
    font-weight:bold;
    min-height:30px;
    text-align:center;
    /*Sombras para texto, los mismos parametros que box-shadow*/
 
	border-right:1px  solid #000 \9;
	     /*Sombras*/
    -webkit-box-shadow:  1px -0px 0px #666565;/*Chrome y Safari*/
    -moz-box-shadow:  1px -0px 0px #666565;/*Firefox*/
    -o-box-shadow:  1px -0px 0px #666565;/*Opera*/
    box-shadow:  1px -0px 0px #666565;/*Estandar por defecto*/
    
	 }	 
	 


ul.horizontal2 li:hover{
 
    /*Degradado de fondo*/
   
    /*Sombras*/
        /*Sombras*/
    -webkit-box-shadow:  1px -0px 0px #666565;/*Chrome y Safari*/
    -moz-box-shadow:  1px -0px 0px #666565;/*Firefox*/
    -o-box-shadow:  1px -0px 0px #666565;/*Opera*/
    box-shadow:  1px -0px 0px #666565;/*Estandar por defecto*/
    
	}
	
ul.horizontal2 li a{
    color:#000;
    display:block;
    padding:2px;
    text-decoration:none;
   	cursor:pointer;
 width: 172px;
    /*Transiciones*/
    -webkit-transition: 0.4s linear all;
    -moz-transition: 0.4s linear all;
    -o-transition: 0.4s linear all;
    transition: 0.4s linear all;
    
	
	}

ul.horizontal2 li a:hover{
    color:#fff;
	}		
/*horizontal3//////////////////////////////////////////////////////*/


#menuhorizontal3 {
	/*margin:0px auto 0 auto;
    border-width: 0;
    width: 98%;
    padding:5px 15px 15px 15px;*/
   
 }
#menuhorizontal3 {
     /*Degradados*/
   background-color: #f3d6a1;
   
 }
 
 ul.horizontal3 {
 	
	 margin: 0;
	 padding: 0;
	 list-style: none;
	 width:80%;
	 text-align:center;
	margin: 0 auto 0 auto;
	 }
ul.horizontal3 li {
	 list-style: none;
	 display: inline-block;
	 
	margin:4px 1px;
	vertical-align:middle;
    font-family:Gotham,Arial,sans-serif;
    font-size:12px;
    font-weight:bold;
    min-height:28px;
    text-align:center;
    /*Sombras para texto, los mismos parametros que box-shadow*/
 
	border-right:1px  solid #000 \9;
	     /*Sombras*/
 
    
	 }	 
	 


ul.horizontal3 li:hover{
 
    /*Degradado de fondo*/
   
    /*Sombras*/
        /*Sombras*/
 
    box-shadow:  1px -0px 0px #666565;/*Estandar por defecto*/
    
	}
	
ul.horizontal3 li a{
    color:#e84e1b;
    display:block;
    padding:1px;
    text-decoration:none;
   	cursor:pointer;
 width: 219px;
    /*Transiciones*/
    -webkit-transition: 0.4s linear all;
    -moz-transition: 0.4s linear all;
    -o-transition: 0.4s linear all;
    transition: 0.4s linear all;
    
	
	}

ul.horizontal3 li a:hover{
    color:#000;
	}		

/*//////////////////////////////////////////*/

#contenedor {
    background-color: transparent;
}
#contenedor {
    border: 0 none;
    width: 900px;
   
    size;contain;
     margin-left: auto;
   	margin-right: auto;
   	margin-top: 0px;
   	/*margin-bottom: 10px;*/
}
#contenedorinfo {
    border: 0 none;
    width: 900px;
   
    size;contain;
     margin-left: auto;
   	margin-right: auto;
   	margin-top: 40px;
   	/*margin-bottom: 10px;*/
}
#contenido {
	clear:both;
  	/*overflow: hidden;*/
  	height:   1%;
    padding: 0px 15px 15px;
    width: 960px;
    min-height:500px;
    size;contain;
     margin-left: auto;
   	margin-right: auto;
}
/*ADMIN */
#contenedoradmin {
    border: 0 none;
    width: 1024px;
   
    size;contain;
     margin-left: auto;
   	margin-right: auto;
   	margin-top: 0px;
   	/*margin-bottom: 10px;*/
}
#contenidoadmin {
	clear:both;
  	/*overflow: hidden;*/
  	height:   1%;
    padding: 0px 15px 15px;
    width: 1024px
    min-height:500px;
    size;contain;
     margin-left: auto;
   	margin-right: auto;
}
table#admin th{
     /*Degradados*/
    background:#000;
    overflow:hidden;
 	color:#fff;
 font-size:0.8em;
 	margin: 0 ;
 	padding: 1px ;
  } 
table#admin td{
     /*Degradados*/
    
    overflow:hidden;
 	
 font-size:0.8em;
 	margin: 0 ;
 	padding: 1px ;
  } 

#contenidocentrado {
	clear:both;
  	/*overflow: hidden;*/
  	position: absolute;  bottom: 20px;
    padding: 5px 15px 0px;
    width: 100%;
    min-height:550px;
    background-color: transparent;
    bottom: 0px;
}

#contenidoindex {
	clear:both;
  	/*overflow: hidden;*/
  position:relative;
    padding: 0px 15px 15px 15px;
    width: 700px;
    min-height:550px;
    background-image: url("../imagenes/marco.png");
    background-repeat: no-repeat;
    background-size: contain;
     margin-top: auto;
      margin-left: auto;
   	margin-right: auto;
	background-image: none\9;/*recononce error*/
  
}
#contenidologo {
	clear:both;
  	/*overflow: hidden;*/
  position:absolute;
    padding: 0px 15px 15px 15px;
    width: 250px;
    min-height:125px;
    background-size: contain;
     margin-top: 245px;
      margin-left:100px ;
   	margin-right: auto;
	background-image: none\9;/*recononce error*/
  
}
#contenidologo2 {
	clear:both;
  	/*overflow: hidden;*/
  position:absolute;
    padding: 0px 15px 15px 15px;
    width: 250px;
    min-height:125px;
    background-size: contain;
     margin-top: 245px;
      margin-left:100px ;
   	margin-right: auto;
	background-image: none\9;/*recononce error*/
  
}
#contenidologin {
	clear:both;
  	/*overflow: hidden;*/
  position:relative;
    padding: 0px 15px 15px;
    width: 700px;
    min-height:550px;
   
    background-image: url("../imagenes/marcolog.png");
    background-repeat: no-repeat;
    background-size: contain;
     margin-top: auto;
      margin-left: auto;
   	margin-right: auto;
	background-image: none\9;/*recononce error*/
  
}
#botonentrar {
	background-image: url("../imagenes/boton_entrar.png");
    background-repeat: no-repeat;
  	
    height: 60px;
	/*margin: 0 auto;*/
	width: 180px;;	
	position: absolute;
    top: 140px;
    left: 220px;
    right: 0;
    bottom: 0;
    /*margin: auto;*/
    margin:  280px auto 0 60px ;
	cursor:pointer;
 }
#botonentrar:hover {
	background-image: url("../imagenes/boton_entrar_hover.png");
    background-repeat: no-repeat;

 height: 60px;
	margin: 0 auto;
	width: 140px;;	
	position: absolute;
    top: 140px;
    left: 220px;
    right: 0;
    bottom: 0;
    /*margin: auto;*/
   margin:  280px auto 0 60px ;
	cursor:pointer;
 } 
/*info.php */
#contenidotext {
	/*decoración */
	
		/*Sombras*/
	    /*-webkit-box-shadow:  #253e8b 0px  5px  0px;Chrome y Safari*/
	    /*-moz-box-shadow:  #253e8b 0px  5px  0px;Firefox*/
	   /* -o-box-shadow:  #253e8b 0px  5px  0px;Opera*/
	    /*box-shadow:  #253e8b 0px  5px  0px;Estandar por defecto*/
	     
    
	
	/*posición */
  	overflow: hidden;
  	height:   1%;
    padding: 0px 0px 0px;
    width: 90%;
    margin: 5px auto 0;
    min-height:450px;
}

#contenidotext p {
	/*decoración */
	color:#000;
	/*posición */
	text-align:justify;
  	
}
#contenidotext li {
	/*decoración */
	color:#000;
	/*posición */
	text-align:justify;
  	
}

#contenidotext2 {
	/*decoración */
	
		/*Sombras*/
	    
    
	
	/*posición */
  	overflow: hidden;
  	height:   1%;
    padding: 0px 60px 60px;
    width: 75%;
    margin: 0px auto 0;
    min-height:350px;
}

#contenidotext2 p {
	/*decoración */
	
	font-size: 1.1em;
	/*posición */
	text-align:justify;
}
/*Menu */
 
 #pagina {
    border: 0 none;
    margin: 0 0 0;
    padding: 0;
    width: 100%;
     
  min-height:900px;
    background-color: #f4f4f4;
   }
 #paginaindex {
    border: 0 none;
    margin: 0 0 0;
    padding: 0;
    width: 100%;
     
  min-height:600px;
    
   }  
 #paginaindex {
    /*Sombras*/
   /*background-image: url("../imagenes/fondo_img.png");*/
  
   } 
#pie {
	/*background: url("../imagenes/separador.jpg") no-repeat top center;*/
 	/*background-color:#f4f4f4;*/
 	background-size:100% 6%;
 	clear:both;
    margin:0 auto 0 auto; 
    padding: 40px 0 40px;
    width: 100%;
	bottom: 0px;
   text-align: center;
   }
#pieindex {
	position: absolute; right: 30px; bottom: 20px;
 	color:#000;
 	font-weight: bold;
 	font-size: 11px;
   } 
    
#logos {
	position: absolute; 
	left: 145px; 
	bottom: 13px;
	width: 290px;
	margin: 10px 0px 0px 0px;
   
  }
#logos2 {
	position: absolute; 
	top: 285px;
    left: 60px; 
	width: 140px;
    margin: 33px 30px 15px 45px;
    text-align: center;
    cursor:pointer;
  }
#pagina2 {
    
    border: 0 none;
    margin: 25px auto 0;
    padding: 0;
    width: 960px;  
   /* min-height:1000px;*/
    overflow:auto;
   
   }
 #pagina2 {
    /*Sombras*/
    -webkit-box-shadow:  1px 1px 2px 2px #000;/*Chrome y Safari*/
    -moz-box-shadow:  1px 1px 2px 2px #000;/*Firefox*/
    -o-box-shadow:  1px 1px 2px 2px #000;/*Opera*/
    box-shadow: 1px 1px 2px 2px #000;/*Estandar por defecto*/
    border:1px solid #E3E3E3; 
   border:1px solid #000 \9; 
   }   
   
 #pagina3 {
 	
    border: 0 none;
    margin: 25px auto 0;
    padding: 0;
    width: 960px;  
    min-height:1450px;
   
    overflow:auto;
   }
 #pagina3 {
    /*Sombras*/
    -webkit-box-shadow:  1px 1px 2px 2px #000;/*Chrome y Safari*/
    -moz-box-shadow:  1px 1px 2px 2px #000;/*Firefox*/
    -o-box-shadow:  1px 1px 2px 2px #000;/*Opera*/
    box-shadow: 1px 1px 2px 2px #000;/*Estandar por defecto*/
    border:1px solid #E3E3E3; 
   border:1px solid #000 \9; 
   }     
   
#seccion {
   	float:right;
    margin:10px auto 0 auto; 
    width: 98%;
	/*min-height:450px;*/
	
}
#seccionadmin {
   	float:right;
    margin:0 auto 0 auto; 
    width: 700px;
	min-height:450px;

}
#seccionadmin2 {
   	float:right;
    margin:0 auto 0 auto; 
    width: 100%;
	

}
/*Tablas */
table,th,td
{
border:1px solid white;
}
table{
    margin:0 auto 0 auto; 
  } 

th{
     /*Degradados*/
    background:#000;
    overflow:hidden;
 	color:#fff;
 font-size:16px;
 	padding:2%;
 	
  } 


td{
     /*Degradados*/
    background:#E6E6E6;
    overflow:hidden;
 	color:#6C6C6C;
 font-size:17px;
 	font-weight: bold;
 	padding:2px;
  } 

td a {color:#173f8a;}    

}
   

}
/*Volcados */
.volcado{
   float:right;
    margin:0 100px 20px auto; 
    width: 200px;
  display:block;
    

}

    

}
.treatment{
   	margin:0 auto 20px auto; 
    width: 200px;
}

/*Paginacion */
#pag {
   
    margin:10px auto 0 auto; 
    width: 150px;
	font-size:16px;
	padding: 0 0 0 100px;
}
/*
#treat {
   
    margin:10px auto 0 auto; 
    width: 150px;
	font-size:16px;
	min-height:450px;
}
*/
  /*index*/
.cuadro {
 	margin:0 auto;
width:410px;
padding:14px;
   }
   
.cuadro {
 	/*Sombras*/
     -webkit-box-shadow:  #000 1px  1px  0px;/*Chrome y Safari*/
    -moz-box-shadow:  #000 1px  1px  0px;/*Firefox*/
    -o-box-shadow: #000 1px  1px  0px;/*Opera*/
    box-shadow:  #000 1px  1px  0px;/*Estandar por defecto*/
    border:1px solid #E3E3E3;
     border-right:1px  solid #000 \9;
      border-bottom:1px  solid #000 \9;	 
   }

#menusuperior { 
	margin:0 auto 0 auto; 
	width:500px; 
}



/*listapaciente */
#pac{
   
    margin:0 auto 0 auto; 
    width: 90%;
	
}

#npac{
   	float:right;
    margin:0 auto 5px auto; 
    width: 200px;
	font-weight:bold;
}
#valpac{
   	float:left;
    margin:0 auto 20px auto; 
    width: 260px;
	font-weight:bold;
}
#riete{
   	float:left;
    margin:0 auto 20px 25px; 
    width: 260px;
	font-weight:bold;
}

#logo_riete{
   	float:left;
    margin:auto auto auto 50px; 
    width: 100px;
	font-weight:bold;
}
#nuevopac{
   	float:right;
    margin:0 auto 20px auto; 
    text-align:justify;
    width: 200px;

}

#logo_semi{
	
   	float:left;
   margin:20px 20px 20px 30px; 
	padding: 10px 0 10px;
	width=133px;
	height=40px;
	
}

#logo_rv{
	
	padding: 2px 0 10px;
 float:right;
    margin:10px 120px 5px 20px; 
	width=102px;
	height=160px;
}

#centro{
	 margin:15px 30px  auto  auto ;
	width=200px;
	height=140px;
	float: left;
}
#centro p{
	
	font-size: 1.1em;
}
#sh{
	
	padding: 2px 0 10px;
 	float:left;
    margin:10px 20px 5px 10px;; 
	width=110px;
	height=140px;
}
#shtext{
	
	padding: 4px 0 10px;
 	float:left;
    margin:10px 10px 5px 20px; 
	width=130px;
	height=140px;
}
.boton2{
	float:left;
margin-left:150px;
}
#botonvolcado{
		background-image: url("../imagenes/txt.png");
    background-repeat: no-repeat;
  	background-size:100% ;
    height: 75px;
	margin: 0 auto;
	width: 75px;;	
	
    top: 130px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
	cursor:pointer;
	
 	
}
#botonvolcado:hover{
		background-image: url("../imagenes/txt_hover.png");
    background-repeat: no-repeat;
  	background-size:100% ;
    height: 75px;
	margin: 0 auto;
	width: 75px;;	
	
    top: 130px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
	cursor:pointer;
	
 	
}

#boton{
clear:both;
font-size:12px;
padding:4px 1px;
width:200px;
margin-left:350px;

background:#e84e1b;
  border:0;
  padding:2%;
  font-family:'Open Sans',sans-serif;
  font-size:120%;
  color:#fbfcfd;
  cursor:pointer;
  transition:background .3s;
  -webkit-transition:background .3s;
}

#boton:hover{
   background:#000;

}

#boton2{
width:100%;
  background:#e84e1b;
  border:0;
  padding:2%;
  font-family:'Open Sans',sans-serif;
  font-size:120%;
  color:#fbfcfd;
  cursor:pointer;
  transition:background .3s;
  -webkit-transition:background .3s;
}

#boton2:hover{
 background:#000;
}

#boton3{
clear:both;
font-size:12px;
padding:4px 1px;
width:200px;
margin-left:80px;

background:#e84e1b;
  border:0;
  padding:2%;
  font-family:'Open Sans',sans-serif;
  font-size:120%;
  color:#fbfcfd;
  cursor:pointer;
  transition:background .3s;
  -webkit-transition:background .3s;
}

#boton3:hover{
   background:#000;

}
.boton3{
	float:left;
margin-left:10px;
height=20px;
}
#boton4{
clear:both;
font-size:12px;
padding:4px 1px;
width:200px;
margin-left:160px;

background:#e84e1b;
  border:0;
  padding:2%;
  font-family:'Open Sans',sans-serif;
  font-size:120%;
  color:#fbfcfd;
  cursor:pointer;
  transition:background .3s;
  -webkit-transition:background .3s;
}

#boton4:hover{
   background:#000;

}
#apartado{

/*background:#ebf4fb;*/
/*Degradado de fondo*/
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to( #E3E3E3));/*Chrome y Safari*/
    background-image: -moz-linear-gradient(top center, #FFF, #E3E3E3);/*Firefox*/
    background-image: -o-linear-gradient(top, #FFF, #E3E3E3);/*Opera*/
    background-image: linear-gradient(top, #FFF, #E3E3E3);/*Estandar por defecto*/


}
#apartado.apartexpand{
display:block;
font-weight:bold;
font-style:italic;
color:#E3E3E3;

text-align:justify;
width:98%;
margin:2px 0px 15px 0px;
float:left;
}

#apartado .indice{
display:block;
font-weight:bold;
text-align:left;
width:99%;
height: 20px ;


 size;contain;
   margin: .5em -51px;
    padding: .5em 55px;
   
}
 
#apartado .indice{
color:#fff;
background:#000;
}






/*DATATABLES*/
#example_length{

margin:2px 0px 15px 0px;
}
#example_filter{

margin:2px 0px 15px 0px;
}
#example{

top:-2000px;
}