@charset "utf-8";
*{ margin:0; padding:0;}
body{
	background:url(../img/elcuerpo.jpg) repeat;	
	position:relative;
	margin:0;
	padding:0;
}
/*--*******************************************************************
    ******                           CUERPO                      ******
    *******************************************************************--*/

#cuerpo{	
	margin:0 auto;
	margin:auto;
	width:1088px;	
}
/********************COLUMNA UNO************************/
#coluno{
	float:left;
	width:236px;
	height:500px;
	background:url(../img/n/fondocoluno.jpg) repeat-y;
}
#bienvenida{
	float:left;
	width:236px;
	height:52px;
	background:url(../img/n/bienvenidad.jpg) no-repeat 0 0;
}
#bienvenida h4{
	   font-family:Arial, Helvetica, sans-serif;
		font-size: 15px;
		color:#FFF;
		text-align:center;
		font-weight: bold;
		padding:10px 0px 0px 0px;
		/*text-shadow: 0.1em 0.1em 0.2em black;*/
}
#botones {
    float:left;
	width:236px;
	height:156px;	
}
#botones ul {
    float:left;
	width:236px;
	height:156px;	
}

#botones ul li {
		display:block;
		height:39px;
		width:236px;
		float:left;
		list-style:none;
}
#botones ul li a{
		display:block;
		height:100%;
		width:100%;
		text-decoration:none;
}
#bt1 {
	width:236px;
	height:39px;
	background:url(../img/n/bt1.jpg) no-repeat 0 0;
	}
#bt1 p{
	    font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		color:#FFF;
		text-align:left;
		font-weight: bold;
		padding:12px 0 0 65px;
		}
#bt1 a:hover{ 
        background:url(../img/n/bt1.jpg) no-repeat 0px -39px;
		}
#bt1 a:hover p{
	    font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		color:#0169b0;
		text-align:left;
		font-weight: bold;
		padding:12px 0 0 65px;
		
		}
#bt2 {
	width:236px;
	height:39px;
	background:url(../img/n/bt2.jpg) no-repeat 0 0;
	}
#bt2 p{
	    font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		color:#FFF;
		text-align:left;
		font-weight: bold;
		padding:12px 0 0 65px;
		}
#bt2 a:hover{ 
        background:url(../img/n/bt2.jpg) no-repeat 0px -39px;
		}
#bt2 a:hover p{
	    font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		color:#0169b0;
		text-align:left;
		font-weight: bold;
		padding:12px 0 0 65px;
		/*text-shadow: 0.1em 0.1em 0.2em black;*/
		}
#bt3 {
	width:236px;
	height:39px;
	background:url(../img/n/bt3.jpg) no-repeat 0 0;
	}
#bt3 p{
	    font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		color:#FFF;
		text-align:left;
		font-weight: bold;
		padding:12px 0 0 65px;
		}
#bt3 a:hover{ 
        background:url(../img/n/bt3.jpg) no-repeat 0px -39px;
		}
#bt3 a:hover p{
	    font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		color:#0169b0;
		text-align:left;
		font-weight: bold;
		padding:12px 0 0 65px;
		/*text-shadow: 0.1em 0.1em 0.2em black;*/
		}
#bt4 {
	width:236px;
	height:39px;
	background:url(../img/n/bt4.jpg) no-repeat 0 0;
	}
#bt4 p{
	    font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		color:#FFF;
		text-align:left;
		font-weight: bold;
		padding:12px 0 0 65px;
		}
#bt4 a:hover{ 
        background:url(../img/n/bt4.jpg) no-repeat 0px -39px;
		}
#bt4 a:hover p{
	    font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		color:#0169b0;
		text-align:left;
		font-weight: bold;
		padding:12px 0 0 65px;
		/*text-shadow: 0.1em 0.1em 0.2em black;*/
		}
/********************COLUMNA DOS************************/
#coldos{
	float:left;
	width:852px;
	height:500px;
	background:url(../img/n/fondoforms.jpg) repeat-y;
}
#btitulo{
	float:left;
	width:852px;
	height:52px;
	background:url(../img/n/titlenuevocliente.jpg) no-repeat 0 0;
}
#btitulo h3{
	   font-family:Arial, Helvetica, sans-serif;
		font-size: 18px;
		color:#FFF;
		text-align:left;
		font-weight: bold;
		padding:20px 0px 0px 75px;
		/*text-shadow: 0.1em 0.1em 0.2em black;*/
}
#btitulo h4{
	   font-family:Arial, Helvetica, sans-serif;
		font-size: 15px;
		color:#F00;
		text-align:center;
		font-weight: bold;
		padding:20px 0px 0px 0px;
		/*text-shadow: 0.1em 0.1em 0.2em black;*/
}
#formulario{
    float:left;
	width:852px;
	height:400px;
}

  
  .labelNp1 {
    font:bold 13px  Calibri, Verdana, Geneva,  sans-serif;
	color: #464662;
	width:332px;
	display:block;
    text-align:left;
	margin:20px 0 0 56px;
  }
 
.labelNp2 {
    font:bold 13px  Calibri, Verdana, Geneva,  sans-serif;
	color: #464662;
	width:290px;
    display:block;   
    text-align:left;
	margin:-15px 0 0 466px;
  } 

 .labelN1 {
    font:bold 13px  Calibri, Verdana, Geneva,  sans-serif;
	color: #464662;
	width:332px;
	display:block;
    text-align:left;
	margin:40px 0 0 56px;
  }
.inputn1{
	position:absolute;
	width:332px;
	height:25px;
	margin:0px 0 0 56px;
	font:normal 12px Verdana, Geneva,  sans-serif;
	background-color:transparent;
	border:none;
    background:url(../img/n/input.jpg) no-repeat 0 0;
}
.inputn2{
	position:absolute;
	width:332px;
	height:25px;
	margin:0px 0 0 466px;
	font:normal 12px Verdana, Geneva,  sans-serif;
	background-color:transparent;
	border:none;
    background:url(../img/n/input.jpg) no-repeat 0 0;
}
/********BOTONES****************/
.botonenviarN{
	float:left;
	position:absolute;
	width:105px;
	height:25px;
	background:url(../img/n/nuevo.png) no-repeat 0 0;
	border:none;
    border:0;	
	margin:5px 0 0 647px;
}
.botonlimpiarN{
	float:left;
	position:absolute;
	width:105px;
	height:25px;
	background:url(../img/n/cancelar.png) no-repeat 0 0;
	border:none;
    border:0;	
	margin:5px 0 0 525px;
}
/*#############################################
#################INTERFACE#####################
#############################################*/

#topinterface{
    float:left;
	width:1088px;
	height:15px;
	background:url(../img/n/topunterface.jpg) no-repeat 0 0;
}
.filainterface {
	float:left;
	width:1088px;
	height:50px;
	background:url(../img/n/fondointerface.jpg) repeat-y;
	}
.filaacceso {
	float:left;
	width:1088px;
	height:192px;
	background:url(../img/n/fondointerface.jpg) repeat-y;
}
.colinterface{
	float:left;
	width:403px;
	height:192px;
	}
#acceso {
	float:left;
	width:282px;
	height:192px;
	background:url(../img/n/interface.jpg) no-repeat 0 0;
}
#acceso form{

	width:282px;
	height:192px;
	

}
.titleacceso1 {
   
    font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFF;
	width:150px;
	display:block;
    text-align:center;
	font-weight: bold;
	margin:8px 0 0 66px;
  }
.labelacceso1 {
   
    font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	width:150px;
	display:block;
    text-align:center;
	margin:18px 0 0 66px;
  }
.labelacceso2 {
   font-family:Arial, Helvetica, sans-serif;
   font-size: 14px;
	color: #FFF;
	width:150px;
    display:block;   
    text-align:center;
	margin:40px 0 0 66px;

  }

.inputlogins {

	position:absolute;
	width:248px;
	height:25px;
	margin:7px 0 0 17px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:transparent;
	border:none;
    background:url(../img/n/inputinterface.jpg) no-repeat 0 0;
}
.botonacceso{
	float:left;
	position:absolute;
	width:105px;
	height:25px;
	background:url(../img/n/acceder.png) no-repeat 0 0;
	border:none;
    border:0;	
	margin:38px 0 0 88px;
}
.titlesalir {
   
    font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFF;
	width:210px;
	display:block;
    text-align:center;
	font-weight: bold;
	margin:8px 0 0 36px;
  }
 .psalir {	
	
    font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;		
    text-align:center;
	font-weight: normal;	
	margin: 50px 0 0 0px;
}
.psalir a{color: #FFF;
text-decoration:none;
}