/* Global Styles */

html,
body {
    height: 100%;
}

h2{
	font-size: 24px;
	font-weight: bold;
}
h3{
	font-size: 20px;
	font-weight: bold;
}

body {
	font-family: 'Roboto', sans-serif;
	color: #11274c;
	font-size: 16px;
    /*padding-top: 50px;  Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.mini-menu-sup {
	list-style: none;
	text-align: right;
}
.mini-menu-sup a{
	float: left;
	text-align: right;
	color: #11274c;
	padding: 5px;
	font-size: 12px;
	text-decoration: none;
}

.mini-menu-sup a:hover{
	color: #3d9024;
	text-decoration: none;
}

.navbar {
	background:#11274c;
	font-size:12px;
	margin-bottom:0;
	border-radius:0;
	border-color: #11274c;
	border: 0px;
}
.navbar-toggle {
	background: #11274c;
}

#menu-principal a{
	color: #FFF;
}
#menu-principal a:hover{
	color: #ccc;
}

.navbar-default {
    background-color: #11274c;
    border-color: #11274c;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    background-color: #3ead21;
    border: 0px;
    border-radius: 0px;
}

.navbar-header .navbar-brand {
	width: 0;
	height: 0;
}

.dropdown-menu {
	min-width: 200px;
	background: #11274c;
	opacity: 0.8;
}
.dropdown-menu li a:hover {
	text-decoration:underline;
	background-color: transparent;
}

.dropdown-menu.columns-2 {
	min-width: 500px;
}
.dropdown-menu.columns-3 {
	min-width: 750px;
}
.dropdown-menu.columns-4 {
	min-width: 1000px;
}
.dropdown-menu li a {
	padding: 8px 15px;
	font-weight: 300;
	font-size: 12px;
}
.multi-column-dropdown {
	list-style: none;
	padding-left: 0px;

}
.multi-column-dropdown li a {
	display: block;
	clear: both;
	line-height: 1.428571429;
	color: #333;
	white-space: normal;
}
.multi-column-dropdown li a:hover {
	text-decoration:underline;
}
 
@media (max-width: 767px) {
	.dropdown-menu.multi-column {
		min-width: 240px !important;
		overflow-x: hidden;
	}
}
/*@media (max-width: 1200px) {
	.dropdown-menu.multi-column {
		min-width: 240px !important;
		overflow-x: hidden;
	}
}*/
.menu-fixed {
	position:fixed;
	z-index:1000;
	top:0;
	/*max-width:1000px;*/
	width:100%;
}
.menu-fixed ul li a{
	padding-left: 10px;
	padding-right: 10px;
}

.menu-fixed .navbar-brand{
	width: 95px;
	height: 60px;
	margin-top: 15px;
	padding-left: 10px;
	background-image: url(../img/logo-dinet-sticky.png);
}
.menu-fixed .navbar-header{
	height: 85px;
}

.sideMenu {
    top: 85px;
    max-width: 70%;
}

#linea-novedades {
	height:30px;
	background-color:#f6f6f6;
	color:#093;
	line-height:30px;
}

/* Home Page logo + redes */
#logo-redes {
	height:140px;
}
.logo-dinet {
	background-image:url(../img/logo-dinet.png);
	width:200px;
	height:100px;
}
.cuadro-redes {
	background-color: #9ca1b6;
	color: #fff;
	width: 120px;
	height: 30px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	margin-left: 44px;
}
.cuadro-redes a{
	color: #fff;
	padding: 5px;
	font-size: 20px;
}
.cuadro-redes a:hover{
	color: #000;
}

.cuadro-menu a{
	color: #11274c;
	padding: 5px 10px;
	font-size: 12px;
	text-decoration: none;
}
.cuadro-menu a:hover{
	color: #3d9024;
	text-decoration: none;
}


/* home */
#cuadro-bienvenida, .serv1, .serv2, .serv3 {
	padding-top: 40px;
	padding-bottom: 20px;
}

.texto-bienvenida {
    text-align: justify;
}
.texto-bienvenida h1{
	color: #11274c;
	font-weight: bold;
	border-bottom: 4px solid #3d9024;
	margin-bottom: 30px;
}


/* noticias home */ 
.noticias h1{
	color: #fff;
	background-color: #11274c;
	font-weight: bold;
	font-size: 16px;
	padding: 10px;
	text-align: center;
	margin-bottom: 30px;
	border-bottom: 4px solid #3d9024;
}

.item-noticia p{
	font-size: 12px;
}


#servicios {
	padding-bottom: 100px;
	padding-top: 50px;
	background-color:#e0e0e0;
	text-align: center;
}

#certificaciones {
	padding-top: 80px;
	padding-bottom: 80px;

}

.certificacion-item {
    margin: 0 auto;
    max-width: 200px;
}

.item-noticia{
	position: relative;
}

.foto-noticia {
	float: left;
	width: 30%;
}
.texto-noticia {
	float: left;
	width: 70%;
	font-size: 12px;
	padding-left: 0px;
}

/* Home Page Carousel */

header.carousel {
    height: 414px;
}

.carousel .item,
.carousel .item.active,
.carousel .carousel-inner {
    height: 100%;
}

.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.carousel-caption {
	position: absolute;
    right: 15%;
    top: 60px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: left;
    text-shadow: none;
}

#elementos-diferenciadores {
	margin-top:80px;
	margin-bottom:40px;
	padding:0;
	background-color:#FFF;
	text-align: center;
}

#elementos-diferenciadores h1{
	color: #11274c;
	font-weight: bold;
	margin-bottom: 30px;
}

#elementos-diferenciadores h2{
	font-size: 24px;
	font-weight: bold;
}

.enlaces-home {
	float:left;
	z-index:10;
}

.verde-cian {
	background-image:url(../img/fondo-elementos-diferenciadores.png);
	background-repeat:repeat;
}

.verde {
	background-color:#009d00;
}
.t-verde {
	color:#009d00;
}
.azul {
	background-color:#00224c;
}
.t-azul {
	color:#00224c;
}
.t-blanco, .t-blanco a{
	color:#fff;
}
.gris {
	background-color:#e8e8e8;
}

#bolsa-home {
	background-color:#e0e0e0;
}
.contacto-rcb {
	margin-bottom:60px;
}
.formulario-home {
	padding: 120px 0;
	color:#11274c;
}

.formulario {
	height: 450px;
}

.campos-f {
	background-color:#adafb0;
	color:#11274c;
}

.boton-formulario {
	background: #fff;
	color: #00224c;
	border-radius: 100%;
	padding: 10px 15px;
	text-decoration: none;
}

::-webkit-input-placeholder { color: blue; } /* WebKit */
:-moz-placeholder { color: blue; } /* Firefox 18- */
::-moz-placeholder { color: blue; } /* Firefox 19+ */
:-ms-input-placeholder { color: blue; } /* IE 10+ */

.boton-bolsa {
	background-color:#11274c;
	color:#FFF;
}

/* Footer Styles */

#pie-de-pagina h4 {
	font-weight: bold;
}
#pie-de-pagina h5{
	font-size: 16px;
}
.mapaweb-pie{
	padding: 80px 0;
}
.texto-pie {
	line-height: 100px;
	text-align: center;
}
.linea-pie {
	height: 14px;
	background-color: #00224c;
	margin-top: 10px;
}

.menu-pie {
	padding-left: 0px;
	list-style: none;
}
.menu-pie2 {
	padding-left: 20px;
}

.menu-pie, .menu-pie2 {
	color: #00224c;
}

#pie-de-pagina a{
	color: #00224c;
}
#pie-de-pagina a:hover {
	color: #009d00;
	text-decoration: none;
}


/* Pagina de sectores y servicios */

.titulo-sector {
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
}
.rcb-fondo {
	height: 780px;
	background-position: center;
	background-size: cover;
}
.titulo-banner {
	padding: 140px 30px;
	color: #fff;
	margin-top: 200px;
	height: 400px;
	font-size: 26px;
	font-weight: bold;
}
.cuadro-servicio {
	padding-top: 100px;
	padding-bottom: 80px;
	
}
.cuadro-servicio h1{
	
	font-weight: bold;
	padding-bottom: 20px;
	text-transform: uppercase;
}
.cuadro-servicio p{
	text-align: justify;
	font-size: 18px;
}
.titulo-seccion {
	padding-top: 160px;
	}


/* Pagina dinet */

.banner-azul {
	color: #fff;
	background-color: #00224c;
	height: 650px;
}
.banner-azul h1{
	font-weight: bold;
	padding-bottom: 20px;
	text-transform: lowercase;
}
.banner-verde {
	color: #fff;
	background-color: #009d00;
	height: 650px;
}
.banner-verde h1{
	font-weight: bold;
	padding-bottom: 20px;
	text-transform: lowercase;
}
.mvv-fondo {
	min-height: 780px;
	background-position: center;
	background-size: cover;
	padding-top: 200px;
}

.mvv-fondo p{
	font-size: 16px;
	font-weight: normal;;
}
.mvv-fondo h1{
	font-size: 26px;
	font-weight: bold;
}
.mvv-fondo .cuadro {
	padding: 80px 30px;
	color: #fff;
	height: 500px;
	max-width: 350px;
	margin: 10px;
}





/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
    .banner-azul {
		height: 300px;
	}
	.banner-verde {
		height: 200px;
	}
	header.carousel {
    	height: 300px;
	}
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }
    .mini-menu-sup {
		margin-left: 30px;
		margin-top: 10px;
	}
    .mini-menu-sup a{
		text-align: left;
		padding: 5px;
		min-width: 100px;		
	}

	.carousel-caption {
		position: absolute;
	    right: 15%;
	    top: 60px;
	    left: 5%;
	    z-index: 10;
	    padding-top: 20px;
	    padding-bottom: 20px;
	    color: #fff;
	    text-align: left;
	    text-shadow: none;
	}

    .carousel .carousel {
        height: 70%;
    }
    .banner-azul {
		height: 250px;
	}
	.banner-verde {
		height: 200px;
	}
	.cuadro-servicio {
	padding-top: 60px;
	padding-bottom: 20px;
	}
	.titulo-seccion {
	padding-top: 10px;
	}
	.formulario-home {
	padding: 80px 0;
	}
	.formulario {
		height: 940px;
	}
}

/* 5 columnas 100% */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 25px;
  padding-left: 25px;
}
.col-xs-15
{
  width: 20%;
  float: left;
}
@media (min-width: 768px)
{
  .col-sm-15   {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px)
{
  .col-md-15   {
    width: 20%;
    float: left;
  }
  .texto-bienvenida {
    	padding-right: 8%;
  }
}
@media (min-width: 1200px)
{
  .col-lg-15   {
    width: 20%;
    float: left;
  }
}


/* carousel multiple */
.carousel-showmanymoveone .carousel-control {
   width: 4%;
   background-image: none;
}

.carousel-showmanymoveone .carousel-control.left {
   margin-left: 0;
}

.carousel-showmanymoveone .carousel-control.right {
   margin-right: 0;
}

.carousel-showmanymoveone .cloneditem-1,
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3 {
   display: none;
}

#elementos-diferenciadores .carousel .item .col-xs-12 {
   padding: 0;
}


/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
   .carousel .item .col-xs-12:nth-last-child(-n+2) {
      display: none;
   }
}

@media all and (min-width: 768px) {
   .carousel-showmanymoveone .carousel-inner > .active.left,
   .carousel-showmanymoveone .carousel-inner > .prev {
      left: -50%;
   }
   .carousel-showmanymoveone .carousel-inner > .active.right,
   .carousel-showmanymoveone .carousel-inner > .next {
      left: 50%;
   }
   .carousel-showmanymoveone .carousel-inner > .left,
   .carousel-showmanymoveone .carousel-inner > .prev.right,
   .carousel-showmanymoveone .carousel-inner > .active {
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
      display: block;
   }
}

@media all and (min-width: 768px) and (transform-3d),
all and (min-width: 768px) and (-webkit-transform-3d) {
   .carousel-showmanymoveone .carousel-inner > .item.active.right,
   .carousel-showmanymoveone .carousel-inner > .item.next {
      -webkit-transform: translate3d(50%, 0, 0);
      transform: translate3d(50%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.active.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev {
      -webkit-transform: translate3d(-50%, 0, 0);
      transform: translate3d(-50%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev.right,
   .carousel-showmanymoveone .carousel-inner > .item.active {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      left: 0;
   }
}

@media all and (min-width: 992px) {
   .carousel-showmanymoveone .carousel-inner > .active.left,
   .carousel-showmanymoveone .carousel-inner > .prev {
      left: -16.6%;
   }
   .carousel-showmanymoveone .carousel-inner > .active.right,
   .carousel-showmanymoveone .carousel-inner > .next {
      left: 16.6%;
   }
   .carousel-showmanymoveone .carousel-inner > .left,
   .carousel-showmanymoveone .carousel-inner > .prev.right,
   .carousel-showmanymoveone .carousel-inner > .active {
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner .cloneditem-2,
   .carousel-showmanymoveone .carousel-inner .cloneditem-3 {
      display: block;
   }
}

@media all and (min-width: 992px) and (transform-3d),
all and (min-width: 992px) and (-webkit-transform-3d) {
   .carousel-showmanymoveone .carousel-inner > .item.active.right,
   .carousel-showmanymoveone .carousel-inner > .item.next {
      -webkit-transform: translate3d(16.6%, 0, 0);
      transform: translate3d(16.6%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.active.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev {
      -webkit-transform: translate3d(-16.6%, 0, 0);
      transform: translate3d(-16.6%, 0, 0);
      left: 0;
   }
   .carousel-showmanymoveone .carousel-inner > .item.left,
   .carousel-showmanymoveone .carousel-inner > .item.prev.right,
   .carousel-showmanymoveone .carousel-inner > .item.active {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      left: 0;
   }
}


/* servicios portafolio */

#servicios .portfolio-item, 
#premios-reconocimientos .portfolio-item,
#awards-honours .portfolio-item {
    right: 0;
    margin: 0 0 15px;
}

#servicios .portfolio-item .portfolio-link,
#premios-reconocimientos .portfolio-item .portfolio-link,
#awards-honours .portfolio-item .portfolio-link {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 400px;
}

#servicios .portfolio-item .portfolio-link .portfolio-hover,
#premios-reconocimientos .portfolio-item .portfolio-link .portfolio-hover,
#awards-honours .portfolio-item .portfolio-link .portfolio-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0,0,0,.7);
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}

#servicios .portfolio-item .portfolio-link .portfolio-hover:hover,
#premios-reconocimientos .portfolio-item .portfolio-link .portfolio-hover:hover,
#awards-honours .portfolio-item .portfolio-link .portfolio-hover:hover {
    opacity: 1;
}

#servicios .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content,
#premios-reconocimientos .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content,
#awards-honours .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
    position: absolute;
    top: 25%;
    width: 100%;
    height: 20px;
    margin-top: -12px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

#servicios .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i,
#premios-reconocimientos .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i,
#awards-honours .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
    margin-top: -12px;
}

#servicios .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
#servicios .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4,
#premios-reconocimientos .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
#premios-reconocimientos .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4,
#awards-honours .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
#awards-honours .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
    margin: 0;
}

#servicios .portfolio-item .portfolio-caption,
#premios-reconocimientos .portfolio-item .portfolio-caption,
#awards-honours .portfolio-item .portfolio-caption {
    margin: 0 auto;
    padding: 25px;
    max-width: 400px;
    text-align: center;
    background-color: #fff;
}

#servicios .portfolio-item .portfolio-caption h4,
#premios-reconocimientos .portfolio-item .portfolio-caption h4,
#awards-honours .portfolio-item .portfolio-caption h4 {
    margin: 0;
    text-transform: none;
    font-weight: bold;
    border-bottom: 4px solid #009d00;
    border-spacing: 6px;
}

#servicios .portfolio-item .portfolio-caption p,
#premios-reconocimientos .portfolio-item .portfolio-caption p,
#awards-honours .portfolio-item .portfolio-caption p {
    margin: 0;
    font-size: 16px;
}

#servicios *,
#premios-reconocimientos *,
#awards-honours * {
    z-index: 2;
}

@media(min-width:767px) {
    #servicios .portfolio-item,
    #premios-reconocimientos .portfolio-item,
    #awards-honours .portfolio-item {
        margin: 0 0 30px;
    }
}

/* paginas de noticias - articulos */

.noticias-fondo {
	height: 471px;
	background-position: center;
	background-size: cover;
}
.cuadro-noticia {
	padding-top: 120px;
	padding-bottom: 60px;
	
}
.cuadro-noticia h1{
	
	font-weight: bold;
	padding-bottom: 20px;
	text-transform: uppercase;
}
.cuadro-noticia p{
	text-align: justify;
	font-size: 18px;
}
.subcuadro-noticia {
	padding-top: 40px;
	padding-bottom: 20px;
}

.articulos-fondo {
	height: 337px;
	background-position: center;
	background-size: cover;
}

.menu-noticias {
	padding-left: 20px;
}

.menu-noticias {
	color: #00224c;
}

.menu-noticias a{
	color: #00224c;
}
.menu-noticias a:hover {
	color: #009d00;
	text-decoration: none;
}

.boton-vermas {
	background-color:#11274c;
	color:#FFF;
}

.boton-vermas:hover{
	background-color:#009d00;
	color:#FFF;
}
.cuadro-video {
	padding-top: 20px;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/***** video de aniversario **/

#video-aniversario {
	padding: 50px 0;
}
#pie-video-aniversario {
	padding: 20px 0;
}

ul.social-buttons {
    margin-bottom: 0;
}

ul.social-buttons li a {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    font-size: 20px;
    line-height: 40px;
    outline: 0;
    color: #fff;
    background-color: #00224c;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active {
    background-color: #009d00;
}

@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
        float: right;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
    }
    .navbar-nav>li {
        float: none;
        font-size:12px;
    }
    .navbar-nav>li ul li{
        float: none;
        font-size:12px;
    }
    /*.collapse.in{
        display:block !important;
    }*/
}