﻿/* Default CSS Stylesheet for a new Web Application project */

body { background:#222729; margin:10px 0 0 0;
	font:normal 10px verdana;
}

a {
	background: none; 
	color: #252525; 
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: none;}

a:hover { text-decoration: underline;}

a img {border:0;}

.btn,  
.btn2 { 
	font:normal 11px verdana;
	background:url('../../images/btn.png') center -3px repeat-x rgb(105,120,127);
	margin:0;
	padding:1px 0;
	border: solid 0px #000;
	color:#fff;
	cursor:pointer;
	text-decoration:none;
}
.btn2 { white-space:nowrap;}
	
a.btn { display:inline-block; padding:1px 7px 2px 7px; margin:10px 0;}
a.btn2 { display:inline-block; padding:1px 7px 2px 7px; margin:5px;}

a.btn:hover, 
a.btn2:hover { text-decoration:none;}


.h5 { height:5px; font:normal 1px arial; line-height:1px; margin:0; padding:0; clear:both;}
.h10 { height:10px; font:normal 1px arial; line-height:1px; margin:0; padding:0; clear:both;}
.h20 { height:20px; font:normal 1px arial; line-height:1px; margin:0; padding:0; clear:both;}

.error { display:block; background:#983251; color:#fff; text-align:center; font:bold 10px verdana; margin:5px 0;}

/*--------- TOP ------------------*/
.containerDemo { margin:0 auto; padding:0; width:757px; background:#fff;}

.head { display:block; padding:3px 0 0 5px; background:rgb(242,242,242);}

.containerBody { display:block; width:747px; background:#fff; padding:0 5px; position:relative; float:left; clear:both; }

/*--------- fin TOP ------------------*/


/*--------- PIE ------------------*/
.containerPie { display:block; padding:10px; width:737px; background:#fff; position:relative; float:left; clear:both; }

.copyTop { background:url('../../images/comun/bandaInferior1.gif') 0 0 repeat; width:737px; height:31px;
	 border:0; 
	 padding:0;
	 margin:0;
	 text-align:left;
}
.copyTop TABLE { position:relative; /*display:inline;*/ display:table; margin: 0 0 0 5px;}

.copySepara { background:url(../../images/comun/disco2.gif) 0 0 repeat-x; line-height:1px; font:1px; height:1px; }

.copyAddress { background:url('../../images/comun/bandaInferior2.gif') 0 0 repeat; width:737px; height:50px;
	 border:0; padding:0;
	 text-align:center;}
.copyAddress TABLE { position:relative;width:737px;}
.copyAddress TABLE TD { padding-left:15px;}

.copyImg {  
	height:103px; 
	/*width:741px; >> este es el tamaño del .gif original; + ancho el anterior */
	width:737px; overflow:hidden;
	display:block; 
	position:relative;
	margin:0 auto;
	
	
	border:0; padding:0;
	text-align:center;}

/*--------- fin PIE ------------------*/


/*--------- RIGHT ------------------*/
.bodyRight { float:right; display:block; position:relative; clear:right; }

.bodyRight TD { text-align:center; }

.envelopeRight { 
	background: url(../../images/comun/frameDerecho3.gif) 0 0 no-repeat;
	padding: 25px 0 30px 0;
	width:209px; 
	/*height:108px;*/
	border:0; 
	display:block;
	text-align:center;
}
/*--------- fin RIGHT ------------------*/


/*--------- LEFT ------------------*/
.bodyLeft { float:left; width:500px; display:block; position:relative; }

.bgTit { height:39px; 
	background: url(../../images/comun/ventanas/titus.gif) no-repeat;
	padding:17px 0 0 18px;
	vertical-align:top;
	font:bold 10px verdana, arial, sans-serif;
	color: #3c3c3c;
	position:relative;
	display:block;
}

.subTit {  color:#ff6d0b; font:bold 11px verdana; padding:0 0 10px 5px;}

.subTit2 { width:498px; height:23px; 
	background: url(../../images/comun/barraSubtitus.gif) 0 0 no-repeat; 
	display:block; 
	margin:0; 
	padding:5px 0 0 10px; 
	position:relative; 
	color:#2B2B2B;
	font:bold 10px verdana;
}

.containerCentral { width:500px; display:block; padding:0 0 1px 0; position:relative; }

/*--------- fin LEFT ------------------*/

/*--------- LOGIN ------------------*/
.containerLogin { width:500px; display:block; padding:0 0 20px 0; position:relative; }

.bienvenido { display:block; padding: 0; position:relative; margin:0; }

.logar { text-align:center; padding:40px 0; display:block; position:relative;}

.logar TABLE { position:relative; display:inline-block; }

.user1 { font-weight: bold; text-align:right; padding:8px 0 0 0;}

.inputLog { text-align:left; padding:8px 0 0px 10px;}

.inputLog INPUT { width:200px; border:1px solid #ccc; font:normal 11px arial; padding:1px 0 1px 3px;}

.seniala {  padding-top:3px;}
.seniala .trans {color:#FFF; background:#983251; padding:5px 5px 0 5px; height:8px; margin:0 0 0 5px; 
	position:relative;
	font:bold 14px arial; line-height:8px; display:inline-block;
}

/*--------- fin LOGIN ------------------*/

.repeatName { display:block; float:left; width:166px;}


.repeatName a { background:url(../../images/flechitaVerde2.gif) 7px 6px no-repeat; padding:2px 5px 2px 15px; 
	display:block; 
	font-weight:normal;
	margin:0 1px 1px 0;
}
.repeatName a:hover { /*background:url(../../images/a2.gif) 7px -47px no-repeat rgb(245,249,232);*/ 
	background:url(../../images/flechitaVerde2.gif) 7px -19px no-repeat rgb(245,249,232);
	color:#ff6d0b;
	text-decoration:underline;
}

.separa { border-bottom:1px solid #d4dcb9; height:30px; font:normal 1px arial; line-height:1px; margin:0; padding:0; clear:both;}