/* ---------------------------------------------------------------------------------------  reseter  */

* {
	padding:0;

	margin:0;

	line-height: 120%;
}

a img {

	border:none;

}

body {

	font-family: Arial;

	color:black;

	min-width: 980px;	

	background-color: #abbf08;

}

a.black {

	color: black; 

	text-decoration: none;

}



a.black:hover {

	color: black;

	text-decoration: none;

}



a.blanco {

	color: #ffffff; 

	text-decoration: none;

}



a.blanco:hover {

	color: #ffffff;

	text-decoration: none;

}



.title{

	font-size:24px;

}



.big-title{

	font-size:36px;

}



.subtitle{

	font-size:18px;

	font-weight:bold;

}



.subtitle1-16{

	font-size:16px;

	font-weight:bold;

}



.white{

	font-size:30px;

	font-weight:bold;

	color:white;

	text-decoration: none;



}





/* ---------------------------------------------------------------------------------------  header  */



div#header {

	width: 980px;

	height:113px;

	cursor: hand;

}



div#header h1 {

				float:left;

				width: 87px;

				height: 113px;

				background: url(../images/logo-guia-oleo.gif) no-repeat;

				text-indent: -9999px;

				overflow: hidden;

				margin-left:237px;

				cursor: hand;

}



div#header h2 {

				width: 280px;

				height: 113px;

				background: url(../images/logo-standard-bank.gif) no-repeat;

				text-indent: -9998px;

				overflow: hidden;

				cursor: hand;

}

/* ---------------------------------------------------------------------------------------  body  */

			

div#white_background {

	background: url(../images/bg1.gif) repeat-x;

	background-color: white;
	
}



div#body-home {

	width: 980px;	

	text-align: left;

	padding-bottom:35px;



}



div#body-home h3 {

	width: 683px;

	height: 84px;

	background: url(../images/header.gif) no-repeat;

	text-indent: -9997px;

	overflow: hidden;

	margin-left:155px;

	cursor: hand;

}



div#body-home h4 {

	width: 380px;

	height: 127px;

	background: url(../images/header2.gif) no-repeat;

	text-indent: -9997px;

	overflow: hidden;

	margin-left:155px;

}

div#body-home h5 {

	width: 380px;

	height: 181px;

	background: url(../images/header3.gif) no-repeat;

	text-indent: -9997px;

	overflow: hidden;

	margin-left:155px;

}


.card {

	float:left;

	width: 433px;

	height: 351px;

	background: url(../images/visa-oleo-card.jpg) no-repeat;

	margin-left:55px;

	cursor: hand;

}



#float-card{

	background: url(../images/card-trans.png) no-repeat;
	height:239px;
	margin-left:190px;
	position:absolute;
	top:92px;
	width:431px;
	z-index:999;

}

.descuento {
	width: 382px;
	height: 72px;
	background: url(../images/descuento.gif) no-repeat;
	margin-left:47px;
	margin-top:16px;
}

.fade {	
	background:transparent url(../images/fade.png) no-repeat scroll 0 0;
	height:135px;
	position:absolute;
	width:47px;
	z-index:999;
}

.logos {	
	position:absolute;
	width: 500px;
	height: 135px;
	cursor: hand;
}

.spirits {	
	float:left;
	width: 365px;
	height: 246px;
	background: url(../images/bg-7spirits.gif) no-repeat;
	font-size:18px;
	cursor: hand;
}

.otros {	
	width: 980px;
	height: 235px;
	background: url(../images/bg-otros.gif) no-repeat;
	/*margin-left:380px;
	_margin-left:378px;*/
	margin-top:9px;
	cursor: hand;
}

/* ---------------------------------------------------------------------------------------  form  */

		#form {
			
			width: 980px;

			background: url(../images/top-form.gif) no-repeat top;

			background-color:#FFFFFF;

			text-align: left;

			font-size: 12px;
			
			//padding-left:160px;
			

		}

		
	

	/* ---------------------------------------------------------------------------------------  footer  */



	div#footer {

		position: relative;

		width: 950px;		

		font-size: 11px;

		color:white;

		text-align: left;

		padding-top:30px;

		padding-bottom:30px;

	}



/* ---------------------------------------------------------------------------------------  clearfix  */

/* Clear floats without structural markup courtesy of htmldog.com/positioniseverything.net */

.clearfix:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}



.clearfix {display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */

/***********************************************************************
 * 
 * REACTIVACION DE PASS
 * 
 ***********************************************************************/

#contentPassReActivacion{
	height:300px;
	width:750px;
	--border:1px solid;
	text-align:justify;
	margin:50px 0px;
}

.fieldrow{
	width: 600px;
	margin-top:15px;
	height:35px;
	--border:1px solid;
}

.fieldrow label
{	
	text-align:left;
	float:left;
	width: 200px;
}

.fieldrow input
{	
	float:left;
	width: 175px;
}


#enviarDatos
{	
	float:left;
	width: 150px;
}