#body{
	background: rgba(3,227,122,1);
	background: -moz-radial-gradient(center, ellipse cover, rgba(26,133,196,1) 0%, rgba(26,133,196,1) 26%, rgba(0,175,239,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(26,133,196,1)), color-stop(26%, rgba(26,133,196,1)), color-stop(100%, rgba(0,175,239,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(26,133,196,1) 0%, rgba(26,133,196,1) 26%, rgba(0,175,239,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(26,133,196,1) 0%, rgba(26,133,196,1) 26%, rgba(0,175,239,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(26,133,196,1) 0%, rgba(26,133,196,1) 26%, rgba(0,175,239,1) 100%);
	background: radial-gradient(ellipse at center, rgba(26,133,196,1) 0%, rgba(26,133,196,1) 26%, rgba(0,175,239,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03e37a', endColorstr='#008d4b', GradientType=1 );	
	background-attachment: fixed;
		
	
}
#titu{
	padding: 0px;
}
#titu2{
	padding: 0px;
}
body{
	background-color: #ecf0f5;
	/*background-image: url('../img/fondoheader.jpg');
	background-repeat: no-repeat;
	background-position: top,center;*/
}
#salirdiv{
	padding: 0px;
}
#salir{
	margin-top: 11px;
	float: right;
	color: white;
}
#barra{
	background-color: #B73437;
}
#contenido{
		
	height: 80px;
}
#container{	
	padding: 10% 0;	
	text-align: center;	
}
#containerModi{	
	padding: 1% 0;	
	text-align: center;	
}
h3.tituloh3{
	margin-bottom: 0px !important;
	color: white;
}
#formModi{
	text-align: left;
}

span.subtitulospan{
	margin-top: 0px !important;
	color: white;
}
#logoModi{
	height: 80px;
	margin-bottom: 10px;
}
#logo{
	height: 150px;
	margin-bottom: 10px;
}
#controlleft{
	padding-left: 0px;
}
#controlright{
	padding-right: 0px;
}
#login{
	width: 350px;
	height: 300px;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;	

	border-radius: 14px 14px 14px 14px;
	-moz-border-radius: 14px 14px 14px 14px;
	-webkit-border-radius: 14px 14px 14px 14px;
	border: 1px solid #ededed;

	-webkit-box-shadow: 0px 3px 11px 2px rgba(60,87,48,0.63);
	-moz-box-shadow: 0px 3px 11px 2px rgba(60,87,48,0.63);
	box-shadow: 0px 3px 11px 2px rgba(60,87,48,0.63);
}
#loginModi{
	width: 750px;	
	height: 500px;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;	

	border-radius: 14px 14px 14px 14px;
	-moz-border-radius: 14px 14px 14px 14px;
	-webkit-border-radius: 14px 14px 14px 14px;
	border: 1px solid #ededed;

	-webkit-box-shadow: 0px 3px 11px 2px rgba(60,87,48,0.63);
	-moz-box-shadow: 0px 3px 11px 2px rgba(60,87,48,0.63);
	box-shadow: 0px 3px 11px 2px rgba(60,87,48,0.63);
}
#loginModi2{
	width: 750px;	
	height: 260px;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;	

	border-radius: 14px 14px 14px 14px;
	-moz-border-radius: 14px 14px 14px 14px;
	-webkit-border-radius: 14px 14px 14px 14px;
	border: 1px solid #ededed;

	-webkit-box-shadow: 0px 3px 11px 2px rgba(60,87,48,0.63);
	-moz-box-shadow: 0px 3px 11px 2px rgba(60,87,48,0.63);
	box-shadow: 0px 3px 11px 2px rgba(60,87,48,0.63);
}
#panelcontenido{
	height: 68px;
	background-color: #fff;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border: 0px solid #ededed;

	-webkit-box-shadow: 10px 10px 3px -9px rgba(181,181,181,1);
	-moz-box-shadow: 10px 10px 3px -9px rgba(181,181,181,1);
	box-shadow: 10px 10px 3px -9px rgba(181,181,181,1);
}
#morado{
	text-align: center;
	height: 68px;
	background-color: #605ca8;
	color: white;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border: 0px solid #ededed;


}
#naranja{
	text-align: center;
	height: 68px;
	background-color: #f39c12;
	color: white;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border: 0px solid #ededed;
}
#verde{
	text-align: center;
	height: 68px;
	background-color: #02d574;
	color: white;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border: 0px solid #ededed;
}
#azul{
	text-align: center;
	height: 68px;
	background-color: #00c0ef;
	color: white;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border: 0px solid #ededed;
}
#obligatorio{
	color: red;
}
#filtrovertical{
	line-height: 1.6;
}
#filtropanel{
	margin-top: 8px;
	margin-bottom: 0px;
}
#logo2{
	padding-top: 10px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#cajadetexto{
	display: block;

}
#marnombres{
	padding-left: 0px;
}
#marcurp{
	padding-right: 0px;
}
#oficio{
	margin-top: 0px;
}
#botonModi{
	display: inline-flex;
    margin-top: 60px;
    float: right;
    margin-right: 50px;
}
#botonModibene{
	text-align: right;
}
#guardarModi{
	margin-left: 5px;
}
#fileoficio{
	padding-left: 0px;
	padding-top: 0px;
}
h5{
padding-top: 0px;
margin-top: 0px;
}
.contador{
	color: #c60f13;
	
}
.contador2{
	color: #00837B;
	font-size: 15px;
	display: inline-block !important;
	text-align: left; 
	margin-top: 30px;
}
#borrarbtn{
	float: right;
}
#radio1{
	display: inline-block;
}
.radios{
	display: inline-block !important;
	text-align: left; 
	margin-top: 25px;
	margin-right: 3px;
	text-align: center;

}
#radios{
	display: inline-block !important;	
	margin-top: 0px !important;
	padding-top: 0px !important;
	margin-right: 6px;
	text-align: center;
	margin-bottom: 10px;

}
#radio3{
	display: inline-block;
}

.salir{
	padding-right: 0px;	
	float: right;

}
.titulodiv{
	float: left;
	color: #2e353d;

}
#ultimos{
	padding: 0;
}
#clavesboton{
	padding: 0;
}
#botonclave{
	float: right;
}
#escuapoyo{
	margin-bottom: 10px;
}
#copyright{
	font-size: 9;
	text-align: center;
	color: #2e353d;
}
.online{
	float: right;
	color: white;
}
.version{
	color: #2e353d;
}
#version{
	font-size: 10;
}
.subtitulodiv{
	float: right;	
	margin-top: 20px;
	
}
#director{
	color: white;	
	float: right;
	text-align: right !important;
	display: inline-block !important;

}
input.pass{
	padding-left: 5px;
	width: 270px;
	height: 45px;
	background-color: #f3f5f4;
	border: 0px;
	margin-bottom: 12px;
}

img.pass{
	margin-top: 4px;
	float: left;	
	width: 25px;

}
img.user{
	margin-top: 4px;
	float: left;	
	width: 25px;

}

#selectbox{
	width: 270px;
	margin-bottom: 12px;	
	color: #7e7e7e;
	height: 45px;
	background-color: #f3f5f4;
	border: 0px;
}
.buttonentrar { width: 270px; height: 45px; background: #B73437; border: 1px solid #B73437; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: white; cursor: pointer; display: inline-block; font-family: inherit; font-size: 14px; font-weight: bold; line-height: 1; margin: 0; padding: 10px 20px 11px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background-color 0.10s ease-in-out; -moz-transition: background-color 0.10s ease-in-out; -o-transition: background-color 0.10s ease-in-out; transition: background-color 0.10s ease-in-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */ }
.buttonentrar:hover, .button:focus { color: white; background-color: #cc383a; }
.buttonentrar:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }

.button { width: auto; background: #00837B; border: 1px solid #53808F; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: white; cursor: pointer; display: inline-block; font-family: inherit; font-size: 14px; font-weight: bold; line-height: 1; margin: 0; padding: 10px 20px 11px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background-color 0.10s ease-in-out; -moz-transition: background-color 0.10s ease-in-out; -o-transition: background-color 0.10s ease-in-out; transition: background-color 0.10s ease-in-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */ }
.button:hover, .button:focus { color: white; background-color: #70A754; }
.button:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }


.buttonpublicar { width: auto; background: #4c4c4c; border: 1px solid #4c4c4c; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: white; cursor: pointer; display: inline-block; font-family: inherit; font-size: 14px; font-weight: bold; line-height: 1; margin: 0; padding: 10px 20px 11px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background-color 0.10s ease-in-out; -moz-transition: background-color 0.10s ease-in-out; -o-transition: background-color 0.10s ease-in-out; transition: background-color 0.10s ease-in-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */ }
.buttonpublicar:hover, .button:focus { color: white; background-color: #95a77a; }
.buttonpublicar:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }


.responsable{
	margin-top: 12px !important;
	
	
}
#nuevasolicitud{
	float: right !important;

}
.filtros{
	margin-bottom: 5px;
}


#margen{
	margin-bottom: 200px !important;
}
#btn{
	margin-top: 3px;
	margin-left: 0px;
	margin-right: 0px;
	
}
#buscador{
	margin-top: 30px;
	padding-right: 5px;
	padding-left: 5px;
}
#botonesbuscador{
	margin-top: 5px;
	float: right;
}
#mostrartodo{
	margin-left: 3px;
}
#futermodal{
	margin-bottom: 5px;
}

#iconobuscar{
	margin: 0;
	padding: 0;
	width: 34px;

}
#txtbuscar2{
	margin-left: 0px;
	padding-left: 0px;
	width: 300px;
	margin-right: 0px;
}
#txtbuscar{	
	width: 300px;
	margin-left: 0px;
}
#radio{
	display: inline-block;
	vertical-align: baseline;

}
#botonfile label{
	float: right;
	padding-bottom: 5px;
}
#botonfile{
	float: right;
}
#head{
	text-align: center;
}


.fix{
	position: fixed;
	margin-top: 0px !important;
	padding-top: 0px !important;
}


.introduccion>h3{
	color: #7e7e7e;
	text-align: center;
	
}
.introduccion{
	margin-top: 0px !important;
	padding-top: 0px !important;
}

#iniciosesion{
	color: #4e6c5e;
	
}
#selectbox2{
	margin-bottom: 13px;
	height: 32px;
	color: #7e7e7e;

}
#selectbox3{
	
	height: 32px;
	color: #7e7e7e;

}
#observaciones label{
	padding-top: 5px;
	margin-top: 5px;
}


.header{
	text-align: center;
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;

}

.header h4{
	text-align: center !important;
	color: #7e7e7e !important;
	margin: 0px;
	padding: 0px;


}
.titulomodal h3{
text-align: center !important;
	color: #7e7e7e !important;
	margin: 0px;
	padding: 0px;
}
.header h3{
	text-align: center !important;
	color: #7e7e7e !important;
	margin: 0px;
	padding: 0px;

}
.header h1{
	text-align: center !important;
	color: #7e7e7e !important;

}
.logo3{
	text-align: left;
	display: block;

}

#botonsolicitud{
	padding-right: 2px !important;
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
}
#botonsolicitud a{
	float: right;
	margin-left: 5px;
	margin-right: 0px;
	
	


}


/***************************************************
		      Ventana Modal Organigrama
****************************************************/

.reveal-modal-organigrama-bg { position: fixed; height: 100%; width: 100%; background: #000; background: rgba(0, 0, 0, 0.45); z-index: 100; display: none; top: 0; left: 0; }

.reveal-modal-organigrama { background: #f0f0f0; visibility: hidden; display: none; top: 20px; padding: auto; left: 32%; margin-left: 0px; width: 500px; position: absolute; z-index: 101; padding: 10px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }

.reveal-modal-organigrama .close-reveal-modal:not(.button) { font-size: 22px; font-size: 2.2rem; line-height: .5; position: absolute; top: 8px; right: 11px; color: #aaa; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6); font-weight: bold; cursor: pointer; }
.reveal-modal-organigrama.small { width: 30%; margin-left: -15%; }
.reveal-modal-organigrama.medium { width: 40%; margin-left: -20%; }
.reveal-modal-organigrama.large { width: 60%; margin-left: -30%; }
.reveal-modal-organigrama.xlarge { width: 70%; margin-left: -35%; }
.reveal-modal-organigrama.expand { width: 90%; margin-left: -45%; }
.reveal-modal-organigrama .row { min-width: 0; margin-bottom: 10px; }
.reveal-modal-organigrama > :first-child { margin-top: 0; }
.reveal-modal-organigrama > :last-child { margin-bottom: 0; }

/***************************************************
		  Fin de Ventana Modal Organigrama
****************************************************/
#tabla{
	margin-top: 15px;	
}
table{	
	border-top: 3px solid #B73437;
	background-color: white;
}
table th{
	font-size: 13px;
}
table td{
	font-size: 11px;
}
.row {  margin: 0px auto; }