@import url(https://fonts.googleapis.com/css?family=Lora:400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);
@import url('https://fonts.googleapis.com/css?family=Nunito:300,300i,400,400i');
@import url('https://fonts.googleapis.com/css?family=Droid+Serif:400,400i,700,700i');

body {
    /*padding-top: 70px;*/ /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	font-size:16px;
	background-color:#FFF;
  font-family: 'Nunito', sans-serif;
  color:#000;
}


html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}




a{
  color:#db214d;
}

a:hover{
    color:#db214d !important;
    text-decoration: underline !important;
}

img{
vertical-align:top;
}

.img-responsive{
width:100%;
height:auto;
}

/*------------------- barra top --------------*/
#barratop{
background-color:#FFF;
}

#barratop ul{
list-style:none;
}

#barratop ul li{
float:left;
padding-right:20px;
}

.navbar-collapse{
background-color:#FFF;
}

.navbar-inverse{
background-color:transparent;
border-color:transparent;
}

.navbar-brand{
margin:0px;
padding:0px;
}
.navbar-nav{
font-family: 'Nunito', sans-serif;
font-weight:300;
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>li>a{
color:#000 !important;
}

.navbar-default .navbar-nav>li>a {
color:#000 !important;
}




.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
color:#000 !important;
background-color:transparent;
}



.navbar-default .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:hover{
color:#db214d !important;
}



.dropdown-menu>li>a:hover {
background-color:transparent;
}





.logo{
width:100%;
max-width:200px;
height:auto;
padding-top:5px;
padding-left:5px;
margin-right: 100px;
}

/*----------- extras -------*/
.sinmargenes{
margin:0px;
padding:0px;
}

.paddinglogo{
padding-top:0px;
/*padding-bottom:20px;*/
}

.registratetop{
font-weight:300;
font-family: 'Nunito', sans-serif;
}
/*---->>--- padding top ---<<--*/
.padding2top{
padding-top:2px;
}
.padding5top{
padding-top:5px;
}
.padding10top{
padding-top:10px;
}

.padding15top{
padding-top:15px;
}

.padding20top{
padding-top:20px;
}

.padding30top{
padding-top:30px;
}

.numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */

    width: 22px;
    height: 22px;
    padding: 2px;

    background: #db214d;
    color: #fff;
    text-align: center;
		border:1px solid #000;

    font-size: 12px;
}

.navbar{
  margin-bottom: 0px;
}

.queresrender{
  /*padding-bottom:10px;*/
  border-bottom:1px solid #000;
}

.rosado{
  color:#db214d;
}

.carousel-control{
  width:4% !important;
}


/*---->>--- padding bottom ---<<--*/

.padding5bottom{
padding-bottom:5px;
}
.padding10bottom{
padding-bottom:10px;
}

/*---->>--- padding right ---<<--*/

.padding5right{
padding-right:5px;
}
.padding10right{
padding-right:10px;
}


/*---->>--- padding left ---<<--*/

.padding5left{
padding-left:5px;
}
.padding10left{
padding-left:10px;
}

.padding0{
padding:0px;
}

/*---------- margintop--------------*/
.margin15top{
margin-top:15px;
}

.margin15topb{
margin-top:15px;
}


.margin0{
margin:0px;
}

/*---------- colores fondo --------------*/


.backBlanco{
	background-color:#FFF;
}

.puntossepara{
width:3px;
margin-top:22px;
}

/*---------- colores --------------*/
.fblanco{
color:#000;
}

.fblanco:hover{
color:#000;
}

.fverde{
color:#db214d;
}

.fverde2{
color:#db214d;
background-color:#FFF;
padding:3px;
}

.fverde:hover{
color:#db214d;
}


.fnegro{
color:#000;
}

.fnegro:hover{
color:#000;
}

.fgris{
color:#8d8d8d;
}

.fgris:hover{
color:#8d8d8d;
}

/*------------float--------------*/
.flef{
float:left;
}

/*-----------fontsize---------*/

.hideme
{
    opacity:0;
}

.f12{
font-size:75%;
}

.f13{
font-size:81.25%;
}

.f14{
font-size:87.5%;
}

.f15{
font-size:93.75%;
}

.f16{
font-size:100%;
}

.f20{
font-size:125%;
}
.f22{
font-size:137.5%;
}

.f24{
font-size:150%;
}

.f26{
font-size:162.5%;
}

.f28{
font-size:175%;
}
.f30{
font-size:187.5%;
}

.f35{
font-size:218.75%;
}

.fontRoboto{
font-weight:300;
font-family: 'Nunito', sans-serif;
}
/*-------- links pie ----------------*/
#pielinks2,#pielinks{
list-style:none;
}

#pielinks2{
margin:0px;
padding:0px;
}

#pielinks li{
float:left;
padding-left:10px;
font-size:80%;
color:#db214d;
}

#pielinks li a{
color:#db214d;
}


#pielinks2 li{
padding-left:10px;
padding-top:10px;
font-size:80%;
color:#fff;
}

#pielinks2 li a{
color:#fff;
}

/*-------- colores ----------------*/

.whatc{
color:#36b124;
}

.verdetxt{
color:#db214d;
}

.blancotxt{
color:#fff;
}

/*--------------------------------*/
footer {
    /*margin: 50px 0;*/
    margin:0px;
}

hr{
  border:none;
  border-bottom:1px solid #000;
}


/*------------ botones -------------*/

.boton_verde {
  color: #FFF;
  background-color: #db214d;
  border-color: ##c11c43;
}

.boton_verde:hover,
.boton_verde:focus,
.boton_verde:active,
.boton_verde.active,
.open .dropdown-toggle.boton_verde {
  color: #000000;
  background-color: #ff87a3;
  border-color: ##c11c43;
}

.boton_verde:active,
.boton_verde.active,
.open .dropdown-toggle.boton_verde {
  background-image: none;
}

.boton_verde.disabled,
.boton_verde[disabled],
fieldset[disabled] .boton_verde,
.boton_verde.disabled:hover,
.boton_verde[disabled]:hover,
fieldset[disabled] .boton_verde:hover,
.boton_verde.disabled:focus,
.boton_verde[disabled]:focus,
fieldset[disabled] .boton_verde:focus,
.boton_verde.disabled:active,
.boton_verde[disabled]:active,
fieldset[disabled] .boton_verde:active,
.boton_verde.disabled.active,
.boton_verde[disabled].active,
fieldset[disabled] .boton_verde.active {
  background-color: #db214d;
  border-color: ##c11c43;
}

.boton_verde .badge {
  color: #db214d;
  background-color: #000000;
}


.boton_negro {
  color: #ffffff;
  background-color: #000000;
  border-color: #999999;
}

.boton_negro:hover,
.boton_negro:focus,
.boton_negro:active,
.boton_negro.active,
.open .dropdown-toggle.boton_negro {
  color: #ffffff;
  background-color: #332F38;
  border-color: #999999;
}

.boton_negro:active,
.boton_negro.active,
.open .dropdown-toggle.boton_negro {
  background-image: none;
}

.boton_negro.disabled,
.boton_negro[disabled],
fieldset[disabled] .boton_negro,
.boton_negro.disabled:hover,
.boton_negro[disabled]:hover,
fieldset[disabled] .boton_negro:hover,
.boton_negro.disabled:focus,
.boton_negro[disabled]:focus,
fieldset[disabled] .boton_negro:focus,
.boton_negro.disabled:active,
.boton_negro[disabled]:active,
fieldset[disabled] .boton_negro:active,
.boton_negro.disabled.active,
.boton_negro[disabled].active,
fieldset[disabled] .boton_negro.active {
  background-color: #000000;
  border-color: #999999;
}

.boton_negro .badge {
  color: #000000;
  background-color: #ffffff;
}


/* ---- HOME ----*/

.tituloh{
background-color:#FFF;
color:#000;
margin-top:0px;
padding:3px;
font-size:95%;
margin-bottom:0px;
}


.titulov{
background-color:#db214d;
color:#FFF;
text-align:left;
font-style: italic;
font-weight:bold;
margin-top:0px;
padding:3px;
font-size:120%;
margin-bottom:0px;
}


.well{
  background-color:#FFF;
  border:none;
}



/*------ CAJA CONTACTO ------*/
.cajagris{
padding:10px;
}

.cajagris2{
  border:1px solid #000;
/*background-color:#404040;*/
}

.cajadegrade{
padding:0px 20px 20px 20px;
}

#comollegar{
margin:0px 0px 0px 20px;
padding:0px;
list-style-image: url('../img/flechaitem.png');
}

#comollegar li{
padding-top:12px;
}

.grisRegistro{
background-color:#fff;
}


/*-------- VARIOS ---------*/

.form-control::-webkit-input-placeholder {
    color:    #000;
    font-family: 'Droid Serif', serif;
}
.form-control:-moz-placeholder {
    color:    #000;
    font-family: 'Droid Serif', serif;
}
.form-control::-moz-placeholder {
    color:    #000;
    font-family: 'Droid Serif', serif;
}
.form-control:-ms-input-placeholder {
    color:    #000;
    font-family: 'Droid Serif', serif;
}

select,option{
  font-family: 'Droid Serif', serif;
}

#linksfinal{
font-size:60%;
color:#ccc;
}

#linksfinal a{
color:#7d7474;
text-decoration:none;
}

#linksfinal a:hover{
color:#7d7474;
}

/*--- PRODUCTOS --*/
#listaproductos{
list-style:none;
}

#listaproductos .thumbnail{
border:none;
font-family: 'Droid Serif', serif;
}

.list-group{
margin-bottom:0px;
}

.destacado1{
border:none;
margin:0px;
padding:0px;
font-family: 'Droid Serif', serif;
color:#000 !important;
padding:10px 5px 10px 5px !important;
}




.submenu{
list-style:none;
padding:0px 0px 0px 5px;
}

.submenu li{
font-family: 'Droid Serif', serif;
padding:0px 0px 0px 5px !important;
}

.table{
border:none;
}

.table>tbody>tr>td{
border-top:none;
}

.destacaverde{
color:#db214d;
text-decoration:none;
/*padding:4px 0px 2px 0px;*/
}

.destacaverde:hover{
color:#FFF;
text-decoration:none;
}

#desmotivos ul{
margin:0px;
padding:0px;
list-style:none;
float:left;
}

#desmotivos ul li{
margin:2px;
padding:0px;
float:left;
}

#paginadoint{
margin:0px;
padding:0px;
width:100%;
}

#paginadoint ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

#paginadoint ul li{
	margin:0px;
	padding:4px;
	float:left;
}

#subproductos{
list-style:none;
}

#subproductos li{
float:left;
}

/*---------- carrito -------------*/

#ficha{
	margin:0px auto 0px auto;
	padding:0px;
font-family: 'Nunito', sans-serif;
	font-size:14px;
	color:#db214d;
	font-weight:bold;
}

#ficha ul{
	margin:0px 0px 0px 20px;
	padding:0px;
	list-style:none;
}

#ficha ul li{
	margin:10px 20px 0px 0px;
	padding:0px;
	float:left;
	text-align:center;
font-family: 'Nunito', sans-serif;
	font-size:14px;
	color:#db214d;
	font-weight:bold;
}

.list-group-item{
/*background-color:#000;*/
border:none;
}

.navbarbottom .nav,
.navbarbottom .nav > li {
  float:none;
  display:inline-block;
  *display:inline; /* ie7 fix */
  *zoom:1; /* hasLayout ie7 trigger */
  vertical-align: top;
}

.navbarbottom-inner {
  text-align:center;
}

.navbar-toggle {
  border:none;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #db214d;
}

.suscribe{
  width:60%;
  float:left;
}

.serif{
font-family: 'Droid Serif', serif;
}

.borde-talle{
  border:1px solid #000;
  padding:5px;
}

.borde-buscador{
  border: none !important;
   -webkit-box-shadow: none !important;
   -moz-box-shadow: none !important;
   box-shadow: none !important;
  border-bottom: 1px solid #000 !important;
  -webkit-border-radius: 0 !important;
   -moz-border-radius: 0 !important;
        border-radius: 0 !important;
}

.navbar-default {
    background-color: #fff;
    border-color: #FFF;
}



.nav>li>a:focus, .nav>li>a:hover {
text-decoration: none;
background-color: transparent;
}

.navbar {
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    -ms-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}

.navbar.scrolled {
    background: rgb(68, 68, 68); //IE
    background: rgba(0, 0, 0, 0.78); //NON-IE
}



.altofooter{
  margin-bottom:180px;
}

@media (max-width: 1200px) {
.f20{
font-size:95%;
}

.paddinglogo{
/*padding-left:245px;*/
}
}


@media (max-width: 992px) {
.paddinglogo{
padding-left:0px;
}

    .topproducto{
    padding-top:50px;
    }
}

@media screen and (max-width: 767px) {
	/* separar cajas bottom */
    .bottomsep {
        margin-bottom: 20px;
    }


}

@media (max-width: 480px) {
	/* separar cajas bottom */
    .topproducto {
      padding-top:30px;
    }

.margin15topb{
  margin-top:0px;
}



}