@charset "utf-8";

/* =General Classes & Hacks
-----------------------------------------------------------------------------*/
body {
	font: 62.5%/1.6 Arial, Helvetica, sans-serif; /* with this settings 1em = 10px approx. */
	background:#fff;
	color: #555;
}

* { margin:0; padding:0; }

/* slightly enhanced, universal clearfix hack */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }
/* close commented backslash hack */


/* hidding elements */
.hide {	display: none; }

/* Remove border around linked images */
img { border: 0; vertical-align:top; }

/* align elements */
.alignLeft { text-align: left !important; }
.alignCenter { text-align: center !important; }
.alignRight { text-align: right !important; }
.alignTop { vertical-align: top !important; }
.alignMiddle { vertical-align: middle !important; }
.alignBottom { vertical-align: bottom !important; }

.centered {	margin-left: auto; margin-right: auto; }

.floatLeft { float: left; }
.floatRight { float: right; }

.asBlock { display:block; }
.asInline { display:inline; }
.asRelative { position:relative; }
.asAbsolute { position:absolute; }

.noBorder { border: none !important; }
.noMargin { margin: 0 !important; }
.noPadding { padding: 0 !important; }

.w10p { width: 10%; }
.w20p { width: 20%; }
.w30p { width: 30%; }
.w40p { width: 40%; }
.w50p { width: 50%; }
.w60p { width: 60%; }
.w70p { width: 70%; }
.w80p { width: 80%; }
.w90p { width: 90%; }
.w100p { width: 100%; }

.w10px { width: 10px; }
.w25px { width: 25px; }
.w50px { width: 50px; }
.w75px { width: 75px; }
.w100px { width: 100px; }
.w125px { width: 125px; }
.w150px { width: 150px; }

.mr10px { margin-right: 10px;}
.mr15px { margin-right: 15px;}
.mr20px { margin-right: 20px;}

strong { font-weight: bold; }

em { font-style: italic; }

ul { list-style: none; list-style-position: outside; }
ol { list-style-position: inside; list-style: decimal; list-style-position: inside; margin: 0 0 1.5em 0; }

/* IE Hack */
input { margin:-1px 0px; }      /* all browsers read this, used to target IE6 */
html>body input { margin:0px; }       /* IE 6 cannot read this, others can */
*+html>body input {margin:-1px; }      /* targets IE7 */

input, select, textarea{ font-family: Arial, sans-serif; }


/* =Layout
-----------------------------------------------------------------------------*/

#wrapper { width:100%; }

	#header { width:880px; margin:0 auto; padding:15px 0 10px 0; }
		#header .logo { float:left; }
		#header .menu { float:right; padding-top:25px; }
		#header .menu li { float:left; margin-left:0px;}
			#header .menu li a:link, #header .menu li a:visited { display: inline-block; font-size:1.6em; color:#999; line-height:1.6em; padding-left:20px; text-shadow:#fff 1px 1px; white-space:nowrap; } /* hack for IE */ /*\*/ * html .menu li a { width: 50px; } /**/
			#header .menu li a:hover, #header .menu li a:active { color:#666; }
				#header .menu li a span { display: inline-block; height:32px; padding-right:20px; }
			#header .menu li a.selected { color:#666; background:transparent url('../img/bkg_menu.gif') no-repeat left top; }
				#header .menu li a.selected span { background:transparent url('../img/bkg_menu.gif') no-repeat right top; }


	#content { }
		#content .contentWrapper { background:#E2E2E2 url('../img/bkg_line.gif') repeat-x left top; padding-top:30px; }
		#content .contentWrapper.minPadding { padding-top:15px; }
			#content .contentWrapper .contentWrapperMain { background:#E2E2E2 url('../img/bkg_line.gif') repeat-x left bottom; padding-bottom:30px; position:relative; }
				#content .contentWrapper.minPadding .contentWrapperMain { padding-bottom:15px; }
				#content .contentWrapper .contentWrapperMain .container { width:880px; margin:0 auto; position:relative; }
		#content .contentSection { }
			#content .contentSection .contentSectionMain { width:880px; margin:0 auto; padding-top:20px; }
				#content .contentSidebar { float:left; width:200px; background:#E2E2E2; padding:1px; margin-bottom:30px; }
					#content .contentSidebar .contentSidebarProducts ul { margin:0px; padding:0; }
						#content .contentSidebar .contentSidebarProducts li { margin-bottom:1px; }
						#content .contentSidebar .contentSidebarProducts li.bandera { background:#fff; text-align:center; height:112px; padding-top:18px; }
						#content .contentSidebar .contentSidebarProducts li.logo { background:#fff; text-align:center; height:100px; padding-top:30px; }
						#content .contentSidebar .contentSidebarProducts li.last { margin-bottom:0px; }
					#content .contentSidebar .epigraph { font-size:1.2em; color:#333; font-weight:bold; padding:5px 0 15px 10px; background:transparent url('../img/bkg_line.gif') repeat-x left -5px; }
					#content .contentSidebar .info { padding:15px 0 30px 10px; background:transparent url('../img/bkg_line.gif') repeat-x left -5px; }
						#content .contentSidebar .info p { font-size:1.2em; color:#333; font-weight:bold; margin-bottom:10px; }
				#content .contentSubmenu { float:left; width:210px; margin-bottom:30px; background:#333 url('../img/bkg_box_alt.gif') repeat-x left top; padding-bottom:40px; border:1px solid #CCC; margin-bottom:30px; }
					#content .contentSubmenu h6 { color:#fff; text-shadow:#000 1px 1px; padding:15px 0 18px 10px; border:0; background:transparent url('../img/line1.gif') repeat-x left bottom; margin-bottom:0; }
					#content .contentSubmenu ul li { background:transparent url('../img/line2.gif') repeat-x left bottom; padding:5px 10px 8px 10px; }
						#content .contentSubmenu ul li a:link, #content .contentSubmenu ul li a:visited { display:block; font-size:1.2em; font-weight:bold; color:#ccc; text-transform:uppercase; background:transparent url('../img/ico_more.gif') no-repeat right center; }
						#content .contentSubmenu ul li a:hover, #content .contentSubmenu ul li a:active { color:#fff; }
						#content .contentSubmenu ul li a.selected:link, #content .contentSubmenu ul li a.selected:visited { color:#fff; background:transparent url('../img/ico_list.gif') no-repeat right center; }
						#content .contentSubmenu ul li a.selected:hover, #content .contentSubmenu ul li a.selected:active { color:#ccc; }
				#content .contentMain { float:right; width:640px; }
					#content .contentMain .contentBox { background:#E2E2E2 url('../img/bkg_line.gif') repeat-x left top; padding-top:20px; margin-bottom:30px; }
						#content .contentMain .contentBox .contentBoxMain { background:#E2E2E2 url('../img/bkg_line.gif') repeat-x left bottom; padding:0 15px 30px 15px; min-height:220px; }
						#content .contentMain p { color:#8F8F8F; }

	

	#footer { width:880px; margin:0 auto; padding:20px 0 40px 0; }
		#footer .links { float:left; }
			#footer .links li { float:left; padding-right:15px; margin-right:15px; border-right:1px solid #ccc; line-height:1.4em; }
			#footer .links li.last { border:0; }
			#footer .links li a:link, #footer .links li a:visited { color:#999; font-size:1.2em; text-transform:uppercase; }
			#footer .links li a:hover, #footer .links li a:active { color:#666; }
		#footer .info { float:right; }
			#footer .info p { color:#666; font-size:1.2em; }
			#footer .info a:link, #footer .info a:visited { color:#666; }
			#footer .info a:hover, #footer .info a:active { color:#999; }


/* =Sections
-----------------------------------------------------------------------------*/

	#content .home { background:#E2E2E2 url('../img/bkg_line.gif') repeat-x left top; padding-top:65px; }
		#content .home .contentSection { background:#E2E2E2 url('../img/bkg_line.gif') repeat-x left bottom; padding-bottom:35px; }
			#content .home .contentSectionMain { position:relative; padding:0; }
			#content .home .homeMain { width:480px; float:left; padding-bottom:60px; }
				#content .home .homeMain a:link, #content .home .homeMain a:visited { display:block; width:157px; background:transparent url('../img/btn_view.jpg') no-repeat left top; height:42px; color:#fff; line-height:2.2em; font-size:1.8em; padding-left:20px; }
				#content .home .homeMain a:hover, #content .home .homeMain a:active { color:#E1E1E1; background-position:left bottom; }
			#content .home .homeImage { width:400px; position:absolute; left:470px; top:-80px; }


	#content .company { }
		#content .company .headerImage { position:absolute; top:-42px; left:620px; width:242px; height:150px; background:transparent url('../img/header_company.png') no-repeat right top; }


	#content .products { }
		#content .products .headerImage { position:absolute; top:-42px; left:620px; width:242px; height:150px; background:transparent url('../img/header_products.png') no-repeat right top; }
		#content .products .productsList { margin-bottom:30px; }
			#content .products .productsList .productsRow { margin-bottom:20px; }
				#content .products .productsList .product { float:left; margin-right:20px; width:200px;  }
				#content .products .productsList .product.last { margin:0; }
					#content .products .productsList h6 { color:#333; text-transform:none; margin:0; padding:0; }
					#content .products .product .productInfo { background:#E2E2E2 url('../img/bkg_line.gif') repeat-x left -6px; padding-top:8px; }
						#content .products .product .productInfo .productText { padding:0px 8px 0px 8px; }
					#content .products .product .productButtons { padding-top:40px; }
						#content .products .product .productButtons a:link, #content .products .product .productButtons a:visited { display:inline-block; color:#fff; font-size:1.2em; font-weight:bold; text-transform:uppercase; background:transparent url('../img/bkg_button.jpg') repeat-x left top; height:28px; line-height:2.2em; padding:0 10px 0 15px; }
						#content .products .product .productButtons a:hover, #content .products .product .productButtons a:active { color:#ccc; }
						#content .products .product .productButtons a span { background:transparent url('../img/ico_btn_more.gif') no-repeat right center; padding-right:20px; }
		#content .products .productColumns { margin-bottom:30px; }
			#content .products .productDetails { float:left; width:420px; padding:0; }
				#content .products .productDetails h5 { margin-bottom:0.5em; }
				#content .products .productDetails h6 { font-size:1.2em; padding-top:0; margin-bottom:0.25em; }
				#content .products .productDetails .divRow { margin-bottom:10px; }
					#content .products .productDetails .productInfo { padding-top:20px; }
						#content .products .productDetails .productInfo .productText { padding-bottom:10px; }
							#content .products .productDetails .productInfo .productText p { font-size:1.3em; color:#8F8F8F; font-weight:normal; }
							#content .products .productDetails .productInfo ul.colors { padding-top:5px; }
								#content .products .productDetails .productInfo ul.colors li { float:left; margin-right:10px; }
								#content .products .productDetails .productInfo ul.colors li div { width:20px; height:20px; }
			#content .products .contentSidebar { float:right; margin:0; padding:0; }


	#content .contact { }
		#content .contact .headerImage { position:absolute; top:-42px; left:620px; width:242px; height:150px; background:transparent url('../img/header_company.png') no-repeat right top; }
		#content .contact .contactProduct { margin-bottom:20px; }
			#content .contact .contactProduct p { color:#666; }
		#content .contact .columns { margin-bottom:10px; }
		#content .contact .textField { width:282px; }
		#content .contact .textArea { width:282px; height:120px; }


/* =Type
-----------------------------------------------------------------------------*/

h1 { font-size:2.8em; color:#333; line-height:normal; font-weight:bold; text-shadow:#fff 1px 1px; margin-bottom:.5em; text-transform:uppercase; }
h2 { font-size:2.4em; color:#333; line-height:normal; font-weight:bold; text-shadow:#fff 1px 1px; margin-bottom:1em; text-transform:uppercase; }
h3 { font-size:2em; color:#333; line-height:normal; font-weight:normal;  margin-bottom:1em; }
h4 { font-size:1.8em; color:#333; line-height:normal; font-weight:bold;  margin-bottom:1em;  text-transform:uppercase; }
h5 { font-size:1.6em; color:#333; line-height:normal; font-weight:bold;  margin-bottom:0.75em; }
h6 { font-size:1.4em; color:#666; line-height:normal; font-weight:bold;  margin-bottom:1em;  text-transform:uppercase; padding-top:10px; border-top:3px solid #E2E2E2; }

p { font-size: 1.3em; line-height:1.5em; }


/* =Forms
-----------------------------------------------------------------------------*/

	.formRow{ margin-bottom:10px; }
	label{ font-size: 1.2em; color:#666; line-height:1.8em; margin-right:20px; font-weight: bold;}
	.textField { font-size:1.2em; border:1px solid #CCC; padding:2px; background:#F0F0F0; }
	.textArea { font-size:1.2em; border:1px solid #CCC; padding:2px; background:#F0F0F0; overflow: auto; }
	.selectBox { font-size:1.2em; border:1px solid #CCC; padding:2px; background:#F0F0F0; }
		.selectBox option { padding-right:10px; }
	.error-message { font-size:1.1em; color:#c00; padding:2px 0; }


/* =General
-----------------------------------------------------------------------------*/

	a:link, a:visited{ color:#6B93C3; text-decoration: none; cursor: pointer; }
	a:hover, a:active{ color:#000; }

	a.btnMore:link, a.btnMore:visited { display:block; width:78px; background:transparent url('../img/btn_more.png') no-repeat left top; height:27px; color:#fff; font-weight:bold; line-height:2.2em; font-size:1.1em; padding-left:15px; }
	a.btnMore:hover, a.btnMore:active { color:#E1E1E1; background-position:left bottom; }

	a.btnQuery:link, a.btnQuery:visited { display:block; width:165px; background:transparent url('../img/btn_query.gif') no-repeat left top; height:26px; color:#fff; font-weight:bold; line-height:2.2em; font-size:1.1em; padding-left:15px; text-transform:uppercase; }
	a.btnQuery:hover, a.btnQuery:active { color:#E1E1E1; background-position:left bottom; }

	.btnSubmit { width:94px; background:transparent url('../img/btn_more.png') no-repeat left 1px; height:28px; color:#fff; font-weight:bold; line-height:1.4em; font-size:1.1em; padding:0px 0 4px 15px; border:0; text-align:left; text-transform:uppercase; }


	.box { border:1px solid #BFBFBF; background:#fff url('../img/bkg_box.gif') repeat-x left top; }
		.box .boxMain { background-color:transparent; background-position:right bottom; background-repeat:no-repeat; padding:0 10px; }
		.box.alt { background:#333 url('../img/bkg_box_alt.gif') repeat-x left top; }

	.featuredProducts { }
		.featuredProducts .featuredProduct { }
		.featuredProducts .featuredProduct h4 { margin-bottom:0.5em; padding-top:10px;  }
			.featuredProducts .featuredProduct .featuredProductText { padding:0px 100px 20px 0; }
		.featuredProducts .box { width:280px; margin-right:16px; padding:0; }
			.featuredProducts .box p { margin-bottom:15px; line-height:1.3em; color:#8F8F8F; }
		.featuredProducts .box.alt { margin-right:0px; position:relative; }
			.featuredProducts .box.alt h4 { color:#fff; }
			.featuredProducts .box.alt p { color:#ccc; }
			.featuredProducts .box.alt .alert { position:absolute; left:130px; top:-98px; height:97px; width:138px; background:transparent url('../img/new_products.png') no-repeat left top; }

	.simpleList { font-size:1.2em; list-style:disc; padding-left:15px; color:#8F8F8F; margin-top:10px;  }

	.columns { }
		.column-a { width:290px; }


	.infoBoxSmall, .successBoxSmall, .warningBoxSmall, .errorBoxSmall { border: 1px solid; margin: 10px 0px; padding:5px 5px 5px 25px; background-repeat: no-repeat; background-position: 5px center; font-size: 1.1em; }
		.infoBoxSmall { color: #00529B; background-color: #D1F4FB; background-image: url('../img/admin/info_small.png'); }
		.successBoxSmall { color: #4F8A10; background-color: #DFF2BF; background-image:url('../img/admin/success_small.png'); }
		.warningBoxSmall { color: #9F6000; background-color: #FEEFB3; background-image: url('../img/admin/warning_small.png'); }
		.errorBoxSmall { color: #D8000C; background-color: #FFD6D6; background-image: url('../img/admin/error_small.png'); }

	
	.paginator { float:right; }
		.paginator .current { font-size:1.1em; color:#fff; background:#666; padding:3px 8px; font-weight:bold; margin-right:2px; }
		.paginator a:link, .paginator a:visited { font-size:1.1em; color:#666; background:#E2E2E2; padding:3px 8px; font-weight:bold; margin-right:1px; line-height:1.8em; }
		.paginator a:hover, .paginator a:active { color:#333; }
		.paginator a.prev span { background:transparent url('../img/ico_prev.gif') no-repeat left center; padding-left:15px; }
		.paginator a.next span { background:transparent url('../img/ico_next.gif') no-repeat right center; padding-right:15px; }