@charset "utf-8";



/* CSS Document */



@import url(reset.css);



@import url(superfish.css);



@import url(tabla.css);



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



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: #20130A;



	text-decoration:none;



}







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:#78B900;



	



}



h2 {



	font-size:20px;



	



}







h3 {



	font-size:18px;



	



}



h4 {font-size:14px;



color:#999



	



}







strong {



	font-weight:bold;



}



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



ESTILO PARA EL CUERPO EL LOGIN







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



.login {



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



	width:280px;



	height:275px;



	*height:370px;



	position:absolute;



    top:50%;



    left: 50%;



    margin-left: -160px;



	margin-top: -185px;    



	padding:25px;



	padding-top:70px;



	display:block;



	



}







.login table {



	width:270px;



	margin:0 auto;



}



.login table td{



	padding:8px 5px;



}











.login p {



	text-align:justify;



	padding:0;



}







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



	padding:5px;



	color: #20130A;



	width:260px;



	border:2px solid #D9D9D9;



	font-size:12px;



	color:#666;



	font-style:italic;



	



	



}



.login input[type=checkbox]{



	width:inherit;



}







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



	background:#FB3447;



	color:#FFF;



	border:0px;



	padding:5px 10px;



}







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



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  0px 0px;



	height:80px;



	position:relative;



	margin: 0 5px 0px 5px;



}







.menu-page{



	margin:1px 5px 0px 5px;



	height:50px;



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



	position:relative;



	



}







.content-page {



	min-height:400px;



	padding:10px;



	background:#FFF;



	margin:5px;



	margin-bottom:0;



}







.foot-wrapper {



	width:960px;



	height:80px;



	background: url(../images/bg-foot.png?v=123) no-repeat top;



	margin:0 auto 10px auto;



}







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



Estilo de los elementos que se encuentran en el head







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







.logo-titulo-sistema{



	background:url(../images/logo-titulo-sistema.jpg?v=123) no-repeat top;



	width:960px;



	height:87px;



	position:absolute;



	top:0px;



	left:5px;



}



.user-info{



	position:absolute;



	top:30px;



	right:100px;



	width:200px;



	text-align:right;



	color:#000;



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



}



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



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;



}