/*****************************************************************
	Nombre del archivo: plantilla.css
	Autor: David Lampón Diestre
	Fecha: 29/11/2004
	Web: Logro Hipotecas S.L.
	Descripcion: Hoja de estilos del sitio web 	
*****************************************************************/



/*****************************************************************
********************** Cuerpo de la pagina ***********************
*****************************************************************/

body
{
	color : black;
	background-color : rgb(255,255,255);
	background-image : url(images/logo.jpg);
	background-attachment : fixed;
	background-position : top right;
	background-repeat : no-repeat;
	font-family:sans-serif;
}

/*****************************************************************
************************** Encabezados ***************************
*****************************************************************/

h1, h2, h3, h4, h5, h6
{
	margin:0px;
	padding:0px;
}

/*****************************************************************
***************************** Login ******************************
*****************************************************************/

.login td
{
	font-size : 12px;
	padding: 6px;
	color : #999999;
}

.login td.error
{
	text-align : center;
	font-size : 12px;
	font-weight: bold;
	padding: 6px;
	color : red;
}

.login input
{	
	font-size : 12px;
	color : black;
}


/*****************************************************************
**************************** Titulo ******************************
*****************************************************************/
	
.title
{
	position:absolute;	
	top:0.5em;
	left:1em;	
	margin-left : auto;
	margin-right: auto;	
	border-color: #999999;	
	font-size : 12px;
	color: #999999;
	font-weight : bold;
}

.title a
{
	color: #FFCC00;	
	text-decoration: none;
}

.title a:hover
{
	color : #993333;	
}

/*****************************************************************
***************************** Logo *******************************
*****************************************************************/
	
.logo
{
	position: absolute;
	right: 15px;
	top:0.5em;	
	margin-left : auto;
	margin-right: auto;	
	border-color: #999999;	
	font-size : 12px;
	color: #999999;
	font-weight : bold;
}

/*****************************************************************
********************* Menu lateral principal *********************
*****************************************************************/

.sidebar
{
	position : absolute;
	top : 3em;
	left : 1%;
	width : 11em;
	padding : 0em;
}

/*****************************************************************
*************** Menu lateral de accesos generales ****************
*****************************************************************/

.menu
{
	padding : 0.5em;
	margin-bottom : 0.5em;
	font-size : 12px;
	color : #FFFFFF;
	text-align : left;
	/*background-image : url(images/grayfilter.gif);*/
	background-color : #6699CC;
	border-style: solid;
	border-color: #999999;	
	border-width : 2px;
}

.menu a
{
	display : block;
	color : #FFFFFF;
	background-color : inherit;
	text-decoration: none;
}

.menu a:hover
{
	color : #6699CC;
	background-color : #FFFFFF;
}

ul.menu
{
	list-style:none;
	margin:0px;
}

ul.menu li
{
	display:inline;
}

.menu strong
{
	font-size : large;
}

/*****************************************************************
***** Menu lateral de accesos directos dentro del documento ******
*****************************************************************/

.submenu
{
	padding : 0.5em;
	margin-bottom : 0.5em;
	font-size : 12px;
	color : #FFFFFF;
	text-align : left;
	/*background-image : url(images/grayfilter.gif);*/
	background-color : #FFCC00;
	border-style: solid;
	border-color: #999999;	
	border-width : 2px;
}

.submenu a
{
	display : block;
	color : #FFFFFF;
	background-color : inherit;
	text-decoration: none;
}

.submenu a:hover
{
	color : #FFCC00;
	background-color : #FFFFFF;
}

.submenu strong
{
	font-size : large;
}

ul.submenu
{
	list-style:none;
	margin:0px;
}

ul.submenu li
{
	display:inline;
}

/*****************************************************************
******** Menu lateral con informacion de la aplicacion ***********
*****************************************************************/

.sistema
{
	padding : 0.5em;
	margin-bottom : 0.5em;
	font-size : 12px;
	color : #FFFFFF;
	text-align : left;
	/*background-image : url(images/grayfilter.gif);*/
	background-color : #CCCCCC;
	border-style: solid;
	border-color: #999999;	
	border-width : 2px;
}

.sistema a
{
	display : block;
	color : #FFFFFF;
	background-color : inherit;
	text-decoration: none;
}

.sistema a:hover
{
	color : #CCCCCC;
	background-color : #FFFFFF;
}

.sistema strong
{
	font-size : large;
}

ul.sistema
{
	list-style:none;
	margin:0px;
}

ul.sistema li
{
	display:inline;
}

/*****************************************************************
*********************** Caja de contenido ************************
*****************************************************************/

.contentText
{
	position: relative;
	margin-top : 3em;
	margin-left : 12em;	
	margin-right : 1em;
	text-align: justify;
	color : rgb(0,0,0);
	background-color : inherit;
	/*border : thin solid;*/
}

.contentText p
{
	max-width:45em;
}

.contentText td
{
	text-align : left;
	font-size : 12px;
	padding: 6px;
	color : #999999;
}

.contentText td.encabezado
{
	text-align : left;
	font-size : 15px;
	padding: 6px;
	color : #6699CC;
	font-weight: bold;
}

.contentText select
{
	text-align : left;
	font-size : 12px;
	color : #999999;
}

.contentText input
{
	text-align : left;
	font-size : 12px;
	color : #999999;
}

.contentText input.calculo
{
	text-align : right;
	font-size : 12px;
	color : #999999;
}

/*****************************************************************
****************** Caja de contenido - Titulo ********************
*****************************************************************/

.contentBoxTitle
{	
	padding : 10px;	
	color: #FFFFFF;	
	background-color : #6699CC;
	border-style: solid;
	border-color: #999999;	
	border-width : 2px;
}

.contentBoxTitle p
{
	max-width:45em;
}

/*****************************************************************
****************** Caja de contenido - Cuerpo ********************
*****************************************************************/

.contentBoxBody
{		
	padding : 1em;	
	color : #999999;
	background-color : rgb(255,255,255);	
	border-style: solid;
	border-color: #999999;	
	border-top-width: 0px;
	border-left-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
}

.contentBoxBody a
{
	color: #6699CC;	
	text-decoration: none;
}

.contentBoxBody a:hover
{
	color : #FFCC00;	
}

.contentBoxBody p
{
	max-width:45em;
}

.contentBoxBody textarea
{
	text-align : left;
	font-size : 12px;
	color : #999999;
}

.contentBoxBody td.error
{
	text-align : center;
	font-size : 12px;
	font-weight: bold;
	padding: 6px;
	color: red;
}

.contentBoxBody td.error_izq
{
	text-align : left;
	font-size : 12px;
	font-weight: bold;
	padding: 6px;
	color: red;
}

/*****************************************************************
******************* Caja de contenido - Pie **********************
*****************************************************************/

.contentBoxBottom
{
	margin-bottom : 1em;	
	padding : 1em;	
	font-size : 12px;	
	text-align: right;
	color : #999999;
	background-color : rgb(255,255,255);	
	border-style: solid;
	border-color: #999999;	
	border-top-width: 0px;
	border-left-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	color: #999999;
}

.contentBoxBottom a
{
	color: #FFCC00;	
	text-decoration: none;
}

.contentBoxBottom a:hover
{
	color : #993333;	
}

/*****************************************************************
****************** Caja de contenido - Popup *********************
*****************************************************************/

.contentPopUp
{		
	font-size : 12px;	
	padding : 1em;	
	color : #999999;
	background-color : rgb(255,255,255);	
	
}

.contentPopUp td.error
{
	font-size : 12px;
	font-weight: bold;
	color: red;
}

.contentPopUpBottom
{		
	font-size : 12px;	
	text-align: right;
	color : #999999;	
}

.contentPopUpBottom a
{
	color: #FFCC00;	
	text-decoration: none;
}

.contentPopUpBottom a:hover
{
	color : #993333;	
}



/*****************************************************************
************************* Pie de pagina **************************
*****************************************************************/

.footer 
{
	font-size : 12px;	
	text-align: center;	
	position: relative;	
	padding : 15px;		
	color: #999999;
	margin-left : 15em;	
	margin-right : 15em;		
}

.footer a
{
	color: #FFCC00;	
	text-decoration: none;
}

.footer a:hover
{
	color : #993333;	
}

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