/* Fonts */
@font-face {
    font-family: 'HelveticaNeueLight';
    src: url('HelveticaNeue-Light.eot');
    src: url('HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'),
         url('HelveticaNeue-Light.svg#helveticaneuelight') format('svg'),
         url('HelveticaNeue-Light.woff') format('woff'),
         url('HelveticaNeue-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeueUltraLight';
    src: url('HelveticaNeue-UltraLight.eot');
    src: url('HelveticaNeue-UltraLight.eot?#iefix') format('embedded-opentype'),
         url('HelveticaNeue-UltraLight.svg#helveticaneuelight') format('svg'),
         url('HelveticaNeue-UltraLight.woff') format('woff'),
         url('HelveticaNeue-UltraLight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeue';
    src: url('HelveticaNeue.eot');
    src: url('HelveticaNeue.eot?#iefix') format('embedded-opentype'),
         url('HelveticaNeue.svg#helveticaneue') format('svg'),
         url('HelveticaNeue.woff') format('woff'),
         url('HelveticaNeue.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'HelveticaNeue';
    src: url('HelveticaNeue.svg#HelveticaNeue') format('svg');
  }
}
HTML.chrome.win {
   -webkit-text-stroke: 0.2px;
}
html, main {
/* important */
height: 100%;
}
body
{
   background: url(../images/background_site.jpg) repeat scroll 0 0 #151515;
   color: #8F8F8F;
   padding:0px;
   margin:0px;
   font-family: 'HelveticaNeue', sans-serif;
   font-size:14px;
   height: 100%;
}
.site_header_tbl
{
   background-color: #121212;
   border-top:8px solid #000000;
}
.site_header
{
   background: url(../images/background_header.png) no-repeat;
   height: 135px;
   
}
.site_menu
{
   background: url(../images/background_menu.png) repeat-x #151515;
   height:39px;
   font-family: 'HelveticaNeue', sans-serif;
   font-size:13px;
}
.site_slider
{
   height:344px;
   border-bottom:8px solid #000000;
}
.site_slider_text
{
   color: #FFFFFF;
   font-family: 'HelveticaNeue', sans-serif;
   font-size:13px;
   text-align:justify;
}
.site_slider_title
{
   font-family: 'HelveticaNeue', sans-serif;
   font-size:26px;
   color:#415907;
   text-shadow: 0px 1px 1px #FFFFFF;
}
.menubaritem
{
   color: #AAAAAA;
   font-family: 'HelveticaNeue', sans-serif;
   font-size:13px;
   text-align:center;
   text-shadow: 0px 1px 1px #000000;
   cursor:pointer;
}
.menubaritem:hover
{
   color: #FFFFFF;
   font-family: 'HelveticaNeue', sans-serif;
   font-size:13px;
   text-align:center;
   text-shadow: 0px 1px 1px #000000;
}
.menubarlogin
{
   background-color:#000000;
   border:1px solid #191919;
   border-top:0px;
   width:130px;
   height:28px;
   color: #AAAAAA;
   font-family: 'HelveticaNeue', sans-serif;
   font-size:12px;
   text-align:center;
   cursor:pointer;
}
.site_content
{
   background: url(../images/background_content.jpg) repeat-x center;
}
.site_content_support
{
   background: url(../images/background_content.jpg) repeat-x center top;
}
.menubaritemsub
{
   text-align:center;
   padding:0px;
   margin:0px;
   font-family:Arial;
   font-size:6px;
}
.content_title
{
   color: #FFFFFF;
   font-family: 'HelveticaNeue', sans-serif;
   font-size:13px;
   font-weight:bold;
   text-shadow: 0px 1px 2px #000000;
   text-align:left;
}
.content_title2
{
   color: #90D33B;
   font-family: 'HelveticaNeue', sans-serif;
   font-size:13px;
   font-weight:bold;
   text-shadow: 0px 1px 2px #000000;
}
.content_title2_bottom
{
   color: #888888;
   font-family: 'HelveticaNeue', sans-serif;
   font-size:13px;
   font-weight:bold;
   text-shadow: 0px 1px 2px #000000;
}
.content_space
{
   background: url(../images/content_line.png) repeat-x center;
   height:20px;
}
.content_space_bottom
{
   background: url(../images/module_bg_line_bottom.png) repeat-x center;
   height:10px;
}
.content_text
{
   font-family: 'HelveticaNeue', sans-serif;
   font-size:13px;
   color:#8F8F8F;
   text-align:justify;
}
.content_ubicacion
{
   font-family: 'HelveticaNeue', sans-serif;
   font-size:14px;
   color:#FFFFFF;
   text-align:justify;
   text-shadow: 0px 1px 1px #000000;
}
a
{
   font-family: 'HelveticaNeue', sans-serif;
   font-size:13px;
   color:#90D33B;
   text-decoration:none;
}
.site_bottom
{
    background: url("../images/background_bottom.png") repeat-x scroll center top #2F2F2F;
    border-bottom: 1px solid #272727;
    color: #737373;
    margin-top: 25px;
}

.formtext
{
   border: 1px solid #191919;
   border: 1px solid rgba(0,0,0,0.2);
   background-color: #212121;
   background-color: rgba(0,0,0,0.2);
   font-family: 'HelveticaNeue', sans-serif;
   color: #FFFFFF;
   font-size: 13px;
   padding:4px;
}
.formtext:focus
{
   background-color: rgba(0,0,0,0.4);
   color: #FFFFFF;
   text-decoration: none;
   -moz-box-shadow: 0 0 5px rgba(255,255,255,0.3);
   -webkit-box-shadow: 0 0 5px rgba(255,255,255,0.3);
   box-shadow: 0 0 5px rgba(255,255,255,0.3);

   filter:alpha(opacity=100);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.slideonebg
{
   background: url(../images/image_slide1.png) no-repeat center;
   width: 351px;
   height: 300px;
}

.rbring
{
   border:10px solid rgba(255,255,255,0.1);
   position:absolute;
   height:107px;
   width:107px;
   border-radius:100%;

   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
}

.rbring_inner
{
   position:absolute;
   height:99px;
   width:99px;
   border-radius:100%;

   -webkit-transition: all 0.9s ease-in-out;
   -moz-transition: all 0.9s ease-in-out;
   -o-transition: all 0.9s ease-in-out;
   -ms-transition: all 0.9s ease-in-out;
   transition: all 0.9s ease-in-out;
   
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
}

.rrhover
{
   -webkit-transition: all 1.1s ease-in-out;
   -moz-transition: all 1.1s ease-in-out;
   -o-transition: all 1.1s ease-in-out;
   -ms-transition: all 1.1s ease-in-out;
   transition: all 1.1s ease-in-out;
   -webkit-transform: scale(1.45);
   -moz-transform: scale(1.45);
   -o-transform: scale(1.45);
   -ms-transform: scale(1.45);
   transform: scale(1.45);
   opacity: 1;
}
.rbhover_init
{
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   opacity: 1;
}
.rbhover_anim
{
   -webkit-transition: all 1.1s ease-in-out;
   -moz-transition: all 1.1s ease-in-out;
   -o-transition: all 1.1s ease-in-out;
   -ms-transition: all 1.1s ease-in-out;
   transition: all 1.1s ease-in-out;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   opacity: 1;
}
.animinner
{
   font-family: 'HelveticaNeue', sans-serif;
   color: #FFFFFF;
   font-size: 13px;
   text-shadow: 0px 1px 2px rgba(0,0,0,0.6);
}
.xfa-transformmark
{
   opacity: 0;
   animation: xfatransformmark 6s ease 1.5s infinite;
}
@keyframes xfatransformmark
{
   0%
   {
      transform: scale(1.8);
      -webkit-transform: scale(1.8);
      -moz-transform: scale(1.8);
      -o-transform: scale(1.8);
      -ms-transform: scale(1.8);
      opacity:0.0;
   }
   25%
   {
      transform: scale(1.8) rotate(20deg);
      -webkit-transform: scale(1.8) rotate(20deg);
      -moz-transform: scale(1.8) rotate(20deg);
      -o-transform: scale(1.8) rotate(20deg);
      -ms-transform: scale(1.8) rotate(20deg);
      opacity:0.0;
   }
   35%
   {
      transform: scale(1);
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      opacity:0.9;
   }
   60%
   {
      transform: scale(1);
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      opacity:0.9;
   }
   80%
   {
      transform: scale(1.3) rotate(20deg);
      -webkit-transform: scale(1.3) rotate(20deg);
      -moz-transform: scale(1.3) rotate(20deg);
      -o-transform: scale(1.3) rotate(20deg);
      -ms-transform: scale(1.3) rotate(20deg);
      opacity:0.0;
   }
   100%
   {
      transform: scale(1);
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      opacity:0.0;
   }
}
.xfa-transformglobe
{
   opacity: 0.3;
   animation: xfatransformglobe 6s ease 1.5s infinite ;
}
@keyframes xfatransformglobe
{
   0%
   {
      transform: scale(1);
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      opacity:0.3;
   }
   35%
   {
      transform: scale(1.3) rotate(-10deg);
      -webkit-transform: scale(1.3) rotate(-10deg);
      -moz-transform: scale(1.3) rotate(-10deg);
      -o-transform: scale(1.3) rotate(-10deg);
      -ms-transform: scale(1.3) rotate(-10deg);
      opacity:0.9;
   }
   60%
   {
      transform: scale(1.3) rotate(-10deg);
      -webkit-transform: scale(1.3) rotate(-10deg);
      -moz-transform: scale(1.3) rotate(-10deg);
      -o-transform: scale(1.3) rotate(-10deg);
      -ms-transform: scale(1.3) rotate(-10deg);
      opacity:0.9;
   }
   100%
   {
      transform: scale(1);
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      opacity:0.3;
   }
}
.xfa-transform
{
   opacity: 1;
   animation: xfatransform 3s infinite ease;

}
@keyframes xfatransform
{
   0%
   {
      transform: scale(1);
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      opacity:0.3;
   }
   35%
   {
      transform: scale(1.3) rotate(10deg);
      -webkit-transform: scale(1.3) rotate(10deg);
      -moz-transform: scale(1.3) rotate(10deg);
      -o-transform: scale(1.3) rotate(10deg);
      -ms-transform: scale(1.3) rotate(10deg);
      opacity:0.9;
   }
   100%
   {
      transform: scale(1);
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      opacity:0.3;
   }
}
.serv_icn
{
   position:absolute;
   height:50px;
   width:50px;
   background-color:#CCCCCC;
   background-color:rgba(255,255,255,0.1);
   border: 2px solid #CCCCCC;
   border: 2px solid rgba(255,255,255,0.6);
   border-radius: 6px;
}
.serv_icn_inner
{
   height:50px;
   width:50px;
   background-color:#5C6A73;
   border-radius: 3px;
   
   -webkit-transition: all 0.9s ease-in-out;
   -moz-transition: all 0.9s ease-in-out;
   -o-transition: all 0.9s ease-in-out;
   -ms-transition: all 0.9s ease-in-out;
   transition: all 0.9s ease-in-out;
   
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
}
.serv_icn_inner_hover
{
   -webkit-transition: all .4s ease-in-out;
   -moz-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   -ms-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   opacity: 1;
}
.serv_icn_text
{
   position:absolute;
   width:210px;
   color:#5C6A73;
   font-size:20px;
   text-shadow:0px 1px 1px #FFFFFF;
}

.ref_icn_inner
{
   -webkit-transition: all 0.9s ease-in-out;
   -moz-transition: all 0.9s ease-in-out;
   -o-transition: all 0.9s ease-in-out;
   -ms-transition: all 0.9s ease-in-out;
   transition: all 0.9s ease-in-out;
   
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0) rotate(170deg);
   
}
.ref_icn_inner_hover
{
   -webkit-transition: all .4s ease-in-out;
   -moz-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   -ms-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1) rotate(0deg);
   opacity: 1;
}
.reflist1
{
   float:left;
   padding-right:30px;
   padding-bottom:10px;
   font-family: 'HelveticaNeue', sans-serif;
   font-size:12px;
   color:#8F8F8F;
   width: 465px;
}
.reflist2
{
   float:left;
   padding-bottom:10px;
   font-family: 'HelveticaNeue', sans-serif;
   font-size:13px;
   color:#8F8F8F;
}


div.rowactive
{
   height: 20px;
   width: 20px;
   background-color:#44A048;
   border: 1px solid #44A048;
}
div.rowinactive
{
   height: 20px;
   width: 20px;
   background-color:#F36167;
   border: 1px solid #F36167;
}
.content_tbl_subheader
{
   font-family: 'HelveticaNeue', sans-serif;
   font-size:13px;
   color:#FFFFFF;
   text-shadow: 0px 1px 1px #000000;
}
.content_header
{
   font-family: 'HelveticaNeue', sans-serif;
   font-size:13px;
   color:#FFFFFF;
   font-weight:bold;
}
.content_headerline
{
   font-family: 'HelveticaNeue', sans-serif;
   font-size:13px;
   color:#FFFFFF;
   font-weight:bold;
}
.content_row
{
   font-family: 'HelveticaNeue', sans-serif;
   font-size:13px;
   color:#EEEEEE;
   text-shadow: 0px 1px 1px #000000;
}
.content_rowl
{
   font-family: 'HelveticaNeue', sans-serif;
   font-size:13px;
   color:#FFFFFF;
   text-shadow: 0px 1px 1px #000000;
}
ul.postnav_info,ul.postnav_info li,ul.postnav_green,ul.postnav_green li,ul.postnav,ul.postnav li,ul.navtab,ul.navtab li,ul.navtab_act,ul.navtab_act li,ul.postnav_small,ul.postnav_small li,ul.postnav_small_green,ul.postnav_small_green li,ul.postnav_red,ul.postnav_red li,ul.postnav_micro,ul.postnav_micro li
{
   list-style-type:none;
   padding:0px;
   margin:0px;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

ul.postnav a
{
   text-align:center;
   text-decoration:none;
   color:#FFFFFF;
   font-family: "HelveticaNeue", sans-serif;
   font-size: 14px;
   padding-bottom:5px;
   padding-top:5px;
   display:block;
   border: 1px solid #555555;
   border: 1px solid rgba(255,255,255,0.1);
   padding-right: 2px;
   background-color:#444444;
   background-color:rgba(255,255,255,0.1);
   text-shadow: 0px 1px 1px #000000;
}
ul.postnav_info a
{
   text-align:center;
   text-decoration:none;
   color:#90D33B;
   font-family: "HelveticaNeue", sans-serif;
   font-size: 13px;
   display:block;
   border: 1px solid transparent;
   padding-right: 2px;
   text-shadow: 0px 1px 1px #000000;
}

ul.postnav a:hover { background-color:rgba(255,255,255,0.2); border: 1px solid rgba(255,255,255,0.2); }

div.msg_save_ok
{
   background-color:rgba(58, 182, 63, 0.2);
   border: 1px solid rgba(58, 182, 63, 0.5);
}
div.msg_save_err
{
   background-color: rgba(206, 45, 45, 0.4);
   border: 1px solid rgba(206, 45, 45, 0.7);
}
div.msg_save
{
   text-align:center;
   padding-top:6px;
   padding-bottom:6px;
   font-size: 12px;
   font-family: Arial;
   font-weight:none !important;
   color: #FFFFFF;
}
.map-wrapper
{
    height: 400px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
#map-canvas
{
    border: 0 none;
    height: 400px;
    width: 100%;
}
input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px #272727 inset; /* Change the color to your own background color */
    -webkit-text-fill-color: #FFFFFF;
    border: 1px solid #191919;
}

input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 50px #272727 inset;
    -webkit-text-fill-color: #FFFFFF;
    border: 1px solid #191919;
} 