/*-----------------------------------------*/

#cabezote {
  background-image: url("../img/fondo.jpg");
  background-repeat: no-repeat;
  height: 815px;
  width: 1400px;
}

#contenido {
  background-color: #003a8a;
  width: 1400px;
  height: 3000px;
}

#quienes {
  background-image: url("../img/fondo_quienes.jpg");
  background-repeat: no-repeat;
  width: 1400px;
  height: 749px;
}

#historia {
  background-image: url("../img/fondo_historia.jpg");
  background-repeat: no-repeat;
  width: 1400px;
  height: 810px;
}

#juega {
  background-image: url("../img/fondo_juega.jpg");
  background-repeat: no-repeat;
  width: 1400px;
  height: 782px;
}

#contacto {
  background-image: url("../img/fondo_contacto.jpg");
  background-repeat: no-repeat;
  width: 1400px;
  height: 750px;
}

#menu {
  background-image: url("../img/curva.png");
  background-repeat: no-repeat;
  width: 1400px;
  height: 120px;
}

#mujer {
position: relative;
width: 146px;
left: 180px;
top:140px;
}

#hombre{
position: relative;
width: 146px;
right: 160px;
top: 110px;
}

#bocadillo_verde{
background-image: url("../img/bocadillo_verde.png");
background-repeat: no-repeat;
position: relative;
width:327px;
height:246px;
left: 180px;
top: 30px;
}

#bocadillo_naranja{
background-image: url("../img/bocadillo_naranja.png");
background-repeat: no-repeat;
position: relative;
z-index:2;
width:564px;
height:300px;
right: -30px;
top: 200px;
}

.fontbocadillo{
  font-family:kodakku;
  font-size: 25px;
  line-height:1.3;
}

.fontbocadillo2{
  font-family:kodakku;
  font-size: 42px;
  line-height:1.3;
}

#btn_1{
  background-image: url("../img/btn_1.png");
  z-index: 3;
  width:326px;
  height:91px;
}

#btn_2{
  background-image: url("../img/btn_2.png");
  z-index: 3;
  width:230px;
  height:91px;
}

#btn_3{
  background-image: url("../img/btn_3.png");
  z-index: 3;
  width:198px;
  height:91px;
}

#btn_4{
  background-image: url("../img/btn_4.png");
  z-index: 3;
  width:224px;
  height:91px;
}

#btn_5{
  background-image: url("../img/btn_5.png");
  z-index: 3;
  width:198px;
  height:91px;
}

#colornaranja{
  width: 180px;
  height: 6px;
  border-radius: 50px;
  background-color: #f39200;
}

#colorrojo{
  width: 180px;
  height: 6px;
  border-radius: 50px;
  background-color: #e6332a;
}

#colorverde{
  width: 205px;
  height: 6px;
  border-radius: 50px;
  background-color: #95c11f;
}

#coloragua{
  width: 170px;
  height: 6px;
  border-radius: 50px;
  border-right: 6px transparent;
  border-top: 6px solid #00a19a; 
  background-color: #000;
}

.btn_historia a{
  background-image: url("../img/btn_h.png");
  display: block;
  width:201px;
  height:54px;
  text-decoration: none;
  color:#fff;
  padding-left: 20px;
  padding-top: 10px;
}

.btn_historia a:hover{
  background-image: url("../img/btn_h2.png");
  display: block;
  width:201px;
  height:54px;
  text-decoration: none;
}

.btn_juega1 a{
  background-image: url("../img/btn_juega_1.png");
  display: block;
  width:461px;
  height:106px;
  text-decoration: none;
  color:#3c3c3c;
  padding-left: 180px;
  padding-top: 35px;
}

.btn_juega1 a:hover{
  background-image: url("../img/btn_juega_11.png");
  display: block;
  width:461px;
  height:106px;
  color:#930800;
  text-decoration: none;
}

.btn_juega2 a{
  background-image: url("../img/btn_juega_2.png");
  display: block;
  width:461px;
  height:106px;
  text-decoration: none;
  color:#3c3c3c;
  padding-left: 180px;
  padding-top: 35px;
}

.btn_juega2 a:hover{
  background-image: url("../img/btn_juega_22.png");
  display: block;
  width:461px;
  height:106px;
  color:#930800;
  text-decoration: none;
}

.btn_juega3 a{
  background-image: url("../img/btn_juega_3.png");
  display: block;
  width:461px;
  height:106px;
  text-decoration: none;
  color:#3c3c3c;
  padding-left: 180px;
  padding-top: 35px;
}

.btn_juega3 a:hover{
  background-image: url("../img/btn_juega_33.png");
  display: block;
  width:461px;
  height:106px;
  color:#930800;
  text-decoration: none;
}

.btn_contacto a{
  background-image: url("../img/btn_contactanos.png");
  display: block;
  width:310px;
  height:89px;
  text-decoration: none;
  color:#fff;
  padding-left:30px;
  padding-top: 10px;
}

.btn_contacto a:hover{
  background-image: url("../img/btn_contactanos2.png");
  display: block;
  width:310px;
  height:89px;
  text-decoration: none;
}

.fontbtn {
  font-family:BebasNeueBold;
  font-size: 25px;
  line-height:1.3;
  color: #6d6e70;
  font-weight: bold;
  text-shadow: 2px 2px #fff;
}

.fontqui{
  font-family:BebasNeueLight;
  font-size: 85px;
  color: #AAA;
}

.fontqui2{
  font-family:BebasNeueBold;
  font-size: 92px;
  color: #F45000;
  font-weight: bold;
}

.fonthist{
  font-family:BebasNeueLight;
  font-size: 65px;
  color: #fff;
}

.fonthist2{
  font-family:BebasNeueBold;
  font-size: 60px;
  color: #fff;
  font-weight: bold;
}

.fontbtncontacto{
  font-family:BebasNeueBold;
  font-size: 58px;
  font-weight: bold;
  text-shadow: 2px 2px #003935;
}

.ar_12w a {
  font-family: "Arial", Helvetica, "Verdana";
  font-size: 13px;
  text-decoration: none;
  color:#fff;
}

.ar_16w {
  font-family: "Arial", Helvetica, "Verdana";
  font-size: 18px;
  text-decoration: none;
  color:#fff;
}

.ar_15w {
  font-family:BebasNeueBold;
  font-size: 25px;
  text-decoration: none;
  font-weight: bold;
  color:#fff;
}

.fontjuega{
  font-family:BebasNeueLight;
  font-size: 100px;
  color: #fff;
}

.fontjuega2{
  font-family:BebasNeueBold;
  font-size: 55px;
  color: #fff;
  font-weight: bold;
}

.fontjuega3{
  font-family:BebasNeueBold;
  font-size: 70px;
  color: #fff;
  font-weight: bold;
}

.fontbtnjuega{
  font-family:BebasNeueBold;
  font-size: 38px;
  line-height:1.3;
  color: #6d6e70;
  font-weight: bold;
}

.mycontent-left {
  border-right: 1px solid #fff;
}

/*-----------------------------------------*/