@charset "utf-8";
/* CSS Document */


html, body
{
	margin:0;
	padding:0;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	color:#808084;
	cursor:default;
}

a
{
	text-decoration:none;
	color:#0093d0;
}

a:hover
{
	text-decoration:underline;
	cursor:pointer;
}

a img
{
	border:none;
}

.shadow
{
	box-shadow:0 0 6px 0 rgba (0,0,0,0.75);
	-moz-box-shadow:0 0 6px 0 rgba(0,0,0,0.75);
	-webkit-box-shadow:0 0 6px 0 rgba(0,0,0,0.75);
}

.inline
{
	display:inline;
}

.pageImage
{
	position:absolute;
	display:block;
	bottom:0;
	right:0;
}

.highLight
{
	background:#e5f2fd url('../images/headerLight.png') no-repeat top right !important;
}



/* IMAGEN DE FONDO DE LA PAGINA */
img.background
{
	min-height:100%;
	min-width:1024px; /* Específico para las imágenes de fondo que se utilizan porque estas tienen 1024px de ancho */
	width:100%;
	height:auto;
	position:fixed;
	top:0;
	left:0;
	z-index:0;
}

@media screen and (max-width: 1024px)
{ /* Específico para las imágenes de fondo que se utilizan porque estas tienen 1024px de ancho */
	img.background
	{
		left:50%;
		margin-left:-512px;
	}
}

#wrapper
{
	position:absolute;
	display:block;
	top:0;
	left:0;
	z-index:100;
}

/* LOGO HEADER */
#logoEmpresa
{
	position:absolute;
	display:block;
	top:0;
	left:0;
	width:249px;
	height:223px;
	text-align:center;
	vertical-align:middle;
	background-color:#fff;
}

#logoEmpresa img
{
	position:relative;
	display:inline;
	padding-top:60px;
}

/* MENU PRINCIPAL */
#mainMenu
{
	position:absolute;
	display:block;
	top:224px;
	left:0;
	width:249px;
	text-align:left;
	background:url('../images/mainMenuBackground.png') repeat;
}

#mainMenu a
{
	position:relative;
	display:block;
	width:199px;
	height:36px;
	padding:0 25px;
	background:url('../images/mainMenuSeparator.png') repeat-x bottom;
	text-align:left;
	text-transform:uppercase;
	font-weight:bold;
	line-height:34px;
	font-size:1.1em;
}

#mainMenu a div
{
	position:absolute;
	display:block;
	background:url('../images/bulletBlueSmall.gif') no-repeat center center;
	width:25px;
	height:36px;
	top:0;
	right:0;
}

#mainMenu a.submenu
{
	height:auto;
	line-height:1em;
	padding:9px 25px 11px 25px;
	color:#808084;
}

#mainMenu a.submenu div
{
	height:100%;
	background:url('../images/bulletGraySmall.gif') no-repeat center center;
}

#mainMenu span
{
	position:relative;
	display:block;
	width:199px;
	height:36px;
	padding:0 25px;
	background-color:#fff;
	text-align:left;
	line-height:34px;
	font-size:1em;
}

#mainMenu a:hover
{
	background-color:#000;
	text-decoration:none;
}

#mainMenu a.active
{
	color:#fff;
}

#mainMenu a.active div
{
	background-image:url('../images/bulletWhiteSmall.gif');
}

/* SOCIAL MEDIA */
#socialMedia
{
	position:absolute;
	display:block;
	top:0;
	right:0;
	width:400px;
	z-index:200;
	color:#0093d0;
	text-align:right;
	line-height:38px;
	margin-right:15px;
}

#socialMedia a
{
	position:relative;
	float:right;
	width:40px;
	height:40px;
	background-position:center top;
	background-repeat:no-repeat;
}

#socialMedia a:hover
{
	background-position:center bottom;
}

#socialMedia a.facebook
{
	background-image:url('../images/facebook.png');
}

#socialMedia a.twitter
{
	background-image:url('../images/twitter.png');
}

#socialMedia a.linkedin
{
	background-image:url('../images/linkedin.png');
}

/* TEXTOS */
@font-face
{
	font-family:'Bougan Black SSi';
	src:url('../font/BOUGA5.ttf');
}

h1
{
	font-family:'Bougan Black SSi', Arial, Helvetica, sans-serif;
	color:#000;
	font-size:48px;
	font-weight:normal;
}

h2
{
	text-transform:uppercase;
	color:#0093d0;
	font-size:36px;
	line-height:1em;
	font-weight:normal;
}

h3
{
	font-size:2em;
	color:#000;
	line-height:1em;
}

h4
{
	font-size:1.4em;
	color:#000;
	line-height:1em;
	margin:0;
	padding:0;
}

h5
{
	font-size:1em;
	color:#000;
	line-height:1em;
	text-transform:uppercase;
	margin:0;
	padding:0;
}

h6
{
	font-size:1em;
	text-transform:uppercase;
	font-weight:bold;
	line-height:1em;
	margin:0;
	padding:0;
}

/* HEADER */
div#header
{
	position:relative;
	display:block;
	width:749px;
	height:223px;
	background:transparent url('../images/headerBackground.png') repeat;
}

#header h1
{
	top:43px;
}

#header h2
{
	top:98px;
}

#header p
{
	color:#000;
	top:117px;
	font-size:1.1em;
	width:60%
}

.headerLight
{
	position:absolute;
	display:block;
	top:0;
	right:0;
	z-index:110;
	background:url('../images/headerLight.png') no-repeat;
	width:116px;
	height:116px;
}

/* CONTENT AREA */
#content
{
	position:absolute;
	display:block;
	top:0;
	left:250px;
	width:749px;
}

/* BANNER INICIO */
#banner
{
	/* required settings */
	position:relative;
	display:block;
	overflow:hidden;
	width:749px;
	height:368px;
}

#banner h1
{
	text-shadow:0 0 5px #000;
	color:#fff;
}

#banner p
{
}

#slideshow
{
	/* this cannot be too large */
	width:20000em;
	position:relative;
	clear:both;
}

#slideshow .pane
{
	position:relative;
	float:left;
	width:749px;
	height:368px;
}

#slideshow .pane img
{
	position:relative;
	display:block;
}

#slideshow .pane h1, #slideshow .pane h2, #slideshow .pane p, #slideshow .pane a,
#header h1, #header h2, #header p
{
	position:absolute;
	display:block;
	left:25px;
	z-index:120;
}

#header h1, #header h2, #header p
{
	width:474px;
}

#slideshow .pane h1
{
	top:83px;
}

#slideshow .pane p
{
	color:#000;
	top:150px;
	font-size:1.2em;
}

/* BANNER THUMBNAILS NAVIGATION BAR */
#bannerThumbnails
{
	position:relative;
	display:block;
	width:727px;
	height:125px;
	padding:11px;
	background:url('../images/bannerThumbnailBackground.png') repeat;
	margin:0;
}

#bannerThumbnails a
{
	position:relative;
	float:left;
	width:175px;
	height:125px;
	margin-right:9px;
	background-color:#808084;
}

#bannerThumbnails a:hover
{
	text-decoration:none;
}

#bannerThumbnails a .arrow
{
	display:none;
}

.pageFlip
{
	display:none;
	position:absolute;
	bottom:0;
	right:0;
	z-index:500;
}

#bannerThumbnails a:hover .pageFlip
{
	display:block;
}

#bannerThumbnails a .light
{
	position:absolute;
	display:block;
	bottom:0;
	right:0;
	z-index:10;
}

#bannerThumbnails a .thumb
{
	position:absolute;
	display:block;
	top:8px;
	left:8px;
}

#bannerThumbnails a span
{
	position:absolute;
	display:block;
	top:86px;
	left:8px;
	width:155px;
	color:#fff;
	font-weight:bold;
	font-size:1.1em;
	text-transform:uppercase;
	line-height:.9em;
}

#bannerThumbnails a.last
{
	margin:0;
}

#bannerThumbnails a.active
{
	background-color:#0093d0;
}

#bannerThumbnails a.active .arrow
{
	position:absolute;
	display:block;
	top:0;
	left:50%;
	margin-left:-10px;
	margin-top:-10px;
}

/* COLUMNAS */
.columns
{
	position:relative;
	display:block;
	width:750px;
	margin:0 0 0 -1px;
}

.columns td
{
	background-color:#fff;
	padding:20px 25px 10px 25px;
	vertical-align:top;
	text-align:left;
}

.columns .column1
{
	width:33.33%;
}

.columns .column2
{
	width:68%;
}

.columns .hyperlink td
{
	padding:0 25px 10px 25px;
	margin-top:-1px;
}

.columns a.categoryImg
{
	margin:-20px -25px 20px -25px;
	padding:0;
}

a.categoryImg
{
	position:relative;
	display:block;
	width:249px;
	height:144px;
	overflow:hidden;
}

a.categoryImg:hover
{
	text-decoration:none;
}

img.categoryImg
{
	position:relative;
	display:block;
	width:100%;
	height:100%;
}

.categoryImg .cover
{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:url('../images/coverBackground.png') repeat;
	z-index:120;
}

.categoryImg:hover .cover, .categoryImg .pageFlip
{
	display:none;
}

.categoryImg:hover .pageFlip
{
	display:block;
}

.categoryImg span
{
	position:absolute;
	display:block;
	font-family:'Bougan Black SSi', Calibri, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#fff;
	text-shadow:0 0 4px #000;
	bottom:20px;
	left:25px;
	z-index:130;
	font-weight:normal !important;
}

div.column1
{
	position:relative;
	float:left;
	width:33.33%;
	padding:0;
}

.icon
{
	position:relative;
	float:left;
	margin-right:5px;
}

/* LISTAS */
ul
{
	position:relative;
	display:block;
	list-style:none;
	list-style-image:none;
	padding:0;
}

ul li
{
	position:relative;
	display:block;
	padding-left:15px;
	margin-bottom:10px;
}

ul li a
{
	font-weight:bold;
}

ul.grayArrow li
{
	background:url('../images/bulletGraySmall.gif') no-repeat left 6px;
}

ul.blueArrow li
{
	background:url('../images/bulletBlueSmall.gif') no-repeat left 6px;
}

/* HYPERLINKS */

.viewMore
{
	position:relative;
	font-weight:bold;
	text-transform:uppercase;
	padding-right:15px;
	background:url('../images/bulletBlueMedium.gif') no-repeat right center;
	line-height:18px;
}

.viewMore:hover
{
	color:#000;
	background-image:url('../images/bulletBlackMedium.gif');
	text-decoration:none;
}

.viewMoreBlock
{
	position:relative;
	display:block;
	width:144px;
	background-color:#0093d0;
	height:29px;
	line-height:27px;
	padding:0 10px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	white-space:nowrap;
}

.viewMoreBlock span
{
	position:absolute;
	display:block;
	top:0;
	right:0;
	margin-right:-19px;
	height:29px;
	width:19px;
	background:url('../images/emailArrow.png') no-repeat center top;
	z-index:120;
}

.viewMoreBlock:hover
{
	background-color:#000;
	text-decoration:none;
}

.viewMoreBlock:hover span
{
	background-position: center bottom;
}

#banner .viewMoreBlock
{
	position:absolute;
	bottom:0;
	left:0 !important;
	margin-bottom:22px;
	padding:0 10px 0 25px;
}

/* FOOTER */
#footer
{
	position:relative;
	display:block;
	width:749px;
	margin-top:9px;
	font-size:0.9em;
	font-weight:normal;
	color:#fff;
	margin-bottom: 150px;
}

#footer .menu
{
	position:relative;
	display:block;
	background-color:#0093d0;
	padding-left:15px;
}

#footer .menu a
{
	position:relative;
	float:left;
	color:#fff;
	text-transform:uppercase;
	padding:20px 14px 0 13px;
	border-right:1px #fff solid;
}

#footer .menu a.last
{
	padding-right:0;
	border-right:none;
}

#footer .menu .copyright
{
	position:relative;
	padding:5px 0 10px 9px;
}

#footer img.logo
{
	position:relative;
	display:block;
	margin:20px 0 -10px 0;
	padding:0;
}

#footer .phone, #footer .email
{
	position:relative;
	float:left;
	margin-right:40px;
}

#footer .phone h6
{
	margin-bottom:-10px;
}

#footer .email a
{
	position:relative;
	display:block;
	background-color:#0093d0;
	height:29px;
	line-height:27px;
	padding:0 10px;
	color:#fff;
	margin-top:10px;
}

#footer .email a span
{
	position:absolute;
	display:block;
	top:0;
	right:0;
	margin-right:-19px;
	height:29px;
	width:19px;
	background:url('../images/emailArrow.png') no-repeat center top;
	z-index:120;
}

#footer .email a:hover
{
	background-color:#000;
	text-decoration:none;
}

#footer .email a:hover span
{
	background-position: center bottom;
}

#footer .designedBy
{
	position:absolute;
	display:block;
	top:110px;
	right:0px;
	margin-right:-10px;
	width:100px;
	z-index:120;
	text-align:center;
}

/* VINCULO A CATALOGO PDF */
.catalogoPdf
{
	position:absolute;
	display:block;
	width:224px;
	top:95px;
	left:500px;
}

.catalogoPdf a
{
	position:relative;
	display:block;
	height:53px;
	padding:11px 0 5px 65px;
	font-weight:bold;
	font-size:1.1em;
	line-height:1em;
	background:url('../images/pdfIcon.png') no-repeat left top;
}

.catalogoPdf a:hover
{
	color:#000;
	text-decoration:none;
}

.catalogoPdf span
{
	position:relative;
	display:block;
	font-weight:normal;
	font-size:.8em;
	line-height:1em;
	color:#000;
	padding-left:2px;
}

/* ACCORDION CATALOGO DE PRODUCTOS*/
#accordion
{
	position:relative;
}

#accordion *
{
	margin:0;
	padding:0;
}

/* accordion header */
#accordion .tab
{
	position:relative;
	display:block;
	width:749px;
	height:100px;
	background:url('../images/mainMenuBackground.png') repeat;
	margin:1px 0 0 0;
}

#accordion .tabImg
{
	position:absolute;
	display:block;
	width:249px;
	height:100px;
	top:0;
	left:0;
	overflow:hidden;
}

.tabImg img
{
	position:relative;
	display:block;
	width:100%;
	margin-top:-62px !important;
}

#accordion .cover
{
	position:absolute;
	display:block;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url('../images/coverBackground.png') repeat;
	z-index:100;
}

#accordion .tab:hover
{
	background:#000 url();
	cursor:pointer;
}

#accordion .tab:hover .cover, #accordion .current .cover, #accordion .current .expand
{
	display:none !important;
}

/* currently active header */
#accordion .current .tabImg
{
	height:auto;
}

#accordion .current .tabImg img
{
	margin-top:0 !important;
}

#accordion .current, #accordion .current:hover
{
	cursor:default;
	background:#fff url();
}

#accordion .imgFoot, #accordion .imgFoot2
{
	position:relative;
	display:block;
	width:249px;
	padding:7px 10px;
	margin-top:1px;
	color:#fff;
	font-size:.8em;
}

#accordion .imgFoot
{
	background-color:#0093d0;
}

#accordion .imgFoot2
{
	background-color:#808084;
}

#accordion .imgFoot a, #accordion .imgFoot2 a
{
	color:#fff;
	font-weight:bold;
}

#accordion .tab h3
{
	position:absolute;
	display:block;
	color:#fff;
	top:15px;
	left:269px;
}

#accordion .tab.current h3
{
	color:#000;
}

#accordion .tab h4
{
	position:absolute;
	display:block;
	color:#808084;
	top:50px;
	left:269px;
	font-weight:normal;
}

#accordion .tab .expand
{
	position:absolute;
	display:block;
	font-weight:bold;
	text-transform:uppercase;
	padding-right:18px;
	background:url('../images/bulletDownBlueMedium.gif') no-repeat right center;
	line-height:18px;
	color:#0093d0;
	top:75px;
	right:20px;
}

/* accordion pane */
#accordion .pane
{
	display:none;
	background-color:#fff;
	padding:0 25px 5px 269px;
	font-size:.8em;
}

#accordion .pane ul
{
	margin:0 0 15px 0;
}

#accordion .pane ul li
{
	padding:0 0 0 10px;
	background:url('../images/bulletGrayXSmall.gif') no-repeat left 6px;
}

#accordion .pane p, #accordion .pane table
{
	padding-bottom:15px;
	text-align:justify;
}

#accordion .pane table th, #accordion .pane table td
{
	vertical-align:top;
	padding:0 15px 0 0;
}

#accordion .pane table th
{
	color:#000;
}

/* OVERLAY */
.overlay
{
	display:none;
	z-index:10000;
	background-color:#fff;
	padding:20px;
	box-shadow:0 0 90px #000;
	-moz-box-shadow:0 0 50px #000;
	-webkit-box-shadow: 0 0 50px #000;
	margin-top:30px;
}

.overlay img
{
	position:relative;
	display:block;
}

/* close button positioned on upper right corner */
.overlay .close {
	background-image:url('../images/overlayClose.png');
	background-position:center top;
	background-repeat:no-repeat;
	position:absolute;
	display:block;
	right:-19px;
	top:-19px;
	cursor:pointer;
	height:39px;
	width:39px;
}

.overlay .close:hover {
	background-position:center bottom;
}


/* TABLAS DE DENOMINACION Y CODIGOS DE PRODUCTOS */
.overlay h3, .overlay p
{
	margin:0;
	padding:0;
	color:#000;
}

.overlay p
{
	padding-bottom:20px;
}

.overlay p.notes
{
	padding:10px 0 0 0;
	font-size:.8em;
	white-space:normal;
}

.overlay p.note
{
	padding-bottom:0;
	padding-top:10px;
}

.code th, .code td
{
	font-size:.8em;
	line-height:1em;
	text-align:left;
	padding:4px 20px 4px 0;
}

.ct
{
	border-collapse:collapse;
	border:none;
}

.ct th, .ct td
{
	font-size:.8em;
	line-height:1em;
	text-align:center;
	padding:4px 6px;
	border:1px #e0e0e0 dotted;
}

.code th
{
	color:#000;
	text-transform:uppercase;
	border-bottom:1px #808084 solid;
}

.ct th
{
	color:#000;
	text-transform:normal;
	border-bottom:1px #808084 solid;
	vertical-align:bottom;
}

.ct tr.blue th
{
	vertical-align:middle;
}

.ct th.big
{
	font-size:2em;
}

.ct img
{
	display:inline;
}

.code td, .ct td
{
	border-bottom:1px #e0e0e0 dotted;
}

.code tr.blue th, .code tr.blue td, .ct tr.blue th, .ct tr.blue td
{
	background-color:#e2f1f7;
}

.ct tr.img td
{
	border:none;
	padding-bottom:10px;
}

/* TABS DENTRO DE OVERLAY */
.overlay .tabs h4
{
	display:block;
	float:left;
	margin-right:20px;
	color:#808084;
}

.overlay .tabs
{
	width:100%;
	border-bottom:1px #e0e0e0 dotted;
	padding-bottom:5px;
	margin-bottom:10px;
}

.overlay .tabs h4:hover
{
	color:#000;
	cursor:pointer;
}

.overlay .tabs .current, .overlay .tabs .current:hover
{
	color:#0093d0;
	cursor:default;
}



/* FORMULARIOS */
label
{
	position:relative;
	display:block;
	margin-bottom:2px;
	font-size:.8em;
	text-transform:uppercase;
	font-weight:bold;
}

input[type=text], textarea, select
{
	position:relative;
	display:block;
	margin-bottom:10px;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:.9em;
}

input[type=text], textarea
{
	width:400px;
}

select
{
	width:406px;
}

form .medium
{
	width:200px;
}

form .small
{
	width:100px;
}

input[type=reset], input[type=submit], input[type=button]
{
	position:relative;
	display:inline;
	color:#fff;
	cursor:pointer;
	background-repeat:no-repeat;
	border:none;
	width:110px;
	font-weight:bold;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

input[type=reset]:hover, input[type=submit]:hover
{
	background-color:#000;
}

input[type=reset]
{
	background-color:#ff0000;
	background-image:url('../images/cancel.gif');
	background-position:8px center;
	padding:3px 10px 3px 25px;
}

input[type=submit]
{
	background-color:#0093d0;
	background-image:url('../images/bulletWhiteMedium.gif');
	background-position:94px center;
	padding:3px 20px 3px 10px;
	text-transform:uppercase;
	float:right;
	margin-right:40px;
}


input[type=button]
{
	background-color:#0093d0;
	background-image:url('../images/bulletWhiteMedium.gif');
	background-position:94px center;
	padding:3px 20px 3px 10px;
	text-transform:uppercase;
	float:right;
	margin-right:40px;
}