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

*{outline:none}

body {
	margin:0px;
	padding:0px;
	background-color:#dbeffe;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#7e8389;
}

img, ul, li, form, p, input, ol {
	padding:0px;
	margin:0px;
}


/*----------------------- Text styles -----------------------*/

h1 {
	color:#0181b4;
	font:normal 19px Helvetica, Tahoma, Arial, sans-serif;
	padding:0px;
	margin:0px;	
	}

h2 {
	color:#5a6065;
	font:normal 12px Helvetica, Tahoma, Arial, sans-serif;
	padding:0px;
	margin:0px;		
	}
h3 {
	color:#5a6065;
	font:normal 16px Helvetica, Tahoma, Arial, sans-serif;
	padding:0px;
	margin:0px;
	font-weight:bold	
}

h4 {
	color:#0053a0;
	font:normal 14px Helvetica, Tahoma, Arial, sans-serif;
	padding:0px;
	margin:0px;	
}
h5 {
	color:#5a6065;
	font:normal 12px Helvetica, Tahoma, Arial, sans-serif;
	padding:0px;
	margin:0px;		
	}
	
a, a:link {
	color:#40a1c7;
	font:normal 11px Arial, Helvetica, sans-serif;
	text-decoration:none;
}

a:hover {
	color:#40a1c7/*#1c779b*/;
	font:normal 11px Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
	
	
.titles-int {
	color:#0181b4;/*#0181b4;*/
	font:normal 20px Helvetica, Tahoma, Arial, sans-serif;
	padding:0px;
	margin:0px;	
}
.small-skyb {
	font:normal 9px Verdana, Arial, Helvetica, sans-serif;
	color:#63a9d5;
}

.small-skyb a, .small-skyb a:link {
	font:normal 9px Verdana, Arial, Helvetica, sans-serif;
	color:#63a9d5;
	text-decoration:none
}

.small-skyb a:hover {
	font:normal 9px Verdana, Arial, Helvetica, sans-serif;
	color:#63a9d5;
	text-decoration:underline;
}

.big-product-titles {
	font:bold 16px Arial, Verdana, Helvetica, sans-serif;
	color:#40a1c7;
}

.big-pfamily-subtitles {
	font:bold 14px Arial, Verdana, Helvetica, sans-serif;
	color:#40a1c7;
}

.product-subtitle {
	font:normal 12px Arial, Verdana, Helvetica, sans-serif;
	color:#013e91;
}

.product-desc {
	font:normal 10px Arial, Verdana, Helvetica, sans-serif;
	color:#7e8389;/*#737577;*/
	text-align:justify;
}

.blue-text-12 {
	font:normal 12px Arial, Verdana, Helvetica, sans-serif;
	color:#013e91;
}

.skyblue-12-bold {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#40a1c7;
}


.skyblue-11-normal {
	font:normal 11px Arial, Helvetica, sans-serif;
	/*color:#40a1c7;*/
}

.skyblue-11-bold {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#40a1c7;
}

.grey-11 {
	font:normal 11px Arial, Verdana, Helvetica, sans-serif;
	color:#7e8389;/*#737577;*/
	text-align:justify;
}

.grey-10 {
	font:normal 10px Arial, Verdana, Helvetica, sans-serif;
	color:#7e8389;/*#737577;*/
	text-align:justify;
}

/*----------------------------------- General Content --------------------------------------------*/
.super-wrapper-home {
	width:955px;
	height:auto;
	margin:0 auto;
	background-image:url(../images/layout/bg-total-home.jpg);
	background-position:top;
	background-repeat:no-repeat;
	
}

.top-top {
	height:107px;
	width:876px;
	margin:0 auto;
	position:relative;
	z-index:1;
	/*background-image:url(../images/layout/bg-top.jpg);
	background-position:center top;
	background-repeat:no-repeat;*/
}

#logo a{
	position:absolute;
	top:26px;
	left:44px;
	width:145px;
	height:70px;
	display:block;
	z-index:50;
	cursor:pointer;
}
#logo a img{
	left: 3px;
    position: relative;
    top: 2px;
	border:none;
}
.top-menu-wrapper {
	width:876px;
	height:83px;
	/*padding-top:24px;	*/
}

.top-changing-img {
	width:842px;
	height:61px;
	margin:0px auto;
}

.top-logo {
	width:148px;
	height:37px;
	margin-left:44px;
	float:left
}

*html .top-logo {
	width:148px;
	height:37px;
	margin-left:22px;
	float:left
}

.top-menu {
	clear:both;
	height:46px;
	width:876px;
}

.top-menu .buttons {
	width:auto;
	height:46px;
	float:left;
}

.top-main-splash {
	height:auto;
	width:842px;
	clear:both;
	margin:0 auto;
}


/*----------------------- Central Content -----------------------*/

.content {
	margin:0 auto;
	width:828px;
	clear:both;
	height:auto;
	background-image:url(../images/layout/bg_content.jpg);
	background-repeat:repeat-y;
	padding-left:25px;
	padding-right:25px;
	padding-bottom:10px;
	padding-top:10px;
}

*html .content {
	margin:0 auto;
	width:828px;
	clear:both;
	height:auto;
	background-image:url(../images/layout/bg_content.jpg);
	background-repeat:repeat-y;
	padding-left:17px;
	padding-right:17px;
	/*padding-bottom:5px;*/
	padding-bottom:1px;
	padding-top:10px;
}

.home-banner-left {
	height:auto;
	width:169px;
	margin-left:9px;
	margin-right:9px;
	float:left;
}

.home-cols {
	width:302px;
	height:auto;
	float:left;
	margin-left:9px;
	margin-right:9px;
	margin-top:14px
}



.home-cols-01 {
	height:auto;
	width:300px;
	margin-right:2px;
}
.home-cols-02 {
	height:auto;
	width:300px;
	margin-right:2px;
}
.home-cols-02 .text {
	height:auto;
	width:198px;
	float:left;
}
.home-cols-02 .img {
	height:auto;
	width:102px;
	float:left;
}

.home-cols-brands {
	width:294px;
	height:auto;
	clear:both;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:10px;
	padding-top:10px;
}

*html .home-cols-brands {
	width:294px;
	height:auto;
	clear:both;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:3px;
	padding-top:8px;
}

.home-cols-brands .thumbs{
	width:42px;
	height:43px;
	float:left;
}

.home-cols  .tazon {
	width:300px;
	height:91px;
	position:absolute;
	background-color:#FF0000;
	z-index:6000;
}

*html .home-cols  .tazon {
	width:50px;
	height:50px;
	position:absolute;
	top:450px;
	left:720px;
	background-color:#FF0000;
	z-index:6000;
}
.table-thumbs {
	height:auto;
	margin-bottom:5px;
	margin-top:10px;
	width:294px;
}

/*----------------------- Footer -----------------------*/

.footer {
	width:878px;
	height:30px;
	margin:0 auto;
	padding:24px 0 15px 0;
	clear:both;
	background-image:url(../images/layout/bg-footer.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	text-align:center;
	font:normal 9px Verdana, Arial, Helvetica, sans-serif;
	color:#63a9d5;
}

#soundtrack{
	margin-top:5px;
	position:relative;
	top:3px;
	}


/*----------------------------------- Product Page --------------------------------------------*/

.super-wrapper-int {
	width:955px;
	height:auto;
	margin:0 auto;
	background-image:url(../images/layout/bg-total-int.jpg);
	background-position:top;
	background-repeat:no-repeat;
	
}

.int-external-cols {
	height:auto;
	width:169px;
	margin-left:4px;
	margin-right:9px;
	float:left;
	margin-top:34px;
}

*html .int-external-cols {
	height:auto;
	width:169px;
	/*margin-left:4px;
	margin-right:9px;*/
	margin-right:13px;
	float:left;
	margin-top:34px;
}

.int-external-cols .banner{
	height:auto;
	width:169px;
	margin-bottom:8px;
}

.int-external-cols .bottom-banner{
	height:auto;
	width:169px;
	margin-bottom:0px;
}

/*---------------------------- Menu vertical ------------------------------*/

.int-menu-vertical {
	height:auto;
	width:169px;
}

.mv-sides {
	width:2px;
	min-height:270px;
	height:auto !important;
	height:270px;
	float:left;
}

.mv-middle {
	width:165px;
	min-height:280px;
	height:auto !important;
	height:280px;
	float:left;
	background-image:url(../images/layout/menu-vert-middle2.jpg);
	background-position:top;
	background-repeat:repeat-x
}

.mv-middle ul {
	list-style-type:none;
	width:165px;
}

.mv-middle ul li {
	width:125px;
	height:23px;
	display:block;
	padding-left:20px;
	padding-right:20px;
	background-image:url(../images/layout/menu-vert-lines.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-top:7px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#368bc0;
}

.mv-middle ul li a, .mv-middle ul li a:link {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#368bc0;
	text-decoration:none
}

.mv-middle ul li a:hover {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#0c4e93;
	text-decoration:none
}
/*---------------------------- Central col ------------------------------*/

.int-central-col {
	height:auto;
	width:434px;
	margin-left:9px;
	margin-right:9px;
	float:left;
	padding-bottom:2px;/*10px*/
}

.int-cc-title {
	height:auto;
	width:auto;
	padding:2px 5px 5px 5px;
}

.int-cc-boxes {
	width:621px;
	height:auto;
	min-height:139px;
	margin-bottom:10px;
}

*html .int-cc-boxes {
	width:621px;
	height:139px;
	margin-bottom:10px;
}


.boxes-top {
	width:434px;
	height:11px;
}

.boxes-sides {
	width:6px;
	min-height:128px;
	height:auto !important;
	height:128px;
	float:left;
	}
	
.boxes-middle {
	width:608px;
	min-height:122px;
	height:auto !important;
	height:122px;
	float:left;
	background-image:url(../images/layout/product-box-middle.jpg);
	background-position:top;
	background-repeat:repeat-x;
	padding-top:6px;
}


*html .boxes-middle {
	width:608px;
	height:122px;
	float:left;
	background-image:url(../images/layout/product-box-middle.jpg);
	background-position:top;
	background-repeat:repeat-x;
	padding-top:6px;
}


.boxes-middle .image {
	width:141px;
	margin-left:9px;
	margin-right:9px;
	height:106px;
	float:left;
	text-align:center;
	margin-top:9px;
}

*html .boxes-middle .image {
	width:141px;
	margin-left:6px;
	margin-right:6px;
	height:106px;
	float:left;
	text-align:center;
	margin-top:4px;
}

.boxes-middle .cont {
	width:438px;
	min-height:106px;
	height:auto !important;
	height:106px;
	float:left;
	padding-right:10px;
}

.cont-titles {
	width:410px;
	margin-top:9px;
	min-height:34px;
	height:auto !important;
	height:34px;
	float:left;
}


.cont-plus {
	width:20px;
	height:20px;
	float:left;
}

.cont-desc {
	width:438px;
	height:auto;
	clear:both;
	padding-top:10px;
}


/*-------------------- Product families ---------------------------*/

.pf-boxes-middle {
	width:386px;
	min-height:122px;
	height:auto !important;
	height:122px;
	float:left;
	background-image:url(../images/layout/pfamily-box-middle.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#f4faff;
	padding:15px 18px 15px 18px;
}


*html .pf-boxes-middle {
	width:386px;
	height:122px;
	float:left;
	background-image:url(../images/layout/pfamily-box-middle.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#f4faff;
	padding:15px 18px 15px 18px;
}

.each-family {
	width:573px;
	height:auto;
	clear:both;
	padding-bottom:26px;
	}
	
.theli ul {
	list-style-type:none;
	margin-top:3px;
	margin-bottom:12px;
}

.theli ul li {
	display:block;
	width:auto;
	background-image:url(../images/layout/bullet.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:10px;
	font-size:11px;
}

.product-container {
	width:139px;
	height:145px;
	float:left;
	margin:0px 2px 4px 2px;
}

*html .product-container {
	width:139px;
	height:145px;
	float:left;
	margin:0px 1px 4px 2px;
}

.product-container .top {
	width:139px;
	height:4px;
}

.product-container .centre {
	width:139px;
	height:106px;
	background-image:url(../images/layout/product-cont-centre.gif);
	background-repeat:repeat-y;	
	text-align:center;
}

.product-container .centre img{
	vertical-align:middle;
}

.product-container .bottom {
	width:137px;
	height:33px;
	border:1px solid #d1f0fc;
	background-image:url(../images/layout/product-cont-bottom.jpg);
	background-repeat:repeat-x;
}

.product-container .bottom .text {
	width:137px;/*menos si va el player*/
	height:25px;
	text-align:center;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#2b8cb2;
	float:left;
	padding-top:8px;
} 

*html .product-container .bottom .text {
	width:135px;/*menos si va el player*/
	height:25px;
	text-align:center;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#2b8cb2;
	float:left;
	padding-top:8px;
} 

.product-container .bottom .player {
	width:20px;
	height:20px;
	margin:6px 6px 7px 0px;
	float:right;
}

.dowload-bottom {
	height:auto;
	width:auto;
	clear:both;
	padding-top:15px;
}


/*---------------------------- 2columns - 2nd. Col  ------------------------------*/

.int-second-col {
	height:auto;
	width:621px;
	margin-left:11px;
	margin-right:7px;
	float:left;
	padding-bottom:2px; /*10px*/}
	
*html .int-second-col {
	height:auto;
	width:621px;
	margin-right:5px;
	margin-left:10px;
	float:left;
	padding-bottom:2px; /*10px*/}

.int-sc-boxes {
	width:621px;
	height:auto;
}

.sc-boxes-top {
	width:621px;
	height:11px;
}

.sc-boxes-sides {
	width:6px;
	min-height:128px;
	height:auto !important;
	height:128px;
	float:left;
	}
	
.sc-boxes-middle {
	width:573px;
	min-height:122px;
	height:auto !important;
	height:122px;
	float:left;
	background-image:url(../images/layout/content-boxes-middle.jpg);
	background-position:top;
	background-repeat:repeat-x;
	padding-top:15px;
	padding-left:18px;
	padding-right:18px;
	background-color:#f4faff;
	padding-bottom:10px
}


*html .sc-boxes-middle {
	width:573px;
	height:122px;
	float:left;
	background-image:url(../images/layout/content-boxes-middle.jpg);
	background-position:top;
	background-repeat:repeat-x;
	padding-top:15px;
	background-color:#f4faff;
	padding-bottom:10px
}

.sc-boxes-m-new {
	width:573px;
	height:auto;

}

.sc-boxes-m-new .quest{

	/*display:none;*/
	/*margin:10px 5px 10px 5px;*/

	background-color:#e0eeff/*#e9f3ff*/;
	border:1px solid #FFFFFF;
	margin-bottom:3px;

}

.sc-boxes-m-new a, .sc-boxes-m-new a:link {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#7e8389;
	text-decoration:none;
	font-weight:bold;
	line-height:18px;
	width:95%;
	display: block;
		padding:8px;
		outline:none;
}

.sc-boxes-m-new a:hover {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#7e8389;
	text-decoration:underline;
	font-weight:bold;
	line-height:18px;
}

.question-hidden {
	display:none;
	margin:0px 6px 10px 8px;
	padding:5px;

}

/*---------------------- Form Contact ------------------------------*/

.contact-data {
	width:53px;
	margin-left:125px;
	padding-right:5px;
	float:left;
	height:20px;
	margin-bottom:4px;
	line-height:20px;
}

*html .contact-data {
	width:53px;
	margin-left:60px;
	padding-right:5px;
	float:left;
	height:20px;
	margin-bottom:6px;

}

.contact-boxes {
	width:240px;
	height:auto;
	float:right;
	margin-bottom:4px;
	margin-right:148px;

}

*html .contact-boxes {
	width:240px;
	height:auto;
	float:right;
	margin-bottom:4px;
	margin-right:49px;

}

.contact-boxes2 {
	width:240px;
	height:auto;
	float:right;
	margin-bottom:4px;
	margin-right:148px;

}

*html .contact-boxes2 {
	width:240px;
	height:auto;
	float:right;
	margin-bottom:4px;
	margin-right:72px;

}
.input-class {
	width:231px;
	height:14px;
	border:1px solid #c5c6c7;
	padding:2px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#7e8389;
}

.input-class2 {
	width:231px;
	height:98px;
	border:1px solid #c5c6c7;
	padding:2px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#7e8389;
}

.contact-button {
	width:82px;
	height:26px;
	background-image:url(../images/layout/contact-bg-button.jpg);
	background-repeat:no-repeat;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:none;
	border:none;
	cursor:pointer;
}

/*---------------------- Form Contact Donations and CV ------------------------------*/

.donation-data {
	width:245px;
	margin-left:56px;
	padding-right:5px;
	float:left;
	min-height:20px;
	height:auto;
	margin-bottom:4px;

}

*html .donation-data {
	width:245px;
	margin-left:28px;
	padding-right:5px;
	float:left;
	height:20px;
	margin-bottom:6px;

}

.donation-boxes {
	width:240px;
	height:auto;
	float:left;
	margin-bottom:4px;

}

*html .donation-boxes {
	width:240px;
	height:auto;
	float:left;
	margin-bottom:4px;


}

.donation-boxes2 {
	width:240px;
	height:auto;
	float:left;
	margin-bottom:4px;

}

*html .donation-boxes2 {
	width:240px;
	height:auto;
	float:left;
	margin-bottom:4px;

}

.donation-input-class {
	width:200px;
	height:14px;
	border:1px solid #c5c6c7;
	padding:2px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#7e8389;
}

.donation-select-class {
	width:205px;
	height:20px;
	border:1px solid #c5c6c7;
	padding:2px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#7e8389;
}

.radio-dcv {
	width:100px;
	height:14px;
	float:left;
}

.input-class2 {
	width:231px;
	height:98px;
	border:1px solid #c5c6c7;
	padding:2px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#7e8389;
}

.contact-button {
	width:82px;
	height:26px;
	background-image:url(../images/layout/contact-bg-button.jpg);
	background-repeat:no-repeat;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:none;
	border:none;
	cursor:pointer;
}

.styinput
{
border:0px solid #C5C6C7;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
height:20px;
padding:2px;
WIDTH: 205px;
color:#7E8389;
BACKGROUND-COLOR: #ffffff;

}

.styinput[class]
{
border:0px solid #C5C6C7;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
height:20px;
padding:2px;
WIDTH: 205px;
color:#7E8389;
BACKGROUND-COLOR: #ffffff;
}

/*\*/ html*.styinput
{
border:0px solid #C5C6C7;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
height:20px;
padding:2px;
WIDTH: 205px;
color:#7E8389;
BACKGROUND-COLOR: #F4FAFF;
}

*html .styinput
{
border:1px solid #C5C6C7;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
height:20px;
padding:2px;
WIDTH: 205px;
color:#7E8389;
BACKGROUND-COLOR: #ffffff;

}

*:first-child+html .styinput
{
border:1px solid #C5C6C7;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
height:20px;
padding:2px;
WIDTH: 205px;
color:#7E8389;
BACKGROUND-COLOR: #ffffff;

}



/*---------------------- Form Login ------------------------------*/

.login-data {
	width:53px;
	margin-left:105px;
	padding-right:5px;
	float:left;
	height:20px;
	margin-bottom:4px;
	line-height:20px;
}

*html .login-data {
	width:53px;
	margin-left:50px;
	padding-right:5px;
	float:left;
	height:20px;
	margin-bottom:6px;

}

.login-boxes {
	width:240px;
	height:auto;
	float:right;
	margin-bottom:4px;
	margin-right:154px;

}

*html .login-boxes {
	width:220px;
	height:auto;
	float:right;
	margin-bottom:4px;
	margin-right:64px;

}

.login-boxes2 {
	width:240px;
	height:auto;
	float:right;
	margin-bottom:4px;
	margin-right:154px;

}

*html .login-boxes2 {
	width:220px;
	height:auto;
	float:right;
	margin-bottom:4px;
	margin-right:89px;

}
.input-class3 {
	width:200px;
	height:14px;
	border:1px solid #c5c6c7;
	padding:2px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#7e8389;
}

.contact-button {
	width:82px;
	height:26px;
	background-image:url(../images/layout/contact-bg-button.jpg);
	background-repeat:no-repeat;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:none;
	border:none;
	cursor:pointer;
}

/*---------------------- Archivos para descargar ------------------------------*/

.archivos-container {
	width:571px;
	height:auto;
	border:1px solid #d5effb;
	background-color:#fbfdff;
	border-bottom:none;
	margin-bottom:10px
}

.archivos-container01 {
	margin:5px;
	height:auto;
	width:136px;
	float:left;
}

.archivos-container02 {
	margin:5px;
	height:auto;
	width:335px;
	float:left;
	font-size:11px;
}

*html .archivos-container02 {
	margin:5px;
	height:auto;
	width:326px;
	float:left;
	font-size:11px;
}

.archivos-container03 {
	margin:5px;
	height:auto;
	width:69px;
	float:left;
}

.clear{
	height:0;
	overflow:hidden;
	clear:both;
	visibility:hidden;
	}

.download-container{
	width:435px;
	margin:10px auto;
	overflow:hidden;
	}

.item-margin{
	margin-right:11px;
	}
	
.download-container a img{
	border:none;
	}

.download-container p, .download-container a img, .download-container img{
	float:left;
	}

.download-container p{
	width:255px;
	color:#40a1c7;
	}
	
.download-container p span, .download-container p a{
	color:#7e8389;
	}
	
.download-container p span{
	font-size:11px;
	}

.download-container p a{
	font-weight:bold;
	}

/*---------------------- Seccion Promociones ------------------------------*/

.sc-boxes-middle-promo {
	width:609px;
	min-height:122px;
	height:auto !important;
	height:122px;
	float:left;
	padding-bottom:10px;
	padding-top:5px;
}


*html .sc-boxes-middle-promo {
	width:609px;
	height:122px;
	float:left;
	padding-bottom:10px;
	padding-top:4px;
}


/*------------------------------- Thumbs Videos ---------------------------*/

.thumbvideo-container {
	width:135px;
	height:auto;
	float:left;
	margin:5px 4px 5px 4px;

}

*html .thumbvideo-container {
	width:135px;
	height:auto;
	float:left;
	margin:5px 3px 5px 4px;

}

.thumbvideo-container img {
margin-bottom:5px;

}

*html .thumbvideo-container img{
margin-bottom:5px;

}

/*------------------------------- Thumbs Salud y Nutricion ---------------------------*/

.thumbsalud-container-gral {
	height:auto;
	padding-left:16px;
}


.thumbsalud-container {
	height:148px;
	float:left;
	margin-right:14px;
}