/*


body{
margin:0;
padding:0;
line-height: 1.5em;
}

b{font-size: 110%;}
em{color: red;}


#seccionSuperior{
background: #EAEAEA;
height: 90px; /*Height of top section*/
/*
}
 /*
#seccionSuperior h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 15% 0 20%; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
/*}
  /*
#seccionIzquierda{
float: left;
width: 20%; /*Width of left column in percentage*/
/*
margin-left: -100%;
background: #C8FC98;
}
 /*
#seccionDerecha{
float: left;
width: 15%; /*Width of right column in pixels*/	  /*
margin-left: -15%; /*Set margin to that of -(RightColumnWidth)*/	  /*
background: #FDE95E;
}

#seccionInferior{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/	  /*
margin-top: 10;
}
*/
/*
	body							{
			margin: 40px;
			padding: 0;
			font-size: 78%;
			font-family: normal 11px Verdana, Helvetica, sans-serif;
			color: #000;
			background-color: #000000 
		}
		div#head			 			{
			width: 100%; 
			margin: 0; 
			text-align: center; 
			background: #000000; 
		}
		div#logo		
		{
		width: 800px; 
		height:100px; 
		margin: 0 auto; 
		text-align: left; 
		border-left: 1px solid white;
		border-top: 1px solid white;
		border-right: 1px solid white;
		background: #000 url("http://www.ethbridge.com/kitap/images/black_bacg.jpg") repeat-x 0 100%}
		
		div.headlogoimg	
			{
			float: left; 
			margin: 1px; 
			height: 99px; 
			width:183px; 
			background-color:#FFFFFF; 
			text-align:center; 
			padding: 23px 0;
			}
		
		div#row-top		 {
			float: left; 
			width: 485px; 
			margin: 15px; 
			color: #FFFFFF;
		}
		div#row-btm		 {
		 	float: left; 
			width: 485px; 
			color: #FFFFFF;
			margin: 15px;	
			padding: 0 15px	
		}
		div#row-top span.quote 			{
			float: left;
			text-align: left;	
			color: #FFFFFF;
			margin:0 0;		
			padding:0 15px;
		}
		#thick-red-line
		{
		clear:both; 
		height: 10px; 
		background-color:#FF0000; 
		width:800px; 
		margin: 0 auto; 
		border-left:1px solid white; 
		border-right:1px solid white; 
		}
		#thin-red-line
		{
		clear:both; 
		height: 2px; 
		background-color:#FF0000; 
		width:800px; 
		margin: 0 auto; 
		border-left:1px solid white; 
		border-right:1px solid white; 
		}

		div#tittle 		
		{
		width: 800px; 
		margin: 0px auto; 
		padding:0; 
		}
		*/		
#navcontainer
{
float: left;
background: #f0e7d7;
width: 182px;
margin: 0 auto;
padding: 1em 0;
border-left:1px solid #FFFFFF;
border-right: 1px dotted gray;
}
#left-column
{
clear:left;
float: left;
background: #f0e7d7;
width: 182px;
margin: 0 auto;
padding: 1em 0;
font-family: georgia, serif;
font-size: 13px;
text-align: center;
border-left:1px solid #FFFFFF
}

.glossymenu{
	float: left;
	margin: 0;
	padding: 0;
	width: 95%; /*width of menu*/
	border: 1px solid #9A9A9A;
	border-bottom-width: 0;
	text-align: left;
}
.glossymenu a.menuitem{
background: #0066CC url(../images/glossyback.gif) repeat-x bottom left;
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}
.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}
.glossymenu a.menuitem:hover{
background-image: url(../images/glossyback2.gif);
}
.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}
.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}
.glossymenu div.submenu ul li{
border-bottom: 1px solid #9A9A9A;
}
.glossymenu div.submenu ul li a{
display: block;
font: normal 11px Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}
.glossymenu div.submenu ul li a:hover{
background: #f0e7d7;
}

		div#footer	  {width: 802px; margin: 0 auto; text-align: center;}
		#footer-links {background: #f4f4f4; width: 802px; height:20px; line-height:20px}
		div#copyr	  {background: #C0C0C0; width: 802px;height:20px; line-height:20px}
		p  {margin: 0}
		div#container {width: 100%; margin: 0px; text-align: center; background: #000000}
		div#content   {
	width: 66%;
	margin: 0;
	background: #ffffff;
	border: 1px solid white;
}
		div#maincontent
		{
			float:left; 
			width: 585px; 
			margin: 0 auto; 
			background: #fff; 
			padding: 15px 20px 15px 10px; 
			border-left: 1px dotted gray; 
			text-align: justify;
		}
		h1	{color: #000; font-size: 14pt; margin: 0;}
		h2	{color: #008080;font-size: 10pt;font-weight: bold;margin: 0;padding: 1px 5px;}
		h3	{color:#FF0000;font-size: 12pt;font-weight: bold;margin: 0;padding: 1px 0 5px 0;}
		h4 	{margin: 35px 0 0 0}
		h6	{color: #000; font-size: 10pt; font-weight: bold; font-family: arial, helvetica, serif;	margin: 0;}
		
		a:link, a:visited {color: #006AD5; text-decoration:none}
		a:hover, a:active {color: #fff; background-color: #008080; text-decoration:none}
		div.boxgray
		{
			text-align: left; 
			padding-left: 0.2em; 
			border-top: 1px solid #f4f4f4;
			border-bottom: 1px solid #f4f4f4;
			background-image: url(/images/bggray.gif);
			background-repeat: repeat-y;
		}
		ul.basic 	{padding: 0; margin: .5em 2em}
		ul.basic li {
			text-align: left; 
			padding-left: .2em; 
			font-size: 10pt; 
			font-family: arial, times, "times new roman", serif
		}
		.cleardivthin {clear: both; height: .1em}
		.cleardivthick{clear: both; height: .5em}
		ul.arrow
		{
			list-style-type: none;
			padding: .5em;
			margin: 0;
		}
		ul.arrow li
		{
			background-image: url(/images/bul_square_alt.gif);
			background-repeat: no-repeat;
			background-position: 0 .4em;
			padding-left: 0.6em;
		}		
		.spacer	{clear:both}	
		.img-l	{float:left; margin: 5px 5px 5px 0}		
		.img-r	{float:right; margin: 5px 0 5px 5px}					
		
		div.list
		{
			font-size: 10pt;
			font-family: arial, times, "times new roman", serif;
			font-weight: bold;
		}
		table.noborder 
		{
			width: 90%;
			font-size: 10pt;
			font-family: verdana;
			border: 0; 
			/*cellspacing: 2px;*/
			border-collapse: collapse;
			margin: 1em;	
		}
	.product-l	{float:left; margin:5px 10px 10px 0; width:287px}
	.product-r	{float:left; margin:5px 0px 10px 10px; width:287px}