BODY
{
	font: 11px Tahoma, sans-serif;
	background: #FFFFFF;
	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: #666666;
}
#container
{
	width: 950px;
/*using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar*/
	background: #FFFFFF;
	margin: 18px auto;
/*the auto margins (in conjunction with a width) center the page*/
	text-align: left;
/*this overrides the text-align: center on the body element.*/
	clear: both;
}
#rightColumn
{
	float: right;
/*since this element is floated, a width must be given*/
	width: 290px;
/*the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width*/
	background: #FFFFFF;
/*the background color will be displayed for the length of the content in the column, but no further*/
}
#logo
{
	height: 113px;
	text-align: center;
}
#logo IMG
{
	margin-top: 25px;
}
.mainContent
{
	background: url(http://www.offcorss.com/Portals/0/img/mainBanner.jpg) no-repeat top left;
	height: 565px;
}
#mainContentInterna
{
	margin: 0 290px 0 0;
/*the right margin on this div element creates the column down the right side of the page - no matter how much content the rightColumn div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #rightColumn space when the content in #rightColumn ends.*/
}
#mainContentAdmin
{
	margin: 0 290px 0 0;
/*the right margin on this div element creates the column down the right side of the page - no matter how much content the rightColumn div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #rightColumn space when the content in #rightColumn ends.*/
}
#footer
{
	background: url(./img/footerBg.gif) no-repeat top left;
	height: 93px;
	width: 950px;
}
#footer DIV
{
	margin: 30px 30px 30px 50px;
	float: left;
}
#footer P
{
	margin: 0;
	color: #FFFFFF;
}
#footer A
{
	color: #FFFFFF !important;
	font-weight: bold !important;
}
.login
{
	color: #45C5CC !important;
	font-weight: bold !important;
}
#credits
{
	text-align: right;
	padding: 10px 10px 0 0;
}
#credits A
{
	font-weight: bold !important;
	color: #666666 !important;
}
.fltrt
{
/*this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page.*/
	float: right;
	margin-left: 8px;
}
.fltlft
{
/*this class can be used to float an element left in your page*/
	float: left;
	margin-right: 8px;
}
.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;
}
A IMG
{
	border: none !important;
}
A
{
	color: #94C948 !important;
	font-weight: bold !important;
	font-size: 10px !important;
	text-decoration: underline !important;
}
.bannerHome
{
	width: 660px;
	height: 250px;
}
.bannerHome IMG.mainBanner
{
	height: 250px;
	width: 660px;
}
.ContentPane
{
	padding: 0 20px 20px;
}
.ContentPaneHome
{
	padding: 0 330px 20px 20px;
}
DIV.hr
{
	height: 11px;
	background: #FFF url(./img/hr.gif) repeat-x scroll left;
}
DIV.hr HR
{
	display: none;
}
.title
{
	color: #F7901E;
	font-weight: bold;
}
.imgRight
{
	margin: 0 0 5px 10px;
}
.imgLeft
{
	margin: 0 10px 5px 0;
}
/*SpryAccordion.css - version 0.4 - Spry Pre-Release 1.6.1
Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved.
This is the selector for the main Accordion container. For our default style,
* we draw borders on the left, right, and bottom. The top border of the Accordion
* will be rendered by the first AccordionPanelTab which never moves.
*
* If you want to constrain the width of the Accordion widget, set a width on
* the Accordion container. By default, our accordion expands horizontally to fill
* up available space.
*
* The name of the class ("Accordion") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style the
* Accordion container.
 */
.Accordion
{
	border-top: 1px solid #FFFFFF;
	overflow: hidden;
}
/*This is the selector for the AccordionPanel container which houses the
* panel tab and a panel content area. It doesn't render visually, but we
* make sure that it has zero margin and padding.
*
* The name of the class ("AccordionPanel") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel container.
*/
DIV, A
{
	outline: none;
}
.AccordionPanel
{
	margin: 0px;
	padding: 0px;
}
/*This is the selector for the AccordionPanelTab. This container houses
* the title for the panel. This is also the container that the user clicks
* on to open a specific panel.
*
* The name of the class ("AccordionPanelTab") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel tab container.
*
* NOTE:
* This rule uses -moz-user-select and -khtml-user-select properties to prevent the
* user from selecting the text in the AccordionPanelTab. These are proprietary browser
* properties that only work in Mozilla based browsers (like FireFox) and KHTML based
* browsers (like Safari), so they will not pass W3C validation. If you want your documents to
* validate, and don't care if the user can select the text within an AccordionPanelTab,
* you can safely remove those properties without affecting the functionality of the widget.
 */
.AccordionPanelTab
{
	background: #BFBFBF url(./img/shoppinCartPanelBottom.gif) no-repeat bottom;
	color: #FFFFFF;
	margin: 0;
	padding: 10px 20px 10px 0;
	text-align: right;
	cursor: pointer;
	cursor: hand;
	-moz-user-select: none;
/*-khtml-user-select: none*/
}
/*This is the selector for a Panel's Content area. It's important to note that
* you should never put any padding on the panel's content area if you plan to
* use the Accordions panel animations. Placing a non-zero padding on the content
* area can cause the accordion to abruptly grow in height while the panels animate.
*
* Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
* Content container.
*
* The name of the class ("AccordionPanelContent") used in this selector is not necessary
* to make the widget function. You can use any class name you want to style an
* accordion panel content container.
 */
.AccordionPanelContent
{
	background: #BFBFBF url(./img/shoppinCartPanelBottom.gif) no-repeat bottom;
	color: #FFFFFF;
	overflow: auto;
	margin: 0px;
	padding: 0 20px 20px;
	position: absolute;
}
/*This is an example of how to change the appearance of the panel tab that is
* currently open. The class "AccordionPanelOpen" is programatically added and removed
* from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab
{
	background: #BFBFBF;
}
/*This is an example of how to change the appearance of the panel tab as the
* mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
* and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover
{
}
.AccordionPanelOpen .AccordionPanelTabHover
{
}
/*This is an example of how to change the appearance of all the panel tabs when the
* Accordion has focus. The "AccordionFocused" class is programatically added and removed
* whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab
{
}
/*This is an example of how to change the appearance of the panel tab that is
* currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab
{
}
/*CODA SLIDER*/
.csw
{
	width: 100%;
	height: 32px;
	background: #FFF;
	overflow: scroll;
}
.csw .loading
{
	margin: auto;
	text-align: center;
}
.slider-wrap
{
	margin: 0;
	position: relative;
	width: 660px;
	float: left;
}
.stripViewer
{
/*This is the viewing window*/
	position: relative;
	overflow: hidden;
	margin: 0;
	width: 660px;
/*Also specified in  .stripViewer .panelContainer .panel  below*/
	border-top: 1px solid #E5E5E5;
	height: 32px;
	clear: both;
	background: #FFF;
}
.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;
}
.stripViewer .panelContainer .panel
{
/*Each panel is arranged end-to-end*/
	float: left;
	height: 32px;
	position: relative;
	width: 660px;
/*Also specified in  .stripViewer  above*/
}
.stripViewer .panelContainer .panel .wrapper
{
/*Wrapper to give some padding in the panels, without messing with existing panel width*/
	padding: 6px 0 0 10px;
}
.stripNav
{
/*This is the div to hold your nav (the UL generated at run time)*/
	margin: 0 0 0 10px;
}
.stripNav UL
{
/*The auto-generated set of links*/
	list-style: none;
	display: inline;
}
.stripNav UL LI
{
	float: left;
	margin-right: 5px;
/*If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js*/
	display: block;
}
.stripNav A
{
/*The nav links*/
	text-align: center;
	line-height: 41px;
	display: block;
	text-decoration: none !important;
}
.stripNav LI.tab1 A
{
	background: url(./img/btnOFFCORSS.gif) no-repeat;
	height: 41px;
	width: 102px;
}
.stripNav LI.tab1 A:hover
{
	background: url(./img/btnOFFCORSSover.gif) no-repeat;
	height: 41px;
	width: 102px;
}
.stripNav LI.tab1 A.current
{
	background: url(./img/btnOFFCORSSover.gif) no-repeat;
	height: 41px;
	width: 102px;
}
.stripNav LI.tab2 A
{
	background: url(./img/btnPrimi.gif) no-repeat;
	height: 41px;
	width: 67px;
}
.stripNav LI.tab2 A:hover
{
	background: url(./img/btnPrimiOver.gif) no-repeat;
	height: 41px;
	width: 67px;
}
.stripNav LI.tab2 A.current
{
	background: url(./img/btnPrimiOver.gif) no-repeat;
	height: 41px;
	width: 67px;
}
.stripNav LI.tab3 A
{
	background: url(./img/btnBebe.gif) no-repeat;
	height: 41px;
	width: 63px;
}
.stripNav LI.tab3 A:hover
{
	background: url(./img/btnBebeOver.gif) no-repeat;
	height: 41px;
	width: 63px;
}
.stripNav LI.tab3 A.current
{
	background: url(./img/btnBebeOver.gif) no-repeat;
	height: 41px;
	width: 63px;
}
.stripNav LI.tab4 A
{
	background: url(./img/btnNino.gif) no-repeat;
	height: 41px;
	width: 66px;
}
.stripNav LI.tab4 A:hover
{
	background: url(./img/btnNinoOver.gif) no-repeat;
	height: 41px;
	width: 66px;
}
.stripNav LI.tab4 A.current
{
	background: url(./img/btnNinoOver.gif) no-repeat;
	height: 41px;
	width: 66px;
}
.stripNav LI.tab5 A
{
	background: url(./img/btnNina.gif) no-repeat;
	height: 41px;
	width: 66px;
}
.stripNav LI.tab5 A:hover
{
	background: url(./img/btnNinaOver.gif) no-repeat;
	height: 41px;
	width: 66px;
}
.stripNav LI.tab5 A.current
{
	background: url(./img/btnNinaOver.gif) no-repeat;
	height: 41px;
	width: 66px;
}
.stripNav LI.tab6 A
{
	background: url(./img/btnContacto.gif) no-repeat;
	height: 41px;
	width: 106px;
}
.stripNav LI.tab6 A:hover
{
	background: url(./img/btnContactoOver.gif) no-repeat;
	height: 41px;
	width: 106px;
}
.stripNav LI.tab6 A.current
{
	background: url(./img/btnContactoOver.gif) no-repeat;
	height: 41px;
	width: 106px;
}
.stripNavL, .stripNavR
{
/*The left and right arrows*/
	position: absolute;
	top: 230px;
	text-indent: -9000em;
	display: none;
}
.stripNavL A, .stripNavR A
{
	display: block;
	height: 40px;
	width: 40px;
}
.stripNavL
{
	left: 0;
}
.stripNavR
{
	right: 0;
}
.stripNavL
{
	background: url(images/arrow-left.gif) no-repeat center;
}
.stripNavR
{
	background: url(images/arrow-right.gif) no-repeat center;
}
#submenu1 TD
{
	height: 21px;
}
#submenu1 TD:hover
{
	height: 21px;
	background: #28C0DA url(./img/subMenu1Left.gif) no-repeat top left;
}
#submenu1 TD DIV
{
	text-align: center;
	padding: 3px 10px 0;
	height: 18px;
}
#submenu1 TD DIV A
{
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase !important;
	text-decoration: none !important;
	color: #28C0DA !important;
}
#submenu1 TD DIV:hover
{
	background: url(./img/subMenu1Right.gif) no-repeat top right;
	text-align: center;
	padding: 3px 10px 0;
	height: 18px;
}
#submenu1 TD DIV:hover A
{
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase !important;
	text-decoration: none !important;
	color: #FFFFFF !important;
}
#submenu1 .current
{
	height: 21px;
	background: #28C0DA url(./img/subMenu1Left.gif) no-repeat top left;
}
#submenu1 .current DIV
{
	background: url(./img/subMenu1Right.gif) no-repeat top right;
	text-align: center;
	padding: 3px 10px 0;
	height: 18px;
}
#submenu1 .current DIV A
{
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase !important;
	text-decoration: none !important;
	color: #FFFFFF !important;
}
#submenu2 TD
{
	height: 21px;
}
#submenu2 TD:hover
{
	height: 21px;
	background: #87E5F5 url(./img/subMenu2Left.gif) no-repeat top left;
}
#submenu2 TD DIV
{
	text-align: center;
	padding: 3px 10px 0;
	height: 18px;
}
#submenu2 TD DIV A
{
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase !important;
	text-decoration: none !important;
	color: #87E5F5 !important;
}
#submenu2 TD DIV:hover
{
	background: url(./img/subMenu2Right.gif) no-repeat top right;
	text-align: center;
	padding: 3px 10px 0;
	height: 18px;
}
#submenu2 TD DIV:hover A
{
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase !important;
	text-decoration: none !important;
	color: #FFFFFF !important;
}
#submenu2 .current
{
	height: 21px;
	background: #87E5F5 url(./img/subMenu2Left.gif) no-repeat top left;
}
#submenu2 .current DIV
{
	background: url(./img/subMenu2Right.gif) no-repeat top right;
	text-align: center;
	padding: 3px 10px 0;
	height: 18px;
}
#submenu2 .current DIV A
{
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase !important;
	text-decoration: none !important;
	color: #FFFFFF !important;
}
#submenu3 TD
{
	height: 21px;
}
#submenu3 TD:hover
{
	height: 21px;
	background: #94C948 url(./img/subMenu3Left.gif) no-repeat top left;
}
#submenu3 TD DIV
{
	text-align: center;
	padding: 3px 10px 0;
	height: 18px;
}
#submenu3 TD DIV A
{
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase !important;
	text-decoration: none !important;
	color: #94C948 !important;
}
#submenu3 TD DIV:hover
{
	background: url(./img/subMenu3Right.gif) no-repeat top right;
	text-align: center;
	padding: 3px 10px 0;
	height: 18px;
}
#submenu3 TD DIV:hover A
{
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase !important;
	text-decoration: none !important;
	color: #FFFFFF !important;
}
#submenu3 .current
{
	height: 21px;
	background: #94C948 url(./img/subMenu3Left.gif) no-repeat top left;
}
#submenu3 .current DIV
{
	background: url(./img/subMenu3Right.gif) no-repeat top right;
	text-align: center;
	padding: 3px 10px 0;
	height: 18px;
}
#submenu3 .current DIV A
{
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase !important;
	text-decoration: none !important;
	color: #FFFFFF !important;
}
#submenu4 TD
{
	height: 21px;
}
#submenu4 TD:hover
{
	height: 21px;
	background: #F7901E url(./img/subMenu4Left.gif) no-repeat top left;
}
#submenu4 TD DIV
{
	text-align: center;
	padding: 3px 10px 0;
	height: 18px;
}
#submenu4 TD DIV A
{
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase !important;
	text-decoration: none !important;
	color: #F7901E !important;
}
#submenu4 TD DIV:hover
{
	background: url(./img/subMenu4Right.gif) no-repeat top right;
	text-align: center;
	padding: 3px 10px 0;
	height: 18px;
}
#submenu4 TD DIV:hover A
{
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase !important;
	text-decoration: none !important;
	color: #FFFFFF !important;
}
#submenu4 .current
{
	height: 21px;
	background: #F7901E url(./img/subMenu4Left.gif) no-repeat top left;
}
#submenu4 .current DIV
{
	background: url(./img/subMenu4Right.gif) no-repeat top right;
	text-align: center;
	padding: 3px 10px 0;
	height: 18px;
}
#submenu4 .current DIV A
{
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase !important;
	text-decoration: none !important;
	color: #FFFFFF !important;
}
#submenu5 TD
{
	height: 21px;
}
#submenu5 TD:hover
{
	height: 21px;
	background: #EC008C url(./img/subMenu5Left.gif) no-repeat top left;
}
#submenu5 TD DIV
{
	text-align: center;
	padding: 3px 10px 0;
	height: 18px;
}
#submenu5 TD DIV A
{
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase !important;
	text-decoration: none !important;
	color: #EC008C !important;
}
#submenu5 TD DIV:hover
{
	background: url(./img/subMenu5Right.gif) no-repeat top right;
	text-align: center;
	padding: 3px 10px 0;
	height: 18px;
}
#submenu5 TD DIV:hover A
{
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase !important;
	text-decoration: none !important;
	color: #FFFFFF !important;
}
#submenu5 .current
{
	height: 21px;
	background: #EC008C url(./img/subMenu5Left.gif) no-repeat top left;
}
#submenu5 .current DIV
{
	background: url(./img/subMenu5Right.gif) no-repeat top right;
	text-align: center;
	padding: 3px 10px 0;
	height: 18px;
}
#submenu5 .current DIV A
{
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase !important;
	text-decoration: none !important;
	color: #FFFFFF !important;
}
#submenu6 TD
{
	height: 21px;
}
#submenu6 TD:hover
{
	height: 21px;
	background: #FFDE00 url(./img/subMenu6Left.gif) no-repeat top left;
}
#submenu6 TD DIV
{
	text-align: center;
	padding: 3px 10px 0;
	height: 18px;
}
#submenu6 TD DIV A
{
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase !important;
	text-decoration: none !important;
	color: #FFDE00 !important;
}
#submenu6 TD DIV:hover
{
	background: url(./img/subMenu6Right.gif) no-repeat top right;
	text-align: center;
	padding: 3px 10px 0;
	height: 18px;
}
#submenu6 TD DIV:hover A
{
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase !important;
	text-decoration: none !important;
	color: #FFFFFF !important;
}
#submenu6 .current
{
	height: 21px;
	background: #FFDE00 url(./img/subMenu6Left.gif) no-repeat top left;
}
#submenu6 .current DIV
{
	background: url(./img/subMenu6Right.gif) no-repeat top right;
	text-align: center;
	padding: 3px 10px 0;
	height: 18px;
}
#submenu6 .current DIV A
{
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase !important;
	text-decoration: none !important;
	color: #FFFFFF !important;
}
/*MENU STYLES*/
.main_dnnmenu_bar
{
}
.main_dnnmenu_container
{
}
.main_dnnmenu_item
{
	background: #FFFFFF;
	padding: 5px;
}
.main_dnnmenu_itemhover
{
	background: #CCCCCC;
	padding: 5px;
}
.main_dnnmenu_rootitem
{
}
.main_dnnmenu_icon
{
}
.main_dnnmenu_submenu
{
}
.main_dnnmenu_break
{
}
/*DNN OVERWRITTEN STYLES*/
.Help
{
	border: none !important;
	background: none !important;
	font: 10px sans-serif !important;
	color: #28C0DA !important;
}
.NormalRed
{
	font: 10px sans-serif !important;
	font-weight: bold !important;
	color: #FF0000 !important;
}
.SubHead
{
	color: #28C0DA !important;
}
.textfield
{
	background: url(./img/textfieldBg.gif) no-repeat top left;
	border: none;
	padding: 5px;
}
.textfield2
{
	background: url(./img/textfield2Bg.gif) no-repeat top left;
	border: none;
	padding: 5px;
}
#mailRegistrationBg
{
	background: url(http://www.offcorss.com/DesktopModules/ModuloRegistro/img/mailRegistroBg.jpg) no-repeat top left;
	width: 700px;
	margin: 0 auto;
	padding-top: 100px;
	text-align: left;
}
#mailRegistrationBg TABLE
{
	margin: 0 30px;
}