body {
background-repeat:no-repeat;
background-position:top right;
background-color:#ffffff;
}
/* background-image: url(fondo.jpg); */

table
{
border:0px solid;
}

table.x1 {
background-repeat:no-repeat;
background-position:center;
background-color:#ffffff;
width:150px;
height:150px;

}

table.x1 h1{
text-align:left;
		color:#99cc33;
		font-size:95%;
		margin:0px;
		padding:0px 0px 0px 0px;
		}

table.x1 h2{
text-align:right;


		color:#ff4400;
		font-size:160%;
		margin:0px;
		padding:0px 0px 0px 0px;
		}

table.x3 {
border-collapse:collapse;
}

table.x3 td,th{
text-align:center;
border:1px solid #999;
}

.text  {font-family:Arial;font-size:10;color:#FFFFFF;}
.bot  {font-family:Arial;font-size:10;color:#000000;}
.texto  {font-family:Times New Roman;font-size:12;color:#000000;}
.texto1  {font-family:Times New Roman;font-size:13;color:#ffffff;}
.texto3 {font-family:Times New Roman;font-size:20;color:#000000;}
.texto4  {font-family:Times New Roman;font-size:13;color:#000000;}
.texto6  {font-family:Times New Roman;font-size:10;color:#000000;}
.txt1 {font-family:Times New Roman;font-size:26;color:#FE3A3A;}
.txt3 {font-family:Times New Roman;font-size:10;color:#FE3A3A;}
.txt4 {font-family:Times New Roman;font-size:24;color:black;}
.txt6 {font-family:Verdana;font-size:9pt;color:#4A4AFE;}
.txt7 {font-family:Arial;font-size:0px;color:#ffffff;}

a {
font-size:9pt;
}



	#imageSlideshowHolder{

		/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

		In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
		border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
		should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

		*/
		/* CSS HACK */
		width: 146px;	/* IE 5.x */
		width/* */:/**/150px;	/* Other browsers */
		width: /**/150px;
		
		/* CSS HACK */
		height: 156px;	/* IE 5.x */
		height/* */:/**/150px;	/* Other browsers */
		height: /**/150px;
		
		background-color:#FFF;
		border:0px solid #CCCCCC;
		position:relative;	/* Never change this value */
		
	}


	#imageSlideshowHolder2{

		/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

		In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
		border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
		should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

		*/
		/* CSS HACK */
		width: 146px;	/* IE 5.x */
		width/* */:/**/150px;	/* Other browsers */
		width: /**/150px;
		
		/* CSS HACK */
		height: 156px;	/* IE 5.x */
		height/* */:/**/150px;	/* Other browsers */
		height: /**/150px;
		
		background-color:#FFF;
		border:0px solid #CCCCCC;
		position:relative;	/* Never change this value */
		
	}

	#imageSlideshowHolder3{

		/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

		In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
		border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
		should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

		*/
		/* CSS HACK */
		width: 146px;	/* IE 5.x */
		width/* */:/**/150px;	/* Other browsers */
		width: /**/150px;
		
		/* CSS HACK */
		height: 156px;	/* IE 5.x */
		height/* */:/**/150px;	/* Other browsers */
		height: /**/150px;
		
		background-color:#FFF;
		border:0px solid #CCCCCC;
		position:relative;	/* Never change this value */
		
	}
	.imageInGallery{		
		width:150px;
		height:150px;
		background-color:#FFF;
		
		/* Never change these 3 value */
		left:0px;
		top:0px;
		position:absolute;	
	}

	.imageInGallery2{		
		width:150px;
		height:150px;
		background-color:#FFF;
		
		/* Never change these 3 value */
		left:0px;
		top:0px;
		position:absolute;	
	}

	.imageInGallery3{		
		width:150px;
		height:150px;
		background-color:#FFF;
		
		/* Never change these 3 value */
		left:0px;
		top:0px;
		position:absolute;	
	}

	#imageSlideshowHolder img{
		position:absolute;
	}
	
	#imageSlideshowHolder2 img{
		position:absolute;
	}

	#imageSlideshowHolder3 img{
		position:absolute;
	}

	/*chris - description overlay*/
	#the_captions{
		display:none;
		}

	#the_captions2{
		display:none;
		}

	#the_captions3{
		display:none;
		}
	.imageInGallery_DESC{
		position:absolute;
text-align:right;

		color:#000;

		/*z-index:100;*/
		/*height:200px;*/
		width:150px;
		font-size:80%;

		}
	.imageInGallery_DESC h1{
		color:#99cc33;
		font-size:95%;
		margin:0px;
		padding:0px 0px 0px 0px;
		}

	.imageInGallery_DESC h2{
text-align:right;


		color:#ff4400;
		font-size:200%;
		margin:0px;
		padding:0px 0px 0px 0px;
		}

	.imageInGallery_DESC2{
		position:absolute;
text-align:right;

		color:#000;

		/*z-index:100;*/
		/*height:200px;*/
		width:150px;
		font-size:80%;

		}
	.imageInGallery_DESC2 h1{
		color:#99cc33;
		font-size:95%;
		margin:0px;
		padding:0px 0px 0px 0px;
		}

	.imageInGallery_DESC2 h2{
text-align:right;


		color:#ff4400;
		font-size:200%;
		margin:0px;
		padding:0px 0px 0px 0px;
		}

	.imageInGallery_DESC3{
		position:absolute;
text-align:right;

		color:#000;

		/*z-index:100;*/
		/*height:200px;*/
		width:150px;
		font-size:80%;

		}
	.imageInGallery_DESC3 h1{
		color:#99cc33;
		font-size:95%;
		margin:0px;
		padding:0px 0px 0px 0px;
		}

	.imageInGallery_DESC3 h2{
text-align:right;


		color:#ff4400;
		font-size:200%;
		margin:0px;
		padding:0px 0px 0px 0px;
		}

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 0px solid white;
margin: 0 0px 0px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 0px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 0px;
left: 000px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 00;
left: 0px; /*position where enlarged image should offset horizontally */
z-index: 50;
border: 0px solid blue;
}

img
{  border-style: none;
}

#buscar {
	    background: white url(buscar.png) left no-repeat;
	    padding-left: 17px;
	}

#persona {
	    background: white url(persona.png) left no-repeat;
	    padding-left: 17px;
	}

#clave {
	    background: white url(clave.png) left no-repeat;
	    padding-left: 17px;
	}

.miboton:link {text-decoration: none; color: black;}
.miboton:visited {text-decoration: none; color: black;}
.miboton:active {text-decoration: none; color: black;}
.miboton:hover {text-decoration: none; color: white;}

.mibotona:link {text-decoration: none; color: grey;}
.mibotona:visited {text-decoration: none; color: grey;}
.mibotona:active {text-decoration: none; color: grey;}
.mibotona:hover {text-decoration: none; color: grey;}

#elestado {
font-family: Verdana;
font-size: 10px;
color: #FF0000;
background-color: transparent;
border:0px;
width:300px;
}

#vistasimple {
font-family: Verdana;
font-size: 10px;
color: #000000;
}

#cantidadi {
width:40px;
text-align:right;
}