﻿
/* body */

body 
{
	background-color:#024B90;
	
	margin:0px;
	padding:0px;
}

fieldset { border:none; }
fieldset label 
{
	font-family:Arial, Helvetica;
	font-size:12px;
	color:#999999;
}

fieldset input.cssTextBox,
fieldset textarea.cssTextArea
{ 
	width:100%; 
	
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #AAAAAA;
	
	margin:4px 0px 4px 0px;
	
	background-color: transparent;
	background-image: url(../images/input_bg.jpg);
	background-repeat: no-repeat;
	
	padding:4px;
	
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #acacac;
	
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #acacac;
	
	border-left-width: 0px;
	border-left-style: solid;
	border-left-color: #acacac;
}

fieldset textarea.cssTextArea { height:70px; }

input.cssButton 
{ 
	background-color:#EEEEEE; 
	border:1px solid #CCCCCC; 
	color:#BBBBBB; 
	margin-top:4px; 
	padding:0px 5px 0px 5px;  
	
	/position:relative;
	/right:-5px;
}

/* container */

div#divContainer
{
	margin-left:auto;
	margin-right:auto;
	
	width:995px;
}

/* logo */

div#divLogo
{
	position:absolute;
	margin-top:64px;
	margin-left:40px;
}

div#divLogo a {  }
div#divLogo a img { border:none; }

/* cabecera */

div#divHeader 
{
	height:131px;
	padding-left:29px;
	padding-right:30px;
	
	background-image:url(../Images/bgBody.jpg);
	background-position:center top;
	background-repeat:repeat-y;
}

div#divHeader ul#cssUlMainMenu
{
	height:39px;
	margin:0px;
	padding:0px;
	
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	
	background-image:url(../Images/bgMainMenu.jpg);
	background-position:left top;
	background-repeat:repeat-x;
}

div#divHeader ul#cssUlMainMenu li 
{ 
	list-style:none; 
	float:right; 
	
	height:39px;
}

div#divHeader ul#cssUlMainMenu li a.cssMMLink
{
	display:block;
	width:120px;
	height:39px;
	line-height:39px;
	margin-left:1px;
	
	font-family:Arial;
	font-size:14px;
	font-weight:normal;
	color:#F1F9FC;
	text-decoration:none;
	text-align:center;
	
	background-image:url(../Images/bgMainMenuBottons.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}

div#divHeader ul#cssUlMainMenu li a.cssMMLink:hover
{
	display:block;
	width:120px;
	height:39px;
	line-height:39px;
	
	font-family:Arial;
	font-size:14px;
	font-weight:normal;
	color:#F1F9FC;
	text-decoration:none;
	text-align:center;
	
	background-image:url(../Images/bgMainMenuBottons.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}

div#divHeader ul#cssUlMainMenu li a.cssMMLink:hover
{
	background-image:url(../Images/bgMainMenuBottonsHover.jpg);
	background-repeat:repeat;
}

div#divHeader div.cssDivFamily
{
	height:32px;
	padding-top:60px;
	text-align:right;
	
	border-bottom:1px solid #EEEEEE;
	_overflow:hidden;
}

div#divHeader div#divHLanguages ul.ulDefaultMenu li { background-image:none; padding-left:0px; }
div#divHeader div#divHLanguages ul.ulDefaultMenu li a { text-decoration:underline; }
div#divHeader div#divHLanguages ul.ulDefaultMenu li a:hover { text-decoration:none; }

div#divHeader h1 { margin:0px; padding:0px; height:32px; }

div#divHeader h1 span
{
	padding-right:5px;
	font-family:Times New Roman;
	font-size:25px;
	text-transform:uppercase;
	font-weight:normal;
}

/* div body */

div#divBody
{
	padding-left:35px;
	padding-right:35px;
	
	padding-top:40px;
	
	background-image:url(../Images/bgBody.jpg);
	background-position:center top;
	background-repeat:repeat-y;
}

/* div boyd divCatalogMenu */

div#divCatalogMenu 
{ 
	float:left;
	padding-left:30px; 
	padding-bottom:20px; 
	width:244px; 
	
	border-right:1px solid #DDE8FF; 
}

div#divCatalogMenu ul { margin:0px; padding:0px; list-style:none; width:238px; }
div#divCatalogMenu ul li { border-bottom:1px solid #F0F5FF; height:32px; overflow:hidden; }
div#divCatalogMenu ul li a 
{ 
	float:left;
	display:block; 
	width:226px; 
	width:205px;
	height:32px; 
	
	padding-left:2px;
	
	line-height:32px; 
	/line-height:30px; 
	
	text-decoration:none;
	font-family:Arial, Helvetica;
	font-size:12px;
	color:#5B99F7;
	color:#FFFFFF;
	border-right:1px solid #FFFFFF;
}

div#divCatalogMenu ul li a:hover 
{
	background-color:Transparent; 
	color:#FFFFFF; 
	
	background-color:#FFFFFE; 	
	color:#5B99F7;
}

div#divCatalogMenu ul li img { float:right; height:30px; }

/* div boyd divCatalogBody*/

div#divCatalogBody
{
	float:left;
	padding-left:15px;
	
	width:604px;
}

/* pre footer */

div#divPreFooter
{
	/*
	height:110px;
	height:80px;
	padding-top:10px;
	*/
	height:1px;
	padding-left:35px;
	padding-right:35px;
	
	background-image:url(../Images/bgBody.jpg);
	background-position:center top;
	background-repeat:repeat-y;
}

div#divPreFooter ul.ulDefaultMenu li a { font-size:12px; }

/* footer */

div#divFooter
{
	padding-left:35px;
	padding-right:35px;
	
	padding-top:10px;
	/padding-top:20px;

	background-image:url(../Images/bgFooter.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}

div#divFooter h1 
{
	margin-bottom:0px;
	color:#C4E2FF;
}

div#divFooter p,
div#divFooter .cssDivColumn
{
	font-family:Arial;
	font-size:12px;
	
	color:#C4E2FF;
	font-weight:bold;
	line-height:22px;
}

div#divFooter p strong,
div#divFooter .cssDivColumn strong{ color:#E8F3FF; font-size:18px; font-family:Arial narrow; }

div#divFooter div.cssDivColumn { width:200px; }
div#divFooter p.cssPColumn { width:320px; padding-top:35px; /padding-top:20px; }

div#divFooter div#divLanguagesControl ul.ulDefaultMenu li 
{
	background-image:url(../images/blStarTeaser.jpg);
}

div#divFooter div#divLanguagesControl ul.ulDefaultMenu li.cssLiBSelected 
{ 
	background-image:url(../images/blStarTeaserSelected.jpg);
}

div#divFooter div#divLanguagesControl ul.ulDefaultMenu li.cssLiBFirst { background-image:none; }




div#divTeaser div#divLanguagesControl ul { border:none; }
div#divTeaser div#divLanguagesControl ul li { line-height:30px; }

/* CLASES GENÉRICAS */

p.cssPColumn,
div.cssDivColumn { float:left; }

div.cssDivRightAlign { text-align:right; }
div.cssDivCenterAlign { text-align:center; }

div.cssDivMSections 
{ 
	background-image:url(../Images/bgMultipleSectionsSeparator.jpg); 
	background-position:center bottom;
	background-repeat:no-repeat;
	
	padding-bottom:20px;
	margin-bottom:40px;
}

img.imgCommon { border:1px solid #DDDDDD; padding:6px; }
img.imgFloatLeft { float:left; margin-right:20px; margin-bottom:20px; }
img.imgFloatRight { float:right; margin-left:20px; margin-bottom:20px; }
img.imgLogos { margin-left:10px; margin-right:10px; }

hr.cssHRClear { clear:both; visibility:hidden; }

span.cssStrongHigh { font-family: Times New Roman; font-size:36px; }

span.cssSpanPink { color:#FF99FF; }
span.cssSpanLightBlue { color:#ADCCFB; }

/* clases genéricas: headers */

h1.cssH1Footer span
{
	font-family:Arial;
	font-weight:normal;
	font-size:20px;
	
	text-transform:uppercase;
}

h1.cssH1Hight span
{
	font-family:Times New Roman;
	font-size:30px;
	text-transform:uppercase;
	font-weight:normal;
}

h2.cssH2Default span
{
	font-family:Times New Roman;
	font-size:20px;
	color:#024B90;
	text-transform:uppercase;
	font-weight:normal;
}

h2.cssH2Default a { color:#024B90; }

/* clases genéricas: parrafos */

p.cssPDefault
{
	font-family:Tahoma;
	font-size:12px;
	
	font-family:Arial unicode, Arial, Helvetica;
	font-size:14px;
	
	color:#999999;
	
	line-height:25px;
	line-height:30px;
	text-align:justify;
}


p.cssPDefault em, 
p.cssPHigh em{ font-style:italic; color:#FF9900; color:#024B90; }

p.cssPDefault strong,
p.cssPHigh strong { color:#FF9900; color:#024B90; }

p.cssPImage{ float:left; }

p.cssPHigh
{
	font-family:Verdana;
	
	font-family:Arial unicode, Arial, Helvetica;
	
	font-size:16px; font-size:14px;
	color:#333333; color:#999999;
	
	line-height:32px;
	text-align:justify;
}

ul.cssULDefault li span 
{ 
	font-family:Arial;
	font-size:12px;
	
	font-family:Arial unicode, Arial, Helvetica;
	font-size:14px;
	color:#999999;
	
	line-height:25px;
	line-height:30px;
}

ul.cssULDefault li span strong { color:#FF9900; color:#024B90; }

blockquote 
{ 
	font-family:Arial;
	font-size:11px;
	color:#AAAAAA;
	
	line-height:25px; 
}

/* para span */

span.cssSpanBlue { color:#024B90;}

/* clases genéricas: links */

a.cssBlueLink{ font-family:arial; font-size:12px; color:#024B90;  }
a.cssBlueLink:hover { font-family:arial; font-size:12px; color:#FFFFFF; color:#FFCCFF; }

a.cssDefaultLink{ font-family:arial; font-size:12px; color:#C4E2FF; }
a.cssDefaultLink:hover { font-family:arial; font-size:12px; color:#FFFFFF; }

a.cssSmallLink,
a.cssSmallLinkSelected
{
	font-family:Verdana;
	font-size:10px;
	text-decoration:none;
}

a.cssSmallLink { color:#468CF7; }
a.cssSmallLinkSelected { color:#FF99FF; }

a.cssSmallLink:hover
{
	color:#FF99FF;
}

a.cssStarLink
{ 
	padding-left:24px;
	background-image:url(../Images/blStar.gif);
	background-repeat:no-repeat;	
	display:block;
	height:20px;
	line-height:17px;
}

/* default menu */

ul.ulDefaultMenu
{ 
	margin:0px; 
	padding:10px 0px 0px 0px;
	
	/* border-top:1px solid #EEEEEE; */
}

ul.ulDefaultMenu li 
{ 
	/* background-image:url(../Images/blStar.gif); */
	/* padding-left:25px; */
	
	margin-right:20px;
	
	background-position:left bottom;
	background-repeat:no-repeat;
	
	display:inline;
}

ul.ulDefaultMenu li.cssLiBFirst
{
	background-image:none;
	margin:0px;
	padding:0px;
}

ul.ulDefaultMenu li.cssLiBSelected
{
	/* background-image:url(../Images/blStarSelected.gif); */
}

ul.ulDefaultMenu li span
{
	font-family:Times New Roman;
	font-size:20px;
	color:#ADCCFB;
}

/* tablas */

table.cssTableCommon tbody tr td{ vertical-align:top; }
table.cssTableCommon tbody tr td.cssTdImage { text-align:left; padding-right:10px; padding-bottom:15px; }
table.cssTableCommon tbody tr td.cssTdImage a img { border:none; }
table.cssTableCommon tbody tr td.cssTdDescription { padding-bottom:15px; }
table.cssTableCommon tbody tr th h2 { margin-top:0px; margin-bottom:10px; }
table.cssTableCommon tbody tr td p { margin-top:0px; padding-top:0px; }
table.cssTableCommon tbody tr td div { float:right; }

/* CLASES PARA LAS DISTINTAS PÁGINAS */

/* CLASES PARA EL TEASER */

div#divTeaser
{
	margin-left:auto;
	margin-right:auto;
	
	width:260px;

	/*	
	background-image:url(../Images/bgTeaser.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	*/
	
	padding:20px 100px 100px 100px;
	text-align:center;
}

div#divTeaser div#divLanguagesControl 
{ 
	width:175px; 
	text-align:left; 
	margin-bottom:20px; 
	padding-left:40px; 
}

div#divTeaser div#divLanguagesControl ul { border:none; }
div#divTeaser div#divLanguagesControl ul li { line-height:30px; }

div#divTeaser ul{ /margin-left:20px;  }

div#divTeaser ul.ulDefaultMenu li 
{
	background-image:url(../images/blStarTeaser.jpg);
}

div#divTeaser ul.ulDefaultMenu li.cssLiBSelected 
{ 
	background-image:url(../images/blStarTeaserSelected.jpg);
}

div#divTeaser ul.ulDefaultMenu li a.cssSmallLink 
{ 
	color:#FFFFFF; 
}

div#divTeaserDirections 
{
	margin-left:auto; 
	margin-right:auto; 
	width:260px; 
	width:500px;
	/* padding:20px 100px 100px 100px;  */
	position:relative; 
	top:-60px; 
}

div#divTeaser h1,
div#divTeaserDirections h1
{
	margin-top:40px;
	margin-bottom:0px;
	color:#01386B;
	color:#FFFFFF;
}

div#divTeaserDirections a{ color:#01386B; color:#FFFFFF; }
div#divTeaserDirections a:hover{ color:#C4E2FF; }

div#divTeaserDirections div
{ 
	margin-top:10px;
	
	color:#03305A; 
	color:#FFFFFF;
	font-family:Arial, Helvetica;
	font-size:12px;
	line-height:25px;
}

div#divTeaserDirections div.cssDivColumn{ margin-right:20px; margin-left:20px;}

div#divTeaserDirections div h2 
{
	font-size:14px;
	margin:5px 0px 10px 0px;
	color:#01386B;
	color:#FFFFFF;
}

div#divNews,
div#divNewsDescription,
div#divContact,
div#divCompany
{
	padding:0px 30px 0px 30px;
}


/* CLASES DE LA FICHA DE PRODUCTO */

div#divImageColumn { width:142px; overflow:hidden; }
div#divDescriptionColumn 
{ 
	width:452px; 
	padding-left:10px;
}

div#divDescriptionColumn table { width:100%; font-family:arial; font-size:11px; border-collapse:collapse; }
div#divDescriptionColumn table th,
div#divDescriptionColumn table td 
{ 
	border-collapse:collapse; 
	padding:4px 2px 4px 2px;
	text-align:center; 
}

/* CLASES DE LAS PAGINAS DE DESTACADOS */ 

div#divNews table.cssTableCommon tbody tr th { text-align:left; }
div#divNews img.cssImgNews { border:1px solid #DDDDDD; padding:5px; width:60px; }

div#divNewsDescription div#divImageColumn { width:230px; }
div#divNewsDescription div#divDescriptionColumn { width:660px; }
div#divNewsDescription img.cssImgNews{ border:1px solid #DDDDDD; padding:5px; width:200px; }
div#divNewsDescription h1 
{ 
	color:#024B90;
}

/* CLASES PARA LA PÁGINA DE CONTACTO */

div#divContact div.cssDivColumn h2 {  }
div#divContact div.cssDivColumn 
{ 
	width:257px; 
	/width:258px; 
	font-family:Arial;
	font-size:12px;
	
	color:#999999;
	line-height:22px;
}

div#divContact div#divDirections { padding-left:20px; width:567px; border-left:1px solid #EEEEEE; }
div#divContact div#divDirections div.cssDivColumn { width:350px; margin-right:20px; }

div#divContact div#divCommercial 
{ 
	/*
	width:268px; 
	width:400px;
	
	padding-right:20px; 
	padding-left:20px; 
	border-left:1px solid #DDDDDD; 
	border-right:1px solid #DDDDDD; 
	*/
}

div#divContact div#divFactory 
{ 
	padding-left:20px;  
}

div#divContact div#divForm { padding-right:20px; }
div#divContact div#divForm a.cssDefaultLink { color:#ADCCFC; }
div#divContact div#divForm a.cssDefaultLink:hover { color:#FF99FF; }

/* controles */

div#divLanguagesControl ul li a { font-size:12px; }

div#divCatalogBreadCumbNavigation { /* position:relative; top:-30px; */ }
div#divCatalogBreadCumbNavigation ul.ulDefaultMenu { border:none; padding:0px; }

div#divProductsByFamilyControl h1 { color:#FFFFFF; }
div#divProductsByFamilyControl h1 a { text-decoration:none; color:#FFFFFF; }
div#divProductsByFamilyControl h1 img { border:none; }
div#divProductsByFamilyControl div.cssDivFProducts 
{ 
	border:1px solid #CCCCCC; 
	text-align:left; 
	background-color:#FFFFFF; 
	position:absolute; 
	width:auto; 
	
	_position:relative;
	_z-index:1000;
	_width:300px;
	
	padding:10px;
	background-color:#F9FBFF;
	
	z-index:1000;
}

div#divProductsByFamilyControl div.cssDivFProducts ul.ulDefaultMenu li 
{ 
	background-image:url(../Images/blLightBlueStar.jpg);
}

div#divProductsByFamilyControl ul.ulDefaultMenu li 
{ 
	display:block; 
	float:none; 
	line-height:35px; 
	height:35px; 
	background-position:left center; 
}

div.cssDivPaginationControl 
{
	text-align:center;
}

div.cssDivPaginationControl span a
{
	font-family:Times New Roman;
	font-size:26px;
	
	padding:0px 5px 0px 5px;
}

div.cssDivPaginationControl span a.cssPLink { color:#024B90; }
div.cssDivPaginationControl span a.cssPLink:hover { color:#FF99FF; }

div.cssDivPaginationControl span a.cssSPLink{ color:#FF99FF; }




