@charset "UTF-8";
body  {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #656565;
	line-height:1.333em;
	background-color: #F7F4EE; /*E0E0E0;*/
}

.lisan #container {
	width: 914px;
	margin: 0 auto;
	margin-bottom:0px;
	padding:0px;
	text-align:left;
	background-color:#FFF;
/*	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border: 0px solid #000;*/
	padding: 1em;
	background-image: url(../images/template/backgroundLisan.png);
	background-repeat: repeat-y;		
} 

.lisan #header {
	background: #FFFFFF;
	padding: 0 10px 10px 10px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin: 0px 10px 0px 10px; 
	height: 90px;
}

.lisan #header h1 { 
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.lisan #topmenu {
	height:41px;
	margin:0px 10px 0px 10px;
	background-color: #2B5AA1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 0px solid #000;
	padding: 0px 10px 0px 10px;
} 

.lisan #slideshow { 
	background: #DDDDDD; 
	padding: 0px 0px 0px 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin: 10px;
	height:auto;
} 

#header-image
{
	margin:10px;
	/*height:323px;*/
	width:894px;
}

#header-products
{
	margin:10px;
	height:75px;
	width:894px;
}

#header-products img.left
{
	margin-top:5px;
	margin-left:10px;
	float:left;
}

#header-products img.center
{
	margin-top:15px;
	margin-left: 105px;
	float:left;
}

#header-products img.right
{
	margin-top:10px;
	margin-right:10px;
	float:right;
}




#header-image-small
{
	margin:10px;
	height:242px;
	width:894px;
}


.lisan #breadcrumbs {
	height:30px;
/*	border-bottom: 2px;
	border-bottom-color: #666;
	border-bottom-style: solid;*/
	background-image:url(../images/template/divider.png);
	background-repeat:repeat-x;
	background-position:bottom;	
	margin: 15px;
} 

.lisan #bottomBorder
{
	width: 914px;
	margin: 0 auto;
	padding:0px;
	text-align:left;
	padding: 1em;
	background-image: url(../images/template/borderbottom.png);
	background-repeat:no-repeat;
}

.lisan #footer {
	/*background:#DDDDDD;*/
	height:50px;
	border:none;
} 

.lisan #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align: center;
}

.fltrt { 
	float: right;
	margin-left: 8px;
}

.fltrttop {
	float: right;
}

.fltlft {
	float: left;
	margin-right: 8px;
}

.centerimage{
	text-align:center;
	padding:10px;
}

.centerimage img{
	border:none;
}

.centerimage a{
	text-decoration:none;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*added after template generation */
.lisan #company-logo
{
	margin: 0; 
	float:left;
	border:none;
}

.search-input
{
	margin: 0px 10px 0px 0px; 
	width:218px;
	float: right;
	font-size:1.5em;
}

#links ul {
	background: url(../images/template/pointedline.gif) repeat-x left bottom;
	list-style:none;
}

#links li {
	padding: 5px 0;
	background: url(../images/template/pointedline.gif) repeat-x left top;
}

#links a {
	padding-left: 1em;
	background: url(../images/template/arrow.gif) no-repeat left center;
	color: #DB5600;
}

/* TOP MENU STYLES  */
ul.menu-nav {
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
	list-style:none;
	height:41px;
	font-weight:bold;
}

ul.menu-nav li	{
	display:block  !important;
	padding:0 !important;
	margin:0 0 0 0 !important;
	float:left  !important;
	background:url(../images/template/top-menu-separator.gif) right 16px no-repeat;
	font-weight:bold;
}

ul.menu-nav li a  {
	border:none;
	text-decoration:none !important;
	display:block  !important;
	float:left  !important;
}

ul.menu-nav li a span	{
	display:block;
	/*padding:14px 20px 13px 20px;
	padding:13px 15px 14px 15px;
	
	*/
	margin:7px 0;
	padding:3px 15px;
	moz-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;

	color:#E9E9E9;
	display:block;
	font-size:14px;
	text-decoration:none !important;
	float:left;
	font-weight:normal;
	text-transform:capitalize;
	
}

/*-------Menu Nav------------hover----*/

ul.menu-nav li a:hover  {
	border:none;
	display:block; 
	text-decoration:none;
	width:auto;
}

ul.menu-nav li a:hover span	{
	display:block; 
	color:#FFFFFF;
	background:url(../images/template/top-menu-button-wrapper.gif) 0 0 repeat-x;
}

/*-------------------active----*/

ul.menu-nav li.active a {
	border:none;
	display:block;
	float:left; 
	text-align:center;
	width:auto;
	
}
ul.menu-nav li.active a span {
	 color:#FFFFFF;
	 background:url(../images/template/top-menu-button-wrapper.gif) 0 0 repeat-x;
}

h1, h2, h3, h1 a{
	color: #2B5AA1;
	text-decoration:none;
}



h1 {
	margin-bottom: .5em;
	font-size: 182%;
	font-weight: bold;
	letter-spacing: -1px;
}

h2 {
	margin-bottom: .5em;
	font-size: 136%;
	font-weight: normal;
	letter-spacing: 0px;
}

h3 {
	font-size: 100%;
	font-weight: bold;
}

p, blockquote, ol, ul {
	margin-bottom: 1.5em;
	text-align: justify;
	line-height: 167%;
	font-size: 107%;
}

#footer {
	height: 50px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

img
{	
	border:none;
}

a{
	color: #DB5600;
}

#abc a
{
	color:#2B5AA1;
	font-size:140%;
}

#abc a.disabled
{
	color:#666;
	font-size:140%;
	display:none;
}

.dosis tr
{
	text-align:center;
}

.box {background:#e2e2d3; }
.box .indent {padding:39px 30px 39px 30px;}
.box .indent1 {padding:39px 30px 39px 29px;}
.box .bottom-tail {background:url(../images/template/box-bottom-tail.gif) left bottom repeat-x;}
.box .top-tail {background:url(../images/template/box-top-tail.gif) left top repeat-x;}
.box .left-tail {background:url(../images/template/box-left-tail.gif) top left repeat-y;}
.box .right-tail {background:url(../images/template/box-right-tail.gif) top right repeat-y;}
.box .bottom-right {background:url(../images/template/box-corner-bottom-right.gif) bottom right no-repeat;}
.box .bottom-left {background:url(../images/template/box-corner-bottom-left.gif) bottom left no-repeat;}
.box .top-right {background:url(../images/template/box-corner-top-right.gif) top right no-repeat;}
.box .top-left {background:url(../images/template/box-corner-top-left.gif) top left no-repeat; width:100%;}

.box1 {background:#ecece1; }
.box1 .indent {padding:24px 32px 34px 33px;}
.box1 .bottom-tail {background:url(../images/template/box1-bottom-tail.gif) left bottom repeat-x;}
.box1 .top-tail {background:url(../images/template/box1-top-tail.gif) left top repeat-x;}
.box1 .left-tail {background:url(../images/template/box1-left-tail.gif) top left repeat-y;}
.box1 .right-tail {background:url(../images/template/box1-tail-right.gif) top right repeat-y;}
.box1 .bottom-right {background:url(../images/template/box1-corner-bottom-right.gif) bottom right no-repeat;}
.box1 .bottom-left {background:url(../images/template/box1-corner-bottom-left.gif) bottom left no-repeat;}
.box1 .top-right {background:url(../images/template/box1-corner-top-right.gif) top right no-repeat;}
.box1 .top-left {background:url(../images/template/box1-corner-top-left.gif) top left no-repeat;}
.box1 em {color:#a39f90; font-style:normal;}

html, input, textarea
{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.333em;
		color:#5a5a4f;
}

#language-selection a
{
	text-decoration:none;
	color: #656565;;
	font-size:1.2em;
}

/*SEARCH TEXTBOX AND RESULTS SECTION */
.search-box
{
	float:right;
	margin: 0px 0px -30px 0px;
}

.search-box-center
{
	float:left;
	margin: 0px 0px -30px 0px;
}



#cse-search-box {text-align:right !important; padding:22px 1px 0 0; margin-top:-6px; }
#cse-search-box .input {margin-bottom:15px; width:175px; height:19px; font-size:1em; color:#79938c; background:none;} 
#cse-search-box select {width:100px; background:#598733; color:#a7d184; font-size:0.83em; height:21px; text-transform:uppercase; text-align: center; border:1px solid #476b28; padding:5px 0 0 0; margin-right:-2px; vertical-align:middle;} 
#search-image { 
	margin-top:2px;
	vertical-align:middle;
	text-align:center;
}

#search-results
{
	padding-left: 50px;	
}

#tabs h2
{
	font-weight:bold;
}

#contact-wrapper {
	width:auto;
	padding-left:40px;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:1em;
	width:auto;
	margin-top:5px;
}

#contact-wrapper .fltrt
{
	margin-right:150px;	
}

#contact-wrapper .link {margin:17px 0 0 15px;}

#contact-wrapper label.error{
	display:block;
	float:none;
	font-size:1em;
	width:auto;
	margin:0px;
	padding:0px;
	color:#F00;
}

form#contactform input {
	background:url(../images/template/main-input-bg.gif) left top no-repeat;
	height:28px;
	width:232px;
	border:none;
 	display:inline-block; 
	vertical-align:top;
	padding:7px 6px 0 9px; 
	font-size:1em;
	margin-bottom:0px;
}

#contact-wrapper input.button
{
	color:#FFF;
	font-weight:bold;
	font-size:1.5em;
	background:url(../images/template/submit-button-bg.png) left top no-repeat; 
	display:inline-block; 
	line-height:1.2em; 
	text-decoration:none; 
	margin:15px 0 0 0px; 
	color:#fff;  
	cursor:pointer; 
	font-size:1.5em; 
	text-transform:uppercase;
	width:90px;
	height:36px;
	text-align:center;
	padding-bottom:8px;
}

#contact-wrapper input.button:hover
{
	background:url(../images/template/submit-button-hover-bg.png) left top no-repeat; 
}

form#contactform textarea {
	border:none;
	background:url(../images/template/texarea-bg.gif) left top no-repeat;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	width:224px; 
	height:188px; 	
}

#productList a
{
	color:#656565;
	margin-left:20px;
	line-height:1.7em;
}

#productList a
{
	text-decoration:none;	
}


#sideProductList a
{
	font-size:0.9em;
	color:#CCC;
	text-decoration:none;	
}

#sideProductList a.active
{
	font-weight:bold;
	font-size:1.1em;
	color:#DB5600;
}

#productDescription table
{
	border:none;
}

#productDescription td
{
	border:none;
	text-align:center;
}

#productDescription th
{
	text-align:center;
	border:none;
}

#gallery { 
	width: 690px; 
	margin: 45px auto; 
	padding: 5px; 
}
#gallery a { 
	position: relative; 
	display: block; 
	float: left; 
	width: 190px; 
	height: 150px; 
	margin: 10px; 
	z-index: 1;
}
#gallery img { 
	border: 1px solid; 
	border-color: #999 #ddd #ddd #999;
}

#productos-destacados img{
	margin-top:5px;
	margin-bottom:10px;
	
}

#productos-destacados p{
}
	
#productos-destacados h2{
	margin:-4px;
}
#productos-destacados h3{
	margin:-4px;	
}
#productos-destacados a{
	color: #2B5AA1;
	text-decoration:none;
}

#todos-los-productos a,td.a
{
	color:#656565;
	margin-left:5px;
	line-height:1.7em;
	text-decoration:underline;
	font-size:1.1em;
}
#todos-los-productos table.tr
{
	padding-bottom:10px;
}

.hiddenProduct
{
	display:none;
}

p a{
	text-decoration:none;
}

h3 a{
	text-decoration:none;
}

a.simple{
	text-decoration:none;	
}