@charset "UTF-8";


/*

     USAR_________            PARA____________________

     .tac                              Centrar texto
     .align-left                      Alinear a la izquierda
     .align-right                    Alinear a la derecha
     .light_grey                    Color de texto gris claro

     .no-shadow                   Quitar sombra a las imagenes
     .no-border                     Quitar borde

     .top-padding                  Aumentar padding superior
     .left-padding                  Aumentar padding izquierdo
     .bottom-padding             Aumentar padding inferior
     .right-padding                Aumentar padding derecho
     .no-padding                   Quitar padding

     .top-margin                    Aumentar padding superior
     .left-margin                    Aumentar padding izquierdo
     .bottom-margin               Aumentar padding inferior
     .right-margin                  Aumentar padding derecho
     .no-margin                     Quitar m�rgenes

     .no-bottom-margin          Quitar margen inferior
     .no-right-margin              Quitar margen derecho

     .border-top                     Agregar borde superior
     .border-left                    Agregar borde izquierdo
     .border-bottom               Agregar borde inferior
     .border-right                   Agregar borde superior


*/


     /* RESET STYLES AND USEFULL CLASSES ********************/

          .tac {text-align:center!important; }

          .no-shadow {-moz-box-shadow:none!important; -webkit-box-shadow:none!important; box-shadow:none!important;}
          .no-border {border:none!important; }

          .top-padding {padding-top:18px!important;}
          .left-padding {padding-left:18px!important;}
          .bottom-padding {padding-bottom:18px!important;}
          .right-padding {padding-right:18px!important;}

          .top-margin {margin-top:18px!important;}
          .left-margin {margin-left:18px!important;}
          .bottom-margin {margin-bottom:18px!important;}
          .right-margin {margin-right:18px!important;}
          .no-margin {margin:0!important;}
          .no-bottom-margin {margin-bottom:0!important;}
          .no-right-margin {margin-right:0!important;}
          .no-padding {padding:0!important;}

          .align-left {text-align:left!important;}
          .align-right {text-align:right!important;}

          .border-top {border-top:1px solid #f9f9f9; }
          .border-left {border-left:1px solid #f9f9f9; }
          footer .border-left {border-left:1px solid #CBCBCB; }
          .border-bottom {border-bottom:1px solid #f9f9f9; }
          .border-right {border-right:1px solid #f9f9f9; }

          .light_grey *, .light_grey {color:#666; }


     /* GLOBAL STYLES ********************/

          body {font-family: segoe ui, verdana, arial, sans-serif; }

          /* max page width */
          .container-fluid{max-width:990px; margin: 0 auto;}
          .main-content-min-height {min-height:700px;}
          .home-blog hr {margin: 3px 0px 3px 0px; }

          /* headings */
          h1, h2, h3, h4, h5, h6 {font-family: segoe ui, verdana, arial, sans-serif; font-weight:400; }
          h1{font-size:30px;line-height:36px;}h1 small{font-size:20px;}
          h2{font-size:24px;line-height:36px;}h2 small{font-size:19px;}
          h3{line-height:27px;font-size:18px;}h3 small{font-size:15px;}
          h4,h5,h6{line-height:18px;}
          h4{font-size:16px;}h4 small{font-size:14px;}
          h5{font-size:13px;}
          h6{font-size:12px;color:#999999;text-transform:uppercase;}


          p, li, dd, dl, label {font-size:13px; }
          p {line-height:1.5; }

          /* special links */
          [class^="link-to"] {position:relative; display:block; }
          .show-link {
          position:absolute; top:0; left:0; right:0; bottom:4px;
          color:#fff; text-align:center;
          background-color:transparent;
          background-color:rgba(60,50,150,.1);
               }
               .show-link .sl-btn {
               padding:0 15px; height:40px; line-height:40px; text-align:center;
               color:#fff;
               display:inline-block;
               font-weight:bold; font-size:14px;
               background-color:rgba(60,50,150,.8);

               /* Modern browsers only */
               -moz-border-radius:5px;
               -webkit-border-radius:5px;
               border-radius:5px;
               }

               a.dark {color:#02424D;}
               a.dark:hover {color:#005580;}


          /* navigation bars ********************/
          .nav {overflow:hidden; }
          footer .nav li {margin-right:10px; display:inline;}
          .nav li a {display:inline;}

               /* Social nav */
               .nav.social li {float:left; display:list-item; width:48px; font-size:11px;   }
               .nav.social span {display:block; margin:0 auto; text-align:center; }

                    /* icons */
                    .sprite_24x24 {height: 24px; width: 24px; background: url('../img/style/24x24.png') no-repeat 0 0;}
                    .sprite_24x24_grey_rss {background-position: -204px -102px;}
                    .sprite_24x24_grey_youtube {background-position: -238px -102px;}
                    .sprite_24x24_grey_facebook { background-position: -272px -102px; }
                    .sprite_24x24_grey_twitter { background-position: -307px -102px; }
                    .sprite_24x24_grey_linkedin { background-position: -171px -102px; }

                    .social_icon {opacity: .82;}
                    .nav.social li a:hover .social_icon {opacity: 1;}

               /* Navbar */
               .navbar-inner {
                    filter:none; position:relative; height: 60px; padding:0 0 5px 0; border-radius: 0;
                    background:#93A9B4 url('../img/style/navbar-inner-bg.jpg') repeat-x 0 0 !important;
                    -moz-box-shadow:0 3px 8px rgba(0, 0, 0, .3);
                    -webkit-box-shadow:0 3px 8px rgba(0, 0, 0, .3);
                    box-shadow:0 3px 8px rgba(0, 0, 0, .3);
                    }



     /* HEADER ********************/

          /* Logo */
          .navbar .brand {
          position:relative; z-index:1; padding:0; display:block; width:194px; height:65px;  margin:0 30px 0 -5px;
          text-indent:-5000px; background:url("../img/content/nektra-logo.png") repeat-x; }

          @media  (max-width:979px) {
            .navbar .brand {margin-left:10px;  }
          }

          /* Tagline */
          .navbar .tagline {text-indent:-5000px; display:block; width:0; height:0;   }

          /* Search */
          .navbar-search {margin-top:15px; }
          .navbar-search.pull-right {float:right; }
          .navbar-search.pull-right {border:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
          .navbar-search .search-query {background: #587381; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;   }
          .navbar-search .search-query::-webkit-input-placeholder { color:#D7E6E9; }
          .navbar-search .search-query::-moz-placeholder { color:#D7E6E9; }
          .navbar-search .search-query::-o-placeholder { color:#D7E6E9; }
          .navbar-search .search-query, .navbar-search .search-query:focus, .navbar-search .search-query:hover {padding: 8px 43px 8px 8px; width:178px; border:1px solid #717E86; background: #587381; color:#D7E6E9; text-shadow:none; line-height:1.2 }
          .navbar-search .search-query:focus, .navbar-search .search-query:hover {background-color:#4B6774; box-shadow:none; }
          .navbar-search label {display:none; }
          .navbar-search button {border-radius: 20px; position: absolute; right: 4px; top: -1px;}

          /* Primary menu */
          #primary-menu.nav {overflow:visible; position:relative; z-index:100;}
          #primary-menu.nav > li {margin:0;  }
          .navbar #primary-menu > li a {display:block; padding:13px 23px 14px; color: #D7E6E9; text-transform: capitalize; }
          .navbar #primary-menu > li p {display:block; padding:13px 23px 14px; color: #D7E6E9; text-transform: capitalize; }
          .navbar #primary-menu.nav .active > a, .navbar #primary-menu.nav .active > a:hover {color:#B4C5CC; background:#597483 url("../img/style/navbar-inner-a-active-bg.png") no-repeat center bottom; box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .3) inset; cursor:default;}
          .navbar #primary-menu li > a:hover {background: #93AAB6 url("../img/style/navbar-inner-a-hover-bg.jpg") repeat-x 0 0; }
          .navbar #primary-menu > li a strong, .navbar #primary-menu > li a b {color:#fff; }
          .navbar #primary-menu > li p strong, .navbar #primary-menu > li p b {color:#fff; }

          /* mobile nav */
          @media  (min-width:979px) {
               #main-menu {max-height:0; min-height:66px; overflow:visible;  }
           }
          @media  (max-width:979px) {
               #main-menu {background-color:#3D5A69; height:0; position:relative; z-index:1000;}
               .navbar #primary-menu { background-color:#fff;margin:5px; padding:10px; border:1px solid #999; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
               .navbar #primary-menu br { display:none;}
               .navbar #primary-menu > li a { border-bottom:1px solid #e5e5e5!important; padding:10px!important; margin:0; font-size:14px; text-shadow:0!important; font-weight:normal; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; }
               .navbar #primary-menu > li a b.caret {display:none; }
               .navbar #primary-menu > li ul {list-style: square inside; margin:0; }
               .navbar #primary-menu .dropdown-menu li > a {color:#666!important; padding-left: 27px!important;}
               .navbar #primary-menu > li a,
               .navbar #primary-menu > li a strong,
               .navbar #primary-menu > li a b { color:#444!important;}
               .navbar #primary-menu.nav .active > a b, .navbar #primary-menu.nav .active > a, .navbar #primary-menu.nav .active > a:hover  {color:#fff!important; background:#597483!important; }
               .navbar #primary-menu.nav a:hover b, .navbar #primary-menu.nav a:hover {color:#fff!important; }
               .navbar-search.pull-right { padding:0 10px; margin:6px 5px 5px 5px; border:1px solid #6F838E; /* Modern browsers only */ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;  float:none; background:#93A9B4 url("../img/style/navbar-inner-a-hover-bg.jpg") repeat-x; }
               .navbar-search.pull-right input, .navbar-search.pull-right input:hover, .navbar-search.pull-right input:focus {padding:5px 43px 5px 15px; margin:7px 0;  }
               .navbar-search label {display:inline; padding-right:10px;   }
               .navbar-search button { position:relative; height: 26px; left: -42px; }
          }

          /* Dropdowns */
               .navbar #primary-menu .dropdown-menu {}
               .navbar #primary-menu .dropdown-menu li > a {color:#333; border-right:3px solid #fff;  border-left:3px solid #fff; padding: 3px 15px; }
               .navbar #primary-menu .dropdown-menu li > a:hover {color:#fff; }

          /* Menu launcher */
               .navbar #menu-launcher {position: absolute; top: 12px; right: 5px;}



     /* HERO ********************/

          #hero { margin:0px 0 25px 0; background:#02424D;}
          #hero .container-fluid {position:relative;  }
          #hero ul > li {/*line-height:0;*/ width:100%; max-width:990px;   }
          #hero li .content {/*padding:40px 0 0 0;*/min-height: 260px;}
          #hero li h1 {min-height: 49px; color:#fff; font-size:46px; margin:0 0 27px 0; font-weight:600; }
          #hero li h1 img {position:relative; vertical-align: top; top:-5px; margin:0 13px 0 0;}
          #hero li p {font-size:22px; color:#fff; text-shadow: 1px 2px 1px rgba(0, 0, 0, .3);}
          #hero li img {-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }
          #hero .slide + .slide {display:none; }
          #hero .rslides_nav {display:none; }
               /* Slides */
               #hero .rslides_tabs {overflow:hidden; height:24px; position:absolute; bottom:25px; z-index:10; margin:0; }
               #hero .rslides_tabs li {display:inline; font-size:45px; margin-right:5px; }
               #hero .rslides_tabs a {color:#1C555F; text-decoration:none; }
               #hero .rslides_tabs li.rslides_here a {color:#EDEBEC; }

               #hero .info {position: absolute; top: 35px; left: 0;}
			   #hero .info p {line-height:22px; margin-top:0px; margin-bottom:0px;}
			   #hero .info ul {line-height:22px; margin-top:0px; margin-bottom:0px;}
/*			   #hero .info ul {line-height:22px; margin-top:5px; margin-bottom:15px;}*/
               #hero .box-list {margin:0 0 0 7px; font-size:18px; color:#fff; }
               #hero .box-list.lm {margin-left:67px;}
               #hero .box-list li {list-style: none; padding: 0 0 3px 22px; background:url("../img/style/box-list-bullet.gif") no-repeat 0 6px;}


     /* SUB-HEADER ******************* */

          /* Breadcrumb */
          .breadcrumb li:first-child a {
          display: inline-block; width: 13px; text-indent:-5000px;
          background:url("../img/style/home-icon.png") no-repeat 0 4px;}

          .breadcrumb li:first-child a:hover { background-position:0 -36px; }

          .breadcrumb .divider {
          display: inline-block; width: 5px; text-indent:-5000px;
          background:url("../img/style/breadcrumb-divider.png") no-repeat 50%;}

          .breadcrumb a {color:#888; }
          .breadcrumb a:hover {text-decoration:none; color:#333; }
          .breadcrumb li.active a:hover {color:inherit; }



     /* CONTENT ********************/


           /* Homepage Headings */
          .product-icon-holder {
          overflow:hidden; position:relative;
          padding:10px; height:80px; width:100px;
          text-align:center;
          background-color:orange;
               }
               /* background colors */
               .product-icon-holder.red {background:#C82345;}
               .product-icon-holder.orange {background:#D55C34;}
               .product-icon-holder.lightorange {background:#CF6600;}
               .product-icon-holder.blue {background:#3649AC;}
               .product-icon-holder.lightblue {background:#499CEC;}
               .product-icon-holder.aquablue {background:#00B3DA;}
               .product-icon-holder.violet {background:#7E36AC;}
               .product-icon-holder.purple {background:#931D94;}
               .product-icon-holder.green {background:#16974D;}
               .product-icon-holder.lightgreen {background:#52B110;}
               .product-icon-holder.aquagreen {background:#007C8E;}

               .product-icon-holder-header {
               padding:10px 13px; height:80px; width:auto; margin-bottom:5px;
                    }
                    .product-icon-holder img {
                    float:left; margin-right:10px;
                    height:80px; width:80px;
                    }
                    .product-icon-holder .product-type {
                    position:absolute; left:5px; bottom:1px;
                    font-size:11px; color:#fff; font-family:Arial, Helvetica, Tahoma, Verdana, sans-serif;
                    }
                    .product-icon-holder-header h3 {
                    margin-top:10px; text-align:left;
                    font-weight:400; color:#fff; font-size:21px;
                    }
                    .product-icon-holder-header h3.v-centered {line-height: 57px;}

                    .product-icon-holder.centered  {}
                    .product-icon-holder.centered img {float:none; }
                    .product-icon-holder-header.centered h3 {display:none; }




          /* Sidebar Nav */
          .sidebar-nav {
          background: rgba(220, 220, 220, 0.1);  -moz-box-shadow:0 0 3px rgba(00, 00, 00, .15); -webkit-box-shadow:0 0 3px rgba(00, 00, 00, .15);
          box-shadow:0 0 3px rgba(00, 00, 00, .15);  margin-bottom: 20px; line-height: 170%; border:1px solid #ddd; border-radius: 5px;
               }
               .sidebar-nav h1{font-size:30px;line-height:36px;}.sidebar-nav h1 small{font-size:18px;}
               .sidebar-nav h2{font-size:24px;line-height:36px;}.sidebar-nav h2 small{font-size:18px;}
               .sidebar-nav h3{line-height:27px;font-size:18px;}.sidebar-nav h3 small{font-size:14px;}
               .sidebar-nav h4,.sidebar-nav h5,.sidebar-nav h6{line-height:18px;}
               .sidebar-nav h4{font-size:14px;}.sidebar-nav h4 small{font-size:12px;}
               .sidebar-nav h5{font-size:12px;}
               .sidebar-nav h6{font-size:11px;color:#999999;text-transform:uppercase;}
               .sidebar-nav p, .sidebar-nav li, .sidebar-nav dd, .sidebar-nav dl, .sidebar-nav label {font-size:13px; }

               .sidebar-nav ul li a, .sidebar-nav ul li span.item {padding:5px 20px; display:block; }
               .sidebar-nav ul li.active a {background-color:#E9F3F8; font-weight:bold; }
               .sidebar-nav ul li a:hover {background-color:#E9F3F8; text-decoration:none; color:#08C; }

               /* Accordion */
               .sidebar-nav ul ul li {padding:2px 0; }
               .sidebar-nav .accordion-group { -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; border-left:0; border-right:0; margin:0; margin-bottom:-1px;  }
               .sidebar-nav .accordion-group.first { -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; border-top:0; }
               .sidebar-nav .accordion-group.last { -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; border-bottom:0;}
               .sidebar-nav .accordion-toggle, .sidebar-nav .block-heading > span { background:url("../img/style/sidebar-nav-accordion-toggle.png") repeat-x 0 0;}
               .sidebar-nav .accordion-toggle:hover {text-decoration:none; background-position:0 -32px;}

               /* Standard (no-accordion) */
               .sidebar-nav .block-heading > span {display: block;padding: 8px 15px;}
               .sidebar-nav .block-inner {border-top: 1px solid #E5E5E5; }

                    /* icons */
                    .sidebar-nav [class^="icon-"].icon-white, .sidebar-nav [class*=" icon-"].icon-white {
                    position:relative; top:-1px; background-color:#1A74BA; border:2px solid #1A74BA;
                    -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;
                    }
                    .sidebar-nav .green, .sidebar-nav .green * {color:#79A00F; }
                    .sidebar-nav .green [class^="icon-"].icon-white, .sidebar-nav .green [class*=" icon-"].icon-white {
                    background-color:#7DBB18; border:2px solid #7DBB18;
                    -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;}
                    .sidebar-nav li.green a:hover {background-color:#F2F8E7; color:#79A00F;
                    }
                    .sidebar-nav .gray, .sidebar-nav .gray * {color:#666; }
                    .sidebar-nav .gray [class^="icon-"].icon-white, .sidebar-nav .gray [class*=" icon-"].icon-white {
                    background-color:#7D7D7D; border:2px solid #7D7D7D;
                    -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;}
                    .sidebar-nav li.gray a:hover {background-color:#e9e9e9; color:#666;
                    }
                    .sidebar-nav [class^="icon-"], .sidebar-nav [class*=" icon-"] {border:2px solid transparent; margin-right:4px;
                    }



     /* FOOTER ***********/

          /* Clients - Carousel */
          #customers {margin-bottom:20px; overflow:hidden; }
          #customers li { text-align:center!important; }
          #customers img {display:inline; padding:0 4px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }
          #customers a.bx-prev, #customers a.bx-next {position:absolute; top:0; display:block; height:69px; width:30px; border:1px solid #c9c9c9; text-indent:-5000px; background:#fff url("../img/style/customers-nav-bg.gif") no-repeat; }
          #customers a.bx-prev {left:0; -moz-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; background-position:-10px 15px; }
          #customers a.bx-next {right:-8px; -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0; background-position:-10px -97px;}
          #customers a.bx-prev:hover {background-position:-100px 15px; background-color:#f9f9f9; -moz-box-shadow:-2px 0 2px rgba(00,00,00,.1) inset; -webkit-box-shadow:-2px 0 2px rgba(00,00,00,.1) inset; box-shadow:-2px 0 2px rgba(00,00,00,.1) inset; }
          #customers a.bx-next:hover {background-position:-100px -97px; background-color:#f9f9f9; -moz-box-shadow:2px 0 2px rgba(00,00,00,.1) inset; -webkit-box-shadow:2px 0 2px rgba(00,00,00,.1) inset; box-shadow:2px 0 2px rgba(00,00,00,.1) inset; }


          footer {padding:30px 0 60px 0; border-top:1px solid #DBDBDB; background:#E7E7E7 url('../img/style/footer_pattern.png') repeat; -moz-box-shadow:0 4px 4px rgba(00,00,00,.1) inset; -webkit-box-shadow:0 4px 4px rgba(00,00,00,.1) inset; box-shadow:0 4px 4px rgba(00,00,00,.1) inset; }
          footer h5 {margin-top:0; }
          footer p {overflow:hidden; display:inline; }
          footer hr {margin: 7px 0; border-top: 1px solid #EEE; border-bottom: 1px solid #C7C7C7;}
          footer li a {text-shadow: 1px 1px 0 white; color:#666; }

          /* social nav */
          footer .nav.social li {display: inline-block; float: right; }

           /* small nav */
          footer .nav.small {text-align:center; }
          footer .nav.small li {color:#666; font-size:11px; }
          footer .nav.small li a {color:#666;  }
          footer .nav.small > li:after {content: "\00B7"; margin-left:10px; font-weight:bold;  }
          footer .nav.small > li:last-child:after {content:none;}




@media (max-height:660px) {

     /* HERO ********************/
     #hero li {margin-right:20px; }
     #hero li h1 {font-size:36px; margin: 0 0 10px 0;}
     #hero li, #hero li p {font-size:17px;}
     #hero li .content {min-height: 230px;}
     #hero li .content br {display:none; }

}


@media (max-width:450px) {

     /* HERO ********************/
     #hero li h1 {font-size:26px; margin:-40px 0 10px 0;}
     #hero .box-list.lm {margin-left:0;}
     #hero li, #hero li p {font-size:17px;}
     #hero li .content {min-height: 290px;}

}