/* CSS Document */

@font-face {
	font-family: "VAGRoundedStd-Bold";
    src: url("../css/css/VAGRoundedStd-Bold.eot");
    src: url("../css/VAGRoundedStd-Bold.eot?#iefix") format("embedded-opentype"),
        url("../css/VAGRoundedStd-Bold.woff") format("woff"),
        url("../css/VAGRoundedStd-Bold.ttf") format("truetype"),
        url("../css/VAGRoundedStd-Bold.otf")  format('opentype');
    font-weight: 700;
}

@font-face {
	font-family: "VAGRoundedStd-Thin";
    src: url("../css/VAGRoundedStd-Thin.eot");
    src: url("../css/VAGRoundedStd-Thin.eot?#iefix") format("embedded-opentype"),
        url("../css/VAGRoundedStd-Thin.woff") format("woff"),
        url("../css/VAGRoundedStd-Thin.ttf") format("truetype"),
        url("../css/VAGRoundedStd-Thin.otf")  format('opentype');
    font-weight: 300;
}

.contenido_be article, aside, figure, footer, header, menu, nav, section { 
	display: block;
	font-family: "VAGRoundedStd-Thin",Arial,Helvetica,sans-serif;
	font-weight: 300;
}

/* Mixin itself */
.clearfix() {
  &:before,
  &:after {
    content: " ";
    display: table;
  }
  &:after {
    clear: both;
  }
}

/* Usage as a mixin */
.element {
  .clearfix();
}

/* CONTENIDO */

.contenido_be {
	margin: 0 auto;
	width: 734px;
	height: auto;
	color: #424143;
}


.contenedor_01, .contenedor_02, .contenedor_03 {
	font-family: "VAGRoundedStd-Thin",Arial,Helvetica,sans-serif;
	font-weight: 300;
	background-color: #001839;
	/*width: 100%;*/
	height: 200px;
	padding-left: 4%;
}

.contenedor_02 {
	background-color: #fff;
	height: auto;
	padding-left: 0;
}

.contenedor_03 {
	background-color: #FFFFFF;
	padding-left: 0;
	margin: 7% 0;
	height: auto;
}

.caja_01, .caja_02, .caja_03, .caja_04 {
	float: left;
}

.caja_01 {
	width: 258px;
    margin: 3% 0;
}

.caja_02 {
	width: 337px;
	height: 479px;
    padding: 100px 2%;
    background-color: #FFFFFF;
}

.caja_03 {
	width: 366px;
}

.caja_04 {
	width: 337px;
	height: 358px;
    padding: 15px 2%;
    background-color: #009fe3;
}

.caja_05 {
	width: 100%;
	height: 70px;
    padding: 15px 2%;
    background-color: #009fe3;
}

.ima_center {
	margin: 0 4%;
}

.titu-01 {
	font-family: "VAGRoundedStd-Bold", Arial,Helvetica,sans-serif;
	font-weight: 700;
	font-size: 22px;
	line-height: 32px;
	color: #fff;
	text-align: left;
	margin: 2% 5%;
}

.titu-01, .titu-02, .titu-03, .parrafo_m, .parrafo_m2, .parrafo_m3 {
	font-family: "VAGRoundedStd-Thin",Arial,Helvetica,sans-serif;
	font-weight: 300;
	font-size: 15px;
	color: #5b5d5b;
	line-height: 19px;
	text-align: justify;
	margin: 2% 4% 6%;
}

.titu-01, .titu-02, .titu-03 {
	font-family: "VAGRoundedStd-Bold", Arial,Helvetica,sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	margin: 7% 5% 5% 5%;
}

.titu-02 {
	color: #fff;
}

.titu-03 {
	margin: 7% 5% 2% 5%;
}

.parrafo_m2 {
	color: #FFFFFF;
}

.parrafo_m3 {
	font-weight: 700;
	color: #FFFFFF;
	text-align: center;
}


/* FOOTER */
.footer_be {
	background-color: #001839;
 	width: 100%;
 	height: 15px;
}

.logo-icontec{
	
}