body {
  padding-top: 75px;
  background: url(../imgs/bg.png) 0 0;
}
.img-responsive {
  width: 100%;
}
.navbar {
  background: rgba(84,176,172,0.6);
  min-height: 75px;
  border: 0;
}
.navbar-default .navbar-brand {
  background: url(../imgs/clorinda.png) 0 0;
  width: 162px;
  height: 52px;
  margin-top: 10px;
  text-indent: -9000px
}
.navbar-default .navbar-nav>li>a {
  position: relative;
  font: 18px/45px 'Conv_FuturaStd-Condensed_0';
  color: #fff;
  text-transform: uppercase;
  padding: 10px 20px;
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:active,
.navbar-default .navbar-nav>li>a:focus {
  color: #fff;
}
.navbar-default .navbar-nav>li>a:before {
	position: absolute;
	left: 25%;
	bottom: -10px;
	content: "";
	width: 50%;
	height: 0;
	border: 3px solid #d1033e;
	opacity: 0;
	transition: opacity .7s ease-in-out;
	-moz-transition: opacity .7s ease-in-out;
	-webkit-transition: opacity .7s ease-in-out; 
}
.navbar-default .navbar-nav>li.active a:hover,
.navbar-default .navbar-nav>li.active a {
  color: #fff;
  background: transparent;
}
.navbar-default .navbar-nav>li.active>a:before,
.navbar-default .navbar-nav>li:hover>a:before {
	opacity: 1;
}
.navbar-default .navbar-nav>li:before {
  position: absolute;
  right: 100%;
  top: 45%;
  content:"";
  width:5px;
  height:5px;
  border-radius:5px;
  background:#fff
}
.navbar-default .navbar-nav>li:first-child:before {
  display: none
}
.navbar-default .fb {
	background: url(../imgs/fb.png) 50% 50% no-repeat;
    width:30px;
    height:30px;
	margin: 15px;
	text-indent: -9000px
}
.container-fluid .jumbotron {
	position: relative;
    padding: 0;
    margin: -75px -15px 0;
    overflow: hidden;
    border-radius: 0;
}
#carousel-home {
    background: #000;
}
#carousel-home2 iframe,
#carousel-home2 .img-responsive {
	position: relative;
    width: 854px;
    height: 480px;
    left: -427px;
    margin-left: 50%;
}
@media screen and (min-height: 870px) and (min-width: 1320px){
	#carousel-home2 iframe,
	#carousel-home2 .img-responsive {
		left: -640px;
		width: 1280px;
		height: 720px;
	}
}
@media screen and (max-width: 767px) {
	#carousel-home2 iframe,
	#carousel-home2 .img-responsive {
		width: 426px;
		left: -213px;
		height: 240px;
	}
}
@media screen and (max-width: 400px) {
	#carousel-home2 iframe,
	#carousel-home2 .img-responsive {
		width: 320px;
		left: -160px;
		height: 180px;
	}
}
.btn-primary {
	font: 16px/16px 'Conv_FuturaStd-CondensedBold';
	color: #be455a;
	text-transform: uppercase;
    border-radius: 0;
    background: rgba(255,255,255,0.75);
    border: 1px solid #be455a;
    padding: 0 68px;
    line-height: 46px;
}
.btn-primary:focus, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
    color: #be455a !important;
    background: transparent !important;
    border: 1px solid #be455a !important;
	box-shadow: none !important
}
.row {
	padding-top: 80px;
	padding-bottom: 80px;
}
#productos a {
	position: relative;
	display: block;
}
#productos a span {
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(209,3,62,0.75);
	font: 30px/75px 'Conv_FuturaStd-Light';
	color: #fff;
	text-align: center;
	opacity: 0;
	transition: opacity .7s ease-in-out;
	-moz-transition: opacity .7s ease-in-out;
	-webkit-transition: opacity .7s ease-in-out; 
}
#productos a:hover span {
	opacity: 1
}
#productos-container {
	background: #7dc5a1;
}
#productos-container .row {
	padding-top: 0
}
#productos-container .slider1 {
	height: 200px;
    margin: 0 auto;
	margin-top: 15px
}
#productos-container .slider1 .slide a {
	display: table
}
#productos-container .slider1 .slide a:hover {
	text-decoration: none
}
#productos-container .slider1 .slide a span {
	font: 30px/30px 'Conv_FuturaStd-Book';
	color: #d0023a;
    vertical-align: middle;
	text-align: center;
	width: 50%;
	display: table-cell
}
#productos-container .slider1 .slide a img {
   display: table-cell;
}
#productos-container .jumbotron .container {
	position: absolute;
	top: 120px;
    left: 0;
    right: 0;
}
#productos-container .jumbotron .container .info {
	border: 1px solid rgba(168,227,180,0.55);
	background: rgba(255,255,255,0.8);
	z-index: 2;
	padding: 30px
}
#productos-container .jumbotron .container .info h2 {
	font: 30px/30px 'Conv_FuturaStd-Book';
	color: #d0023a;
	margin: 0;
	padding: 0 0 10px; 
}
#productos-container .jumbotron .container .info h3 {
	font: 20px/20px 'Conv_FuturaStd-Medium';
	color: #d0023a;
	margin: 0;
	padding: 0 0 5px; 
}
#productos-container .jumbotron .container .info p {
	font: 16px/20px 'Conv_FuturaStd-Medium';
	color: #303030;
	padding: 0 0 15px; 
}
#productos-container .jumbotron .container .info .btn {
	width: 47% !important;
	padding: 0;
	background: transparent
}
.glyphicon-alert2 {
	font-family: 'Trebuchet MS';
	font-size: 25px;
    font-weight: bold;
    text-transform: none;
}
#blog {
	background: url(../imgs/bg-blog.jpg) 0 0 no-repeat scroll;
	background-size: 100% 100%
}
#blog .row {
	padding-bottom: 0;
}
#blog.blog-home .row:last-child {
	padding-bottom: 80px;
}
#blog figure {
	position: relative;
}
#blog.blog-home figure img {
	max-height: 488px !important
}
#blog figure h3 {
	position: absolute;
	top: 15px;
	left: -10px;
	width: 90%;
	padding: 0;
	margin: 0;
	background-color: #f37862;
	min-height: 58px;
	padding: 6px 15px;
	font: 28px/22px 'Conv_PoetsenOne-Regular';
	color: #fff;
	text-shadow: -1px 1px 1px #991d07;
}


#blog figure h3:after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 0px;
	top: 100%;
	border-width: 6px 5px;
	border-style: solid;
	border-color: #991d07 #991d07 transparent transparent;
}
#blog figure h3:before {
	content: ' ';
	position: absolute;
	width: 30px;
	height: 0;
	right: -30px;
	top: 0;
	border-width: 29px 10px;
	border-style: solid;
	border-color: #f37862 transparent #f37862 #f37862;
}
#blog figure h3 span {
	display: inline-block;
	width: 75%;
    vertical-align: middle;
    margin-top: -5px;
}
#blog figure h3 small {
	font: 23px/23px 'Conv_PoetsenOne-Regular';
	color: #fafafa;
	display: inline-block;
	width: 15%;
	margin-right: 10px;
	border-right: 1px solid rgba(255,255,255,0.4);
    vertical-align: middle;
	text-shadow: none;
}
#blog.blog-home figure .txt {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	padding: 0 !important
}
#blog figure div {
	position: absolute;
	bottom: 0;
	margin: 12px;
	padding: 9px 22px 80px;
    background: rgba(255,255,255,0.75);
	min-height: 160px;
	text-align: center;
	min-width: 94%
}
#blog.blog-home figure div {
	position: relative;
	bottom: auto;
	margin: 0;
	padding: 0;
    background: none;
	min-height: auto;
	text-align: center;
	min-width: auto
}
#blog.blog-home figure .txt div {
	position: absolute;
	bottom: 0;
	margin: 12px;
	padding: 9px 22px 80px;
    background: rgba(255,255,255,0.75);
	min-height: 160px;
	text-align: center;
	min-width: 94%
}
#blog figure p {
	font: 18px/22px 'Conv_FuturaStd-Heavy_0';
	color: #007478;
	text-align: left
}
#blog figure .btn-primary {
    background: transparent;
	margin: 0 auto;
    display: block;
    position: absolute;
    bottom: 22px;
    left: 50%;
    margin-left: -106px;
}
#blog .n-familia h3 {
	background-color: #6acce0;
	text-shadow: -1px 1px 1px #557173;
}
#blog .n-familia h3:after {
	border-color: #286471 #286471 transparent transparent;
}

#blog .n-novedades h3 {
	background-color: #41c69e;
	text-shadow: -1px 1px 1px #336548;
}

#blog .n-familia h3:before {
	border-color: #6acce0 transparent #6acce0 #6acce0;
}
#blog .n-nosotras h3 {
	background-color: #ed9de0;
}
#blog .n-nosotras h3:after {
	border-color: #b535a0 #b535a0 transparent transparent;
}

#blog .n-novedades h3:after {
	border-color: #41c69e #41c69e transparent transparent;
}

#blog .n-nosotras h3:before {
	border-color: #ed9de0 transparent #ed9de0 #ed9de0;
}

#blog .n-novedades h3:before {
	border-color: #41c69e transparent #41c69e #41c69e;
}

#blog .btn-success {
	position: relative;
	border: 0;
	background: #e98366;
	border-radius: 0;
	width: 100%;
	font: 25px/62px 'Conv_FuturaStd-Light';
	color: #fff;
	padding: 0 0 0 40px; 
	text-align: center;
	opacity: 0.8
}
#blog .btn-success:before {
	content: ' ';
	position: absolute;
	width: 62px;
	height: 62px;
	top: 0;
	margin-left: -62px;
	background: url(../imgs/icons.png) no-repeat 0 0
}
#blog .n-familia .btn-success {
	background: #6bcfe4
}
#blog .n-nosotras .btn-success {
	background: #ef9ce3
}
#blog .n-familia .btn-success:before {
	background-position: 0 -62px
}
#blog .n-nosotras .btn-success:before {
	background-position: 0 -124px
}
#contacto {
	background: -moz-linear-gradient(top,  rgba(46,160,102,0.5) 0%, rgba(125,185,232,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(46,160,102,0.5)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(46,160,102,0.5) 0%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(46,160,102,0.5) 0%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(46,160,102,0.5) 0%,rgba(125,185,232,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(46,160,102,0.5) 0%,rgba(125,185,232,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#802ea066', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */
}
#contacto p {
	font: 18px/24px 'Conv_FuturaStd-Book';
	color: #fff;
	padding-bottom: 35px
}
#contacto .form-group label {
	font: 16px/24px 'Conv_FuturaStd-Book';
	color: #f02259;
	text-transform: uppercase;
}
#contacto .form-group .form-control {
	border-radius: 0;
    border: 0;
}
#contacto form .btn-primary {
    background: transparent;
}
.pagination {
	display: table;
    margin: 0 auto !important;
	text-align: center;
	padding: 20px 0
}
.pagination>li>a, 
.pagination>li>span {
	font: 18px/24px 'Conv_FuturaStd-Heavy_0';
    color: #d0043c;
    background-color: transparent;
    border: 0;
}
.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover, 
.pagination>li>a:focus, 
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    color: #5abdbb !important;
    background-color: transparent;
    border-color: transparent;
}
.pagination>li:last-child>a,
.pagination>li:last-child>span,
.pagination>li:first-child>a,
.pagination>li:first-child>span {
    color: #d0043c;
}
#blog-container {
	background: #fff
}
#blog-container h2 {
	font: 40px/45px 'Conv_FuturaStd-Book';
	color: #5abdbb;
	border-bottom: 1px solid #5abdbb;
    margin: 0 0 25px;
    padding: 0 0 20px;
}
#blog-container p {
	font: 16px/20px 'Conv_FuturaStd-Medium';
	color: #353535;
    padding: 0 0 20px;
}
#blog-container .share {
	border-top: 1px solid #5abdbb;
    margin: 25px 0 0;
    padding: 20px 0 0;
}
#blog-container .share li {
	padding: 0 15px 0 0;
    display: inline-block;
    float: left;
}
@media (min-width: 767px) and (max-width: 992px ) {
	.navbar-default .navbar-nav>li>a {
		font-size: 15px;
		padding: 10px
	}
	.container-fluid .jumbotron figure {
		top: auto;
	}
	.container-fluid .jumbotron .more {
		display: none
	}
}
@media (max-width: 992px ) {	
	#productos-container .jumbotron .container {
		position: relative;
		top: 20px;	
	}
	#productos-container .jumbotron .container .info {
		border-radius: 15px;
		background: #fff;
		margin-bottom: 20px;
	}	
	#productos-container .carousel {
		padding-top: 30px;
	}
	#productos-container .carousel .item a {
		display: block;
		text-align: center
	}
	#productos-container .carousel .item a span {
		font-size: 40px;
		line-height: 40px;
		display: block;
		width: auto;
		text-align: center
	}
	#productos-container .carousel .item a img {
		display: block;
		width: auto;
		margin: 10px auto 35px;
	}
	h4.visible-sm,
	h4.visible-xs {
		font: 40px/80px 'Conv_FuturaStd-Book';
		background: #d0033e;
		color: #fff;
		text-align: center;
		margin: 20px -15px 10px;
	}
	.btn-link {
		background: #d0033e;
		border: 0;
		border-bottom: 3px solid #5f031c;
		padding: 0;
		max-width: 300px;
		color: #fff;
		margin: 30px auto
	}
	.btn-link:hover {
		background: #5f031c;
		border-bottom: 3px solid #d0033e;
		color: #fff;
		text-decoration: none
	}
	#productos-container .btn-link {
		border-bottom: 3px solid #fff;	
	}
	#productos-container .btn-link:hover {
		background: #d0033e;
	}	
	.jumbotron {   
		background: #7dc5a1;
	}
}
@media (max-width: 767px) {
	.navbar-fixed-top .navbar-collapse {
		max-height: 340px !important;
	}
	.navbar-collapse.in {
		overflow-y: auto !important;
	}
	.navbar {
		max-height: 75px;
	}
	.navbar-default .navbar-toggle {
		border-color: transparent;
	}
	.navbar-default .navbar-collapse {
		position: absolute;
		max-height: none;
		overflow: auto;
		background: rgba(84,176,172,1);
		top: 75px;
		right: 15px;
		border: 0;
		width: 50%;
	}
	.navbar-default .navbar-nav>li>a {
		font-size: 20px;
		padding: 0;
		/*font-size: 30px;
		padding: 15px 20px;*/
		text-align: center;
	}
	.navbar-default .navbar-nav>li>a:before {
		display: none
	}
	.navbar-default .navbar-nav>li:before {
		right: 50%;
		top: 0;	
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;
	}
	.navbar-toggle .icon-bar {
		width: 29px;
		height: 4px;
		border-radius: 3px;
	}
	.container>.navbar-header {
		width: 90%;
		float: left;
		margin: 0;
	}
	.navbar-toggle {
		margin-top: 13px;		
	}
	.navbar-default .fb {
		position: absolute;
		right: 0;	
	}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
		background-color: transparent;
	}
	.row {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#carousel-home {
		cursor: hand
	}	
	#blog {
		background: none
	}
	#blog .row .txt div {
		margin-bottom: 15px
	}	
	#blog figure {
		margin-bottom: 15px
	}
	#productos .col-xs-6 {
		padding: 0
	}		
	#blog .btn-success {
		font: 16px/40px 'Conv_FuturaStd-Light';
	}
	#blog .btn-success:before {
		width: 30px;
		height: 30px;
		margin-left: -40px;
		top: 5px;
		background: url(../imgs/icons_mobile.png) no-repeat 0 0
	}
	#blog .n-familia .btn-success:before {
		background-position: 0 -30px
	}
	#blog .n-nosotras .btn-success:before {
		background-position: 0 -60px
	}
	#blog.blog-home .n-nosotras,
	#blog.blog-home .n-hogar,
	#blog.blog-home .n-familia {
		position: relative;
		padding: 0;
		margin-bottom: 50px;
	}
	#blog.blog-home .btn-success {
		position: absolute;
		bottom: -40px;
		padding: 0
	}
	#blog.blog-home figure {
		margin-bottom: 0;
		overflow: hidden
	}
	#blog.blog-home figure img {
		min-height: 488px;
		max-width: none;
		width: auto;
		left: -10%;
		position: relative;
	}
}
@media (max-width: 600px) {
	#blog.blog-home figure img {
		left: -35%;
	}
}
@media (max-width: 500px) {
	#blog.blog-home figure img {
		left: -70%;
	}
}
@media (max-width: 400px) {
	#blog figure div,
	#blog figure .txt div {
		min-width: 90%
	}	
	#blog.blog-home figure img {
		left: -70%;
	}
}