@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: #CA2E45;

	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 bottom;

	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) 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-sistema.png) no-repeat center;

	width:212px;

	height:80px;

	position:absolute;

	top:0;

	left:0px;

}

.user-info{

	position:absolute;

	top:30px;

	right:10px;

	width:500px;

	text-align:right;

	color:#FFF;

	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;
	}