/* BODY */
body {
  /*background: #555555  50% 100% fixed;*/
  background: #F7F7F7  50% 100% fixed;
  font-family: "open sans";
  text-align: left;
  overflow-x: hidden;
}
/* Cuadros */
#GBD-APP {
  position: relative;
  margin: 10px auto;
  max-width: 576px;
  z-index: 1;
}
#topMenu {
  position: relative;
  margin: 20px auto;
  max-width: 900px;
  z-index: 1;
  font-family: sans-serif;
  color: #7C7C7C;
  font-size: 14px;
   width: 1010px;
  /*font-weight:bold;*/
}
.topMenuLinks {
  font-family: sans-serif;
  color: #7C7C7C;
  font-size: 14px;
  font-weight:normal;
  text-decoration: none;
}

/*.topMenuItems {
     width: 170px;
    height: 25px;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1
}*/
/*#topMenuDespre,#topMenuContact,#topMenuTermeni,*/
/*#topMenu .topMenuItems {

}*/
/*#topMenuDespre {
 position: relative;
 left:5px;
}
#topMenuContact {
 position: relative;
 left:110px;
}
#topMenuTermeni {
 position: relative;
 left:260px;
}
#topMenuAjutor {
 position: relative;
 left:360px;
}
#topMenuLocator {
 position: relative;
 left:460px;
}*/



#GBD-APP .cont2 {
  width: 160px;
  height: 160px;
  text-align: left;
  margin: 8px;
  display: inline-block;
  cursor: pointer;
  background-repeat:no-repeat;
  background-position:right top;
}

#GBD-APP #despre {
  background-image:url('../buton_despre_IN.png');
}
#GBD-APP #despre:hover {
  background-image:url('../buton_despre.png');
}

#GBD-APP #contact {
  background-image:url('../buton_contact_IN.png');
}
#GBD-APP #contact:hover {
  background-image:url('../buton_contact.png');
}

#GBD-APP #termeni {
  background-image:url('../buton_termeni_IN.png');
}
#GBD-APP #termeni:hover {
  background-image:url('../buton_termeni.png');
}

#GBD-APP #ajutor {
  background-image:url('../buton_ajutor_IN.png');
}
#GBD-APP #ajutor:hover {
  background-image:url('../buton_ajutor.png');
}
#GBD-APP #locator {
  background-image:url('../buton_locator_IN.png');
}
#GBD-APP #locator:hover {
  background-image:url('../buton_locator.png');
}

#GBD-APP .cont{
  width: 160px;
  height: 160px;
  text-align: left;
  margin: 8px;
  display: inline-block;
  cursor: pointer;
}
/* Elemento que hace el giro */
#GBD-APP .cont .flip,
#GBD-APP .cont2 .flip {
  width: 100%;
  height: 100%;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
  position: relative;
  transform: perspective(200px);
  -webkit-transform: perspective(200px);
  -moz-transform: perspective(200px);
  -ms-transform: perspective(200px);
  -o-transform: perspective(200px);
  transform-style: preserve-3d;
  transform-origin: 0px 50%  0px;
  -webkit-transform-style: preserve-3d;
  -webkit-transform-origin: 0px 50%  0px;
  -moz-transform-style: preserve-3d;
  -moz-transform-origin: 0px 50%  0px;
  -ms-transform-style: preserve-3d;
  -ms-transform-origin: 0px 50%  0px;
  -o-transform-style: preserve-3d;
  -o-transform-origin: 0px 50%  0px;
}
/* Bloque del texto */
#GBD-APP .cont .text,
#GBD-APP .cont2 .text,
#GBD-APP .cont .firstPage {
  width: 100%;
  height: 100%;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  /*-o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;*/
  position: absolute;
  color: #111;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8), inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px 2px 0px rgba(255, 255, 255, 0.1);
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
}
/* Bloque para crear padding del texto sin modificar medidas */
#GBD-APP .cont .text .padding {
  padding: 20px;
}
/* Contenedor imagen */
#GBD-APP .cont .image {
  width: 100%;
  height: 100%;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
  transform: rotatey(180deg);
  -webkit-transform: rotatey(180deg);
  -moz-transform: rotatey(180deg);
  -ms-transform: rotatey(180deg);
  -o-transform: rotatey(180deg);
  position: absolute;
  overflow: hidden;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8), inset 0px 1px 0px rgba(255, 255, 255, 0.3), inset 0px 2px 0px rgba(255, 255, 255, 0.1);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
}
/* contenedor para centrar imagen y hacerla cuadrada */
#GBD-APP .cont .image .center {
  width: 100%;
  height: 100%;
  width: 9000px !important;
  text-align: center;
  left: 50%;
  margin-left: -4500px;
  position: relative;
}
/* Imagen */
#GBD-APP .cont .image .center img,
#GBD-APP .cont2 .flip .text .padding img  {
  width: 160px;
  height: 100%;
  /*width: 100%;
  height: 100%;
  width: auto !important;*/
}

#GBD-APP .cont:hover .text {
  color: transparent;
  text-shadow: 0px 0px 0px transparent;
}
/* COLOR */
#GBD-APP-CONT > .cont:nth-child(7n+1) > .flip > .text {
  background: #00c2f4 -moz-linear-gradient(-45deg, #009ac2 20%, #00c2f4 70%);
  background: #00c2f4 -webkit-linear-gradient(-45deg, #009ac2 20%, #00c2f4 70%);
  background: #00c2f4 -o-linear-gradient(-45deg, #009ac2 20%, #00c2f4 70%);
  background: #00c2f4 -ms-linear-gradient(-45deg, #009ac2 20%, #00c2f4 70%);
  background: #00c2f4 linear-gradient(-45deg, #009ac2 20%, #00c2f4 70%);
}

.GBD-APP-TOP {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100% !important;
  height: 328px !important;
  z-index: 990;
}
.GBD-APP-TOP .flip {
  transform: none !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
}

.detailsDiv {
  width: 520px !important; 
  height: 340px !important;  
  z-index: 990;
  /*overflow: scroll;*/
}

.detailsDiv .flip {
  transform: none !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
}

.detailsDiv:hover .text {
  color: inherit !important;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3) !important;
}

.GBD-APP-TOP:hover .text {
  color: inherit !important;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3) !important;
}
.GBD-APP-TOP:hover .image,
.GBD-APP-TOP .image {
  display: none;
  visibility: hidden !important;
  transform: none !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
}
/* BIG - bloque espaciador */
#GBD-APP-BIG {
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
  height: 352px;
  float: left;
  width: 0px;
}
#GBD-APP-BIG[big=true] {
  width: 362px;
}
.title {
  position:relative;
	font-family: 'Myriad Pro','Helvetica Neue', Helvetica;
  font-weight:bold;
  font-size: 25px;
  text-shadow: 0px 1px 2px rgba(255,255,255,.5);
  color: #444;
  text-align:center;
}

/*.bg_middle {
    text-align:center;
}

a.button{
  display:inline-block;
  width:140px; 
  height:17px;
  padding:5px;
  border:1px #D7D7D7 solid;
  text-align:center;
  text-decoration:none;
  color:#666666;
}
a.button:hover{
  text-decoration:none;
}*/

input[type="button"],input[type="submit"] {
  appearance: none;
  opacity: .99;
  width:140px;
  height:30px;
  /*background: #08c;*/
   background:#949494;
  /*box-shadow: inset 0 1px 2px rgba(255,255,255, .35), 0px 1px 6px rgba(0,246,255,.5);
  border: 1px solid #0a5378;*/
  border-radius: 4px;
  color: #eee;
  cursor: pointer;
  text-shadow:0px -1px 0px rgba(0,0,0,.5);
}

.placeholder { color: #aaa; }

input[type="button"]:hover,input[type="submit"]:hover {
  background: #949494;
  width:140px;
  /*border: 1px solid #0a5378;
  border-radius: 3px;
  box-shadow: inset 0px 3px 16px rgba(0,0,0,.25),0px 1px 10px rgba(255,255,255,.5),inset 0px -1px 2px rgba(255,255,255,.35);*/
  text-shadow:0px 1px 1px rgba(0,0,0,.65);
  -webkit-transition: all 0.40s ease-out;
  transition: all 0.40s ease-out;
}

#linkAcasa{
    background-image:url('../home_w.png');
    display:block;
    height:35px;
    width:35px;
    background-size: cover;
}
#linkPrint{
    margin-top:5px;
    margin-right:5px;
    background-image:url('../print.png');
    display:block;
    height:25px;
    width:25px;
    background-size: cover;
}