@import url(stmenu.css);
@import url(stbanner.css);
@import url(stbintelligence.css);
@import url(stsoft.css);
@import url(stinfo.css);
@import url(sterp.css);
@import url(stareas.css);
@import url(stpublicidad.css);
@import url(stnews.css);
@import url(stslider.css);
@import url(stvmodal.css);


* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Roboto', sans-serif;
}

body {
	font-family: 'Roboto', sans-serif;
    /*background-color: #dbddde;*/
}

header {
	width: 100%;
	height: 100px;
	background: #004080;
	color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}

.contenedor {
	width: 100%;
	margin: auto;
}

header .contenedor {
	display: table;
	background-color: #004080;
}

h1 {
	float: left;
	margin-top: 10px;
}

section {
	width: 100%;
	/*margin-bottom: 20px;*/
}	

footer .contenedor {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-bottom: 25px;
}

.copy {
	font-size: 20px;
}

.stsociales {
	width: 100%;
	text-align: center;
	font-size: 28px;
}

.stsociales a {
	color: #333;
	text-decoration: none;
}

.zoom {
	    transition: width 2s, height 2s, transform 2s;
        -moz-transition: width 2s, height 2s, -moz-transform 2s;
        -webkit-transition: width 2s, height 2s, -webkit-transform 2s;
        -o-transition: width 2s, height 2s,-o-transform 2s;
    }
.zoom:hover{
        /* tranformamos el elemento al pasar el mouse por encima al doble de

           su tamaño con scale(2). */

        transform : scale(2);
        -moz-transform : scale(2);      /* Firefox */

        -webkit-transform : scale(2);   /* Chrome - Safari */

        -o-transform : scale(2);        /* Opera */

}
	
@media (min-width:768px) {
	.stsociales {
		width: auto;
	}
	
	footer .contenedor {
		justify-content: space-between;
	}
}

@media (min-width:1024px) {
	.contenedor {

		}	
}