/*********************************************************

	CSS file for osCommerce ms2
	developed by eSolutions - http://www.esolutions.es
	
*********************************************************/

body {
	margin:0 auto;
	font-size:70%;
	font-family:Tahoma, Verdana, Arial;
	background:#fff url(../interface/bg_body.gif);
}
a {color:#06c;}
a:hover {color:#c30;}
h1 {font-size:110%; font-family:Arial, Helvetica, sans-serif;}
h2 {font-size:110%; font-family:Arial, Helvetica, sans-serif;}
h3 {font-size:100%; font-family:Arial, Helvetica, sans-serif;}
form {display:inline;}
small {font-size:95%;}
p {margin:10px 0px;}
hr {height:1px; color:#999;}

/*********************************************************
    Site Structure
*********************************************************/

#header, #body, #footer {position:relative; margin:0 auto; width:1000px;}
#header1 {position:relative; height:90px; z-index:100;}
#header2 {position:relative; height:200px;}
#logo, #header #address, #left {position:absolute; top:0px; left:0px; width:320px;}
#logo h1 {display:none;}
#topmenu {position:absolute; width:635px; right:45px; bottom:0px;}
#movie {margin-left:320px; height:200px; overflow:hidden;}
#movie img {position:relative; top:-100px;}
#main {position:relative; margin-left:319px; padding:45px 195px 30px 15px; min-height:500px;}
* html #main {height:500px;}
#left {padding:45px 0px 10px 0px;}
html>body #left {}
#right {position:absolute; top:29px; right:0px; width:160px; padding:15px 10px;}
html>body #right {}

#index #main {margin-left:269px; padding:20px 225px 30px 15px; background:none;}
#index #left {padding:0px 0px 10px 0px; width:270px;}
#index #right {width:190px; padding:0px 10px; top:20px;}

/*********************************************************
    Forms
*********************************************************/

form label {
	float:left;
	width:140px;
	display:block;
	text-align:left;
	margin-right:3px;
}
form ul {
	margin:0px;
	padding:0px;
}
form li {
	clear:both;
	padding:0px;
	display:block;
	margin-bottom:6px;
	list-style-type:none;
}
dl {
	margin-bottom:9px;
}
dt {
	clear:both;
	width:100%; /* para que IE acepte el border-top */
	font-size:110%;
	font-weight:bold;
	padding:2px 0px;
	margin:5px 0px;
	border-top:1px solid #dadada;
}
dd {
	clear:both;
	display:block;
	padding-left:20px;
	margin:3px 0px 5px 0px;
}
dt label, dd label {
	float:left;
	width:140px;
	display:block;
	text-align:left;
	margin-right:3px;
}
form input {}
form select {font-size:90%;}
form textarea {width:270px; height:100px;}
.buttons {margin:15px 0px; text-align:center; clear:both;}
.buttons input, .buttons img {margin:0px 5px;}
.buttons input:hover, .buttons img:hover {position:relative; top:1px;} /* solo para FireFox */

/*********************************************************
    Header
*********************************************************/

#header1 {background:#fff url(../interface/facogem_slogan.jpg) no-repeat center top;}

#topmenu a.menutitle {
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:100%;
	text-decoration:none;
	padding:7px 15px;
	font-weight:bold;
	color:#5f7074;
	width:100%;
	display:block;
	background:url(../interface/bg_topmenu.jpg) no-repeat -3px center;
}
#topmenu a.menutitle:hover {color:#333; text-decoration:none;}
#topmenu h1, #topmenu h2 {display:none;}
#topmenu .box {
	position:absolute;
	z-index:100;
	display:none;
	font-size:10px;
	border:1px solid #999;
	border-top-style:dotted;
	font:11px Arial, Helvetica, sans-serif;
	background:#fff url(../interface/bg_box_top.jpg) repeat-x top;
}
#topmenu .box ul {padding:7px 0px; margin:0px;}
#topmenu .box ul li {list-style-type:none;}
#topmenu .box ul li.sub {display:none;}
#topmenu .box ul li a {display:block; width:140px; text-decoration:none; color:#5f7074; padding:1px 5px;}
#topmenu .box ul li a:hover {text-decoration:underline; color:#333;}

#accountnav {
	position:absolute;
	top:0px;
	right:0px;
	padding:2px 7px 3px 20px;
	text-align:right;
	color:#ddd;
	font:11px Arial, Helvetica, sans-serif;
	background:#334b67 url(../interface/bg_accountnav.jpg) no-repeat left bottom;
}
#accountnav a {color:#fff; text-decoration:none;}
#accountnav a:hover {color:#fff; text-decoration:underline;}

#header #address {
	color:#444;
	height:200px;
	font-size:95%;
	line-height:1.5em;
	font-family:Arial, Helvetica, sans-serif;
	background:#dfdfe1 url(../interface/bg_box_address1.jpg) no-repeat right;
}
#header #address p {position:relative; top:25px; left:140px;}
#header #address a {color:#333; text-decoration:none;}
#header #address a:hover {color:#333; text-decoration:underline;}

/*********************************************************
    Index
*********************************************************/

#index #header {background:#fff url(../interface/facogem_slogan.jpg) no-repeat center 20px;}
#index #header1 { /* background:url(../interface/bg_header1.jpg) no-repeat right bottom; */ }
#index #indexnav {background:#dfdfe1; padding:4px 0px;}
#index h1, #index #main h2 {display:none;}
#index #new_products marquee {height:250px;}
#index #new_products a {
	color:#333;
	display:block;
	font-size:90%;
	cursor:default;
	padding:10px 5px;
	text-decoration:none;
	border-bottom:1px solid #ccc;
	font-family:Arial, Helvetica, sans-serif;
}
#index #new_products a:hover {
	background:#fff7f0;
}
#index #address {
	border:none;
	height:140px;
	color:#efefef;
	text-align:right;
	line-height:1.5em;
	padding:45px 10px 15px 10px;
	font-family:Arial, Helvetica, sans-serif;
	background:#1b2736 url(../interface/bg_box_address7.jpg) no-repeat;
}
#index #address p {margin:0px;}
#index #address a {color:#fff; text-decoration:none;}
#index #address a:hover {color:#fff; text-decoration:underline;}
#index #categories {
	border:none;
	padding:45px 10px 15px 10px;
	font-family:Arial, Helvetica, sans-serif;
	background:#df4300 url(../interface/bg_box_categories2.jpg) no-repeat;
}
#index #categories a {color:#efefef; background:url(../interface/bullet5.gif) no-repeat left 3px;}
#index #categories a:hover {color:#fff;}

/*********************************************************
    Body
*********************************************************/

#body {background-color:#fff;}
#body h1 {
	position:absolute;
	top:0px;
	left:0px;
	height:17px;
	margin:0px;
	padding:6px 20px;
	line-height:1.4em;
	overflow:hidden;
	text-transform:uppercase;
}
#body .box .input {font-size:90%; padding:1px 2px; background:url(../interface/bg_input.gif) no-repeat;}

#pg_facogem #header #address {background-image:url(../interface/bg_box_address1.jpg);}
#pg_sales #header #address {background-image:url(../interface/bg_box_address2.jpg);}
#pg_services #header #address {background-image:url(../interface/bg_box_address3.jpg);}
#pg_manufacture #header #address {background-image:url(../interface/bg_box_address4.jpg);}
#pg_rent #header #address {background-image:url(../interface/bg_box_address5.jpg);}
#pg_automatization #header #address {background-image:url(../interface/bg_box_address6.jpg);}

/*********************************************************
    Main
*********************************************************/

#main {
	line-height:1.4em;
	border-left:1px dashed #ccc;
	background:url(../interface/bg_main.jpg) repeat-y right top;
}
#main h1 {
	width:640px;
	color:#fff;
    background:#6d8085 url(../interface/bg_h1.jpg) no-repeat left center;
}
#main h2, #left h2 {
	color:#334b67;
	margin:15px 0px;
	padding:5px 0px;
	line-height:1.4em;
	text-transform:uppercase;
	border-bottom:1px solid #334b67;
}
#main h2 b, #left h2 b {
	padding:5px 3px 6px 3px;
	border-bottom:2px solid #334b67;
}
#main ul {margin-top:10px; margin-bottom:10px;}
#main ul li {list-style-image:url(../interface/bullet3.gif);}

#manufacturers marquee {padding:15px 0px;}
#manufacturers marquee img {vertical-align:middle; margin:0px 5px;}

/*********************************************************
    Left
*********************************************************/

#left {border-bottom:4px solid #334b67;}
#left h1 {width:280px; color:#fff; background:#334b67;}
#left h2 {margin:15px;}

#left .box {margin:10px 15px 20px 15px; display:block;}
#left .box ul {margin:0px; padding:0px;}
#left .box ul li {list-style-type:none; padding-bottom:4px;}
#left .box ul li a {padding-left:13px; display:block; background:url(../interface/bullet1.gif) no-repeat left 3px;}
#left .box ul li a.current {color:#c30;}
#left .box ul li.sub a {padding-left:10px; display:inline; background-image:url(../interface/bullet2.gif);}

#left #automatization {
	padding-left:145px; 
	min-height:180px; 
	background:url(../interface/bg_box_automatization.jpg) no-repeat left top;
}* html #left #automatization {height:180px;}
#left #categories {
	height:252px;
	overflow:auto;
	font-size:80%;
	font-family:sans-serif;
}
#left #facogem {
	padding-left:145px; 
	min-height:180px; 
	background:url(../interface/bg_box_facogem.jpg) no-repeat left top;
}* html #left #facogem {height:180px;}
#left #manufacture {
	padding-left:145px; 
	min-height:180px; 
	background:url(../interface/bg_box_manufacture.jpg) no-repeat left top;
}* html #left #manufacture {height:180px;}
#left #rent {
	padding-left:145px; 
	min-height:180px; 
	background:url(../interface/bg_box_rent.jpg) no-repeat left top;
}* html #left #rent {height:180px;}
#left #services {
	padding-left:145px; 
	min-height:180px;
	background:url(../interface/bg_box_services.jpg) no-repeat left top;
}* html #left #services {height:180px;}

#left #search {border:1px solid #ccc; padding:5px; background:#f9f9f9;}

/*********************************************************
    Right
*********************************************************/

#right {}
#right .box {
	padding:9px 5px;
	color:#334b67;
	margin-bottom:5px;
	border:1px solid #ccc;
	background:#e0e0e0 url(../interface/bg_box_right.jpg) repeat-x left bottom;
}
#right .box ul {margin:0px; padding:0px;}
#right .box ul li {list-style-type:none; padding-bottom:3px;}
#right .box ul li a {
	color:#334b67;
	display:block;
	padding-left:10px;
	text-decoration:none;
	background:url(../interface/bullet4.gif) no-repeat left 3px;
}
#right .box ul li a:hover {text-decoration:underline;}
#right #shopping_cart ul {text-align:right;}
#right #whats_new {text-align:center;}

/*********************************************************
    Classes
*********************************************************/

.clear {clear:both;}
.floatleft {float:left;}
.floatright {float:right;}
.imgleft {float:left; padding:1px; margin:0px 15px 15px 0px; /* border:1px solid #6d8085; */ }
.imgright {float:right; padding:1px; margin:0px 0px 15px 15px; /* border:1px solid #6d8085; */ }
.facogem {font-weight:bold;}
.text1 {font-size:80%; font-family:sans-serif;}
.box1 {border:1px solid #dadada; margin-bottom:10px; padding:6px; position:inherit;}

.pageresults {color:#666; font-size:95%; margin:10px 0px; clear:both;}
.pageresults a {text-decoration:none;}
.pageresults a:hover {}

/*********************************************************
    Footer
*********************************************************/

#footer {
	clear:both;
	color:#ddd;
	background:#334b67 url(../interface/facogem_footer.jpg) no-repeat 855px center;
}
#footer #copyright {padding:20px 15px;}
#footer #copyright a {color:#eee; text-decoration:none;}
#footer #copyright a:hover {text-decoration:underline;}
#footer #submenu {padding:25px 195px 25px 25px;}
#footer #submenu a {margin:0px 3px; color:#fff; text-decoration:none;}
#footer #submenu a:hover {text-decoration:underline;}

/*********************************************************
    OsCommerce
*********************************************************/

.messageBox {
	color:#f60;
	font-size: 10px;
	background:#ffc;
	margin-bottom:10px;
	border:1px solid #f60;
	font-family: Verdana, Arial, sans-serif;
}
.errorText, .errorBox {
	font-family: Verdana, Arial, sans-serif;
	color: #ff0000;
}
.messageStackError, .messageStackWarning, .messageStackSuccess {}

.inputRequirement {font-size:90%; color:#f00; text-align:right;}

.smallText {font-size:95%;}

.productSpecialPrice {color:#f00;}

.productListing {
  text-align:left;
  /* background: #f3f3f3; */
  border:1px solid #dadada;
}
.productListing-heading {font-weight:bold; background:#f0f0f0; color:#333;}
.productListing-heading a {color:#333;}
.productListing-heading a:hover {color:#c30;}

.productListing-data {}

.accountHistory-odd, .addressBook-odd, .alsoPurchased-odd, .payment-odd, .productListing-odd, .productReviews-odd, .upcomingProducts-odd, .shippingOptions-odd {
  /* background: #f3f3f3; */
}
.accountHistory-even, .addressBook-even, .alsoPurchased-even, .payment-even, .productListing-even, .productReviews-even,.upcomingProducts-even, .shippingOptions-even {
  /* background: #f3f3f3; */
}
.moduleRow {width:100%;}
.moduleRowOver {background:#ffffe8; cursor:pointer; width:100%;}
.moduleRowSelected {background:#ffc; width:100%;}

.checkoutBar {color:#666; font-size:90%; margin:6px 0px;}
.checkoutBarCurrent {font-weight:bold;}
.checkoutBar a, .checkoutBar a:hover {color:#666; text-decoration:none;}

.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}
.stockWarning {font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #cc0033;}

.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}
.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}