@charset "utf-8";



/* CSS Document */



@import url(reset.css);



@import url(superfish.css?fecha=20170501100122123);



@import url(tabla.css?asdsa1122123);



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




body, html {



	font-family:Arial, Helvetica, sans-serif;



	font-size:12px;



	color:#20130A;	



	background:#fff url(../images/bg-body.jpg) repeat-x bottom fixed;



	height:100%;



	



}







p {



	line-height:1.4em;



	margin:10px 0;



}







em {



	font-style:oblique;



}







strong {



	font-weight:bold;



}















a:hover {



	cursor:pointer;



}







h1, h2, h3, h4 {



	font-family: Arial, Helvetica, sans-serif;



	margin:5px 0;



	line-height:1.4em;



	



}



h1 {



	font-size:18px;



	color:#E66329;



	



}



h2 {



	font-size:16px;




	color: #333;
	font-weight:bold;



}







h3 {



	font-size:16px;



	



}



h4 {font-size:14px;



color:#999



	



}







strong {



	font-weight:bold;



}



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



ESTILO PARA EL CUERPO EL LOGIN







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



.login {



	background: url(../images/bg-login2.png?12345) no-repeat center top;



	width:100%;



	height:100%;

























	padding-top:170px;



	



	



}







.login table {



	width:500px;



	margin:0 auto;



}



.login table td{



	padding:8px 5px;



}











.login p {



	text-align:justify;

	font-size:large;



	padding:0;



}







.login input[type=text], .login input[type=password], .login input[type=checkbox], .login .texto {



	padding:5px;



	color: #20130A;



	width:500px;



	border:2px solid #D9D9D9;



	font-size:large;



	color:#666;



	font-style:italic;



	



	



}



.login input[type=checkbox]{



	width:inherit;



}







.login input[type=submit], .login .boton{



	background: #E66329;



	color:#FFF;



	border:0px;



	padding:5px 10px;

	font-size:large;

	width:200px;

	height:40px;



}

.boton_azul{



	background: #24B2ED;



	color:#FFF;



	border:0px;



	padding:5px 10px;

	font-size:large;

	width:200px;

	height:40px;



}







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



Estilo de los contenedores de la página







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







.page-wrapper{



	background: url(../images/bg-page.png) no-repeat center top;



	width:970px;



	padding:0 7px;



	margin:0 auto;



	



}







.head-wrapper {



	/*background:url(../images/bg-head-wrapper.jpg) repeat-x bottom;*/



	height:147px;



	position:relative;



	margin: 0 5px 0px 5px;
	z-index:100;



}





	

.menu-page{



	margin:-25px 5px -10px 5px;



	height:50px;



	background:url(../images/bg-menu-page.jpg) repeat-x bottom;



	position:relative;



	



}

.menu-page:hover{
z-index:101;


}







.content-page {

	background: #fff;


	min-height:300px;



	padding:10px;







	margin:5px;



	margin-bottom:0;



}







.foot-wrapper {



	width:960px;



	height:120px;



	background: url(../images/bg-foot2.png) no-repeat bottom;



	margin:0 auto 10px auto;



}







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



Estilo de los elementos que se encuentran en el head







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







.logo-titulo-sistema{



	background:url(../images/logo-titulo-sistema2.png?123) no-repeat center;



	width:960Px;



	height:140px;








}



.user-info{



	position:absolute;



	top:30px;



	right:10px;



	width:500px;



	text-align:right;



	color:#F7070B;



	font-size:11px;



}







.user-info strong {



	font-weight:bold;



}







.user-info .btn-salir {



	background:url(../img/cross-circle.png) no-repeat center left;



	padding:5px;



	padding-left:16px;



	color:#F7070B;



}



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



Estilo para el link a los documentos pendientes del usuario en el menu



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







.menu-info{



	height:50px;



	border-left:#E7E6E2 1px solid;



	position:absolute;



	top:0;



	right:0px;



	width:200px;



}







.menu-info span {



	display:block;



	height:10px;



	border-left:1px solid #fff;



	padding:20px;



	



}







.menu-info span a{



	font-weight: bold;



	color: #A05325;



}







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



Breadcrumbs



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



.bread {



	font-size:11px;



	color:#666;



}







.bread a{



	font-weight:bold;



	color:#333;



}

	.suggestionsBox {

		position: relative;

		left: 30px;

		margin: 10px 0px 0px 0px;

		width: 200px;

		background-color: #212427;

		-moz-border-radius: 7px;

		-webkit-border-radius: 7px;

		border: 2px solid #000;	

		color: #fff;

	}





	.suggestionList {

		margin: 0px;

		padding: 0px;

	}

	

	.suggestionList li {

		

		margin: 0px 0px 3px 0px;

		padding: 3px;

		cursor: pointer;

	}

	

	.suggestionList li:hover {

		background-color: #659CD8;

	}


hr{
	color:#E66329;
	background:#f00;
	
}