@font-face{font-family:'OpenSans'; src:url('../fonts/OpenSans.eot?') format('eot'), url('../fonts/OpenSans.woff') format('woff'), url('../fonts/OpenSans.ttf')  format('truetype'), url('../fonts/OpenSans.svg#OpenSans') format('svg');}

body{background:#f2f5f7; padding:0; font-family:'OpenSans', sans-serif; color:#505457;}
h1,h2,h3,h4,h5,h6{font-weight:100; line-height:normal;}
li{margin-bottom:5px;}
input, select, textarea, button{font-family:'OpenSans', sans-serif; outline:0;}
.container-narrow{max-width:960px; margin:0 auto; padding:0;}
.text-justify{text-align:justify;}
.intro, .cloudComputing, .caractInfo, .contacto{background:url(../imgs/logo-bg.png) center no-repeat; background-size:cover;}
.title{background-size:cover; text-align:center; color:#fff; text-shadow:0 1px 1px rgba(0,0,0,0.7);}
.intro h1, .virtualizacion h3, .incluye h3{color:#002e5e; font-weight:300;}
.cloud h1, .virtua h1, .virtuaTitle2 h1, .contact h1{text-transform:uppercase;}
.caracteristicas h3, .caractInfo .span8 h4, .contacto h3{color:#002e5e;}

/*MENU SUPERIOR*/
.navbar{padding:5px 0; margin:0; border-bottom:1px solid #e2e6e8; background:#ffffff; background:-moz-linear-gradient(top, #ffffff 0%, #eef2f5 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eef2f5)); background:-webkit-linear-gradient(top, #ffffff 0%,#eef2f5 100%); background:-o-linear-gradient(top, #ffffff 0%,#eef2f5 100%); background:-ms-linear-gradient(top, #ffffff 0%,#eef2f5 100%); background:linear-gradient(to bottom, #ffffff 0%,#eef2f5 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eef2f5',GradientType=0);}
.navbar ul{padding-top:28px;}
.navbar .nav > li > a{color:#002e5e; text-shadow:none; -webkit-transition:all 150ms linear; -moz-transition:color 250ms linear; transition:all 150ms linear;}
.navbar .nav > li > a:hover{color:#505457; background:rgba(80,84,87,0.1);}
.btn-navbar{margin-top:30px !important;}
.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a{font-weight:normal; text-align:center;}
/*.navbar .nav > li > a{bootstrap - 4613}
.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a{bootstrap-responsive - 999}*/

/*SLIDER*/
.cbp-qtrotator{position:relative;}
.cbp-qtrotator .cbp-qtcontent{position:absolute; top:0; z-index:0; opacity:0; width:100%; color:#fff; text-align:center;}
.no-js .cbp-qtrotator .cbp-qtcontent{border-bottom:none;}
.cbp-qtrotator .cbp-qtcontent.cbp-qtcurrent, .no-js .cbp-qtrotator .cbp-qtcontent{position:relative; z-index:100; pointer-events:auto; opacity:1;}
.cbp-qtrotator .cbp-qtcontent:before, .cbp-qtrotator .cbp-qtcontent:after{content:" "; display:table;}
.cbp-qtrotator .cbp-qtcontent:after{clear:both;}
.slider{background:url(../imgs/slider-bg.jpg) center no-repeat; background-size:cover; padding:50px 0;}
.slider img{box-shadow:0 0 20px rgba(0,0,0,0.7);}

/*INDEX*/
.intro{text-align:center; padding:20px 0;}

.secciones{background:url(../imgs/blue-bg.jpg) center no-repeat; background-size:cover; color:#fff; text-align:center; text-shadow:0 1px 1px rgba(0,0,0,0.7); overflow:hidden; padding:40px 0;}
.secciones a, .caracteristicas a, .contacto button{color:rgba(255,255,255,0.4); padding:10px; display:block; text-shadow:none; box-shadow:inset 0 1px 1px #6d6e77, 0 1px 1px rgba(0,0,0,0.5); border:1px solid #13151b; border-radius:5px; background:#43434d; background:-moz-linear-gradient(top, #43434d 0%, #20202b 50%, #232430 51%, #3b3c47 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#43434d), color-stop(50%,#20202b), color-stop(51%,#232430), color-stop(100%,#3b3c47)); background:-webkit-linear-gradient(top, #43434d 0%,#20202b 50%,#232430 51%,#3b3c47 100%); background:-o-linear-gradient(top, #43434d 0%,#20202b 50%,#232430 51%,#3b3c47 100%); background:-ms-linear-gradient(top, #43434d 0%,#20202b 50%,#232430 51%,#3b3c47 100%); background:linear-gradient(to bottom, #43434d 0%,#20202b 50%,#232430 51%,#3b3c47 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#43434d', endColorstr='#3b3c47',GradientType=0);}
.secciones a:hover, .caracteristicas a:hover, .contacto button:hover{text-decoration:none; border-color:#012bcd; box-shadow:inset 0 1px 1px #22a8f8, 0 1px 1px rgba(0,0,0,0.5); color:#fff; background:#0181ee; background:-moz-linear-gradient(top, #0181ee 0%, #0144d5 50%, #014bd8 51%, #0177e9 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#0181ee), color-stop(50%,#0144d5), color-stop(51%,#014bd8), color-stop(100%,#0177e9)); background:-webkit-linear-gradient(top, #0181ee 0%,#0144d5 50%,#014bd8 51%,#0177e9 100%); background:-o-linear-gradient(top, #0181ee 0%,#0144d5 50%,#014bd8 51%,#0177e9 100%); background:-ms-linear-gradient(top, #0181ee 0%,#0144d5 50%,#014bd8 51%,#0177e9 100%); background:linear-gradient(to bottom, #0181ee 0%,#0144d5 50%,#014bd8 51%,#0177e9 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0181ee', endColorstr='#0177e9',GradientType=0);}

/*CLOUD COMPUTING*/
.cloud{background:url(../imgs/cloud-title.jpg) center no-repeat; background-size:cover; padding:74.5px 0;}
.cloud h1, .cloud h3{font-weight:300; color:#fff; text-shadow:0 1px 1px rgba(0,0,0,0.7);}
.cloudComputing{padding:50px 0; text-align:justify;}
.cloudComputing h3, .cloudComputing h4{font-weight:300;}
.cloudComputing h3{color:#002e5e; text-align:center;}
.cloudComputing h4{line-height:24px;}
.cloudComputing h3+h4{margin-bottom:40px; text-align:center;}
.cloudComputing img{margin:0 auto; display:block;}

/*VIRTUALIZACION*/
.virtua{background:url(../imgs/virtua-title.jpg) center no-repeat; background-size:cover; padding:74.5px 0;}
.virtuaTitle2{background:url(../imgs/virtua-title2.jpg) center no-repeat; background-size:cover; height:270px; color:#fff; text-shadow:0 1px 1px rgba(0,0,0,0.7); text-align:center;}
.virtuaTitle2 img{float:right; margin-top:30px;}
.virtuaTitle2 h1{margin-top:55px;}

.virtualizacion{padding:50px 0 30px; text-align:justify;}
.virtualizacion h4{line-height:24px; font-weight:300; margin-bottom:40px; text-align:center;}
.virtualizacion img{margin:0 auto; display:block;}

.incluye{background:url(../imgs/random-bg.jpg) center no-repeat; background-size:cover; padding-bottom:50px; text-align:justify;}
.incluye h3{text-align:center; padding:20px 0; background:rgba(255,255,255,0.5); text-transform:uppercase;}
.incluye li{margin-top:20px;}

/*CARACTERISTICAS*/
.caract{background:url(../imgs/caract-title.jpg) center no-repeat; background-size:cover; padding:113.5px 0; text-transform:uppercase;}
.caracteristicas{padding-top:70px; text-align:center;}
.caracteristicas .span4{margin-bottom:70px;}
.indice{list-style:none; background:#373945; margin:0;}
.indice li{margin:0; -moz-transition:all 250ms linear; -webkit-transition:all 250ms linear; transition:all 250ms linear;}
.indice li:hover{background:rgba(0,0,0,0.2);}
.indice li:first-child{text-align:center; text-transform:uppercase; padding:10px 0; background:rgba(0,0,0,0.3); color:rgba(255,255,255,0.5)}
.indice li img{height:50px; width:50px; margin-right:5px;}
.indice li a{color:rgba(255,255,255,0.3); display:block; padding:10px 41px;}
.indice li a:hover{text-decoration:none;}
.caractInfo{padding:50px 0;}
.caractInfo .span8{text-align:justify;}
.caractInfo .span8 h5{margin-top:25px; font-weight:700;}

/*CONTACTO*/
.contact{background:url(../imgs/contact-title.jpg) center no-repeat; background-size:cover; padding:91.5px 0;}
.contacto{padding:50px 0;}
.contacto h3, .contacto h4{text-align:center;}
.contacto form{text-align:center; margin-top:50px;}
.contacto form p{margin:15px 0;}
.contacto label{display:inline-block; margin-right:10px; text-align:right; width:86px; cursor:default;}
.contacto label+input{margin-right:2px;}
.contacto input, .contacto textarea{background:rgba(255,255,255,0.3); border:1px solid #adaeaf; border-radius:5px; padding:7px; box-shadow:none; color:#505457; -moz-transition:all 250ms linear; -webkit-transition:all 250ms linear; transition:all 250ms linear;}
.contacto input:focus, .contacto textarea:focus{border-color:#002e5e; color:#002e5e; background:rgba(0,46,94,0.3);}
.contacto input{width:308px;}
.contacto textarea{resize:none; overflow:auto; width:734px; height:100px;}
.contacto button{margin:0 auto; text-transform:uppercase; width:200px;}

/*FOOTER*/
#footer{background:#001342; padding:20px 0; color:#003d82; overflow:hidden;}
#footer p{float:right; line-height:50px; margin:0;}

/* Large desktop */
@media(min-width:1200px){}
 
/* Portrait tablet to landscape and desktop */
@media(min-width:768px) and (max-width:979px){
  .navbar ul{padding-top:0;}
  .cloudComputing h3, .cloudComputing h3+h4, .incluye ul, .virtualizacion h3{padding:0 20px;}
  .cloudComputing .span6, .virtualizacion .span6{width:97% !important; padding-left:20px; margin:0; float:left !important;}
  .virtuaTitle2{height:220px;}
  .virtuaTitle2 h1{margin-top:30px;}
  .caracteristicas{padding:70px 20px 0;}
  .contacto label{display:block; text-align:center; width:auto;}
  .contacto input+label{margin-top:15px;}
  .contacto input, .contacto textarea{width:500px;}
  .indice li a{padding:10px;}
  .indice li img{height:40px; width:40px;}
  .caractInfo{padding:50px 20px;}
  #footer{padding:20px;}
}
 
/* Landscape phone to portrait tablet */
@media(max-width:767px){
  .navbar ul{padding-top:0;}
  .intro{padding:20px;}
  .secciones .span3{margin:30px 0; padding:0 20px;}
  .cloudComputing h3, .cloudComputing h3+h4, .incluye ul{padding:0 20px;}
  .cloudComputing .span6, .virtualizacion .span6{width:97% !important; padding-left:20px; float:left !important;}
  .virtuaTitle2{height:430px; text-align:center;}
  .virtuaTitle2 img{float:none;}
  .caracteristicas{padding:70px 20px 0;}
  .contacto label{display:block; text-align:center; width:auto;}
  .contacto input+label{margin-top:15px;}
  .contacto input, .contacto textarea{width:500px;}
  .indice{display:none;}
  .caractInfo{padding:20px 20px 40px;}
  #footer{text-align:center; padding:20px;}
  #footer p{float:none;}
}
 
/* Landscape phones and down */
@media(max-width:480px){}