/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

html {

  font-family: sans-serif;

  -ms-text-size-adjust: 100%;

  -webkit-text-size-adjust: 100%; }



body {

  margin: 0; }



article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {

  display: block; }



audio, canvas, progress, video {

  display: inline-block;

  vertical-align: baseline; }



audio:not([controls]) {

  display: none;

  height: 0; }



[hidden], template {

  display: none; }



a {

  background-color: transparent; }

  a:active, a:hover {

    outline: 0; }



abbr[title] {

  border-bottom: 1px dotted; }



b, strong {

  font-weight: bold; }



dfn {

  font-style: italic; }



h1 {

  font-size: 2em;

  margin: 0.67em 0; }



mark {

  background: #ff0;

  color: #000; }



small {

  font-size: 80%; }



sub, sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline; }



sup {

  top: -0.5em; }



sub {

  bottom: -0.25em; }



img {

  border: 0; }



svg:not(:root) {

  overflow: hidden; }



figure {

  margin: 1em 40px; }



hr {

  box-sizing: content-box;

  height: 0; }



pre {

  overflow: auto; }



code, kbd, pre, samp {

  font-family: monospace, monospace;

  font-size: 1em; }



button, input, optgroup, select, textarea {

  color: inherit;

  font: inherit;

  margin: 0;

  outline: 0; }



button {

  overflow: visible; }



button, select {

  text-transform: none; }



button, html input[type="button"], input[type="reset"], input[type="submit"] {

  -webkit-appearance: button;

  cursor: pointer;

  border: 0;

  padding: .25em .5em; }



button[disabled], html input[disabled] {

  cursor: default; }



button::-moz-focus-inner, input::-moz-focus-inner {

  border: 0;

  padding: 0; }



input {

  line-height: normal; }



input[type="checkbox"], input[type="radio"] {

  box-sizing: border-box;

  padding: 0; }



input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {

  height: auto; }



input[type="search"] {

  -webkit-appearance: textfield;

  box-sizing: content-box; }



input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none; }



fieldset {

  border: 0;

  margin: 0;

  padding: .75em 0; }



legend {

  border: 0;

  padding: 0; }



textarea {

  overflow: auto; }



optgroup {

  font-weight: bold; }



table {

  border-collapse: collapse;

  border-spacing: 0; }



td, th {

  padding: 0; }

.antiClic {
    position: absolute;
    width: 100%;
    cursor: pointer;
}

.sedes .contMapa { position: relative; width: 100%; }

.sedes .contMapa > * { width: 100%; height: 250px; }



@font-face {

  font-family: 'Source Sans Pro';

  src: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");

  src: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") format('embedded-opentype'), url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") format('woff2'), url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") format('woff'), url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") format('truetype'), url("../fonts/sourcesanspro/sourcesanspro-regular-webfont.svg#source_sans_proregular") format('svg');

  font-weight: normal;

  font-style: normal; }



*, *:before, *:after {

  box-sizing: border-box; }



body {

  background-color: #fff;

  color: #777777;

  font: normal 18px/1.25 'Source Sans Pro', Arial, serif; }



a {

  color: #E8BB3E;

  text-decoration: none; }



nav ul {

  margin: 0;

  list-style-type: none;

  padding: 0; }



.wrap {

  width: 1024px;

  margin: 0 auto; }

.wrap2 {

  width: 96%;

  margin: 0 auto;}  



header {

  background: #F9DFEA;}



nav {

  background: #A665A4;

  position: relative;

  z-index: 99;

  width: 1020px;

  margin: 0 auto; }

  nav a {

    color: #fff; }

  nav .menu li {

    position: relative; }

  nav .menu > li {

    display: inline-block;

    padding: 1.2em 1.2em;

    font-size: 16px;

    text-transform: uppercase;

    border-left: 1px solid #fff; } 

    nav .menu > li.activa {

      background-color: #E4097F; }

    nav .menu > li:hover {

      background-color: #E4097F; }

    nav .menu li.activouno > a{  background: #990000; color: #fff;}  

    nav .menu > li:hover > .submenu {display: block; }

  nav .submenu {

    display: none;

    position: absolute;

    top: 58px;

    left: -1px;

    width: 100%; }

    nav .submenu li {

      background-color: #A665A4;

      text-transform: capitalize;

      border-bottom: 1px solid #fff;

      padding: .5em .75em; }

      nav .submenu li:hover {

        background: #E4097F; }

nav .menu > li:hover > .submenu2 {display: block; }

nav .menu > li> .submenu > li:hover > .submenu2, nav .menu > li> .submenu > li > a:hover .submenu2 { display: block; }

  nav .submenu2 {

    display: none;

    position: absolute;

    top: 0px;

    left: -250px;

    width: 100%; }

    nav .submenu2 li {

      background-color: #8D518B;

      text-transform: capitalize;

      border-bottom: 1px solid #fff;

      padding: .5em .75em; }

      nav .submenu2 li:hover {

        background: #E4097F; }        



/*clases felipe generales*/



h1 {

  font-weight: normal;

  margin: 0; }

h2 {

  font-weight: normal;

  margin: 0; }

h3 {

  font-weight: normal;

  margin: 0; }

h4 {

  font-weight: normal;

  margin: 0; }      



p{

  margin: 0;

  padding: .3em 0;

  width: 98%;

  text-align: justify;}  



a {

  background-color: transparent;.

  color: #fff;

  text-decoration: none;

  font-weight: normal;}

a:active, a:hover {

    outline: 0; }





.row100 {

  width: 100%;}



.padding1{

  padding: 1em;}



.padding05-0{

  padding: .5em 0;}



.padding1-0{

  padding: 1em 0;}



.padding15-0{

  padding: 1.5em 0;}  



.padding2-0{

  padding: 2em 0;}  



.padding25-0{

  padding: 2.5em 0;}    



.padding3-0{

  padding: 3em 0;}    



.paddingT02{

  padding-top: .3em;}



.paddingT05{

  padding-top: .7em;}



.paddingT08{

  padding-top: .8em;}  



.paddingT1{

  padding-top: 1em;}



.paddingT15{

  padding-top: 1.5em;}  



.paddingT2{

  padding-top: 2em;}  



.paddingT25{

  padding-top: 2.5em;}    



.paddingT3{

  padding-top: 3em;}      



.paddingB05{

  padding-bottom: .5em;}



.paddingB1{

  padding-bottom: 1em;}   



.paddingB2{

  padding-bottom: 2em;}   



.paddingB25{

  padding-bottom: 2.5em;}      



.T-1{

  margin-top: -1em;}



.T-15{

  margin-top: -1.5em;}



.T-2{

  margin-top: -2em;}    



.T-3{

  margin-top: -3em;}    



.gray{

  background-color: #363434;}



.gray2{

  background-color: #464444;}  



.gray3{

  background-color: #EEEEEE;} 



.gray4{

  background-color: #DDDDDD;}   



.white{

  background-color: #fff;} 



.black{

  background-color: #000;} 



.green{

  background-color: #10811B;} 



.green2{

  background-color: #026C7A;}   



.green3{

  background-color: #00B53E;}    



.morado{

  background-color: #ECE0E5;}



.col12{

  display: inline-block;

  vertical-align: top;

  width: 100%;

  padding: 1em;}



.col8{

  display: inline-block;

  vertical-align: top;

  width: 66%;

  padding: 1em;}



.col7{

  display: inline-block;

  vertical-align: top;

  width: 52%;

  padding: 1em;}



.col6{

  display: inline-block;

  vertical-align: top;

  width: 48%;

  padding: 1em;}



.col5{

  display: inline-block;

  vertical-align: top;

  width: 40%;

  padding: 1em;}  



.col4{

  display: inline-block;

  vertical-align: top;

  width: 32%;

  padding: 1em;}  



.col3{

  display: inline-block;

  vertical-align: top;

  width: 24%;

  padding: 1em;}    



.justify{

  text-align: justify;}  

.center{

  text-align: center;}  

.left{

  text-align: left;}  

.right{

  text-align: right;} 



.size05{

  font-size: .5em;} 



.size06{

  font-size: .6em;} 



.size07{

  font-size: .7em;} 



.size08{

  font-size: .8em;}       



.size09{

  font-size: .9em;}   



.size1{

  font-size: 1em;}  

      

.size12{

  font-size: 1.2em;} 



.size13{

  font-size: 1.3em;} 



.size14{

  font-size: 1.4em;} 



.size15{

  font-size: 1.5em;} 



.size16{

  font-size: 1.6em;} 



.size17{

  font-size: 1.7em;} 



.size18{

  font-size: 1.8em;} 



.size19{

  font-size: 1.9em;}         



.size2{

  font-size: 2em;} 



.size3{

  font-size: 3em;} 



.size4{

  font-size: 4em;} 



.size5{

  font-size: 5em;}     



.font-black{

  color: #000;}



.font-black2{

  color: #313131;}  



.font-gray{

  color: #CFCBCB;}



.font-gray2{

  color: #B0B0B0;}



.font-gray3{

  color: #969696;}  



.font-white{

  color: #fff;}    



.font-white2{

  color: #EEECEC;}    



.font-green2{

  color: #026C7A;}



.font-green3{

  color: #00B53E;}



.button{

  padding: 1em 1.3em 1em 1.3em;

  text-align: center;} 



.line1{

  width: 100%;

  height: .1em;}  



.line2{

  width: 100%;

  height: .2em;}    



.line3{

  width: 100%;

  height: .3em;} 



.line4{

  width: 100%;

  height: .4em;}    



.line5{

  width: 100%;

  height: .5em;}     



.line6{

  width: 100%;

  height: .6em;}   



.lineh1{

  line-height: 1.3em;}       



.w95{

  width: 95%;}

.w90{

  width: 90%;}

.w80{

  width: 80%;}

.w75{

  width: 75%;}

.w70{

  width: 70%;}

.w60{

  width: 60%;}

.w50{

  width: 50%;}

.w40{

  width: 40%;}

.w30{

  width: 30%;}

.w20{

  width: 20%;}  

.w15{

  width: 15%;}  

.w10{

  width: 10%;}              



.radius05{

  border-radius: .5em;}



.radius1{

  border-radius: 1em;}



.radius15{

  border-radius: 1.5em;}



.radius2{

  border-radius: 2em;}



.radius25{

  border-radius: 2.5em;}



.radius3{

  border-radius: 3em;}          



.margin0{

  margin: 0 auto;}  



.margin1{

  margin: 1em;}    



.margin2{

  margin: 2em;}    



.margin05-0{

  margin: .5em 0;}  



.margin1-0{

  margin: 1em 0;}



.marginT05{

  margin-top: .5em;}  



.marginT1{

  margin-top: 1em;}    



.marginT15{

  margin-top: 1.5em;}    



.marginT2{

  margin-top: 2em;}   



.marginT3{

  margin-top: 3em;}   



.marginT-1{

  margin-top: -1em;}    



.marginT-15{

  margin-top: -1.5em;}    



.marginT-2{

  margin-top: -2em;}  



.marginT-25{

  margin-top: -2.5em;}    



.marginT-3{

  margin-top: -3em;}  



.marginB1{

  margin-bottom: 1em;}



.marginB15{

  margin-bottom: 1.5em;}



.marginB2{

  margin-bottom: 2em;}



.marginB05{

  margin-bottom: .5em;}



.margin1-0{

  margin: 1em 0;}   



.margin2-0{

  margin: 2em 0;}    



.marginR01{

  margin-right: .1em;}



.marginR1{

  margin-right: 1em;}



.marginR15{

  margin-right: 1.5em;}



.marginL1{

  margin-left: 1em;}



.marginL2{

  margin-left: 2em;}



.marginL11{

  margin-left: 1.1em;}



.marginL13{

  margin-left: 1.3em;}  



.relative{

  position: relative;} 



.absolute{

  position: absolute;} 



.degradegray-black{

  background: #363434;

  background: -moz-linear-gradient(left,  #363434 0%, #000000 100%);

  background: -webkit-linear-gradient(left,  #363434 0%,#000000 100%);

  background: linear-gradient(to right,  #363434 0%,#000000 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363434', endColorstr='#000000',GradientType=1 );}   



.iconos-redes a{

 width: 45px;

 height: 45px;

 padding-top: .7em;

 border-radius: 2em;

 margin: 0 .2em 0 .2em;

 border: 1px solid #8D8D8D;}  

.iconos-redes a:hover{

  background-color: #026c7a;

  color: #fff;} 



.border1{

  border: 1px solid;} 



.border2{

  border: 2px solid;} 



.border3{

  border: 3px solid;}  



.borderB2{

  border-bottom: 2px solid;}  



.borderB3{

  border-bottom: 3px solid;}  



.borderB4{

  border-bottom: 4px solid;}  



.borderB5{

  border-bottom: 5px solid;}  



.borderB6{

  border-bottom: 6px solid;}            



.b-black{

  color: #000;}



.b-white{

  color: #fff;}  



.right02{

  margin-right: .2em;}



.right05{

  margin-right: .5em;}



.right1{

  margin-right: 1em;}



.inline{

  display: inline-block;

  vertical-align: top;}  

/*clases felipe generales*/



.barra_header{

  width: 100%;

  height: 2.5em;

  text-align: left;

  position: relative;

  background-color: #9A5273;

  color: #fff;}

.barra_header i{
  font-size: 1.5em;}  



.barra_header .info{

  position: absolute;

  top: .1em;

  left: 1em;}  

.barra_header .info .txt{

  margin-top: .5em;}   



.barra_header .pedidos{

  position: absolute;

  top: 0;

  right: 1em;}  

.barra_header .pedidos .txt{

  margin-top: .5em;}  



header .wrap{

  position: relative;

}



header .logo img{

margin-top: 2em;

margin-bottom: 2em;}  



header .buscar{

position: absolute;

display: inline-block;

vertical-align: top;

top: 0;

right: 0; 

margin-top: 3em;}  



header .buscar .formulario{

width: 300px;

padding: 1em;

background-color: #fff;

border: 0px;

text-align: left;}  

header .buscar .formulario:hover{

  background-color: #F2F2F2;}

header .buscar .boton{

width: 65px;

height: 60px;

background-color: #EEB0CC;

border: 0px;

margin-left: -.5em;

color: #fff;}  

header .buscar .boton:hover{

background-color: #C689A5;} 



.banner{

  background-color: #F3CBDD;

  width: 100%;

  height: 430px;}





.bienvenidos{

  width: 40%;

  text-align: center;

  margin: 0 auto;

  margin-top: 1.5em;

  margin-bottom: 1.5em; }  

.bienvenidos h1{

  font-size: 2.2em;

  color: #EA469F;}  

.bienvenidos p{

  color: #8D4C8B;

  text-align: center;}    



.productos{

  width: 100%;

  background-color: #F7DBE7;

  padding: 1em;

  margin-top: 1em;

  text-align: center;}  

.productos form{
  display: inline-block;
  vertical-align: top;
  width: 22%;
  border: 1px solid #000;
  margin:0px;
  padding: 0px;}  

.productos h1{

  color: #300734;

  font-size: 1.6em;

  margin-top: .8em;

  text-align: left;

  padding-left: 5%;} 

.productos a.product-prin{

  width: 100%;

  display: inline-block;

  vertical-align: top;

  background-color: #fff;

  text-align: center;

  margin-top: 2em;

  margin-bottom: 1.5em;}

.productos a.product-prin img{

  width: 80%;}

.productos a.product-prin:hover{

  opacity: .8;}     

.productos a.product-prin img{

  margin-top: 1.5em;}  

.productos a.product-prin div.price1{

  color: #E4097F;

  font-size: 1.6em;

  margin-top: .5em;}   

.productos a.product-prin div.price2{

  color: #A665A4;

  text-decoration: line-through;

  font-size: 1.6em;

  margin-top: .5em;}  

.productos a.product-prin h2{

  font-size: 1.1em;

  height: 50px;

  margin-top: .5em;

  margin-bottom: .8em;

  color: #292929;} 

.productos a.product-prin .boton{

  background-color: #E4097F;

  text-align: center;

  color: #fff;

  width: 60%;

  padding: .8em .2em;

  border: 0px;

  margin: 0 auto;

  margin-bottom: 1.5em;}   

.productos a.product-prin .boton:hover{

  background-color: #771A4C;}   

.productos a.product-prin .boton input{  
  background-color: #E4097F;
  border: 0px;}
.productos a.product-prin .boton input:hover{  
  background-color: #771A4C;}  

.productos a.product-prin .boton i{
  font-size: 1.5em;}    

a.boton-ver-mas{

  margin-top: 2em;

  width: 40%;

  padding: .8em 1em;

  text-align: center;

  background-color: #A665A4;

  color: #fff;

  border: 0px;

  font-size: 1.3em;}  

a.boton-ver-mas:hover{

  background-color: #6E426D;}  



.temas a{

  width: 100%;

  margin-bottom: 2em;} 

.temas h1{

  color: #E4097F;

  margin-bottom: .8em;}  

.temas a img{

  width: 100%;}  

.temas a img:hover{

  opacity: .8;}  

.temas a h1{

  font-size: 1.5em;

  color: #000;

  margin-bottom: 0;

  padding: 0;}

.temas a p{

  color: #000;}   

.temas a .boton{

  background-color: #A665A4;

  text-align: center;

  color: #fff;

  width: 120px;

  padding: .9em .2em;

  border: 0px;

  margin-top: .2em;}      

.temas a .boton:hover{

  background-color: #774175;}   



.sedes{

  margin-bottom: 2em;}

.sedes h1{

  color: #E4097F;

  margin-bottom: 1em;}   

.sedes .cuadrante{

  position: relative;

  width: 100%;}

.sedes a.boton{

  position: absolute;

  top: 0;

  right: 0;

  background-color: #E4097F;

  text-align: center;

  color: #fff;

  width: 150px;

  padding: .9em .2em;

  border: 0px;}  

.sedes a.boton:hover{

  background-color: #A61764;}      



footer{

  width: 80%;}

footer p{

  text-align: center;

  font-size: 1.2em;

  color: #A665A4;}  

footer h1{

  font-size: 1.2em;

  color: #E4097F;  

  margin-top: .5em;}  

footer ul{

  list-style-type: none;

  margin-left: -1.5em;

  line-height: 1.5em;}  

footer a{

  color: #000;}  

footer a:hover{

  color: #E4097F;}   



.copy{

  background-color: #EEB0CC;

  text-align: center;

  color: #000;

  width: 100%;}

.copy a{

  color: #000;}  

.copy a:hover{

  color: #E4097F;}  



.temas .cuadrante{

  display: inline-block;

  vertical-align: top;

  width: 66%;

  padding: 1em;}  



.temas .cuadrante2{

  display: inline-block;

  vertical-align: top;

  width: 66%;

  padding: 1em;}   



.temas .cuadrante3{

  display: inline-block;

  vertical-align: top;

  width: 32%;

  padding: 1em;}    



footer .cuadrante4{

  display: inline-block;

  vertical-align: top;

  width: 24%;

  padding: 1em;}    



.copy .cuadrante5{

  display: inline-block;

  vertical-align: top;

  width: 40%;

  padding: 1em;} 



.espacio-responsive { 

  visibility: hidden; 

  display:none; }



.contact h1{

  color: #E4097F;

  font-size: 1.5em;

  margin-top: 1em;}  

.contact h2{

  font-size: 1em;

  margin-bottom: 1em;}    

.contact form.contactenos input{

  width: 100%;

  padding: 1em;

  border: 0px;

  text-align: left;

  background-color: #F9DFEA;

  margin-top: .5em;}

.contact form.contactenos input:hover{

  background-color: #EFCBDA; }

.contact form.contactenos textarea{

  width: 100%;

  padding: 1em;

  border: 0px;

  text-align: left;

  background-color: #F9DFEA;

  margin-top: .5em;}

.contact form.contactenos textarea:hover{

  background-color: #EFCBDA;}

.contact form.contactenos input.boton{

  width: 100%;

  padding: 1em;

  border: 0px;

  text-align: center;

  color: #fff;

  background-color: #E675A5;

  margin-top: .5em;}

.contact form.contactenos input.boton:hover{

  background-color: #E65492; }



.bloque{

  margin-bottom: 2em;}

.adress h1{

  font-size: 1.2em;

  color: #000;

  text-align: center;

  margin-top: 2em;

margin-bottom: 2em;}

.adress i{

  font-size: 6em;

  color: #FF95CF;}  

.adress .txt{

 text-align: left;

  width: 80%;}  

.adress .txt h1{

  color: #EA469F;

  text-align: left;

  margin: 0;

  padding: 0;

  margin-top: .5em;} 

.adress .txt p{

  color: #2A2A2A;

  font-size: 1em;

  text-align: left;

  margin: 0;

  padding: 0;

  margin-top: .5em;}   



.recuadros{

  border-right: 1px solid #DCDCDC;

  margin-bottom: 2em;

  border-bottom: 1px solid #DCDCDC;

  height: 280px;

  margin-left: .5em; }



.recuadros .num{

  width: 40px;

  height: 40px;

  border-radius: 2em;

  padding-top: .4em;

  background-color: #CA3E77;

  color: #fff;

  text-align: center;

  margin: 0 auto;

  margin-bottom: 1em;}  



.confondo{ 

  background: transparent url("../img/fondo.jpg") no-repeat 50% 0/cover;}  

.confondo .recuadro-trans{

  width: 80%;

  background-color: rgba(254, 255, 255, 0.6);

  background: rgba(254, 255, 255, 0.6); 

  border-radius: 1em;

  padding: 1.5em;

  margin-top: 1em;

  margin-bottom: 1em;}  

.confondo .recuadro-trans h1{

  font-size: 1.5em;

  color: #E4097F;

  margin-bottom: .5em;}  

.confondo .recuadro-trans p{

  color: #000;}  

.confondo .recuadro-trans h2{

  font-size: 1.3em;

  color: #000;

  margin-top: 1.2em;}   



.confondo2{ 

  background: transparent url("../img/fondo2.jpg") no-repeat 50% 0/cover;}  

.confondo2 .recuadro-trans2{

  width: 80%; 

  padding: 1.5em;

  margin-top: 1em;

  margin-bottom: 1em;}  

.confondo2 .recuadro-trans2 h1{

  font-size: 1.6em;

  color: #FFF;

  margin-bottom: .5em;}   

.confondo2 .recuadro-trans2 p{

  color: #EDEDED;}    



#mapa{

  position: relative;

  width: 100%;}



#mapa .capa-anti-eventos {

  width: 100%;

  height: 400px;

  position: absolute;

  cursor: pointer;}  



a.boton-sede{

  position: absolute;

  top: 12em;

  right: 6em;

  background-color: rgba(202, 56, 161, 0.8);

  background: rgba(202, 56, 161, 0.8);

  color: rgba(202, 56, 161, 0.8);

  width: 160px;

  text-align: center;

  color: #fff;

  padding: 1em;

  z-index: 999} 



a.boton-sede:hover{

  background-color: #E4097F;}  



.sede .bloque1 i{

  font-size: 5em;

  color: #FF95CF;

  margin-bottom: .3em;}    



.sede .bloque2 i{

  font-size: 6em;

  color: #FF95CF;

  margin-bottom: .3em;

  margin-right: .1em;

  margin-left: 1px;}   



.sede .bloque3 i{

  font-size: 3.5em;

  color: #FF95CF;}       



.titulo-sedes{

  color: #E4097F;

  font-size: 1.7em;

  text-align: center;

  width: 100%;

  margin-top: 1em;}  



.relative{

  position: relative;}  



a.vinculo{

color: #000; }  

a.vinculo:hover{

color: #E4097F; } 


/*Julian*/


.productos .inline {
    display: inline-block;
    vertical-align: top;
    padding-left: 2%;
    padding-right: 2%;
    width: 23%;
}

.productos form {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    border: none;
    margin: 0px;
    padding: 0px;
}

.productos a.product-prin div.price1 , .productos a.product-prin div.price2 { width: 48%; font-size: 1.1em;}

.boton .inline { width: auto; }

.chat-online{
  position: fixed;
  top: 20em;
  right: 0; z-index: 999;}
.chat-online img:hover{
  opacity: .7;}