body{
	overflow: hidden;
	overflow-y: visible;
	background-position: top center;
	font-family: 'cocon-regular';
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b4e8e6+60,5fdbe4+100 */
	background: #b4e8e6; /* Old browsers */
	background: -moz-linear-gradient(top,  #b4e8e6 60%, #5fdbe4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#b4e8e6), color-stop(100%,#5fdbe4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b4e8e6 60%,#5fdbe4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b4e8e6 60%,#5fdbe4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b4e8e6 60%,#5fdbe4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b4e8e6 60%,#5fdbe4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e8e6', endColorstr='#5fdbe4',GradientType=0 ); /* IE6-9 */
}
/*------------------------------*/
#header{
	background-image: url('../img/fondo_header.jpg');
	background-repeat: repeat-x;
	background-position: center top;
	overflow: hidden;
	display: block;
	background-color: #C3E7E5;
}
#header .welcome-user{
	color: white;
	text-align: center;
	font-size: 16px;
}
#header .welcome-user .user{
	text-shadow:0px 0px 1px #8979AC,0px 0px 2px #8979AC,0px 0px 3px #8979AC,0px 0px 10px #8979AC;
}
#haeder #navegation{
	z-index: 2;
}
#header .btns-top a{
	background-color: #73D4E1;
	border-radius: 0px;
	color: white;
	font-size: 18px;
	font-weight: lighter;
	text-shadow: 0px 1px 7px rgba(0,0,0,.3);	
}
#header .btns-top a:first-child{
	border-right: 2px solid #6ECBD8;
}
#header .form-search{
	margin-top: 10px;
}
#header .form-search input[type="text"]{
	background-color: transparent;
	border: 0px;
	background-image: url('../img/search.png');
	width: 180px;
	height: 44px;
	padding: 0px 0px 2px 15px;
}
#header .form-search input[type="text"]:focus{
	outline: 0px;
}
#header .form-search input[type="submit"]{
	background-image: url('../img/lupa.png');
	width: 28px;
	height: 28px;
	border: 0px;
	background-color: transparent;
	float: right;
	padding: 10px;
	position: relative;
	top: 7px;
	left: 23px;
}
#header .btns-primary{
	position: relative;
	z-index: 1;
}
#header a#logo{
	position: absolute;
	top: -27px;
	left: 5px;
	z-index: 2;
}
#header a#logo > img{
	height: 145px;
}
#header a#logo + div{
	display: block;
	width: 40%;
	height: 94px;
	overflow: hidden;
	background-color: white;
	float: right;
	z-index: 1;
	position: relative;
}
#header .btns-primary > li a{
	color: #73D4E1;
	background-color: white;
	border-radius: 0px;
	font-size: 18px;
  	line-height: 20px;
	height: 94px;
	text-transform: capitalize;
	position: relative;
	border-right: 2px solid #F1F1F1;
	box-shadow:inset -5px 0px 5px rgba(214,214,214,.4);
}
#header .btns-primary > li:first-child a{
	padding-left: 60px;
}
#header .btns-primary > li a.btn-products{
	background-color: rgba(115,212,225,1);
	color: white;
	box-shadow: inset 0px -2px 6px rgba(88,161,170,.9);
	border: 0px;
}
#header .btns-primary > li a.btn-club{
	background-color: rgba(30,164,182,1);
	color: white;
	box-shadow: inset 0px -2px 6px rgba(88,161,170,.9);
	border: 0px;
}
#header .btns-primary > li a > span{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
#header.crm{
	overflow: visible;
}
#header > .container{
	padding-top: 30px;
}
#header.crm a#logo{
	top: -70px;
	left: 30px;
}
#header.crm a#logo > img.logo-crm{
	height: 210px;
}
.navbar.navbar-default{
	background-color: transparent;
	border: 0px;
}
.navbar-default .navbar-nav>li.active,
.navbar-default .navbar-nav>li{
	background-color: white;
}
.navbar-default .navbar-nav>li>a{
	background-color: white;
	color: #75D4E1;
}
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a{
	background-color: white;
	color: #75D4E1;
}
.navbar-default .navbar-nav>li>a.btn-products{
	background-color: #73D4E1;
	color: white;
}
.navbar-default .navbar-nav>li>a.btn-club{
	background-color: #1EA4B6;
	color: white;
}
.navbar.navbar-default .navbar-toggle:hover{
	background-color: white;
}
.navbar.navbar-default .navbar-toggle{
	border-color: #9A84BB;
}
.navbar.navbar-default .navbar-toggle .icon-bar{
	background-color: #9A84BB;
}
.navbar-default .navbar-brand{
	padding:0px;
	line-height: 51px;
	padding-left: 5px;
	color:  #9A84BB;
}
.navbar-brand img{
	height: 50px;
	float: left;
}
.nopadding,
.no-padding {
   padding: 0 !important;
   margin: 0 !important;
}
.no-margin > .row{
	margin: 0px;
}
.no-padding-left,
.nopaddingleft{
	padding-left: 0px;
}
.no-padding-right,
.nopaddingright{
	padding-right: 0px;
}
.divisor-blue,
.divisor{
	background-image: url('../img/divisores.png');
	border: 0px;
	height: 16px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	position: relative;
	top: -8px;
}
.divisor-blue{
	background-image: url('../img/divisores-blue.png');
}
h1.cinta{
	font-family: 'omnes_huggies-semibold';
	color: rgba(154,132,187,1);
	background-image: url('../img/cinta.png');
	width: 305px;
	height: 75px;
	background-repeat: no-repeat;
	margin: 0px;
	line-height: 66px;
	padding-left: 25px;
	text-shadow:0px 0px 1px white,0px 0px 2px white,0px 0px 3px white,0px 0px 10px white;
}
p.sticky-title-big span,
h1.sticky-title-big,
h1.sticky-title-xs,
h1.cinta-bitacora,
h1.cinta-baby-shower,
h1.cinta-crecimiento{
	font-family: 'omnes_huggies-semibold';
	color: rgba(154,132,187,1);
	background-image: url('../img/cinta-crecimiento.png');
	background-size: 100% 100%;
	width: 300px;
	height: 98px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	padding-top: 30px;
	font-size: 20px;
  	text-align: center;
	text-shadow:0px 0px 1px white,0px 0px 2px white,0px 0px 3px white,0px 0px 10px white;
	background-size: 100% 100%;
}
h1.sticky-title-xs{
	background-image: url('../img/cinta-xs.png');
	width: 194px;
	height: 55px;
	padding-top: 15px;
}
h1.sticky-title-big small{
	display: block;
	color: inherit;
}
p.sticky-title-big{
	padding-top: 30px;
	margin-bottom: 20px;
}
p.sticky-title-big span{
	font-size: 38px;
    line-height: 38px;
    padding: 22px;
    padding-right: 50px;
}
a.link_dashed,
a.curso_preparto{
	color: #A385BE;
	border: 1px dashed #A385BE;
	border-radius: 10px;
	padding: 5px 10px;
	margin-top: 10px;
	display: block;
	font-size: 10px;
	text-align: center;
	width: 100%;
	text-decoration: none;
	margin: 10px auto;
}
a.link_dashed{
	margin: 10px;
	margin-bottom: 10px;
}
#footer{
	background-color: rgba(195,231,228,1);
	padding: 10px 0px;
}
#footer p{
	text-align: center;
	color: white;
	color: rgba(115,212,255,1);
	font-size: 18px;
	padding-top: 6px;
}
.scroll-baby{
	padding: 10px 20px;
	background-image: url('../img/contenedor_scroll.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.scroll-baby > div{
	max-height: 255px;
	overflow: hidden;
	overflow-y: visible; 
}
.scroll-baby{
	margin: 18px 0px;
}
.scroll-baby h5{
	color: #A385BE;
	font-size: 18px;
}
.scroll-baby li{
	font-family: 'cocon_light-regular';
	color: #00D5E2;
}
/*TABLETS*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
	#banner{
		position: relative;
		margin-top: -52px;
		z-index: 0;
	}
	#header > .container{
		background-image: url('../img/iluminacion.png');
		background-repeat: no-repeat;
		background-position: top left;
	}
	#header .welcome-user{
		text-align: right;
		margin: 0px;
		padding-top: 21px;
	}
	h1.sticky-title-big{
		width: 400px;
		padding-top: 30px;
		font-size: 30px;
	}
	h1.cinta-crecimiento{
		width: 450px;
		padding-top: 28px;
		padding-right: 25px;
		height: 127px;
	}
	h1.cinta-bitacora,
	h1.cinta-baby-shower{
		font-size: 35px;
	}
	#footer p{
		text-align: right;
	}
	.col-md-15{
	    width:20%;
	}
}
/*PCS*/
@media only screen and (min-width: 64.063em) {
	h1.sticky-title-big{
		width: 400px;
		padding-top: 30px;
		font-size: 30px;
	}
	#banner{
		position: relative;
		margin-top: -52px;
		z-index: 0;
	}
	#header > .container{
		background-image: url('../img/iluminacion.png');
		background-repeat: no-repeat;
		background-position: top left;
	}
	#header .welcome-user{
		text-align: right;
		margin: 0px;
		padding-top: 21px;
	}
	h1.cinta-crecimiento{
		width: 450px;
		padding-top: 28px;
		padding-right: 25px;
		height: 127px;
	}
	h1.cinta-bitacora,
	h1.cinta-baby-shower{
		font-size: 35px;
	}
	#footer p{
		text-align: right;
	}
	.col-md-15{
	    width:20%;
	}
}
#contend-crm .nav-tabs > li{
	width: 33%;
}
#contend-crm .nav-tabs > li.active > a{
	background-color: transparent;
	border: 0px;
}