/* ------ GLOBAL ------ */

* {text-align: left;}

body {margin:0; padding:0; text-align:center; background-color:#FFF; font:12px Tahoma; color:#fff;}

a {color:#b8c4c3; text-decoration:none;}
a:hover {text-decoration:underline;}
a img,fieldset {border:none;}

h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-weight:normal;}
h3 {font-size:1.36em;}
h4 {font-size:1em;}
p {margin:0;}
ul {margin:0; padding:0; list-style:none;}
img {border:0;}

form, fieldset {margin:0; padding:0;}
input, textarea, select {font:12px Tahoma; padding:3px;}

a {color:#6a953f; text-decoration:underline;}
a:hover {color:#6a953f; text-decoration:none;}

.clear {clear:both; position:relative; display:block;}


/* ------ MAINPAGE ------ */
 
#mainDiv {width:960px; margin: 0px auto 40px auto;}

	#logo {width:960px; height:100px;}
	#miniBasket {width:660px; height:20px; margin:23px 0 0 0; padding:23px 3px 20px 0; overflow: hidden; text-align:right; float:right; background:url('../_gfx/basketBg.jpg') no-repeat top right; font-size:11px; color:#808080;}
	
	/* ----- TOP MENU ----- */
	
	#topMenu {width:960px; height:30px; margin:0 0 20px 0; text-align:center; background: url('../_gfx/topMenuBg2.jpg') #DDD;}
		#topMenu li {float: left; padding: 6px 0 0 18px;}

	/* ----- OFERTA SECTION ----- */

	#midSection {width:960px; height:auto; float: left; color:#808080; font-size:12px; line-height:18px;}
		#midSection .cont {width:960px; height:auto; float:left;}
			#midSection .cont .header {height:auto; float:left; padding:0 0 0 20px;}
			#midSection .cont .headerR {height:auto; float:right; padding:0 20px 0 0;}			
			#midSection .cont .submenu {height:auto; float:left; padding: 0 0 10px 7px;}
			#midSection .cont .submenu .ico {width: 86px; height:65px; float: left; font-size:9px; text-align: center;}
			#midSection .cont .submenu .ico a {text-decoration:none;}
			#midSection .cont .submenu .ico a:hover {text-decoration:underline;}
			#midSection .cont .submenu2 {float:right; padding: 0 20px 0 0; font-size:11px;}
			#midSection .cont .submenu2 a {text-decoration:none;}
			#midSection .cont .submenu2 a:hover {text-decoration:underline;}
			#midSection .cont .familyHeader {height:auto; float:left; padding:0 0 0 10px;}
			#midSection .cont .miniBasket {background:#6a953f; background-image: url('http://www.inuton.com/_esmebel/_gfx/miniBasket.gif'); background-repeat: no-repeat; background-position:5px 0px; top:-13px; position:relative;margin:0 20px 0 0; padding: 2px 5px 2px 35px; color:#FFF; float:right; text-align:right;}
			#midSection .cont .line {width:960px; height:1px; margin:20px 0 0 0; padding:0 0 30px 0; background:transparent;float:left; font-size:0.0em; border-top:1px solid #DDD;}
			#midSection .cont .families {width:960px; height:auto; float:left;}
			#midSection .cont .families .box {width:440px; float:left; padding:0 20px 0 20px;}
				#midSection .cont .families .box .familyName {margin:0 0 20px 0;}
				#midSection .cont .families .box .img {width:440px; height:311px;}
				#midSection .cont .families .box .link {float:right; margin: 20px 0 0 0;}
					#midSection .cont .families .box .link a {color:#81401c; font-size:11px; text-decoration:underline;}
					#midSection .cont .families .box .link a:hover {text-decoration:none;}
				#midSection .cont .families .line {width:440px; height:1px; background:transparent;float:left; font-size:0.0em; border-top:1px solid #DDD;}
			#midSection .cont .family {width:960px; height:auto; float:left;}
				#midSection .cont .family .img {width:570px; height:404px; padding:0 0 0 20px; float:left;}
				#midSection .cont .family .thumbs {width: 350px; float:left;}
					#midSection .cont .family .thumbs .thumb {padding:0 0 0 20px; float:left;}
						#midSection .cont .family .thumbs .thumb .frame {width:155px; height:115px; background:url(../_gfx/familyFrame.gif);}
						#midSection .cont .family .thumbs .thumb .img {width:135px; height:95px; padding:10px 0 0 10px;}
						#midSection .cont .family .thumbs .thumb .link {width:155px; padding:10px 0 20px 0;}
							#midSection .cont .family .thumbs .thumb .link a {font-size:11px; color:#81401c; text-decoration:none;}
							#midSection .cont .family .thumbs .thumb .link a:hover {text-decoration:underline;}

			#midSection .cont .list .thumbs {width: 950px; float:left;}
				#midSection .cont .list .thumbs .thumb {padding:0 0 0 30px; float:left;}
					#midSection .cont .list .thumbs .thumb .frame {width:155px; height:115px; background:url(../_gfx/familyFrame.gif);}
					#midSection .cont .list .thumbs .thumb .img {width:135px; height:95px; padding:10px 0 0 10px;}
					#midSection .cont .list .thumbs .thumb .link {width:155px; padding:10px 0 30px 0;}
						#midSection .cont .list .thumbs .thumb .link a {font-size:11px; color:#81401c; text-decoration:none;}
						#midSection .cont .list .thumbs .thumb .link a:hover {text-decoration:underline;}

			#midSection .cont .product {width:960px; height:auto; float:left;}
				#midSection .cont .product ul {list-style:url(../_gfx/dot.gif); padding: 0 0 0 15px;}
				#midSection .cont .product .imgs {width:490px; float:left;}
					#midSection .cont .product .imgs .img {width:450px; height:321px; padding:0 20px 20px 20px; float:left;}
					#midSection .cont .product .imgs .thumbs {width:470px; padding: 0 0 0 20px; list-style:none; float:left;}
						#midSection .cont .product .imgs .thumbs .thumb {width:74px; height:74px; padding:0 20px 30px 0; float:left; background:url(../_gfx/productFrame.gif) no-repeat;}
						#midSection .cont .product .imgs .thumbs .img {width:60px; height:60px; padding:7px 0 0 7px; float:left; display:none;}
				#midSection .cont .product .desc {width:450px; float:left;}
					#midSection .cont .product .desc .title {width:450px; padding:0 0 20px 0; text-align:justify; font-size:12px; font-weight:bold; color:#6a953f; float:left;}
					#midSection .cont .product .desc .txt {font-size:11px; float:left; padding: 0 0 20px 0;}
					#midSection .cont .product .desc .order {font-size:11px;}
						#midSection .cont .product .desc .order input {border:1px solid #e67d01; font-size:11px; color:#e67d01; cursor:pointer;}		
						#midSection .cont .product .desc .order .quantity {width:20px; text-align:center;}		
						#midSection .cont .product .desc .order .btns {background:#ffe9dd; text-align:center; font-weight:bold; color:#e67d01;}
					
					#midSection .cont .product .desc .link {width:450px; font-size:11px; float:left; text-align:right;}
						#midSection .cont .product .desc .link a {color:#81401c; text-decoration:underline;}
						#midSection .cont .product .desc .link a:hover {text-decoration:none;}
					
			#midSection .cont .basket {width:960px; float: left;}
				#midSection .cont .basket .table {width:960px;}		
					#midSection .cont .basket .table a {color:#6a953f; text-decoration:underline;}
					#midSection .cont .basket .table a:hover {color:#6a953f; text-decoration:none;}
					#midSection .cont .basket .table td {border-bottom: 1px solid #ccc; padding:7px;}
					#midSection .cont .basket .table .headL {text-align:left; background:url('../_gfx/basketTopBarBg.jpg'); color:#fff; font-weight:bold; border:0; padding:2px 7px 2px 7px;}		
					#midSection .cont .basket .table .headC {text-align:center; background:url('../_gfx/basketTopBarBg.jpg'); color:#fff; font-weight:bold; border:0; padding:2px 7px 2px 7px;}		
					#midSection .cont .basket .table .cellL {text-align:left;}
					#midSection .cont .basket .table .cellC {text-align:center;}
					#midSection .cont .basket .table .cellBlank {border:0;}
					#midSection .cont .basket .table .bottomR {background:#eee; text-align:right; border:0;}
					#midSection .cont .basket .table .bottomC {background:#eee; text-align:center; border:0;}
					#midSection .cont .basket .table .bottomL {background:#eee; text-align:left; border:0;}
					#midSection .cont .basket .table .bottomGrR {background:url('../_gfx/basketBottomBarBg.jpg'); text-align:right; border:0; color:#fff;}
					#midSection .cont .basket .table .bottomGrL {background:url('../_gfx/basketBottomBarBg.jpg'); text-align:left; border:0; color:#fff;}
					#midSection .cont .basket input {border:1px solid #DDD; font-size:11px; color:#808080; cursor:pointer;}		
					#midSection .cont .basket .unitsInput {width:20px; text-align:center;}		
					#midSection .cont .basket .btns {background:#eee; text-align:center; font-weight:bold; color:#808080;}		
			#midSection .cont .checkout {width:960px; float: left; margin:20px 0 0 0;}
				#midSection .cont .checkout .txt {float:left;padding:0 20px 0 20px;}	
				#midSection .cont .checkout input {border:1px solid #DDD; font-size:11px; color:#808080; cursor:pointer;}						
				#midSection .cont .checkout .btns {background:#eee; text-align:center; font-weight:bold; color:#808080;}							
				#midSection .cont .checkout .table {width:960px;float:left;}
				#midSection .cont .checkout .table td {border: 0; padding:7px;}				
				#midSection .cont .checkout .registerForm {width:920px;float: left; margin: 0 0 0 20px;}						
				#midSection .cont .checkout .registerForm td {padding:3px 0 3px 0;}						
				#midSection .cont .checkout .registerForm .cellR {text-align:right;}						
				#midSection .cont .checkout .registerForm .textInput {width:200px; cursor:text;}						
				#midSection .cont .checkout .registerForm .textInputDisabled {width:200px; background:#eee; cursor:default;}						
				#midSection .cont .checkout .registerForm textarea {border:1px solid #DDD; font-size:11px; color:#808080; cursor:text; width:910px;}						
				#midSection .cont .checkout .btns {background:#eee; text-align:center; font-weight:bold; color:#808080;}		
			#midSection .radioBtn {position:relative; top:4px; cursor: pointer;}
	/* ----- BOTTOM SECTION ----- */
	
	#bottom {width:960px; float:left; margin: 20px 0 0 0; padding:20px 0 40px 0; border-top:1px solid #DDD; color:#999;}

		/* ----- BOTTOM MENU ----- */
		
		#bottom .menu {padding: 0 0 0 1px; float: left; font-size: 11px; font-weight: bold;}
			#bottom .menu a {color:#959595; text-decoration:underline;}
			#bottom .menu a:hover {text-decoration:none;}
			#bottom .menu li {float: left;}
			#bottom .menu .spacer{padding:0 10px 0 10px;}
		#bottom .credit {padding:0 20px 0 0; float:right; text-align:right; font-size:11px;}
			#bottom .credit a {color:#999; text-decoration:underline;}
			#bottom .credit a:hover {text-decoration:none;}


/* ------ FONTS ------ */

.size12 {font-size:12px;}
.green16 {font-size:16px; color:#6a953f;}

/* ------SPECIAL ------ */

#allegroDiv {float:right; height:12px;overflow:visible; position:relative; top:-7px; left:-10px; z-index:-7;}
#optionChange {width: 240px;}


#slogo  {float:left; width:180px; height:89px; overflow:hidden; padding-right:59px}
#slogo h1 a {font-size:11px}
#slogo h1 a img {position:relative; top:-16px; border-style: none;}  

#slogo strong {float:left; width:180px; height:89px; overflow:hidden; padding-right:59px}
#slogo strong a {font-size:11px}
#slogo strong a img {position:relative; top:-16px; border-style: none;}

.upfat {
  font-weight: bold;
  text-transform: uppercase;
}