@charset "utf-8";



/* CSS Document */



@import url(reset.css);



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



@import url(tabla.css?v=123321);



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




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 { 



	color: #7F1641;
	font-size:14px;



	text-decoration:none;



}
.link{ 
	color: #FFFFFF;
	background:#7F1641;
	padding:5px;
	font-size:14px;
	text-decoration:none;

}







a:hover {



	cursor:pointer;



}




 h3 {
		font-family:Arial, Helvetica, sans-serif;
	 font-size:18px;
	 color:#5F5F5F;
	 font-weight:bold;

	 
 }
 h4{
	 color:#F31D20;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	 font-size:16px;
	 
	 
 }


h1, h2 {



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



	margin:5px 0;



	line-height:1.4em;



	



}



h1 {



	font-size:18px;



	color:#7F1641;



	



}



h2 {



	font-size:16px;




	color: #333;
	font-weight:bold;



}













strong {



	font-weight:bold;



}



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



ESTILO PARA EL CUERPO EL LOGIN







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



.login {
	      position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
	  	background: url(../images/bg-login.png) no-repeat center top;
		padding-top:120px;
		height:500px;
			
	 /* 
	  position: absolute;
	top:50%;
	background: url(../images/bg-login.png) no-repeat center top;
	width:100%;
	height:100%;
	*/
}
.login table {
	width:350px;
	margin:0 auto;
}
.login table td{
	padding:8px 5px;
}
.login p {
	text-align:justify;
	font-size: 14px;
	padding:0;
}
.login input[type=text], .login input[type=password], .login input[type=checkbox], .login .texto {
	padding:5px;
	color: #20130A;
	width:350px;
	border:2px solid #D9D9D9;
	font-size:14px;
	font-style:italic;
}
.login input[type=checkbox]{
	width:inherit;
}
.login input[type=submit], .login .boton{
	background: #7F1641;
	color:#FFF;
	border:0px;
	padding:5px 10px;
	font-size:14px;
	width:200px;
	height:40px;
	border-radius: 5rem;
	cursor:pointer;

}

.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-wrapper.png?123) repeat-y center top;



	width:1170px;



	padding:0 7px;



	margin:0 auto;



	



}







.head-wrapper {



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


	/*height:117px;*/



	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;

z-index:101;

	



}








.content-page {

	background: #fff;


	min-height:400px;

	padding:10px;







	margin:5px;



	margin-bottom:0;



}







.foot-wrapper {






	height:90px;
	width:1160px;
	margin-left:7px;



	background: url(../images/bg-foot.png?1234) no-repeat bottom;





}







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



Estilo de los elementos que se encuentran en el head







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







.logo-titulo-sistema{



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



	width:1160Px;



	height:120px;








}



.user-info{



	position:absolute;



	top:30px;



	right:10px;



	width:500px;



	text-align:right;



	color:  #7F1641;



	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:#FFF;



}



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



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;

	}