@charset "utf-8";
/* CSS Document */
body
	{
	margin:0 0 0 0;
	padding:0px;
	background-color:#333333;
	text-align: center;
	}
h1,h2,h3,h4,h5,h6,span
	{
		margin:0px;
		padding:0px;
	}
#headerbg
	{
		width:100%;
		height:200px;
		float:left;
		margin:0px;
		padding:0px;
		background-repeat:x-repeat;
	}
#headerblank
	{
		width:900px;
		height:200px;
		float: none;
		margin:0 auto;
		padding:0px;
	}
#header
	{
	width:900px;
	height:200px;
	float: none;
	margin:0 0 0 0;
	padding:0px;
	}

#menu
	{
		float:left;
		margin:0 0 0 0;
		padding:0px;
		font-family:Arial;
		font-size:12px;
		color:#ffffff;
		text-align:center;
		text-decoration:none;
	}
	
.menu
	{
		font-family:Arial;
		font-size:12px;
		color:#ffffff;
		text-align:center;
		text-decoration:none;
		padding:0 0 0 0;
	}

.menu:hover
	{
		font-family:Arial;
		font-size:13px;
		font-weight:bold;
		color:#ffffff;
		text-align:center;
		text-decoration: none;
		padding:0 0 0 0;		
	}
	
#servicios
	{
		width:965px;
		height:40px;
		float: left;
		margin:215px 0 0 0;
		padding:0 0 0 5px;
	}
#servicios ul
	{
		width:965px;
		height:40px;
		float:left;
		margin:0px;
		padding:0px;
		display:block;	
	}
#servicios ul li
	{
		width:155px;
		height:40px;
		float:left;
		margin:0 5px 0 0;
		padding:0px;
		display:block;		
	}
#servicios ul li a.servicios
	{
		width:155px;
		height:40px;
		float:left;
		margin:0px;
		padding:0px 0 0 5px;
		font-family:Calibri;
		font-size:15px;
		color:#ffffff;
		text-align:center;
		text-decoration:none;
		text-shadow: 1px 2px 4px black;
		background-image:url(http://www.bjx.com.mx/a/interimagen2/images/servicios.png);
		background-repeat:no-repeat;
	}	
#servicios ul li a.servicios:hover
	{
		width:155px;
		height:40px;
		float:left;
		margin:0px;
		padding:0px 0 0 5px;
		font-family:Calibri;
		font-size:15px;
		font-weight:bold;
		color:#29557b;
		text-align:center;
		text-decoration:none;
		background-image: url(http://www.bjx.com.mx/a/interimagen2/images/servicios.png);
		background-repeat:no-repeat;		
	}
	

#container { 
	width:390px;
	height:310px;
position: relative; }
.mask { position: absolute; top: 0; left: 0; }

#producto
	{
	width:200px;
	height:270px;
	float: none;
	margin:0 0 0 0;
	padding:0px;
	background-image:url(http://www.bjx.com.mx/a/itza/images/fondopto.jpg);
	}
#productotxtblank
	{
	width:200px;
	height:270px;
	float: right;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-image:url(http://www.bjx.com.mx/a/itza/images/fondopto.jpg);
	}
#productofoto
	{
	width:350px;
	height:240px;
	float: right;
	margin:30px 20px 0 0;
	padding:0 0 0 0;
	}

#thumb1frame
{
	background-image: url(http://www.bjx.com.mx/a/interimagen2/images/marcofoto.png);
	width:390px;
	height:310px;
	position: relative; position: relative;
}




#login
	{
	width:200px;
	height:200px;
	float: inherit;
	margin:0 0 0 0;
	padding:0px;
	}
#logintxtblank
	{
	width:200px;
	height:89px;
	float: none;
	margin:0px;
	padding:0 0 0 0;
	}
#loginheading
	{
		width:200px;
		height:21px;
		float: left;
		margin:0 0 0 0;
		padding:0px;
		font-family:Georgia;
		font-size:20px;
		color:#29557b;
	}
#loginheading h4
	{
		width:200px;
		height:21px;
		float: left;
		margin:0px;
		padding:0px;
		font-family:Georgia;
		font-size:20px;
		font-weight:normal;
		color:#29557b;
	}
#username
	{
		width:65px;
		height:14px;
		float: left;
		margin:0px;
		padding:7px 0 0 0;
		font-family:Arial;
		font-size:10px;
		color:#95844d;
	}
#input
	{
		width:197px;
		height:21px;
		float: left;
		margin:0px;
		padding:0px;
		font-family:Arial;
		font-size:10px;
		color:#95844d;
	}
#password
	{
		width:52px;
		height:14px;
		float:left;
		margin:0px;
		padding:7px 0 0 23px;
		font-family:Arial;
		font-size:10px;
		color:#95844d;
	}
#input02
	{
		width:197px;
		height:21px;
		float: left;
		margin:0px;
		padding:0px;
		font-family:Arial;
		font-size:10px;
		color:#95844d;
	}
.input
	{
		width:181px;
		height:17px;
		float: left;
		margin:0px;
		padding:4px 0 0 16px;
		font-family:Arial;
		font-size:10px;
		color:#95844d;
		border:solid 1px #ead28b;
		background-color:#ead28b;
	}
#loginbutton
	{
		width:50px;
		height:23px;
		float:left;
		margin:0 0 0 20px;
		padding:0px;
	}
.login
	{
		width:50px;
		height:19px;
		float:left;
		margin:0px;
		padding:0 0 0 0;
		font-family:Arial;
		font-size:10px;
		color:#000;
		text-align:center;
		text-decoration:none;
		background-image:url(images/login.jpg);
		background-repeat:no-repeat;
	}
.login:hover
	{
		width:50px;
		height:19px;
		float:left;
		margin:0px;
		padding:0 0 0 0;
		font-family:Arial;
		font-size:10px;
		color:#000;
		text-align:center;
		text-decoration:none;
		background-image: url(images/loginover.jpg);
		background-repeat:no-repeat;
	}
#member
	{
		width:135px;
		height:14px;
		float: left;
		margin:9px 0 0 0;
		padding:0px;
		font-family: Arial;
		font-size:13px;
		color:#ab8e4e;
	}
#register
	{
		width:200px;
		height:14px;
		float: left;
		margin:9px 0 0 0;
		padding:0px;
		font-family: Arial;
		font-size:13px;
		color:#943415;
	}
.register
	{
		font-family: Arial;
		font-size:13px;
		color:#943415;
		text-decoration:none;
	}
.register:hover
	{
		font-family: Arial;
		font-size:13px;
		color:#943415;
		text-decoration: underline;
	}	
/*-------------------------------------------------------------------------------------HEADERPART--------------------------------------------------END--------------------------------------*/	
#contentbg
	{
	width:100%;
	float:left;
	margin:0px;
	padding:0px;
	}
#contentblank
	{
	width:900px;
	float: none;
	margin:0 auto;
	padding:0px;
	text-align: left;
	}		
#content
	{
	width:900px;
	float: none;
	margin:0px;
	padding:0px;
	}
#contentleft
	{
	width:200px;
	float: none;
	margin:20px 0 0 0;
	padding:0 0 0 0;
	}
#leftheading
	{
		width:200px;
		float: left;
		margin:0px;
		padding:0px;
		font-family:Georgia;
		font-size:22px;
		color:#29557b;
	}
#leftheading h4
	{
		width:200px;
		float: left;
		margin:0px;
		padding:0px;
		font-family:Georgia;
		font-size:22px;
		font-weight:normal;
		color:#29557b;
	}
.lefttxtblank
	{
		width:200px;
		height:77px;
		float: left;
		margin:0 0 0 0;
		padding:0px;
	}
.lefttxtblank02
	{
		width:200px;
		height:77px;
		float: left;
		margin:0 0 0 0;
		padding:0px;
	}
.lefticon
	{
		width:36px;
		height:28px;
		float: left;
		margin:0px;
		padding:6px 0 0 0;
		font-family:Arial;
		font-size:11px;
		color:#FFF;
		text-align:center;
		background-image:url(images/lefticon.jpg);
		background-repeat:no-repeat;
	}
.leftboldtxtblank
	{
		width:150px;
		height:34px;
		float: left;
		margin:0px;
		padding:0 0 0 0px;
	}
.leftboldtxt
	{
		width:147px;
		height:13px;
		float: left;
		margin:0px;
		padding:0 0 0 0px;
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
		color:#ffffff;
	}
.lefttxt
	{
		width:132px;
		height:13px;
		float:left;
		margin:0px;
		padding:0 0 0 0px;
		font-family:Arial;
		font-size:9px;
		font-weight: normal;
		color:#464646;
		background-image:url(images/lefttxtbg.jpg);
		background-repeat:no-repeat;
	}
.leftnormaltxt
	{
		width:194px;
		float:left;
		margin:4px 0 0 0;
		padding:0px;
		font-family:Arial;
		font-size:11px;
		font-weight: normal;
		color:#464646;
	}
	
.resaltadoverde
	{
		font-family:Arial;
		font-size:16px;
		font-weight: bold;
		color:#66ae0d;
	}
	
.morebutton
	{
		width:194px;
		float:left;
		margin:7px 0 0 0;
		padding:0px;
		font-family:Arial;
		font-size:11px;
		font-weight: normal;
		color:#464646;
	}
.more
	{
		font-family:Arial;
		font-size:11px;
		font-weight: normal;
		color:#cc0033;
		text-decoration:none;
	}
.more:hover
	{
		font-family:Arial;
		font-size:11px;
		font-weight: normal;
		color:#9d0027;
		text-decoration: underline;
	}
#leftnavheading
	{
		width:216px;
		float: left;
		margin:35px 0 0 0;
		padding:0px;
		font-family:Georgia;
		font-size:22px;
		color:#7e8901;
	}
#leftnavheading h4
	{
		width:216px;
		float: left;
		margin:0px;
		padding:0px;
		font-family:Georgia;
		font-size:22px;
		font-weight:normal;
		color:#7e8901;
	}

/*-------------------------------------------------------------------------------------LEFTRPART----------------------------------------------------------------END--*/	
#contentmid
	{
	width:680px;
	height:130px;
	float:right;
	margin:0 0 0 0;
	padding:0px;
	background-image: url(http://www.bjx.com.mx/a/itza/images/fondocontenido.jpg);
	background-repeat:repeat-x;
	}
.midheading
	{
	width:680px;
	height:30px;
	float: left;
	margin:0 0 0 0;
	padding:0px;
	font-family:Calibri;
	font-size:10px;
	color:#844284;
	background-image: url(http://www.bjx.com.mx/a/itza/images/fondotitulo.jpg);
	background-repeat:no-repeat;
	}
.midheading h2
	{
	float: left;
	margin:0px;
	padding:0px;
	font-family:Calibri;
	font-size:10px;
	font-weight:normal;
	color:#844284;
	background-image: url(http://www.bjx.com.mx/a/itza/images/fondotitulo.jpg);
	background-repeat:no-repeat;
	}
.midtxt
	{
	float: left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-family: Arial;
	font-size:12px;
	color:#333333;
	}
.midboldtxt
	{
		font-family: Arial;
		font-size:12px;
		font-weight:bold;
		color:#000000;
	}
	
.midboldtxtrojo
	{
		font-family: Arial Narrow;
		font-size:18px;
		font-weight:bold;
		color:#8f2928;
	}

#comments
	{
		width:400px;
		height:25px;
		float: left;
		margin:22px 0 44px 0;
		padding:0px;
		background-image:url(images/commentsbg.jpg);
		background-repeat:no-repeat;
	}
#addcomments
	{
		width:82px;
		height:17px;
		float: left;
		margin:0px;
		padding:7px 0 0 34px;
		font-family: Arial;
		font-size:11px;
		color:#8b2c00;
	}
.addcomments
	{
		font-family: Arial;
		font-size:11px;
		color:#8b2c00;
		text-decoration:none;
	}
.addcomments:hover
	{
		font-family: Arial;
		font-size:11px;
		color:#8b2c00;
		text-decoration: underline;
	}
#morecomments
	{
		width:72px;
		height:17px;
		float: left;
		margin:0px;
		padding:7px 0 0 28px;
		font-family: Arial;
		font-size:11px;
		color:#8b2c00;
	}
.morecomments
	{
		font-family: Arial;
		font-size:11px;
		color:#8b2c00;
		text-decoration:none;
	}
.morecomments:hover
	{
		font-family: Arial;
		font-size:11px;
		color:#8b2c00;
		text-decoration: underline;
	}
.projectheading
	{
		font-family:Georgia;
		font-size:12px;
		color:#c0943c;
		padding:0 0 0 14px;
	}
#projectbg
	{
		width:401px;
		height:158px;
		float:left;
		margin:18px 0 34px 0;
		padding:0px;
		background-image:url(images/projectbg.jpg);
		background-repeat:no-repeat;
	}
#projectthumnail
	{
		width:130px;
		height:117px;
		float:left;
		margin:15px 0 0 15px;
		padding:0px;
		border:solid 3px #ebd693;
		background-image: url(images/projectthumnail.jpg);
		background-repeat:no-repeat;
	}
#projecttxtblank
	{
		width:219px;
		float:left;
		margin:15px 0 0 0;
		padding:20px 0 0 0;
	}
#projecttxt
	{
		width:206px;
		float:left;
		margin:0px;
		padding:0 0 0 13px;
		font-family:Arial;
		font-size:12px;
		color:#464646;
	}
.projectboldtxt
	{
		font-family:Arial;
		font-size:12px;
		font-weight:bold;
		color:#853008;
	}
#moreproject
	{
		width:194px;
		float:left;
		margin:0px;
		padding:5px 0 0 25px;
	}
.moreproject
	{
		font-family:Arial;
		font-size:12px;
		font-weight:bold;
		color:#464646;
		text-decoration:none;
	}
.moreproject:hover
	{
		font-family:Arial;
		font-size:12px;
		font-weight:bold;
		color:#464646;
		text-decoration: underline;
	}
#purposetxt
	{
		width:399px;
		float:left;
		margin:20px 0 0 0;
		padding:0px;
		font-family:Arial;
		font-size:12px;
		color:#464646;
	}	
	
#purposenav
	{
		width:960px;
		float:left;
		margin:320px 0 0 0;
		padding:14px 0 0 0;
	}
#purposenav ul
	{
		width:155px;
		float:left;
		margin:0 5px 0 0;
		padding:0px;
		display:block;		
	}
#purposenav ul li
	{
		width:188px;
		height:21px;
		float:left;
		margin:8px 0 0 0;
		padding:0px;
		display:block;
	}
#purposenav ul li a.purposenav
	{
		width:168px;
		height:18px;
		float:left;
		margin:0px;
		padding:3px 0 0 20px;
		font-family:Arial;
		font-size:11px;
		color:#c17305;
		text-decoration:none;
		background-image:url(images/purposeactive.jpg);
		background-repeat:no-repeat;
	}
#purposenav ul li a.purposenav:hover
	{
		width:168px;
		height:18px;
		float:left;
		margin:0px;
		padding:3px 0 0 20px;
		font-family:Arial;
		font-size:11px;
		color:#c17305;
		text-decoration:none;
		background-image: url(images/purposeover.jpg);
		background-repeat:no-repeat;
	}
/*-------------------------------------------------------------------------------------MIDPART------------------------------------------------------------END---------*/		
	
#footerbg
	{
		width:100%;
		height:70px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/footerbg.jpg);
		background-repeat:repeat-x;
	}
#footerblank
	{
		width:900px;
		height:70px;
		float:none;
		margin:0 auto;
		padding:0px;
	}
#footer
	{
		width:900px;
		height:70px;
		float:center;
		margin:0px;
		padding:0 0 0 0;
		background-image:url(images/footer.jpg);
		background-repeat:no-repeat;
	}
#footerbox
	{
		width:215px;
		height:168px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/footerbox.jpg);
		background-repeat:no-repeat;
	}
#footermid
	{
		width:215px;
		height:168px;
		float:left;
		margin:0 35px 0 35px;
		padding:0px;
		background-image:url(images/footerbox.jpg);
		background-repeat:no-repeat;
	}
#footerlast
	{
		width:215px;
		height:168px;
		float:left;
		margin:0px;
		padding:0px;
		background-image:url(images/footerbox.jpg);
		background-repeat:no-repeat;
	}
.footerheading
	{
		width:215px;
		height:21px;
		float: left;
		margin:28px 0 0 0;
		padding:0px;
		font-family: Arial;
		font-size:24px;
		color:#f4e7bd;
	}
.footerheading h4
	{
		width:215px;
		height:21px;
		float: left;
		margin:0px;
		padding:0px;
		font-family: Arial;
		font-size:24px;
		font-weight:normal;
		color:#f4e7bd;
		text-align:center;
	}
.footertxt
	{
		width:184px;
		float: left;
		margin:17px 0 0 16px;
		padding:0px;
		font-family:Arial;
		font-size:12px;
		font-weight:bold;
		color:#FFF;
		text-align:center;
	}
.footerbutton
	{
		width:68px;
		height:19px;
		float: left;
		margin:15px 0 0 73px;
		padding:0px;
	}
.button
	{
		width:68px;
		height:15px;
		float: left;
		margin:0px;
		padding:4px 0 0 0;
		font-family:Arial;
		font-size:9px;
		color:#000;
		text-align:center;
		text-decoration:none;
		background-image:url(images/footerbutton.jpg);
		background-repeat:no-repeat;
	}
.button:hover
	{
		width:68px;
		height:15px;
		float: left;
		margin:0px;
		padding:4px 0 0 0;
		font-family:Arial;
		font-size:9px;
		color:#000;
		text-align:center;
		text-decoration:none;
		background-image: url(images/footerover.jpg);
		background-repeat:no-repeat;
	}
#footerlinks
	{
		width:900px;
		float:center;
		margin:5px 0 0 0;
		padding:0px;
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
		color:#ffd310;
		text-align:center;
		text-decoration:none;
	}
.footerlinks
	{
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
		color:#ffd310;
		text-align:center;
		text-decoration:none;
		padding:0 3px 0 3px;
	}
.footerlinks:hover
	{
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
		color:#ffd310;
		text-align:center;
		text-decoration: underline;
		padding:0 3px 0 3px;		
	}
	
#footerlinksppal
	{
		width:900px;
		float:center;
		margin:5px 0 0 0;
		padding:0px;
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
		color:#bdaa7b;
		text-align:center;
		text-decoration:none;
	}
.footerlinksppal
	{
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
		color:#bdaa7b;
		text-align:center;
		text-decoration:none;
		padding:0 3px 0 3px;
	}
.footerlinksppal:hover
	{
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
		color:#bdaa7b;
		text-align:center;
		text-decoration: underline;
		padding:0 3px 0 3px;		
	}

	
#copyrights
	{
		width:900px;
		float:center;
		margin:5px 0 0 0;
		padding:0px;
		font-family:Arial;
		font-size:11px;
		color:#401400;
		text-align:center;
	}
#designedby
	{
		width:900px;
		float:center;
		margin:5px 0 0 0;
		padding:0px;
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
		color:#999999;
		text-align:center;
	}
.designedby
	{
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
		color:#ffd310;
		text-align:center;
		text-decoration:none;
	}
.designedby:hover
	{
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
		color:#ffd310;
		text-align:center;
		text-decoration:underline;
		}

#validation
	{
		width:422px;
		float:left;
		margin:5px 0 0 0;
		padding:0 0 0 293px;
	}
.xhtml
	{
		width:66px;
		height:17px;
		float: left;
		margin:0px;
		padding:1px 0 0 0;
		font-family:Arial;
		font-size:11px;
		color:#000;
		text-align:center;
		text-decoration:none;
		background-image:url(images/xhtml.jpg);
		background-repeat:no-repeat;
	}
.xhtml:hover
	{
		width:66px;
		height:17px;
		float: left;
		margin:0px;
		padding:1px 0 0 0;
		font-family:Arial;
		font-size:11px;
		color:#000;
		text-align:center;
		text-decoration:none;
		background-image:url(images/xhtml.jpg);
		background-repeat:no-repeat;
	}
.css
	{
		width:66px;
		height:18px;
		float: left;
		margin:0 0 0 5px;
		padding:0px;
		font-family:Arial;
		font-size:11px;
		color:#000;
		text-align:center;
		text-decoration:none;
		background-image:url(images/xhtml.jpg);
		background-repeat:no-repeat;
	}
.css:hover
	{
		width:66px;
		height:18px;
		float: left;
		margin:0 0 0 5px;
		padding:0px;
		font-family:Arial;
		font-size:11px;
		color:#000;
		text-align:center;
		text-decoration:none;
		background-image:url(images/xhtml.jpg);
		background-repeat:no-repeat;
	}