html, body{position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; margin:0; padding:0; overflow-x:auto;}

#creditos{position: absolute;right: 20px;top:18%;}
#creditos img{width:70%;}


#cuerpo{position:absolute; top:60px; left:0; width:100%; height:100%; margin:0; padding:0;overflow:hidden;}

#cuerpo #imagen{position:absolute; bottom:90px; left:0;  width:auto; height:100%;}

#panoramica{position:absolute; height:100%; width:auto; left:0; top:0;overflow:hidden;}

#cuerpo #imagen .estadio{position:relative; width:30px; height:30px; left:46%; top:60%;display:none;}

#cuerpo #imagen .estadio img{position:absolute; width:30px; height:30px;top:0; left:0;cursor:hand;}



#cuerpo #imagen .entrada{position:relative; width:30px; height:30px; left:27%; top:80%;display:block;}

#cuerpo #imagen .entrada img{position:absolute; width:30px; height:30px;top:0; left:0;cursor:hand;}

#cuerpo  .f_izq{position:absolute; width:60px; height:60px; left:1%; top:50%; margin-top:-70px;

-ms-transform: scale(1,1); /* IE 9 */

    -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */

    transform: scale(1,1);

    -webkit-transition: all 0.2s;  /* For Safari 3.1 to 6.0 */

    transition: all 0.2s;}

#cuerpo  .f_izq:hover{-ms-transform: scale(1.1,1.1); /* IE 9 */

    -webkit-transform: scale(1.1,1.1); /* Chrome, Safari, Opera */

    transform: scale(1.1,1.1);}

#cuerpo  .f_izq img{position:relative; left:0; top:0; width:100%; height:auto;}

#cuerpo  .f_der{position:absolute; width:60px; height:60px; right:1%; top:50%; margin-top:-70px;

-ms-transform: scale(1,1); /* IE 9 */

    -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */

    transform: scale(1,1);

    -webkit-transition: all 0.2s;  /* For Safari 3.1 to 6.0 */

    transition: all 0.2s;}

#cuerpo  .f_der:hover{-ms-transform: scale(1.1,1.1); /* IE 9 */

    -webkit-transform: scale(1.1,1.1); /* Chrome, Safari, Opera */

    transform: scale(1.1,1.1);}

#cuerpo  .f_der img{position:relative; left:0; top:0; width:100%; height:auto;}



#cuerpo .seccion{position:absolute; top:-3%; left:20%; margin:0; padding:0; width:70%; height:70%;opacity:0;filter: alpha(opacity = 0);max-width:60%;}

#cuerpo .seccion h1{position:absolute;width:auto; height:auto;top:10%;left:0;}



.contenido{position:absolute; width:80%; height:88%; top:5%; left:10%; margin:0; display:inline; /*96% h*/}

.con .contenido img{width:100%;height:100%;}

.b_cerrar{position:absolute; width:79.5%; height:4%; top:5%; left:10%; margin:0; padding:0;}

.b_cerrar a{/*position:absolute; width:106.5%; max-width:106.5%;height:100%; top:0; left:0;text-decoration:none;*/}

.b_blanco{position:absolute; right:10px; color:white;border-radius:2px;font-weight:bold; font-family:Arial, fantasy;}

#obrasci .b_blanco{width:auto;}



.seccion_baja{position:absolute; width:50%; height:8%;top:8.8%; left:14%;display:block;}





.seccion_baja a img{position:absolute; top:0; left:0;width:5%;height:50.5%; }

.seccion_baja .img_comp{position:absolute; width:50%; height:80%; top:10%; left:1%;}

.seccion_baja .img_comp2{position:absolute; width:15%; height:70%; top:15%; left:78%;}



#cuerpo  .b_cerrar{background:none;}

#cuerpo  .seccion_baja{background:none;}



#cuerpo #obrasci{top:0; height:80%;}

#cuerpo #obrasci .contenido{ width:60%; max-height:76%;  height:84%;top:4px; left:20%;display:block;opacity:100;

background: #55585a; /* Old browsers */

background: -moz-linear-gradient(top,  #55585a 0%, #55585a 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#55585a), color-stop(100%,#55585a)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #55585a 0%,#55585a 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #55585a 0%,#55585a 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #55585a 0%,#55585a 100%); /* IE10+ */

background: linear-gradient(to bottom,  #55585a 0%,#55585a 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55585a', endColorstr='#55585a',GradientType=0 ); /* IE6-9 */

}

#cuerpo #obrasci .b_cerrar{position:absolute; width:60.5%; height:4%; top:2px; left:20%; margin:0; padding:0;background:rgb(85, 88, 90);}

#cuerpo #obrasci #contenedor_flexslider{position:absolute;width:61%; height:16%; top:71%; left:20%; margin:0; padding:0;opacity:100;}

#cuerpo #obrasci #contenedor_flexslider .flexslider{background:#333; border-radius:5px; border:4px #333333 solid;height:120%;

-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);

-moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);

box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);}

#cuerpo #obrasci #contenedor_flexslider li p{bottom:0;font-size:11px;font-family:Verdana, fantasy;color:white; background:#2c883c; width:100%; height:auto; margin:0; padding:0; text-align:center;}

#cuerpo #obrasci #contenedor_flexslider li{margin-right:5px;}

.contenido .flexslider{border:4px #333333 solid; width:100%; height:90%;} /*100%*/

#formulario_contacto{position:absolute; width:250px; height:315px; bottom:100%; right:12%;z-index:99; display:none; opacity:0;filter: alpha(opacity=0);}

#formulario_contacto #email{background: url(../img/fondo_trans.png) 0 0 repeat; position:absolute; left:3%; width:93.3%; height:90%; border-radius:3px;

-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);

-moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);

box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);

}

#formulario_contacto #email h3{left:0; width:100%; margin-top:6px;height:auto;font-family:Verdana, fantasy; color:white;text-align:center;}

#formulario_contacto #email .mensaje{width:80%; margin:2px; margin-left:10%;resize: none;height:70px;}

#formulario_contacto #email .name{width:80%; margin:2px;margin-left:10%;}

#formulario_contacto #email .email{width:80%; margin:2px;margin-left:10%;}

#formulario_contacto #email .msg{width:80%;text-align:left;font-family:Helvetica, sans-serif; color:white;background-color:#2c883c; padding:0;height:auto;margin-left:10%; font-size:14px;}

#formulario_contacto #email a{width:auto;height:auto; padding:5px;text-decoration:none;

padding-left:12px;padding-right:12px;margin-left:22.5%; position:absolute; bottom:15px;background:#309341;}

#formulario_contacto #email a:hover{background-color:#2c883c;}

#formulario_contacto #gancho_blue{position:absolute; bottom:0; width:100%; height:auto;left:0;}

#footer{position:fixed; bottom:0; left:0; width:100%; height:auto;z-index:99;/*background: url(../img/back_footer.jpg) repeat;*/ background:#309341;

-webkit-box-shadow: inset 0px 7px 11px 0px rgba(0,0,0,0.6);

-moz-box-shadow: inset 0px 7px 11px 0px rgba(0,0,0,0.6);

box-shadow: inset 0px 7px 11px 0px rgba(0,0,0,0.6); }

#footer .facebook{position:relative; width:32px; height:32px; margin-top:13px; margin-bottom:13px; float:left; left:20px;}

#footer .contactenos_movil{position:relative; margin-top:13px; margin-bottom:13px; float:left; left:20px;color:white; font-family:Verdana, fantasy;font-size:90%;}

#footer #textodir{position:relative; margin-top:13px; margin-bottom:13px; text-align:center;width:auto;color:white;float:left;font-family:Verdana, fantasy; font-size:12px;} /*left:50%; margin-left:-25%;*/

#footer #textodir a{color:white;}

#footer #textodir a:hover{text-decoration:underline;}

#footer #textodir p{text-align:center;margin:0; padding:0;color:white;}

#footer  #contacto{position:relative; right:12%;margin-top:13px; margin-bottom:13px; width:auto; padding:3px; padding-left:10px; padding-right:10px;text-align:center;color:white;text-decoration:none;float:right; font-family:verdana, fantasy;font-size:16px;}

#footer #texto_contacto_movil{position:relative; margin-top:13px; margin-bottom:13px; width:auto; padding:3px; padding-left:10px; padding-right:10px;text-align:center;color:white;text-decoration:none;float:left; font-family:verdana, fantasy;font-size:16px;}

#footer  .no_press{background:none;}

#footer  .press{background: #2c883c;border-radius: 5px;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border: 0px solid #000000;}

#footer  #contacto:hover{ background:#2c883c;/*url(../img/back_bcontacto.jpg) repeat;*/border-radius: 5px;cursor:hand;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border: 0px solid #000000;}

#footer #contacto_movil .press_movil{background:none;}

#footer #contacto_movil .no_press_movil{background:none;cursor:hand;}

#footer #contacto_movil .padding_movil{width:32px; height:32px;}

#big{position:absolute; width:100%; height:100%; top:0; left:0;background: url(../img/fondo_trans.png) 0 0 repeat;z-index:99;display:none;}

#big img{position:absolute; top:0; left:0; width:auto; height:auto;}

.correctas{overflow:hidden;background:rgb(85, 88, 90);}

.correctas img{overflow:hidden;}

#contenedor_flexslider2{display:none;width:20%; left:75%; top:15%; height:70%;}



@media screen and (orientation:portrait){

    #cuerpo .seccion{width:100%; left:0; height:80%;}

    .b_cerrar{width:94%; left:3%;}

    .seccion_baja{ width:94%; left:3%;height:2%;display:none;}

    .seccion_baja a{position:absolute; width:10%; height:80%; right:1%; top:10%;}    

    .seccion_baja .img_comp{position:absolute; width:86%; height:80%; top:10%; left:1%;}

    .seccion_baja .img_comp2{display:none;}    

    .contenido{overflow:auto;width:94%;left:3%;}

    .contenido img{/*overflow:hidden;*/}

    #cuerpo #obrasci{top:4%; height:70%;}

    #cuerpo #obrasci .contenido{width:94%;left:3%; height:60%;top:10%;}

    #cuerpo #obrasci .contenido{overflow:hidden;}

    #cuerpo #obrasci .b_cerrar{width:94.4%; height:4%; top:8%; left:3%;}

    #cuerpo #obrasci #contenedor_flexslider{width:95%;left:3%;height:20%;top:75%;}

}



@media screen and (max-device-width: 1024px) and (orientation:landscape){    

   .contenido img{width:700px; height:auto;}   

#footer #contacto, #formulario_contacto{right:9%;}


}


@media screen and (max-width: 1024px){    
    #footer #contacto, #formulario_contacto{right:9%;}
}






/*.scroll*/ 

#underline_obrasn,

#underline_empresa,

#underline_paisajismo,

#underline_juegos,

#underline_mobiliario,

#underline_obrasci{

    background: none;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

}



/*.scroll*/

#underline_obrasn:after,

#underline_empresa:after,

#underline_paisajismo:after,

#underline_juegos:after,

#underline_mobiliario:after,

#underline_obrasci:after {

	content: '';

	position: absolute;

	z-index: -1;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

    width: 100%;

    height: 0;

	top: 0;

	left: 0;

	background: #2c883c;

}





/* Button 1 */

/*.scroll*/

#underline_obrasn,

#underline_empresa,

#underline_paisajismo,

#underline_juegos,

#underline_mobiliario,

#underline_obrasci{

    background: trnsparent;

}



/*.scroll*/

#underline_obrasn:hover:after,

#underline_empresa:hover:after,

#underline_paisajismo:hover:after,

#underline_juegos:hover:after,

#underline_mobiliario:hover:after,

#underline_obrasci:hover:after,

.scroll:active:after {

	height: 100%;

}

::-webkit-input-placeholder { font-family:Verdana, fantasy;  }

::-moz-placeholder { font-family:Verdana, fantasy; } /* firefox 19+ */

:-ms-input-placeholder { font-family:Verdana, fantasy;} /* ie */

input:-moz-placeholder { font-family:Verdana, fantasy;}

.b_cerrar a{text-decoration:none;}

.ui-loader-default h1{display:none;}





/*************************STYLE FOR MENU************************************/



#cssmenu {position: relative;height: 50px;background:#309341;width:100%;}



#cssmenu ul {width: auto; left:25%;list-style: none;padding: 0;margin: 0; line-height: 1; z-index:999;}

#cssmenu > ul {position: relative;display: block;background: #309341;height: 32px;z-index: 500;}

#cssmenu > ul > li {display: block;position: relative;float: left;}

#cssmenu > ul > #menu-button {display: none;}

#cssmenu ul li a {display: block;font-family: verdana, fantasy;text-decoration: none;}

#cssmenu ul li a img{

    margin:0; padding:0;

    opacity:1;

    -ms-transform: scale(1,1); /* IE 9 */

    -webkit-transform: scale(1,1); /* Chrome, Safari, Opera */

    transform: scale(1,1);

}



#cssmenu ul li a .scale{

    -ms-transform: scale(1.5,1.5); /* IE 9 */

    -webkit-transform: scale(1.5,1.5); /* Chrome, Safari, Opera */

    transform: scale(1.5,1.5);

}

.activo{display:none;}

.inactivo{display:block; height:30px;}

#cssmenu ul li a:hover .no-scale{ opacity:1; -webkit-transition: all 0.2s;  transition: all 0.2s;}

#cssmenu > ul > li > a {

  font-size: 14px;

  font-weight: bold;

  padding: 18px 13px; /*15px 15px*/

  color: white;

  -webkit-transition: color 0.25s ease-out;

  -moz-transition: color 0.25s ease-out;

  -ms-transition: color 0.25s ease-out;

  -o-transition: color 0.25s ease-out;

  transition: color 0.25s ease-out;

}

#cssmenu > ul > li.has-sub > a {padding-right: 32px;}

#cssmenu > ul > li:hover > a {color: yellow;}

#cssmenu li.has-sub::after {

  display: block;

  content: '';

  position: absolute;

  width: 0;

  height: 0;

}

#cssmenu > ul > li.has-sub::after {

  right: 10px;

  top: 20px;

  border: 5px solid transparent;

  border-top-color: #7a8189; /*Aqui va BLANCO*/

}

#cssmenu > ul > li:hover::after {

  border-top-color: #ffffff;

}

#indicatorContainer {

  position: absolute;

  height: 12px;

  width: 100%;

  bottom: 0px;

  overflow: hidden;

  z-index: -1;

}

#pIndicator {

  position: absolute;

  height: 0;

  width: 100%;

  border: 12px solid transparent;

  border-top-color: #2b2f3a;

  z-index: -2;

  -webkit-transition: left .25s ease;

  -moz-transition: left .25s ease;

  -ms-transition: left .25s ease;

  -o-transition: left .25s ease;

  transition: left .25s ease;

}

#cIndicator {

  position: absolute;

  height: 0;

  width: 100%;

  border: 12px solid transparent;

  border-top-color: #2b2f3a;

  top: -12px;

  right: 100%;

  z-index: -2;

}

#cssmenu ul ul {

  position: absolute;

  left: -9999px;

  top: 70px;

  opacity: 0;

  -webkit-transition: opacity .3s ease, top .25s ease;

  -moz-transition: opacity .3s ease, top .25s ease;

  -ms-transition: opacity .3s ease, top .25s ease;

  -o-transition: opacity .3s ease, top .25s ease;

  transition: opacity .3s ease, top .25s ease;

  z-index: 1000;

}

#cssmenu ul ul ul {top: 37px;padding-left: 5px;}

#cssmenu ul ul li {position: relative;}

#cssmenu > ul > li:hover > ul {

  left: auto;

  top: 44px;

  opacity: 1;

}

#cssmenu ul ul li:hover > ul {

  left: 170px;

  top: 0;

  opacity: 1;

}

#cssmenu ul ul li a {

  width: 130px;

  border-bottom: 1px solid #eee;

  padding: 10px 20px;

  font-size: 12px;

  color: #000000;

  background: #fff;

  -webkit-transition: all .35s ease;

  -moz-transition: all .35s ease;

  -ms-transition: all .35s ease;

  -o-transition: all .35s ease;

  transition: all .35s ease;

}

#cssmenu ul ul li:hover > a {background: #f6f6f6;color: #ffffff;}

#cssmenu ul ul li:last-child > a,

#cssmenu ul ul li.last > a {

  border-bottom: 0;

}

.submenuArrow {

  border: 6px solid transparent;

  width: 0;

  height: 0;

  border-bottom-color: #ffffff;

  position: absolute;

  top: -12px;

}

#cssmenu ul ul li.has-sub::after {

  border: 4px solid transparent;

  border-left-color: #000000;

  right: 10px;

  top: 12px;

  -moz-transition: all .2s ease;

  -ms-transition: all .2s ease;

  -o-transition: all .2s ease;

  transition: all .2s ease;

  -webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;

}

#cssmenu ul ul li.has-sub:hover::after {

  border-left-color: #fff;

  right: -5px;

  -webkit-transform: rotateY(180deg);

  -ms-transform: rotateY(180deg);

  -moz-transform: rotateY(180deg);

  -o-transform: rotateY(180deg);

  transform: rotateY(180deg);

}

@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {

  #cssmenu {width: auto;}

  #cssmenu ul {width: auto;}

  #cssmenu .submenuArrow,

  #cssmenu #indicatorContainer {

    display: none;

  }

  #cssmenu > ul {height: auto;display: block;}

  #cssmenu > ul > li {float: none;}

  #cssmenu li,

  #cssmenu > ul > li {

    display: none;

  }

  #cssmenu ul ul,

  #cssmenu ul ul ul,

  #cssmenu ul > li:hover > ul,

  #cssmenu ul ul > li:hover > ul {

    position: relative;

    left: auto;

    top: auto;

    opacity: 1;

    padding-left: 0;

  }

  #cssmenu ul .has-sub::after {display: none;}

  #cssmenu ul li a {padding: 12px 20px;}

  #cssmenu ul ul li a {border: 0;background: none;width: auto;padding: 8px 35px;}

  #cssmenu ul ul li:hover > a {background: none;color: #ffffff;}

  #cssmenu ul ul ul a {padding: 8px 50px;}

  #cssmenu ul ul ul ul a {padding: 8px 65px;}

  #cssmenu ul ul ul ul ul a {padding: 8px 80px;}

  #cssmenu ul ul ul ul ul ul a {padding: 8px 95px;}

  #cssmenu > ul > #menu-button {display: block;cursor: pointer;}

  #cssmenu #menu-button > a {padding: 0;height:50px;}

  #cssmenu ul.open li,

  #cssmenu > ul.open > li {

    display: block;

  }

  #cssmenu > ul.open > li#menu-button > a {

    color: #fff;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(199, 230, 20, 0.1);

  }

  #cssmenu #menu-button::after {

    display: block;

    content: '';

    position: absolute;

    height: 3px;

    width: 22px;

    border-top: 2px solid #ffffff;

    border-bottom: 2px solid #ffffff;

    right: 20px;

    top: 15px;

  }

  #cssmenu #menu-button::before {

    display: block;

    content: '';

    position: absolute;

    height: 3px;

    width: 22px;

    border-top: 2px solid #ffffff; /*7A8189*/

    right: 20px;

    top: 25px;

  }

  #cssmenu ul.open #menu-button::after,

  #cssmenu ul.open #menu-button::before {

    border-color: #E0E1E2;

  }





.underline_link_ul{background-color:#2c883c;} /*2c883c*/