/*=== Setup ===*/

*{

	border: 0;

	margin: 0;

	padding: 0;

}

body{

	background: url(../images/bgr.gif) #ffffff repeat-x top;

	color: #000000;

	font: 11px Arial,Tahoma,Verdana,Helvetica,Sans-Serif;

	padding: 20px 0;

}

a{

	color: #605867;

	text-decoration: none;

}

a:hover{

	text-decoration: underline;

}

input,select,textarea{

	border: #d7d7d7 1px solid;

	color: #999999;

	font-size: 10px;

	font-weight: bold;

	padding: 1px 2px;

}

li{

	list-style: none;

}

/*=== Layout ===*/

.page, #header, #footer{

	background: url(../images/page-bgr.gif) repeat-y;

	margin: 0 auto;

	padding: 0 5px;

	width: 980px; /*=== width: 1000px; ===*/

}

/*=== Header ===*/

#header{

	background: url(../images/page-top.gif) repeat-x bottom;

	color: #605867;

	height: 78px;

}

#header a{

	color: #605867;

}

#header div{

	padding: 40px 0 0;

	width: 403px; /*=== width: 423px; ===*/



}

/*- Logo -*/

#header h1{

	background: url(../images/logo.gif) no-repeat;

	float: left;

	text-indent: -9999px;

}

#header h1 a{

	display: block;

	height: 74px;

	width: 154px;

}

#header h1 a:hover{

	text-decoration: none;

}

/*=== Navigation ===*/

/*- Nav1 -*/

#nav1{

	height: 17px;

	text-transform: uppercase;

}

#nav1 li{

	float: left;

	width: 20%;

}

#nav1 li a{

	padding: 0 35px 0 50px;

}

/*- Nav2 -*/

#nav2{

	background: #50565b;

	height: 19px;

}

/*- Nav3 -*/

#nav3{

	height: 17px;

	text-transform: uppercase;

font-family:Arial, Helvetica, sans-serif;

}

#nav3 li{

	background: url(../images/ico-nav3.gif) no-repeat left;

	float: left;

	margin: 0 5px 0 0;

	padding: 0 0 0 9px;	

font-family:Arial, Helvetica, sans-serif;

}



#nav3 li a{

	color: #000000;

font-family:Arial, Helvetica, sans-serif;	

}

/*- Nav4 -*/

#nav4{

	border-top: 1px solid #e1e1e1;

	clear: both;

	color: #999999;

	font-size: 10px;

	height: 69px;

	padding-left: 10px;

}

/* news*/

#nav4 .newsticker-jcarousellite {/* background:red;*/}

#nav4 .newsticker-jcarousellite ul li{

	width:250px;

	list-style:none;

	display:inline;

	margin:9px 73px 20px 0px;

	border:none;

}



#nav4 .newsticker-jcarousellite .thumbnail img { float:left; width:50px; height:50px; }

#nav4 .newsticker-jcarousellite .info { float:right; width:190px; text-transform:uppercase; }

#nav4 .newsticker-jcarousellite .more { float:right; width:190px; }

#nav4 .newsticker-jcarousellite .more a {color:#B14040;}

#nav4 .newsticker-jcarousellite .clear { clear: both; }



/*=== All Columns ===*/

#columns{

	background: url(../images/columns-bgr.gif) repeat-y right;

	padding: 0 0 5px 25px;

}

#columns_corporate{

	padding: 0 0 5px 25px;

	background-image: url(../images/columns-bgr-corporate.gif);

	background-repeat: no-repeat;

	background-position: right;

}

#columns_txt{

	padding: 0 0 5px 25px;

	background-image: url(../images/columns-bgr-txt.gif);

	background-repeat: no-repeat;

	background-position: right;

}

#columns h2, #columns_txt h2{

	color: #50565b;

	font-size: 21px;

	font-weight: normal;

	letter-spacing: -1px;

	margin: 0 0 10px;

	text-transform: lowercase;

}



#columns_corporate h2{

	color: #50565b;

	font-size: 21px;

	font-weight: normal;

	letter-spacing: -1px;

	margin: 0 0 10px;

	text-transform: lowercase;

}

#columns h3, #columns_txt h3{

	font-size: 12px;

	margin: 0 0 5px;

}

#columns_corporate h3{

	color: #50565b;

	font-size: 19px;

	font-weight: normal;

	letter-spacing: -1px;

	margin: 10px 0 5px;

	text-transform: lowercase;

}

#columns h4, #columns_txt h4{

	font: 10px Arial, Helvetica, sans-serif;

	margin: 0 0 5px;

	text-transform: uppercase;

}

#columns_corporate h4, #columns_corporate h4 a{

	font: 10px Arial, Helvetica, sans-serif;

	color: #000;

	margin: 0 0 5px;

	text-transform: uppercase;

}

#columns_corporate h4 img{

	margin-top: -1px

}

#columns h5, #columns_txt h5{

	text-align:center;

	font: 10px Arial, Helvetica, sans-serif;

	margin: 0 0 5px;

	text-transform: uppercase;

}

#columns_corporate h5, #columns h5 a{

	font: 10px Arial, Helvetica, sans-serif;

	color: #000;

	margin: 0 0 5px;

	text-transform: uppercase;

}

#columns_corporate h5 img{

	margin-top: -1px

}

#columns p{

	padding: 0 0 10px;

}

/*=== Flash home AAA===*/

#swf-home{

	margin: 0 0 -5px -25px;

}

/*=== Center Column ===*/

#centercol{

	float: left;

	margin: 15px 0 0;

	width: 685px; /*=== width: 705px; ===*/

	z-index:-1;

	/*=== important for overlaping ===*/

}

#centercol .spacer,

#centercol .spacer-news,

#centercol .spacer-standard{

	width: 685px; /*=== width: 705px; ===*/

}

#home #centercol .spacer,

#centercol .spacer-news,

#home #centercol .spacer-standard{

	/*height: 380px;  Problems with IE*/ 

}
#home #centercol .spacer{
	height: 380px; /* Product bg image*/
}



#centercol_corporate{

	float: left;

	margin: 15px 0 0;

	width: 600px; /*===AAA===*/

}

#centercol_corporate .spacer{

	width: 600px; /*===AAA===*/

}

#home #centercol_corporate .spacer{

	height: 242px;

}

#prodlist #centercol .spacer{

	overflow: hidden;

	height: 380px;

	width: 660px; /*=== width: 680px; ===*/

	float: left;

}

#prodlist #centercol .spacer-standard{

	overflow: auto;

	height: 380px;

	width: 695px; 

	_width: 697px;/*=== width: 710px; ===*/

	float: left;

}

/*=== Custom scroll area ===*/

#divCont    {

	float: left;

	position: absolute;

	width: 660px; /*=== width: 680px; ===*/

	height:380px;

	clip:rect(0px 680px 380px 0px);	

}



.clScroll   {

	float: left;

	position: relative;

	visibility:hidden;		

}

/*=== Right Column ===*/

#rightcol{

	float: right;

	width: 250px; /*===AAA===*/

}

#rightcol_corporate{

	float: right;

	width: 346px; /*===AAA===*/

}

#rightcol .spacer, #rightcol_corporate .spacer {

	padding: 0 15px 15px 22px;

}

#rightcol_news .spacer {

	padding: 0 15px 15px 22px;

}

#rightcol_news{

	float: right;

	width: 250px;

}



#rightcol_news h2{

padding: 20px 0 20px 20px;

}

/*=== Styling Boxes ===*/

/*- Productos Pictures -*/

.chocoterapia{

	background: url(../images/prod-choco.jpg) no-repeat top left;



}



.pic_corporate{

	/*background: url(../images/prod-choco.jpg) no-repeat top left;*/

}

/*- Description -*/

.description{

	float: right;

	padding: 0 5px 0 0;

	width: 215px;

	overflow: auto;

	height: 380px;

}

.description_corporate{

	float: right;

	padding: 0 10px 0 0;

	width: 550px; /*=== width: 570px; ===*/

	overflow: auto;

	height: 242px;

}

.description_txt{

	float: right;

	padding: 0 10px 0 0;

	width: 650px; /*=== width: 660px; ===*/

	overflow: auto;

}

.description_news{

	float: right;

	padding: 0px 10px 0x 0;

	width: 640px; /*=== width: 660px; ===*/

	overflow: auto;

}

.holder_news{

	height:160px;

	padding-top:20px;

}



.description_news img{

	float: left;

	border: #d7d7d7 1px solid;

	margin-right: 50px;

}



.description_news img.news_desc{

	float: left;

	border: #d7d7d7 1px solid;

	margin: 20px 20px 20px 0;

}

.description_news p{

	_width: 425px;

}



.description_news p.more, .description_news p.more a{

text-align:right;

color:#b14040;

text-decoration:underline;

}



/*- Wrapper -*/

.wrapper{

	height: 52px;

	margin: 0 0 3px;

	

}

.wrapper img{

	border: 1px solid #cecece;

	float: left;

	margin: 0 0 0 -1px;

	position: relative;

	

}

/*- Wrapper2 -*/

.wrapper2{

	width: 165px;

	margin: 0 5px 3px 0;

	float: left;

	text-align: center;

	text-transform: uppercase;	

	position:relative;

}

.wrapper2 a{

	color: #000;

	width:100px;

	height:100px;

}

.wrapper2 img{

	

}

.wrapper2 a img{

}



#columns .wrapper2 h3{

	margin: 0;

	font-size: 11px;

}

/*- wrapper3 -*/

.wrapper3{

	width: 220px; /*top: 210px;position: absolute;*/

	margin: 0 5px 3px 0;

	float: left;

	text-align: center;

	text-transform: uppercase;

}

.wrapper3 a{

	color: #000

}

.wrapper3 img{

	

}

#columns .wrapper3 h3{

	margin: 0;

	font-size: 11px;

}

/*=== Scrollbar ===*/

#scrollbar{

	width: 14px;

	height: 360px;

	/*top: 210px;position: absolute;*/

	float: right;

	/*background: url(../images/scroll-line.gif) repeat-y center;*/

	

}

#scrollbar img{

	display: block;

}

.artop{

	position: absolute;

}

.arbot{

		margin: 360px 0 0;

}

.scroller{

	position: absolute;

	margin: 30px 0 0 2px

}

/*=== Styling Forms ===*/

/*- Search -*/

#search{

	float: right;

	height: 13px;

	margin: 2px 0 0;

	width: 210px;

}

#search input{

	float: left;

	padding: 0 2px;

	width: 155px;

}

#search .btn{

	border: 0;

	margin: 0 0 0 5px;

	padding: 0;

	width: auto;

}

/*- Login -*/

#login{

	float: right;

	height: 16px;

	margin: 3px 0 0;

	width: 300px;

}

#login label{

	float: left;

	margin: 0 5px 0 0;

}

#login input{

	float: left;

	margin: 0 5px 0 0;

	width: 82px;

}

#login .btn{

	border: 0;

	padding: 0;

	width: auto;

}

/*=== Footer ===*/

#footer{

	background: url(../images/page-bot.gif) no-repeat top;

	clear: both;

	color: #b4b4b4;

	font-size: 10px;

	padding: 10px 0 10px 0;

}

/*#footer a{

	color: #b4b4b4;

	text-decoration: underline;

}

#footer a:hover{

	color: #000000;

}*/





#footer ul{

	float: left;

	padding: 6px 0 0;

}

#footer li{

	border-right: 1px solid #999999;

	color: #999999;

	float: left;

	line-height: 12px;

	padding: 0 10px;

}

#footer a{

	color: #999999;

}

#footer a:hover{

	color: #000000;

	text-decoration: underline;

}

#footer li.last{

	border: 0;

}

/*=== Misc. ===*/

.fix{

	clear: both;

	height: 1px;

	margin: 0 0 -1px;

	overflow: hidden;

}

.fl{

	float: left;

}

.fr{

	float: right;

}

.ac{

	text-align: center;

}

.ar{

	text-align: right;

}

.pic img{

	display: block;

	margin: 0 0 15px;

}

.pic_corporate img{

	float: left;

	margin: 10px 0px 0 -25px;

	position: relative;

}



/*=== Contact Form ===*/

form {

	margin:0;

	padding:0;

}

.contact-form {

	float:left;

	width:640px;

	padding:10px 0 0;

}

.contact-form .left-side {

	float:left;

	width:310px;

}

.contact-form .right-side {

	float:right;

	width:306px;

}

.contact-form .central-side {

	float:left;

	width:640px;

}

.contact-form label {

	float:left;

	margin:10px 0 0;

	width:110px;

	color:#656565;

	font-size: 12px;

	font-weight:bold;

}

.contact-form input,

.contact-form select,

.contact-form textarea {

	float:left;

	width:180px;

	margin:8px 0 0;

	padding:4px 5px;

	border:1px solid #dcdcdc;

	background:#f1f1f1;

	color:#000;

	font-weight:normal;

	font: 11px Arial,Tahoma,Verdana,Helvetica,Sans-Serif;

}



.contact-form select {

	width:192px;

}



.contact-form option {

		padding:0px 0px 0 10px;

}

.contact-form input.radioclass {

	float:left;

	width:50px;

	margin:10px 0 0;

	padding:4px 5px;

	border:none;

	background:#fff;

	color:#000;

	font-weight:normal;

	font: 11px Arial,Tahoma,Verdana,Helvetica,Sans-Serif;

}

.contact-form textarea {

	width:515px; /* -12 luego 628*/

	height:110px;

}



.contact-form input.send-button {

	float:right;

	width:100px;



	margin:8px 1px 0;

	padding:0;

	border:1px solid #50565B;

	background:#edeeee;

	color:#50565B;

	font-weight:normal;

	font-size: 15px;

	font-weight:bold;	

}



a.generic_button{

margin:8px 1px 0;

padding: 2px 20px 2px 20px;

border: 1px solid;

border-color: #DCDCDC #50565B #50565B #DCDCDC;

background: #edeeee;

font-weight:normal;

font-size: 15px;

font-weight:bold;	

color: #50565B;

text-decoration: none;

}



a.generic_button:hover, a.generic_button:active{

background: #50565B;

color: #edeeee;

}

/*warnings, errors, messages*/

.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {

	padding:0.2em;

	margin-top:0.2em;

	margin-right: 10px;

	}



.messageStackWarning, .messageStackError {

	background:#c35f62;

	color:#ffffff;

	}



.messageStackSuccess {

	background:#929292;

	}



.messageStackCaution {

	background:#FFFF99;

	}





/* _____________________________________________| accordion |__ */



:focus {outline:0;}



#accordion {

	padding-left:20px;

}



#accordion li {

	padding:10px 6px;

}



#accordion li a {

	display:block;

	background:url(../images/accordion_li.gif) no-repeat 0 10px;

	padding-left:40px;

}



#accordion li ul {

	margin:15px 0 0 50px;

	border-top:1px solid #CCC;

}



#accordion li ul li {

	padding:6px 0 6px 10px;

	border-bottom:1px solid #CCC;

}



#accordion li ul li:hover {

	background-color:#eeeff1;

}

#accordion li ul li a {

	background:none;

	padding:2px 0 2px 30px;

}



#accordion li ul li a.jpg {background:url(../images/ico-jpg.gif) no-repeat;}

#accordion li ul li a.pdf {background:url(../images/ico-pdf.gif) no-repeat;}

#accordion li ul li a.flv {background:url(../images/ico-flv.gif) no-repeat;}

#accordion li ul li a.xls {background:url(../images/ico-xls.gif) no-repeat;}



/* _____________________________________________| gallery |__ */

.gallery {

	overflow:hidden;

	padding:10px 5px 0 5px;

	margin:0px 0 0 0;

	width:90%;

}



#accordion .gallery a {

	background:none;

	padding:0;

}



#accordion .gallery ul {

	background:none;

	border:0;

	margin:0;

	padding:0;

}



#accordion .gallery ul li{

	background:none;

	border:0;

	padding:0;

	margin:0;

}





.gallery h2 {margin:0 0 12px 13px;}

.gallery a.link-prev {

	float:left;

	height:19px;

	width:13px;

	margin:30px 0 0;

	text-indent:-9999px;

	overflow:hidden;

	background:url(../images/btn-prev.gif) no-repeat;

}

.gallery a.link-next {

	float:left;

	height:19px;

	width:13px;

	margin:30px 0 0;

	text-indent:-9999px;

	overflow:hidden;

	background:url(../images/btn-next.gif) no-repeat;

}

.gallery .mask {

	float:left;

	width:100%;

	height:100px;

	margin:0 10px 0 14px;

	display:inline;

	overflow:hidden;

}

.gallery ul {

	overflow:hidden;

	margin:0;

	padding:0;

	width:99999px;

}

.gallery ul li {

	float:left;

	padding:0 5px 0 0;

	list-style:none;

	width:110px;

}

.gallery ul li img {

	display:block;

	padding:3px;

	border:2px solid #e4e4e4;

}

.gallery ul li  a:hover img{

	display:block;

	padding:3px;

	border:2px solid #3399FF;

}