body.bocas{
  background: url("../img/bocas.jpg") repeat scroll 0 0 transparent;
  padding-top: 50px !important;
}
body.preservativos{
  background: url("../img/forros.jpg") repeat scroll 0 0 transparent;
  padding-top: 50px !important;
}
body.corazones{
  background: url("../img/corazones-chicos.jpg") repeat scroll 0 0 transparent;
  padding-top: 50px !important;
}
body.ojos{
  background: url("../img/ojos.jpg") repeat scroll 0 0 transparent;
  padding-top: 50px !important;
}
body.diafragma{
  background: url("/img/diafragma.jpg") repeat scroll 0 0 transparent;
  padding-top: 50px !important;
}
body.hashtags{
  background: url("/img/numerales.jpg") repeat scroll 0 0 transparent;
  padding-top: 50px !important;
}
body.corazones-rosas{
  background: url("/img/corazones-rosas.jpg") repeat scroll 0 0 transparent;
  padding-top: 50px !important;
}

.obHiLight {
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.6);
  z-index: 10;
}
.background-white{
  background-color:white;
}

.slogan-wrapper {
    display: inline-block;
    float: right;
    height: 38px;
    line-height: 38px;
}
#navlist li {
  float: left;
  font-size: 15px;
  list-style-type: none;
  padding-right: 25px;
  text-transform: uppercase;
}
#navlist li.active {
  color:#cc0033;
}
ul#navlist li a.active{
 color:#cc0033; 
}
ul#navlist li a:hover{
	color:#FF9900;
}
ul#navlist {
   list-style-image:url('../img/corazon.jpg');
   font-family:Arial, Helvetica, sans-serif;
}
#navlist li > a:visited {
	color:#FFFFFF;
}
#navlist li > a{
	color:#FFFFFF;
	font-size: 10pt;
	line-height: 21px;
}

#navlist li.active a, #navlist a:hover{color:#FF9900; background-color:#232323;}


@font-face {
    font-family: 'Signika'; /*a name to be used later*/
    src: url('../fonts/Signika-Regular.otf'); /*URL to font*/
}
@font-face {
    font-family: 'Signika-Bold'; /*a name to be used later*/
    src: url('../fonts/Signika-Bold.otf'); /*URL to font*/
}
h1, h2, h3, h4, h5, h6{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.m10{
  margin-top: 10px;
}
.m25{
  margin-top: 25px;
}
.m37 {
  margin-top: 37px;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#right{
  margin-right: 9%;
  margin-left: 6%;
} 
#left{
  /*margin-left: 6%;*/
  padding: 0 45px;
}
@media screen and (max-width: 800px) {
  #right{
    margin-right: 0;
    margin-left: 0;
  } 
  #left{
    margin-left: 0;
  }
  .header-gcba #logo{
    margin: 0 auto;
    /*float:none;*/
  }
  .header-gcba h2.slogan{
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .min-600{
    display:none;
  }

}

@media screen and (max-width: 769px) {
  /*.footer {
    padding: 30px 0;
    background: #252120!important;
    border-top: #000;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
  }*/
}
a {
  color:#cc0033;
}
a:hover, a:focus {
    color: #330099;
    text-decoration: none;
}
#row{
  margin-left:20px;
}
#heading-1{
  background-color: #E11783;
  color: white;
}
#heading-1 a{
  color: white;
  display: inline-block;
  width: 83%;
}
#heading-2{
  background-color: #4F028C;
  color: white;
}
#heading-2 a{
  color: white;
  display: inline-block;
  width: 83%;
}
#heading-3{
  background-color: #00AE8B;
  color: white;
}
#heading-3 a{
  color: white;
  display: inline-block;
  width: 83%;
}
#heading-4{
  background-color: #FF6B0B;
  color: white;
}
#heading-4 a{
  color: white;
  display: inline-block;
  width: 83%;
}
#heading-5{
  background-color: #68B4CC;
  color: white;
}
#heading-5 a{
  color: white;
  display: inline-block;
  width: 83%;
}
#heading-6{
  background-color: #EC0742;
  color: white;
}
#heading-6 a{
  color: white;
  display: inline-block;
  width: 83%;
}
.accordion-inner > ul {
  padding:0;
  margin: 0;
}
.accordion-inner > ul > li {
  border-bottom: 1px dashed #D7D7D7;
  list-style: none outside none;
  padding: 5px 0px 0px;
}
.accordion-inner > ul > li > a{
  color:#333333;
}
/*.accordion-inner > ul > li:first-child > a{
  color: #E62791;
}*/
.accordion-inner > ul > li > a.selected{
  color: #E62791;
}
body{
	font-family: Arial, sans-serif
}
b.bold{
  font-family: "Signika-Bold","Lucida Grande","Helvetica Neue",Helvetica,Arial,sans-serif 
}
.big {
  font-size: 53px;
}
[class*="titulo-pregunta"]{
  margin-top:0;
}
.titulo-pregunta1 {
  color: #D60C84;
}
.titulo-pregunta2 {
  color: #4F028C;
}
.titulo-pregunta3 {
  color: #00AE8B;
}
.titulo-pregunta4 {
  color: #FF6B0B;
}
.titulo-pregunta5 {
  color: #EC0742;
}
.form-consult{
  float: left;
  margin-right: 30px;
}
div#submit input {
  background: url("../img/btn-enviar.jpg") no-repeat scroll 0 0 transparent;
  border: 0 none;
  color: #000000;
  cursor: pointer;
  font-weight: bold;
  height: 40px;
  padding-bottom: 2px;
  width: 220px;
}
div#comparar input {
  background: url("/img/comparar.gif") no-repeat scroll 0 0 transparent;
  border: 0 none;
  color: #000000;
  cursor: pointer;
  font-weight: bold;
  height: 40px;
  padding-bottom: 2px;
  width: 180px;
}
div#comparar{
  text-align: center;
}
div#end_button a.b {
  background: url("/img/nuevo-test.gif") no-repeat scroll 0 0 transparent;
  display: block;
  border: 0 none;
  color: #000000;
  cursor: pointer;
  font-weight: bold;
  height: 40px;
  padding-bottom: 2px;
  width: 233px;
}
.bubble
{
position: relative;
width: 330px;
height: 120px;
padding: 0px;
background: #E11783;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

.bubble:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 22px 13px 0;
border-color: #E11783 transparent;
display: block;
width: 0;
z-index: 1;
bottom: -22px;
left: 21px;
}
.chat-bubble1{
  background: url('../img/chat1.jpg') no-repeat scroll 0% 0% transparent; 
  min-height: 97px; 
  padding: 13px; 
  color: white; 
  font-size: 17px;
  max-width:323px;  
}
.chat-bubble2{
  background: url('../img/chat2.jpg') no-repeat scroll 0% 0% transparent; 
  min-height: 97px; 
  padding: 13px; 
  color: white; 
  font-size: 17px;
  max-width:323px;  
}
.chat-bubble3{
  background: url('../img/chat3.jpg') no-repeat scroll 0% 0% transparent; 
  min-height: 97px; 
  padding: 13px; 
  color: white; 
  font-size: 17px;
  max-width:323px;  
}
.chat-bubble4{
  background: url('../img/chat4.jpg') no-repeat scroll 0% 0% transparent; 
  min-height: 127px; 
  padding: 13px; 
  color: white; 
  font-size: 17px;
  max-width:323px;  
}
.chat-bubble5{
  background: url('../img/chat5.jpg') no-repeat scroll 0% 0% transparent; 
  min-height: 127px; 
  padding: 13px; 
  color: white; 
  font-size: 17px;
  max-width:323px;
}
.bubble-sp1{
  width:87%;
  font-size:22px;
  vertical-align: top; 
}
.bubble-sp2{
  width:87%;
  font-size:22px;
  vertical-align: top; 
  display: inline-block;
}
.bubble-sp3{
  width:87%;
  font-size:22px;
  vertical-align: top; 
  display: inline-block;
}
.bubble-sp4{
  width:87%;
  font-size:22px;
  vertical-align: top; 
  display: inline-block;
}
.bubble-sp5{
  width:87%;
  font-size:22px;
  vertical-align: top; 
  display: inline-block;
}
#b-title a{
  text-decoration: none;
  color: white;
}
.tiny{
  font-size:20px;
  width:104%;  
}

#chatb1.chat-bubble1{
  margin-top:20px;
}
#amimepaso-form span.required{
  color:#FF6A19;
}

.table th, .table td{
  border: 1px dashed #CCCCCC;
}
#nav li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}
td.no-border-left, th.no-border-left{
  border-left:0;
}
th.orange{
  color: #FF6A19;
  border-right: none;
}
.table th{
  text-align: center;
}
.table td:last-child {
    border-right: medium none;
}
hr.dashed{
  border-color: #BBBBBB;
  border-style: dashed;
  /*border-width: 1px;*/
  margin: 10px 0;
  border-width: 2px 0 0;
}
@media screen and (max-width: 350px) {

  #heading-1 a{
    width: 75%;
  }
  #heading-2 a{
    width: 75%;
  }
  #heading-3 a{
    width: 75%;
  }
  #heading-4 a{
    width: 75%;
  }
  #heading-5 a{
    width: 75%;
  }
  #heading-6 a{
    width: 75%;
  }

}
.bubble-color-1 
{
  position: relative;
  width: 335px;
  padding: 20px 0 20px 20px;
  background: #E11682;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.bubble-color-1:after 
{
  content: "";
  position: absolute;
  bottom: -15px;
  left: 21px;
  border-style: solid;
  border-width: 15px 15px 0;
  border-color: #E11682 transparent;
  display: block;
  width: 0;
  z-index: 1;
}

.bubble-color-2
{
  position: relative;
  width: 335px;
  background: #4D038C;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding: 20px 0 20px 20px;
}

.bubble-color-2:after 
{
  content: "";
  position: absolute;
  bottom: -15px;
  left: 21px;
  border-style: solid;
  border-width: 15px 15px 0;
  border-color: #4D038C transparent;
  display: block;
  width: 0;
  z-index: 1;
}
.bubble-color-3
{
  position: relative;
  width: 335px;
  background: #FE6B0C;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding: 20px 0 20px 20px;
}

.bubble-color-3:after 
{
  content: "";
  position: absolute;
  bottom: -15px;
  left: 21px;
  border-style: solid;
  border-width: 15px 15px 0;
  border-color: #FE6B0C transparent;
  display: block;
  width: 0;
  z-index: 1;
}
.bubble-color-4
{
  position: relative;
  width: 335px;
  background: #43C8E7;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding: 20px 0 20px 20px;
}

.bubble-color-4:after 
{
  content: "";
  position: absolute;
  bottom: -15px;
  left: 21px;
  border-style: solid;
  border-width: 15px 15px 0;
  border-color: #43C8E7 transparent;
  display: block;
  width: 0;
  z-index: 1;
}
.bubble-color-5
{
  position: relative;
  width: 335px;
  background: #00AE8B;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding: 20px 0 20px 20px;
}

.bubble-color-5:after 
{
  content: "";
  position: absolute;
  bottom: -15px;
  left: 21px;
  border-style: solid;
  border-width: 15px 15px 0;
  border-color: #00AE8B transparent;
  display: block;
  width: 0;
  z-index: 1;
}
#infoh1title{
  font-size:73px;
  line-height:57px;
}
#amimepasoh1title{
  font-size:73px;
  line-height:57px;
}
#testh1title{
  font-size:73px;
  line-height:57px;
}
#mapainterh1title{
  font-size:73px;
  line-height:57px;
}
a.nostyle{
  color:#333333;
}
a:hover.nostyle{
  color:#333333;
}
.p18{
  padding:18px;
}
.pleft35{
  padding-left: 35px;
}
@media screen and (max-width: 996px) {
  .pleft35{
    padding-left: 0;
  }
}
@media screen and (max-width: 1214px) {
  b.bold{
    font-family: "Signika-Bold","Lucida Grande","Helvetica Neue",Helvetica,Arial,sans-serif;
    /*word-wrap: break-word;*/
  }
  #left{
    padding: 0 25px;
  }
}
#fbb{
  height:30px;
  margin-left:746px;
}
.h1-responsive{
  font-size:73px;
  line-height:57px;
}
@media screen and (max-width: 547px) {

  .orange img {
      width: 20%;
  }

}
#mcon{
  font-size:73px;
  line-height:57px;
}
@media screen and (max-width: 654px) {

  #mcon{
    font-size:67px;
  }

}
#consultorioa{
  font-size:73px;
  line-height:57px
}

@media screen and (max-width: 593px) {

  #mcon{
    font-size:40px;
    line-height:36px;
  }

}

@media screen and (max-width: 368px) {

  #mcon{
    font-size:33px;
    line-height:30px;
  }
  .table th, .table td{
    padding: 0;
  }
  #consultorioa{
    font-size: 45px;
    line-height: 43px;
  }
  #metodosa{
    font-size: 45px;
    line-height: 43px;
  }
  [class*="titulo-pregunta"]{
    font-size: 28px;
    line-height: 27px;
  }
  h1 {
	font-size: 29.5px;
	font-style: italic;
  }
  #infoh1title{
    line-height: 43px;
    font-size: 45px;
  }
  #amimepasoh1title{
    line-height: 43px;
    font-size: 45px;
  }
  #testh1title{
    line-height: 43px;
    font-size: 45px;
  }
  #mapainterh1title{
    line-height: 43px;
    font-size: 45px;
  }

  #navlist li {
      float: none;

  }

}
#footer-logos-vert{
  display: none;
}

@media screen and (max-width: 390px) {

  #CompareForm_metodo3{
    display: none;
  }
  #footer-logos{
    display: none;
  }
  #footer-logos-vert{
    /*display: block;*/
    display: inline;
    left: 24%;
    margin-bottom: 20px;
    position: relative;
  }
  .p18{
    padding: 0;
  }
}