/* SPANISH SITE ELEMENTS ------------------------------- */
/*------------------------------------------------------ */ 
@import url(skinEs.css);
/* GLOBAL RESET ELEMENTS ------------------------------- */
/*------------------------------------------------------ */ 
body, h1, h2, h3, h4, p, ul, li, img {
	margin: 0;
	padding: 0;
	border:0;
}
/* GLOBAL LAYOUT ELEMENTS ------------------------------ */
/*------------------------------------------------------ */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background-color:#f6f6f6;
	text-align:center;
}
img, div {
	behavior: url(/css/iepngfix.htc);
}
#Container {
	width:1000px;
	margin:0 auto;
	text-align:left;
}
.clearfloat {
	font-size: 1px;
	line-height: 0px;
	clear: both;
	height: 0px;
}
h2 {
	color:#272725;
	text-transform:uppercase;
	font-family:GeosansLight;
	font-size:26px;
	margin:0 0 10px 0;
}
h3 {
	color:#848282;
	text-transform:uppercase;
	font-family:GeosansLight;
	font-size:18px;
	margin-bottom:10px;
	text-align:left;
}
#bgGeneralContent h3 {
	color:#848282;
	text-transform:uppercase;
	font-family:GeosansLight;
	font-size:18px;
	margin-bottom:10px;
	text-align:left;
	margin-left:5px !important;
}
.paragraph {
	width: 100%;
	margin: 20px 40px 0 40px;
}
/* MENU LAYOUT ELEMENTS -------------------------------- */
/*------------------------------------------------------ */
#Menu {
	float:right;
	width:535px;
	margin:115px 160px 0 0;
 *margin:115px 10px 0 0;
}
#MenuHome {
	height:25px;
	width:600px;
	float:left;
	margin:70px 0 0 13px;
}
.MainMenu_MenuContainer {
	width:100%;
	border:0;
	text-align:center;
}
.MainMenu_MenuItemSel {
	background-color: transparent;
}
/*a.linkMenu:link, a.linkMenu:visited {
	color:#4c4d51;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}
a.linkMenu:hover, a.linkMenu:active {
	color:#adadad;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}
*/
.menuLinkNormal td {
	color:#4c4d51;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:15px;
	font-weight:500;
	text-decoration:none;
	cursor:hand;
	cursor:pointer;
	text-transform:uppercase;
	padding:0 5px 0 5px;
	background:none !important;
}
.menuLinkOver td {
	color:#000000;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:15px;
	font-weight:500;
	text-decoration:none;
	cursor:hand;
	cursor:pointer;
	text-transform:uppercase;
	padding:0 5px 0 5px;
	background:none !important;
}
/* BANNER LAYOUT ELEMENTS ------------------------------ */
/*------------------------------------------------------ */
#Banner {
	height:510px;
	width:1000px;
	background:url(/Portals/0/img/bgBannerLogo.jpg) no-repeat center bottom;
	cursor:pointer;
}
/*a#imgBanner {
	position: relative;
	left: 1000px;
	top: 600px;
	width: 97px;
	height: 27px;
}
*/
.linkBanner {
	font-size: 0px;
	line-height: 1px;
	text-decoration: none;
	display:none;
}
/* CONTENTCONTAINER LAYOUT ELEMENTS --------------------- */
/*------------------------------------------------------ */
#bgContent {
	width:1000px;
	margin:0 auto 7px auto;
}
#InnerContainer {
	float:left;
	width:1000px;
	background:url(./img/bgInnerContainer.gif) repeat-y center top;
	border:solid 1px #cacbca;
	margin:0 0 20px 0;
}
.Sidebar {
	float:left;
	background:url(./img/bgSidebar.gif) repeat-x center top;
	width:212px;
 *width:241px;
	padding:30px 0 0 30px;
	_padding:30px 0 0 0;
}
.ContentContainer {
	float:right;
	width:756px;
}
.ContentPane {
	background:url(./img/bgContentPage.gif) repeat-x center top;
	width:756px;
 *width:718px;
}
/* SIDEBAR LAYOUT ELEMENTS ----------------------------- */
/*------------------------------------------------------ */
#MenuSideBar {
 *margin-left:5px;
}
#dnn_Sidebar a:link, #dnn_Sidebar a:visited {
	color:#C3C3C3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration: none;
}
#dnn_Sidebar a:hover, #dnn_Sidebar a:active {
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-decoration: none;
}
#dnn_Sidebar li a:link, #dnn_Sidebar li a:visited {
	color:#C3C3C3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration: none;
}
#dnn_Sidebar li a:hover, #dnn_Sidebar li a:active {
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration: none;
}
#MenuSideBar img {
	margin-bottom:10px;
}
#MenuSideBarBottom {
	padding:0 0 35px 0;
 *margin-left:5px;
}
.Sidebar li {
	list-style-type:none;
}
.Sidebar ul li {
	line-height:1.5;
}
.Sidebar ul ul {
	margin:7px 0 7px 15px;
}
h7 {
	cursor: pointer;
	color: #FFF;
	font-size: 22px;
	font-family:GeosansLight;
	margin: 10px 0;
}
.accordion {
	padding-bottom: 30px;
}
.accordion ul {
	margin: 5px 15px;
}
.accordion h1 {
	color: #C3C3C3;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
	margin: 3px 0;
}
.accordion h1:hover {
	color: #f0f0f0;
}
/* HEADER CONTENT LAYOUT ELEMENTS ---------------------- */
/*------------------------------------------------------ */
#BannerContent {
	height:157px;
	width:100%;
	float:left;
	margin:0 auto;
	background:url(./img/bgBannerContent.gif) repeat-x center top;
}
#logoCannonContent {
	float:left;
	width:193px;
}
#logoCannonContent img {
	margin:15px 0 5px 43px;
}
.TitleContent {
	height:176px;
	width:756px;
 *width:756px;
}
/* IMG MENU LAYOUT ELEMENTS ---------------------------- */
/*------------------------------------------------------ */
.BannerMenu {
	float:left;
	height:204px;
	width:940px;
	background:url(./img/bgImgMenu.gif) repeat-x center bottom;
	padding:20px 30px 0 30px;
}
#ProductsMenu {
	float:left;
	height:152px;
	width:298px;
	background:url(./img/bgProducts.gif) no-repeat;
	margin-right:20px;
}
#TechnologyMenu {
	float:left;
	height:152px;
	width:298px;
	background:url(./img/bgTechnology.gif) no-repeat;
	margin-right:20px;
}
#NewsAndEventsMenu {
	float:left;
	height:152px;
	width:298px;
	background:url(./img/bgNewsAndEvents.gif) no-repeat;
}
/* FOOTER LAYOUT ELEMENTS ------------------------------ */
/*------------------------------------------------------ */
#Footer {
	float:left;
	height:150px !important;
	width:1000px;
	background:url(./img/bgFooter.gif) repeat-x;
	color:#6a6a6a;
	line-height: 1.4;
	padding:0 0 0 0 !important;
}
#Footer hr {
	border:solid 1px #3c3c3c;
	width:300px;
	margin:0 0 8px 0;
}
a.titFooter:link, a.titFooter:visited {
	color:#868686;
	font-weight:bold;
	text-decoration:none;
}
a.titFooter:hover, a.titFooter:active {
	color:#6a6a6a;
	font-weight:bold;
	text-decoration:underline;
}
a.linkFooter:link, a.linkFooter:visited {
	color:#6a6a6a;
	text-decoration:none;
}
a.linkFooter:hover, a.linkFooter:active {
	color:#868686;
	text-decoration:underline;
}
#Footer a.SkinObject:link, a.SkinObject:visited {
	color:#6a6a6a;
	text-decoration:none;
	font-size: 14px;
}
#Footer a.SkinObject:hover, a.SkinObject:active {
	color:#868686;
	text-decoration:underline;
	font-size: 14px;
}
#Footer li {
	list-style-type:none;
}
#LogoFooter {
	float:left;
	width:155px;
	margin-right:35px;
}
#LogoFooter img {
	margin:30px 0 0 30px;
}
#CompanyFooter {
	float:left;
	width:155px;
}
#ProductsFooter {
	float:left;
	width:155px;
}
#ClientsFooter {
	float:left;
	width:200px;
	margin: 55px 0 0 0;
}
#ContactFooter {
	float:left;
	width:400px;
	color:#6a6a6a;
	margin-top: 25px;
}
#ContactFooter li {
	display: inline;
}
#LoginDevelopedBy {
	float:right;
	margin:108px 65px 0 0;
}
.SkinObject {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}
/* HOME FASHION ELEMENTS ------------------------------- */
/*------------------------------------------------------ */
#Innovations {
	background-color:#f0f0f0;
	width:604px;
	text-align:justify;
	padding:25px 55px 35px 35px;
}
#InnovationsList li {
	margin:15px 0 15px 0;
	list-style-type:none;
}
#bgGeneralContent img {
	border:solid 4px #f0f0f0;
}
#bgGeneralContent img:hover {
	border:solid 4px #c8c8c8;
}
#bgGeneralContent {
	width:624px;
	text-align:justify;
	padding:25px 35px 35px 35px;
}
.bgGeneralContent {
	width:624px;
	text-align:justify;
	padding:25px 35px 35px 35px;
}
.bgGeneralContent p {
	margin-bottom:9px;
}
#bgGeneralContent a:link, a:visited {
	color:#6a6a6a;
	text-decoration:underline;
}
#bgGeneralContent a:hover, a:active {
	color:#969696;
	text-decoration:underline;
}
a.linkContent:link, a.linkContent:visited {
	font-size:14px;
	color:#6a6a6a;
	text-decoration:underline;
}
a.linkContent:hover, a.linkContent:active {
	font-size:14px;
	color:#969696;
	text-decoration:underline;
}
#bgGeneralContent h3 {
	margin:15px 0 10px -30px;
}
#bgGeneralContent li {
	list-style-type:none;
}
.tableProduct {
	margin:10px 0 10px 0;
}
.tableProduct {
	color:#6a6a6a;
}
.logosClients {
	list-style-type:none;
	text-align:center;
}
.logosClients img {
	border:0px !important;
}
/* DETAIL PRODUCTS ELEMENTS ---------------------------- */
/*------------------------------------------------------ */
.titDetail {
	color:#272725;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
}
.titDetail span {
	color:#848282;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
}
.imgRight {
	float:right;
	display:block;
	margin:8px;
	border:solid 4px #f0f2f1;
}
.SmallText {
	font-size:11px;
}
.tableProductDetail {
	text-align:center;
}
.ProductDetail hr {
	border:solid 1px #dddddd;
	width:400px;
	margin:0;
}
.ProductDetail {
	font-size:11px;
	text-align:left;
	padding:15px;
}
.imgProductDetail {
	display:block;
	margin:15px auto;
}
/* PRODUCT DETAIL LAYOUT ELEMENTS ---------------------- */
/*------------------------------------------------------ */
h4 {
	font-weight:lighter;
	font-style:italic;
	padding:0px;
	margin:0px 0px 0px 0px;
	color:#272725;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
}
hr.Thin {
	height:1px;
	background-color:#C3C3C3;
	border:none;
	margin:0px 0px 10px 0px;
	padding:0px;
}
/* CONTENT LAYOUT ELEMENTS ----------------------------- */
/*------------------------------------------------------ */
#CannonCol {
	height:550px;
	width: 755px;
	background:url(/Portals/2/img/bgCompany.jpg) no-repeat bottom right;
	text-align:justify;
}
#CannonCol p {
	margin:15px 70px 0 0;
}
#WhatWeOffer {
	height:550px;
	width: 755px;
	background:url(/Portals/2/img/bgWhatWeOffer.jpg) no-repeat bottom right;
	text-align:justify;
}
#WhatWeOffer p {
	margin:15px 250px 0 0;
}
#TechnoAndCapacityCompany {
	height:550px;
	width: 755px;
	background:url(./img/bgTechnologyAndCapacity.jpg) no-repeat bottom right;
	text-align:justify;
}
#TechnoAndCapacityCompany p {
	margin:15px 15px 0 0;
}
.ProductiveProcess span {
	color:#bfbfbf;
	font-size: 32px;
	font-weight: bold;
	margin-right: 10px;
	padding-right: 5px;
	display: block;
	float: left;
	border-right: solid 1px #bfbfbf;
}
.ProductiveProcess h2 span {
	border-right: none;
}
#Quality {
	height:550px;
	width: 755px;
	/*	background:url(./img/bgQuality.jpg) no-repeat bottom right;
*/	text-align:justify;
}
#Quality p {
	margin:15px 15px 0 0;
}
#WaterSelfsufficiency {
	height:550px;
	width: 755px;
	text-align:justify;
}
#WaterSelfsufficiency p {
	margin:15px 15px 0 0;
}
#EnvironmentalProtection {
	height:550px;
	width: 755px;
	text-align:justify;
}
#EnvironmentalProtection p {
	margin:15px 15px 0 0;
}
.Certificates {
	height:550px;
	width: 755px;
	text-align:justify;
}
.Certificates p {
	margin:15px 15px 0 0;
}
#Location {
	height:450px;
	width: 755px;
	text-align:justify;
}
#Location p {
	margin:15px 0 0 0;
}
#Clients {
	width: 755px;
	background-color:#f0f0f0;
	text-align:justify;
	padding:25px 35px 35px 35px;
}
#Clients h3 {
	margin:22px 0 14px -13px;
}
#HomeFashion {
	width:409px;
 background:#url(./img/bgHomeFashion.jpg) no-repeat right bottom;
	text-align:justify;
}
#HomeFashion {
	padding:25px 250px 35px 35px;
}
#bgGeneralContent li {
	list-style-type:none;
}
/* DEATILS MENU LAYOUT ELEMENTS ------------------------ */
/*------------------------------------------------------ */
.titHomeProducts {
	margin:0;
	padding:0;
	color:#272725;
	text-transform:uppercase;
	font-family:GeosansLight;
	font-size:16px;
}
#containerTwoColumns {
	float:left;
	width:600px;
	margin:20px 0 0 20px;
}
#containerTwoColumns hr {
	height:1px;
	background-color:#272725;
	border:0;
	width:100%;
}
#TwoColumnLeft {
	float:left;
	height:225px;
	width:285px;
	cursor:hand;
	cursor:pointer;
}
#TwoColumRight {
	float:left;
	height:225px;
	width:285px;
	margin-left:30px;
	cursor:hand;
	cursor:pointer;
}
.HomeFashionTowels {
	background:url(./img/bgHomeFashionTowels.jpg) no-repeat center bottom;
	border-bottom:solid 1px #b6bac3;
}
.HomeFashionBedding {
	background:url(./img/bgHomeFashionBedding.jpg) no-repeat center bottom;
	border-bottom:solid 1px #bfb3a7;
}
.InstitutionalTowels {
	background:url(./img/bgInstitutionalTowels.jpg) no-repeat center bottom;
	border-bottom:solid 1px #8f7861;
}
.InstitutionalBedding {
	background:url(./img/bgInstitutionalBedding.jpg) no-repeat center bottom;
	border-bottom:solid 1px #8f7861;
}
h6 {
	margin:0;
	padding:0;
	color:#272725;
	text-transform:uppercase;
	font-family:GeosansLight;
	font-size:16px;
}
.containerThreeColumns hr {
	height:1px;
	background-color:#272725;
	border:0;
	width:100%;
}
.containerThreeColumns {
	float:left;
	height:155px;
	margin:20px 0 0 20px;
}
.ThreeColumnLeft {
	float:left;
	width:185px;
	height:155px;
}
.ThreeColumnCenter {
	float:left;
	width:185px;
	height:155px;
	margin-left:15px;
}
.ThreeColumnRight {
	float:left;
	width:185px;
	height:155px;
	margin-left:15px;
}
.tableProduct {
	font-size:11px !important;
}
.tableCollections {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
}
#MenuInnovations {
	background:url(./img/bgHomeInnovations.jpg) no-repeat center bottom;
	border-bottom:solid 1px #af9c8a;
	cursor:hand;
	cursor:pointer;
}
#MenuSolids {
	background:url(./img/bgHomeSolids.jpg) no-repeat center bottom;
	border-bottom:solid 1px #5a9bbb;
	cursor:hand;
	cursor:pointer;
}
#MenuNovelties {
	background:url(./img/bgHomeNovelties.jpg) no-repeat center bottom;
	border-bottom:solid 1px #694a2c;
	cursor:hand;
	cursor:pointer;
}
#MenuPrinted {
	background:url(./img/bgHomePrinted.jpg) no-repeat center bottom;
	border-bottom:solid 1px #da8fa3;
	cursor:hand;
	cursor:pointer;
}
#MenuBath {
	background:url(./img/bgHomeBath.jpg) no-repeat center bottom;
	border-bottom:solid 1px #da8fa3;
	cursor:hand;
	cursor:pointer;
}
#MenuKitchen {
	background:url(./img/bgHomeKitchen.jpg) no-repeat center bottom;
	border-bottom:solid 1px #da8fa3;
	cursor:hand;
	cursor:pointer;
}
.MenuBeachTowels {
	background:url(./img/bgInstitutionalBeach.jpg) no-repeat center bottom;
	border-bottom:solid 1px #87a0d3;
	cursor:hand;
	cursor:pointer;
}
.MenuEmbroideries {
	background:url(./img/bgInstitutionalEmbroideries.jpg) no-repeat center bottom;
	border-bottom:solid 1px #c3c2bc;
	cursor:hand;
	cursor:pointer;
}
.MenuBathMats {
	background:url(./img/bgInstitutionalBathMats.jpg) no-repeat center bottom;
	border-bottom:solid 1px #b3cb95;
	cursor:hand;
	cursor:pointer;
}
.MenuBasics {
	background:url(./img/bgInstitutionalBasics.jpg) no-repeat center bottom;
	border-bottom:solid 1px #cfc4b5;
	cursor:hand;
	cursor:pointer;
}
.marginheight {
	margin:30px 0 30px 20px;
}
/* DNN ELEMENTS ---------------------------------------- */
/*------------------------------------------------------ */
/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton {
	font-family: Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	font-weight:bold;
}
.FormButton {
	font-family: Arial, Helvetica;
	font-size: 14px;
	font-weight: normal;
	display:inline-block;
	height:30px;
	width:100px;
	background-color:#CCCCCC;
	padding-top:8px !important;
	font-weight:bold;
}
a.FormButton:hover {
	font-family: Arial, Helvetica;
	font-size: 14px;
	font-weight: normal;
	display:inline-block;
	height:30px;
	width:100px;
	background-color:#e6e6e6;
	padding-top:8px !important;
	font-weight:bold;
}
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link, A.FormButton:link {
	text-decoration: none !important;
	color: #4c4d51;
}
A.CommandButton:visited, A.FormButton:visited {
	text-decoration: none !important;
	color: #4c4d51;
}
A.CommandButton:hover, A.FormButton:hover {
	text-decoration: none !important;
	color: #969696;
}
A.CommandButton:active, A.FormButton:active {
	text-decoration: none !important;
	color: #4c4d51;
}
.NormalTextBox {
	background-color:#cccccc;
	border:0;
	font-family: Arial, Helvetica;
	font-size: 14px;
	font-weight: normal;
	padding-top:5px;
}
.SubHead {
	font-family: Arial, Helvetica;
	font-size: 14px;
	font-weight: bold;
	color: #848282;
}
.NormalRed {
	font-family: Arial, Helvetica !important;
	font-size: 12px !important;
	font-weight: bold !important;
	color: #272725 !important;
}
/* CODA LAYOUT ELEMENTS -------------------------------- */
/*------------------------------------------------------ */
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	position: relative;
	width: 755px;
}
.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden;
	margin: auto;
	width: 755px;
	clear: both;
}
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	list-style-type: none;/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	position: relative;
	width: 755px;
}
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
}
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	display:none;
}
.stripNavL {
	display:none;
}
.stripNavR {
	display:none;
}
.wrapper {
	padding:30px 40px 0 40px;
	background-color:transparent;
}
.wrapper img {
	border:solid 4px #f0f0f0;
}
