@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700&display=swap');

/* === Form Typography === */
html, body {
	margin: 0 auto;
	width:100%;
	height: 100%;
	font-family: 'Ubuntu', sans-serif;
	font-size:16px;
	background-color: #fff;
	
}
header{
	top:0;
	position:fixed;
	z-index:9999;}
#general-content{
	margin-top:153px;}
a{
	text-decoration:none;
	}
a:hover{
	text-decoration:none;
	}	
h1{
	    font-size: 3em;
    margin: 0 0 40px 0;
    padding: 0;
    font-weight: 500;
	color:#005fac;}
h2{
	font-size: 1.6em;
    margin: 0 0 10px 0;
    padding: 0;
    font-weight: 300;
    color: #005fac;
    line-height: 1.6em;}
h3{
	font-size: 1.1em;
    margin: 0 0 10px 0;
    padding: 0;
    font-weight: 500;
    color: #333;
    line-height: 1.6em;}
h4{
	font-size: 1.4em;
    margin: 0 0 30px 0;
    padding: 0;
    font-weight: 600;
    color: #005fac;
    line-height: 1.6em;}	
p{
	font-weight:100;
	color:#333;
	line-height:1.5em;}
p span{
	display: block;
    font-size: 1.4em;
    font-weight: 400;
    color: #005fac;
        margin: 60px 0 20px 0;}
ul.texto{
	margin:0;
	padding:0;
	list-style:circle;}
.texto li{
    margin-left: 40px;
    font-weight: 100;
    padding: 7px 0;}	

.content {
	margin: 0 auto;
	width: 1120px;
	padding: 0;
}
.menu_cruz, .menu_ico {
   display: none;
}
.sobrenav {
    width: 100%;
    height: auto;
    background-color: #333;
    /* position: absolute; */
    display: inline-block;
}
.acceso{
	    float: right;
    /* background-color: #000; */
    text-align: center;}

.acceso a{
	    font-size: 14px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    color: #eee;
    padding: 30px;
    background-color: #000;
    display: block;
	 -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
	   }
.acceso a:hover{
	cursor:pointer;
	background-color:#0066b3;
	 -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;}	
.idiomas{
	float:left;
	    font-size: 12px;
    font-weight: 100;
	    color: #fff;}
.idiomas a{
	    font-size: 12px;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
    color: #fff;
    padding: 30px 10px;
    display: inline-block;}
.idiomas a:hover{
	color:#f07c00;}
nav{
	width:100%;
	background-color:#0066b3;
	display:inline-block;
	clear:both;}
.logo{
	float:left;}
.menu{
	float:right;}
.menu ul{    list-style: none;
    margin: 0;
    padding: 0;}
.menu ul li{    display: inline-block;}
.menu ul li:hover{}
.menu ul li a{    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    padding: 27px 10px;
    font-weight: 500;
    display: block;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;}
.menu ul li a:hover{
	background-color:#f07c00;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;}
.oculta{
	display:none;}	
.muestra{
	display: block;}
.banner{
	width:100%;
	margin:0;}
.banner img{
	display:block;
	width:100%;
	height:auto;}	
.info{
	margin:0;
	width:100%;
	padding:50px 0;
	display:inline-block;}
.col-1-2{
	width:46%;}
.col-2-3{
	width:63%;
}
.col-1-3{
	width:36%;
	}
.col-2-5{
	width:37%;
	
	}
.col-3-5{
	width:57%;
	
	}	
		
.left{
	float:left;
	}
.right{
	float:right;
	}
.noticias{
	    width: 100%;
    padding: 40px;
    background-color: #f3f3f3;
    
    box-sizing: border-box;
	    height: 600px;
    overflow-y: auto;
	}
.noticias::-webkit-scrollbar{
	background-color:transparent;}
.noticias::-webkit-scrollbar-track {
	

}	
.noticias::-webkit-scrollbar-thumb {
	background-color:#0066b3; 

}

.noticias h1{
	    font-size: 2em;
		margin:0;
  
    font-weight: 500;}
.noticias li{
	    width: 100%;
    list-style: none;
    font-size: 0.9em;
    line-height: 1.4em;
    font-weight: 500;
   
    padding: 12px 0;
    color: #333;}	
.noticias li a{
	color:#005fac;}
.modulos-list{
	}
.modulos-list ul{    list-style: none;
    margin: 0;
    padding: 0;
	width:100%;}
.modulos-list ul li{
	     width: 100%;
    display: block;
    clear: both;
    margin-bottom: 0;}
.modulos-list ul li img{
	    /* float: left; */
    /* width: 21%; */
    height: auto;
    margin-right: 10px;
    margin-top: -29px !important;
    display: inline-block;}
.modulos-list ul li span{
	    /* float: left; */
    display: inline-block;
    width: 70%;
    /* margin-top: 30px; */}	
.modulos-list ul li:hover{}
.modulos-list ul li a{
	       color: #000;
    text-transform: uppercase;
    font-size: 14px;
    padding: 13px 10px;
    font-weight: 500;
    display: block;
}
.modulos-list ul li a:hover{
	  color: #0066b3;
	}
.dlines{
	margin-top:15px;}
.bk-blue{
	background-color:#0066b3;}
.bk-grey{
	background-color:#333;}	
.bk-l-grey{
	background-color:#eee;}		
.imagen{
	width:100%;
	}
.imagen img{
	display:block;
	margin:0 auto;
	width:100%;}
.carac{
	    color: #fff;}
.carac h1{
	    color: #fff;
    margin-top: 0;}
.carac ul{
	    width: 100%;
    margin: 40px 0;
    list-style: none;
    font-weight: 100;
    box-sizing: border-box;}
.carac ul li{
	    width: 100%;
    box-sizing: border-box;
	margin-bottom:26px;}
.carac ul li:before{
	content: '';
    background-image: url(../images/tilde.png);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    width: 30px;
    height: 30px;
    margin: -9px 0 0 -40px;
   }
button{
	background-color: #0066b3;
    color: #fff;
    padding: 24px 80px;
    font-size: 30px;
    font-weight: 700;
    border-radius: 50px;
    margin: 0 auto 0;
    display: block;}
button a{
	color:#fff;}	
button:hover{
	background-color:#f07c00;
	cursor:pointer;}
button:hover a{
	color:#fff;}	
footer{
	width: 100%;
    TEXT-ALIGN: center;
    color: #fff;
    font-size: 0.7em;
    font-weight: 100;}
/* tabs */
/* Style the tab */
.tab {
 overflow: hidden;
    /* border: 1px solid #ccc; */
    /* background-color: #f1f1f1; */
}

/* Style the buttons that are used to open the tab content */
.tab button {
      background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 9px 36px;
    transition: 0.3s;
    color: #0066b3;
    font-size: 1.2em;
    border-bottom: solid 2px #0066b3;
    border-radius: 0;
    margin: 0 10px 10px 0;
    background-color: #eee;
	font-weight:100;
	width: 24%;
    height: 100px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #f07c00;
  color:#fff;
}

/* Style the tab content */
.tabcontent {
 display: none;
    padding: 6px 12px 6px 0;
    /* border: 1px solid #ccc; */
    border-top: none;
	margin-top:30px;
	  animation: fadeEffect 1s; /* Fading effect takes 1 second */
	  min-height:400px;
}
.tabcontent p {
	margin-bottom:40px;}
/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}
.gc-win{
	width:100%;}
.pantallas{
color: #005fac;
    font-size: 1.1em;
    color: #fff;
    background-color: #005FAD;
    padding: 10px 30px;
    border-radius: 50px;
    margin: 20px 0;
    display: inline-block;
}
.pantallas:hover{
	background-color:#f07c00;}
.tit-seccion{
	background-color: #ddd;
	padding: 0;
	background-image: url(../images/head-fondo.jpg);
	background-size:cover;
	background-position:auto 0;
	background-repeat: no-repeat;
}
.tit-seccion .info{

    margin: 0;
    width: 100%;
    padding: 80px 0 40px;
    display: inline-block;}
.tit-seccion h1 {
	color:#fff;}
.pad-top-less{
	padding-top:0 !important;}
.pad-top-half-less	{
		padding-top:40px !important;}
.clientes{
	   margin: -9px 0 0 0;}
.clientes ul{
	    margin: 0 0 30px 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    width: 100%;
    z-index: -1;}
.clientes ul li{	
	    width: 12%;
    height: auto;
    float: left;
    margin-right: 40px;
}
.clientes ul li a, .clientes ul li img{
	    display: block;
    width: 100%;
    height: auto;}
/* formulario */
#formulario {
    display: block;
        margin: 30px 0 130px;
    width: 100%
}
#formulario label {
    clear: both;
    float: left;
    font-size: 18px;
    margin: 0 0 22px;
    padding-top: 19px
}
#formulario input {
    position: relative;
    padding: 5px 5px 5px 10px;
    width: 100%;
    height: 50px;
    font-size: 16px;
    color: #333;
    margin: 0 0 18px;
    border: solid 2px #eee
	-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
    border: solid 2px #eee;
    background-color: #f8f8f8;
}
#formulario textarea {
    position: relative;
    padding: 5px 5px 5px 10px;
    width: 100%;
    height: 150px;
    font-size: 16px;
    color: #333;
    margin: 0 0 20px;
    border: solid 2px #eee
		-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
 border: solid 2px #eee;
    background-color: #f8f8f8;
	
}
.clear_simple {ca
    clear: both
}
.datos {
    margin: 30px 0 0 30px
}
.form_left {
    float: left;
    width: 19%;
}
.form_right {
    float: left;
    width: 60%;
}
#botonenviar {
      width: 60% !important;
    height: 60px!important;
    background-color: #356386 !important;
    color: #FFF!important;
    font-weight: 700!important;
    font-size: 16px!important;
    margin: 40px auto 0 !important;
    box-sizing: content-box;
    cursor: pointer;
    display: block;
    top: 80px !important;
}
#botonenviar:hover {
    background-color: #009FD7 !important;
}
.gracias {
	    padding: 12% 0;
 }	


/* fin formulario */
.sticky {
position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    left: 0;
	border-bottom: 2px solid #fff;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .banner {
     margin-top: 77px;
}

	
.info .carac {
	color:#333;
	margin-bottom:80px;}
.carac ul li:before{
	content: '';
    background-image: url(../images/tilde-black.png);}
.txt-blanco ul li:before{
	content: '';
    background-image: url(../images/tilde-white.png);}

.modulos{
	padding: 0 0 0 40px;
    border-left: solid 4px #ddd;
    margin: 50px 0;}
.demo {
	padding: 90px 0;
    background: #eee;}
.demo button{
	background-color: transparent;
    color: #0066b3;
    border: solid 4px #0066b3;
    padding: 24px 80px;
    font-size: 20px;
    font-weight: 700;
    border-radius: 50px;
    margin: 0 auto;
    display: block;
}
.demo button:hover{
	 border: solid 4px #f07c00;
	 color:#f07c00;
	cursor:pointer;}
.demo button:hover a{	 color:#f07c00;}	
.demo button a{
    color: #0066b3;
}
.demo button a:hover{
	color:#f07c00;
	}	
.gallery{    width: 100%;
    margin: 20px 0 0 0;
    padding: 0;
	list-style:none;}

.gallery li{    display: inline-table;
    width: 100px;
    height: auto;
    margin: 0 20px 0 0;
}
.gallery li img{display: block;
    width: 100%;
    height: auto;}
.txt-blanco{
	color:#fff !important;}
.pantallas-bk{
	/*background-color:#eee;
	padding:30px 60px;*/
	    margin-top: 80px;
}
#mapa{
	width:100%;
	height:300px;
	margin:20px 0 !important}
.carousel img{
	float:left;
	width:60% !important;
}
.carousel-caption {
    float: right;
    background-color: #fff;
    width: 40% !important;
    position: initial;
    bottom: 0 !important;
    margin: 0;

    padding: 60px 40px 40px 50px;
    *padding: 60px 37px 40px 0px;
    text-shadow: none !important;
	text-align:left;
	font-size:14px;
	font-style:italic;
}
.carousel-control.right, .carousel-control.left{
	background-image:none !important;}
.carousel-control {
     width: 3%;
}
.glyphicon {
    background-color: #000;
    padding: 5px;
    width: 40px !important;
    height: 40px !important;
}
.carousel-inner {
    position: relative;
    width: 90%;
    overflow: hidden;
    margin: 0 auto;
	 -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.carousel-inner .active{
	 -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;}
.noticias-home{
	    display: grid;
    /* background: red; */
    margin-top: 15px;
    padding-bottom: 10px;
    border-top: 1px solid #333;
	}



@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
	 .carousel-caption {
     padding: 60px 37px 40px 0px;
	  left: 2%;
	  position:relative;
 
}
}
@supports (-ms-ime-align:auto) {
  .selector { property:value; } 
}