input, select, textarea {
	width: 92%;
	margin-top: 4px;
	padding: 10px 5px 10px 32px;	
	border: 1px solid rgb(178, 178, 178);
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	  -moz-box-sizing : content-box;
	       box-sizing : content-box;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	-webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
	   -moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
	        box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
	-webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
	     -o-transition: all 0.2s linear;
	        transition: all 0.2s linear;
}

nav a {
	position: relative;
	display: inline-block;
	outline: none;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 1.35em;
}

nav a:hover,
nav a:focus {
	outline: none;
}

img{
max-width:100%;
max-height:100%;
}

html,
body{
min-width: 520px;
height: 100%;
background:url('/images/bg.png');
font: 1em/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
#wrapper{
min-height:100%;
position:relative;
}
#header{

}
#content{
padding-bottom: 81px;
}

#footer{
width:100%;
height:81px;
position:absolute;
bottom:0;
left: 0;
font-family: 'Lato', Arial, sans-serif;
color:#575448;
}

/*
 -------------------------------------------------
INFORMACION EN PANTALLA AUXILIAR NEGRA 
 -------------------------------------------------
 */
.contenedor-info-organi {
	background:url('/images/index/71.jpg');
  
}

.TEXTOUO { 
	width: 100%;
	background: #ffffff;
	border-radius: 3px;
	border: 1px solid #1a528f;
}

.TEXTOUO h1{
	font-size: 12px;
	padding: 10px 10px 10px 10px;
	font-family: Arial;
	color: #000000;
	line-height: 1.5;
	text-align : justify;
}

.contenedor-info-cabecera{
    border-bottom: 1px solid #E5E5E5;
    padding: 5px;
	font-weight:bold;
}

.contenedor-info-informacion p,
.contenedor-info-cabecera h4 {
    margin: 10px;
	color: #103359;
	font-weight:bold;
}

.contenedor-info-informacion {
    padding: 10px;
	margin-left:10px;

}

.contenedor-info-informacion a{
 margin-bottom:10px;
}
 
 .custombox-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
}
.custombox-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.custombox-modal {
    height: auto;
    visibility: hidden;
}

.custombox-show {
    visibility: visible;
}
.custombox-show ~ .custombox-overlay {
    opacity: 1;
    visibility: visible;
}
.custombox-perspective,
.custombox-perspective body {
    height: 100%;
    overflow: hidden;
}
.custombox-perspective body  {
    -webkit-perspective: 600px;
    perspective: 600px;
}
.custombox-container {
    min-height: 100%;
}
.custombox-hide-scrollbar {
    overflow-y: hidden;
}
.custombox-hide-scrollbar body {
    position: relative;
    overflow: hidden;
}

/*
 -------------------------------------------------
FIN INFORMACION EN PANTALLA AUXILIAR NEGRA 
 -------------------------------------------------
*/

.boton-text-all-color, .botonseccion {
    display: block;
    font-family: Arial,Helvetica;
    font-size: 25px;
    font-weight: bold;
    line-height: 1.4;
}

.botonseccion{
 font-size: 12px;
 width: 80px;
}

.botonseccion2{
 font-size: 12px;
 margin: 5em auto;
}

.botonseccion3{
 font-size: 25px;
 margin: 5em auto;
}

.boton-centro {
    cursor: pointer;
    display: inline-block;
    margin-right: 0.1em;
    overflow: visible;
    padding: 5px 10px;
    position: relative;
    text-align: center;
    text-decoration: none !important;
    border-radius: 4px 4px 4px 4px;
}

/*Boton Azul*/
.boton-azul {
    background: #377ad0;
    background-image: linear-gradient(bottom, #3779D0 0%, #52A7E8 100%);
    background-image: -o-linear-gradient(bottom, #3779D0 0%, #52A7E8 100%);
    background-image: -moz-linear-gradient(bottom, #3779D0 0%, #52A7E8 100%);
    background-image: -webkit-linear-gradient(bottom, #3779D0 0%, #52A7E8 100%);
    background-image: -ms-linear-gradient(bottom, #3779D0 0%, #52A7E8 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #3779D0),color-stop(1, #52A7E8));
    background-clip: padding-box!important;
    border-top: 1px solid #4081af!important;
    border-right: 1px solid #2e69a3!important;
    border-bottom: 1px solid #20559a!important;
    border-left: 1px solid #2e69a3!important;
    border-radius: 5px!important;
    box-shadow: inset 0 1px 0 0 #72b9eb, 0 1px 2px 0 #b3b3b3!important;
    color: #fff!important;
    font-size: 12px!important;
    font-weight: bold!important;
    line-height: 1!important;
    padding: 5px 10px!important;
    text-align: center!important;
    text-shadow: 0 -1px 1px #3275bc!important;
    
}

.boton-azul:hover {
    background: #206bcb;
    background-image: linear-gradient(bottom, #206ACB 0%, #3E9DE5 100%);
    background-image: -o-linear-gradient(bottom, #206ACB 0%, #3E9DE5 100%);
    background-image: -moz-linear-gradient(bottom, #206ACB 0%, #3E9DE5 100%);
    background-image: -webkit-linear-gradient(bottom, #206ACB 0%, #3E9DE5 100%);
    background-image: -ms-linear-gradient(bottom, #206ACB 0%, #3E9DE5 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #206ACB),color-stop(1, #3E9DE5));
    background-clip: padding-box!important;
    border-top: 1px solid #2a73a6!important;
    border-right: 1px solid #165899!important;
    border-bottom: 1px solid #07428f!important;
    border-left: 1px solid #165899!important;
    box-shadow: inset 0 1px 0 0 #62b1e9!important;
    cursor: pointer!important;
    text-shadow: 0 -1px 1px #1d62ab!important;
    color: #FFF!important;
}

.boton-azul:active {
    background: #3282d3!important;
    background-clip: padding-box!important;
    border: 1px solid #154c8c!important;
    border-bottom: 1px solid #0e408e!important;
    box-shadow: inset 0 0 6px 3px #1657b5, 0 1px 0 0 #fff!important;
    text-shadow: 0 -1px 1px #2361a4!important;
    color: #FFF!important;  
}

/*Boton verde*/

.boton-verde {
    background: #469429;
    background-image: linear-gradient(bottom, #5DD037 0%, #89E64F 100%);
    background-image: -o-linear-gradient(bottom, #5DD037 0%, #89E64F 100%);
    background-image: -moz-linear-gradient(bottom, #5DD037 0%, #89E64F 100%);
    background-image: -webkit-linear-gradient(bottom, #5DD037 0%, #89E64F 100%);
    background-image: -ms-linear-gradient(bottom, #5DD037 0%, #89E64F 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #5DD037),color-stop(1, #89E64F));
    background-clip: padding-box;
    border-top: 1px solid #6caf40;
    border-right: 1px solid #53a32e;
    border-bottom: 1px solid #3e9a20;
    border-left: 1px solid #53a32e;
    border-radius: 5px;
    border-radius: 5px;
    box-shadow: inset 0 1px 0 0 #a3eb72, 0 1px 2px 0 #b3b3b3;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    padding: 5px 10px;
    text-align: center;
    text-shadow: 0 -1px 1px #6acb3c;
}


.boton-verde:hover {
    background: #45b31d;
    background-image: linear-gradient(bottom, #45B31D 0%, #79DA40 100%);
    background-image: -o-linear-gradient(bottom, #45B31D 0%, #79DA40 100%);
    background-image: -moz-linear-gradient(bottom, #45B31D 0%, #79DA40 100%);
    background-image: -webkit-linear-gradient(bottom, #45B31D 0%, #79DA40 100%);
    background-image: -ms-linear-gradient(bottom, #45B31D 0%, #79DA40 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #45B31D),color-stop(1, #79DA40));
    background-clip: padding-box;
    border-top: 1px solid #59a62a;
    border-right: 1px solid #59a62a;
    border-bottom: 1px solid #438918;
    border-left: 1px solid #59a62a;
    box-shadow: inset 0 1px 0 0 #a3eb72;
    cursor: pointer;
    text-shadow: 0 -1px 1px #6acb3c;
    color: #FFF;
}

.boton-verde:active {
    background: #32d335!important;
    border: 1px solid #0e8e1e!important;
    border-bottom: 1px solid #0e408e!important;
    box-shadow: inset 0 0 6px 3px #1ab928, 0 1px 0 0 #fff!important;
    text-shadow: 0 -1px 1px #26ad2b!important;
    background-clip: padding-box!important;
    color: #FFF!important;  
}


/*Boton rojo*/

.boton-rojo {
    background: #952A2A;
    background-image: linear-gradient(bottom, #D2373C 0%, #E64E4E 100%);
    background-image: -o-linear-gradient(bottom, #D2373C 0%, #E64E4E 100%);
    background-image: -moz-linear-gradient(bottom, #D2373C 0%, #E64E4E 100%);
    background-image: -webkit-linear-gradient(bottom, #D2373C 0%, #E64E4E 100%);
    background-image: -ms-linear-gradient(bottom, #D2373C 0%, #E64E4E 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #D2373C),color-stop(1, #E64E4E));
    background-clip: padding-box;
    border-top: 1px solid #B04141;
    border-right: 1px solid #A42E2E;
    border-bottom: 1px solid #9A2020;
    border-left: 1px solid #A42E2E;
    border-radius: 5px;
    border-radius: 5px;
    box-shadow: inset 0 1px 0 0 #EB7373, 0 1px 2px 0 #b3b3b3;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    padding: 5px 10px;
    text-align: center;
    text-shadow: 0 -1px 1px #CD3D3D;
}


.boton-rojo:hover {
    background: #B31D22;
    background-image: linear-gradient(bottom, #45B31D 0%, #79DA40 100%);
    background-image: -o-linear-gradient(bottom, #45B31D 0%, #79DA40 100%);
    background-image: -moz-linear-gradient(bottom, #45B31D 0%, #79DA40 100%);
    background-image: -webkit-linear-gradient(bottom, #45B31D 0%, #79DA40 100%);
    background-image: -ms-linear-gradient(bottom, #45B31D 0%, #79DA40 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #45B31D),color-stop(1, #79DA40));
    background-clip: padding-box;
    border-top: 1px solid #59a62a;
    border-right: 1px solid #59a62a;
    border-bottom: 1px solid #438918;
    border-left: 1px solid #59a62a;
    box-shadow: inset 0 1px 0 0 #a3eb72;
    cursor: pointer;
    text-shadow: 0 -1px 1px #6acb3c;
    color: #FFF;
}

.boton-rojo:active {
    background: #D53333!important;
    border: 1px solid #0e8e1e!important;
    border-bottom: 1px solid #0e408e!important;
    box-shadow: inset 0 0 6px 3px #1ab928, 0 1px 0 0 #fff!important;
    text-shadow: 0 -1px 1px #26ad2b!important;
    background-clip: padding-box!important;
    color: #FFF!important;  
}


/*Boton blanco*/

.boton-blanco {
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid;
    radius: 4px;
    border-radius: 4px;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial,Helvetica;
    cursor: pointer;
    box-shadow:0 1px 0 0 #DDDDDD;
}

.boton-blanco {
    border-color: #cccccc #c6c6c6 #aaaaaa;
    color: #111111;
    text-shadow: 0 1px 0 #EEEEEE;
    background-image: linear-gradient(bottom, #EEEEEE 0%, #FCFCFC 100%);
    background-image: -o-linear-gradient(bottom, #EEEEEE 0%, #FCFCFC 100%);
    background-image: -moz-linear-gradient(bottom, #EEEEEE 0%, #FCFCFC 100%);
    background-image: -webkit-linear-gradient(bottom, #EEEEEE 0%, #FCFCFC 100%);
    background-image: -ms-linear-gradient(bottom, #EEEEEE 0%, #FCFCFC 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #EEEEEE),color-stop(1, #FCFCFC));
}

.boton-blanco:hover {
    background-color: #DDDDDD;
    background: #ffffff;
    background-image: linear-gradient(bottom, #DDDDDD 0%, #FFFFFF 100%);
    background-image: -o-linear-gradient(bottom, #DDDDDD 0%, #FFFFFF 100%);
    background-image: -moz-linear-gradient(bottom, #DDDDDD 0%, #FFFFFF 100%);
    background-image: -webkit-linear-gradient(bottom, #DDDDDD 0%, #FFFFFF 100%);
    background-image: -ms-linear-gradient(bottom, #DDDDDD 0%, #FFFFFF 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #DDDDDD),color-stop(1, #FFFFFF));
}

.boton-blanco:active {
    background: none repeat scroll 0 0 #eceaea;
    border-color: #a9a9a9 #adacac #b2b0b0;
    border-style: solid;
    border-width: 1px;
}

.boton-blanco-text {
    display: block;
}

.boton-blanco:hover {
    color: #000 !important;
    text-decoration: underline !important;
}

.boton-blanco:active {
    color: #000 !important;
    text-decoration: underline !important;
}

/*Boton Naranja*/

.boton-naranja {
    background: #CB8C38;
    background-image: linear-gradient(bottom, #E57E11 0%, #FD9424 100%);
    background-image: -o-linear-gradient(bottom, #E57E11 0%, #FD9424 100%);
    background-image: -moz-linear-gradient(bottom, #E57E11 0%, #FD9424 100%);
    background-image: -webkit-linear-gradient(bottom, #E57E11 0%, #FD9424 100%);
    background-image: -ms-linear-gradient(bottom, #E57E11 0%, #FD9424 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #E57E11),color-stop(1, #FD9424));
    background-clip: padding-box;
    border-top: 1px solid #B07840;
    border-right: 1px solid #B07840;
    border-bottom: 1px solid #9F662E;
    border-left: 1px solid #B07840;
    border-radius: 5px;
    box-shadow: inset 0 1px 0 0 #E4B067, 0 1px 2px 0 #b3b3b3;
    color: #fff!important;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    padding: 5px 10px;
    text-align: center;
    text-shadow: 0 -1px 1px #C18436;
}

.boton-naranja:hover {
    background: #e4e4e4;
    background-image: linear-gradient(bottom, #BA7123 0%, #EB9131 100%);
    background-image: -o-linear-gradient(bottom, #BA7123 0%, #EB9131 100%);
    background-image: -moz-linear-gradient(bottom, #BA7123 0%, #EB9131 100%);
    background-image: -webkit-linear-gradient(bottom, #BA7123 0%, #EB9131 100%);
    background-image: -ms-linear-gradient(bottom, #BA7123 0%, #EB9131 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #BA7123),color-stop(1, #EB9131));
    border-top: 1px solid #BF8344;
    border-right: 1px solid #BF8345;
    border-bottom: 1px solid #9F6429;
    border-left: 1px solid #BF8345;
    box-shadow: inset 0 1px 0 0 #D7AA6E, 0 0 0 0 #CCC;
    cursor: pointer;
}

.boton-naranja:active {
    background: #E28222!important;
    border: 1px solid #954F09!important;
    box-shadow: inset 0 0 6px 3px #DB832C, 0 1px 0 0 #CCC!important;
    background-clip: padding-box!important;
    font-weight: normal!important;
    text-shadow: 0!important;
}

/*Boton Morado*/
.boton-morado {
    background: #8D34D2;
    background-image: linear-gradient(bottom, #7030A0 0%, #A048E4 100%);
    background-image: -o-linear-gradient(bottom, #7030A0 0%, #A048E4 100%);
    background-image: -moz-linear-gradient(bottom, #7030A0 0%, #A048E4 100%);
    background-image: -webkit-linear-gradient(bottom, #7030A0 0%, #A048E4 100%);
    background-image: -ms-linear-gradient(bottom, #7030A0 0%, #A048E4 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #7030A0),color-stop(1, #A048E4));
    background-clip: padding-box!important;
    border-top: 1px solid #803DB3!important;
    border-right: 1px solid #6F2BA2!important;
    border-bottom: 1px solid #652398!important;
    border-left: 1px solid #6F2BA2!important;
    border-radius: 5px!important;
    box-shadow: inset 0 1px 0 0 #B671EB, 0 1px 2px 0 #b3b3b3!important;
    color: #fff!important;
    font-size: 12px!important;
    font-weight: bold!important;
    line-height: 1!important;
    padding: 5px 10px!important;
    text-align: center!important;
    text-shadow: 0 -1px 1px #7C2CB9!important;
    
}

.boton-morado:hover {
    background: #8120CB;
    background-image: linear-gradient(bottom, #8220CD 0%, #9E3EE8 100%);
    background-image: -o-linear-gradient(bottom, #8220CD 0%, #9E3EE8 100%);
    background-image: -moz-linear-gradient(bottom, #8220CD 0%, #9E3EE8 100%);
    background-image: -webkit-linear-gradient(bottom, #8220CD 0%, #9E3EE8 100%);
    background-image: -ms-linear-gradient(bottom, #8220CD 0%, #9E3EE8 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #8220CD),color-stop(1, #9E3EE8));
    background-clip: padding-box!important;
    border-top: 1px solid #752AAE!important;
    border-right: 1px solid #63169D!important;
    border-bottom: 1px solid #521084!important;
    border-left: 1px solid #63169D!important;
    box-shadow: inset 0 1px 0 0 #AE62E8!important;
    cursor: pointer!important;
    text-shadow: 0 -1px 1px #6D1DAA!important;
    color: #FFF!important;
}

.boton-morado:active {
    background: #892ED0!important;
    background-clip: padding-box!important;
    border: 1px solid #5B1690!important;
    border-bottom: 1px solid #560D8E!important;
    box-shadow: inset 0 0 6px 3px #7116B6, 0 1px 0 0 #fff!important;
    text-shadow: 0 -1px 1px #6B22A2!important;
    color: #FFF!important;  
}

.datagrid table { border-collapse: collapse; text-align: left; width: 100%; } .datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #006699; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }.datagrid table td, .datagrid table th { padding: 3px 10px; }.datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; color:#FFFFFF; font-size: 15px; font-weight: bold; border-left: 1px solid #0070A8; } .datagrid table thead th:first-child { border: none; }.datagrid table tbody td { color: #00496B; border-left: 1px solid #E1EEF4;font-size: 12px;font-weight: normal; }.datagrid table tbody .alt td { background: #E1EEF4; color: #00496B; }.datagrid table tbody td:first-child { border-left: none; }.datagrid table tbody tr:last-child td { border-bottom: none; }.datagrid table tfoot td div { border-top: 1px solid #006699;background: #E1EEF4;} .datagrid table tfoot td { padding: 0; font-size: 12px } .datagrid table tfoot td div{ padding: 2px; }.datagrid table tfoot td ul { margin: 0; padding:0; list-style: none; text-align: right; }.datagrid table tfoot  li { display: inline; }.datagrid table tfoot li a { text-decoration: none; display: inline-block;  padding: 2px 8px; margin: 1px;color: #FFFFFF;border: 1px solid #006699;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; }.datagrid table tfoot ul.active, .datagrid table tfoot ul a:hover { text-decoration: none;border-color: #006699; color: #FFFFFF; background: none; background-color:#00557F;}div.dhtmlx_window_active, div.dhx_modal_cover_dv { position: fixed !important; }