/*	FUENTES INCRUSTADAS
-----------------------*/
@font-face{
	font-family:"Roboto";
	src: url("Roboto-Light.ttf");
	font-style:normal;
	font-weight:300;
}
@font-face{
	font-family:"Roboto";
	src: url("Roboto-Regular.ttf");
	font-style:normal;
	font-weight:400;
}
@font-face{
	font-family:"Roboto";
	src: url("Roboto-Medium.ttf");
	font-style:normal;
	font-weight:500;
}
@font-face{
	font-family:"Montserrat";
	src: url("Montserrat-Regular.ttf");
	font-style:normal;
	font-weight:400;
}

@font-face{
	font-family:"Montserrat";
	src: url("Montserrat-Medium.ttf");
	font-style:normal;
	font-weight:500;
}


@font-face{
	font-family:"BarcodeFont";
	src: url("BarcodeFont.ttf");
	font-style:normal;
	font-weight:400;
}

@font-face{
	font-family:"BARCODE_TFB";
	src: url("BARCODE_TFB.ttf");
	font-style:normal;
	font-weight:400;
}

@font-face{
	font-family:"c39hrp48dhtt";
	src: url("c39hrp48dhtt.ttf");
	font-style:normal;
	font-weight:400;
}

@font-face{
	font-family:"Another_barcode_font";
	src: url("Another_barcode_font.ttf");
	font-style:normal;
	font-weight:400;
}

@font-face{
	font-family:"c39hrp24dhtt";
	src: url("c39hrp24dhtt.ttf");
	font-style:normal;
	font-weight:400;
}

@font-face{
	font-family:"IDAutomationHC39M_Code_39_Barcode";
	src: url("IDAutomationHC39M_Code_39_Barcode.ttf");
	font-style:normal;
	font-weight:400;
}



.lineCNM{
	width:100%;
	display: inline-block;
}
.lineC{
	width:100%;
	float: left;
	margin:10px 0px;
}



/* CLASSES PARA TODO EL DOCUMENTO:	START
------------------------------------------*/
*{
	margin: 0px;
	padding: 0px;
	outline: 0;
}
html, body{
	width: 100%;
	height: 100%;
}
/*body{
	font-family: "Montserrat", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	margin: 0px auto;
	background-color: #ffffff;
}*/
.extremeFrame{
    position: relative;
    width: 100%;
    min-height: 100%;
    margin: 0px auto;
}
.frameComplete{
	width: 100%;
	float: left;
}
.centerFrame{
	width: 100%;
	max-width: 1440px;
	text-align: center;
	margin: 0px auto;
}
.mainFrame{
	width: calc(100% - 20px);
	padding: 0px 10px;
	text-align: left;
	z-index: 1;
	position: relative;
	overflow: hidden;
	float: left;
}
.tb_space{
	padding: 100px 0px;
}
/* CLASSES PARA TODO EL DOCUMENTO:	END
------------------------------------------*/




/*	MENU:	START
-------------------------*/
/*menu_extreme_frame*/
.menu_ef{
	position: fixed;
	background-color: #ffffff;
	width: 100%;
	top: 0px;
	left: 0px;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	z-index: 2;
	box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.3);
	height: 70px;
}
/*menu_center_frame*/
.menu_ef .menu_cf{
	width: calc(100% - 20px);
	max-width: 1440px;
	margin:0 auto;
	overflow: hidden;
	padding: 10px 10px;
	z-index: 2;
}
.menu_ef .menu_cf .title{
	display: -webkit-inline-box;
	vertical-align: middle;
	width: 16%;
}

.menu_ef .menu_cf .title .block{
	/* overflow: hidden; */
	width: 100%;
	text-align: center;
}


/*	imagen en menu	*/
.menu_ef .menu_cf .title .block img{
	max-height: 50px;
	max-width: 130px;
	text-align: center;
}
.menu_ef .menu_cf .title .block h1{
	font-size: 28px;
	/* align-self: center; */
	display: none;
}
.menu_ef .menu_cf .title .material-icons{
	font-size: 40px;
	display: none;
	cursor: pointer;
}
.menu_ef .menu_cf .title .material-icons:hover{
	color: #E34F45;
}
.menu_ef .menu_cf .menu_options{
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	display: -webkit-inline-box;
	vertical-align: middle;
	width: 82%;
}

.menu_ef .menu_cf .menu_options .block{
	width: 16.66%;
	text-align: center;
}

.menu_ef .menu_cf .block a,
.menu_ef_menu_cf_block_a{
	font-size:0.95vw;
	color: #34373C;
	letter-spacing: .05em;
	text-decoration:none;
	background-color: white;
	border: 1px solid #dadada;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 5px 10px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
	font-family: inherit;
}


.menu_ef .menu_cf .block a:hover
{
	background-color: #34373C;
	color: #d4d4d4;
}

.menu_ef_menu_cf_block_a_hover{
	border:1px solid white;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	letter-spacing: .05em;
	text-decoration:none;
	padding: 5px 10px;
	background-color: #34373C;
	color: #d4d4d4;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}



.menu_ef .menu_cf .menu_options.showMenu{
	top: 64px;
}








/*	TAGS:START
--------------------------------------------------------------*/
/*h1{
    font-size: 2.85vw;
    color: #6d6d6d;
    font-weight: 400;
    word-wrap: break-word;
}
*/
h1.rosa{
	/* color: #f2948a; */
	color: #e27368;
	font-size: 28px;
	/* margin-top: 10px; */
	margin-bottom: 10px;
	font-family: 'Montserrat', sans-serif;
}

h1.azul{
	color: #3597d4;
	font-size: 2.0em;
	margin-top: 10px;
	margin-bottom: 10px;
}
h1.verde{
	color: #29b298;
	font-size: 2.0em;
	font-size: 32px;
	margin-top: 10px;
	margin-bottom: 10px;
}
h2{
    font-size: 40px;
    color: #6d6d6d;
    font-weight: 400;
}
h3{
    color: #6d6d6d;
    font-size: 26px;
    font-weight: 400;
}
h4{
    color: #d2d2d2;
    font-size: 18px;
    font-weight: 400;
}
/*
p{
    color: #34373C;
    font-size: 26px;
    text-align: left;
    word-wrap: break-word;
    margin: 17px 0px;
}
*/
/*	TAGS:END
--------------------------------------------------------------*/
/*	CONTACTO:	START
---------------------*/
.contact_mainFrm{
	width:100%;
	margin-bottom:40px;
	display: flex;
}
.contact_map{
	margin: 40px 0px;
	text-align: center;
	position: relative;
	width: 100%;
	overflow: hidden;
}
.contact_map button{
	width:100%;
	height:100%;
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 2vw;
	background-color: transparent;
	color: rgba(255, 255, 255, 0.7);
	border:none;
	cursor: pointer;
}
.contact_map button:hover{
	background-color: rgba(0, 0, 0, 0.3);
	color:white;
}


.contact_frmLeft{
	width: 48%;
	padding-right: 2%;
}
.contact_frmLeft a{
	float:left;
	text-align: center;
	margin-top: 10px;
	color:white;
	padding: 3px 12px;
	background-color: #3e8cda;
	border-radius:3px;
	text-decoration: none;
	border:1px solid #3e8cda;
	font-size: 23px;
}
.contact_frmLeft a:hover{
	background-color: white;
	color: #3e8cda;
}
.contact_frmRight{
	width:48%;
	padding-left: 2%;
}
.contact_frmLeft h3{
	margin-bottom:10px;
	letter-spacing: 0.04em;
	color: inherit;
	word-break: break-word;
	font-size: inherit;
	text-align: inherit;
}
.telBefore:before{
	content: "Tel\00e9 fono(s): ";
	font-weight:bold;
}

.dirBefore:before{
	content: 'Direcci\00f3 n: ';
	font-weight:bold;
}


.emailBefore:before{
	content:'Correo Electr\00f3 nico: ';
	font-weight:bold;

}



.contact_frmRight input[type='text'],
.contact_frmRight input[type='mail'],
.contact_frmRight textarea
{
	border:1px solid grey;
	border-radius:3px;
	padding: 5px 13px;
	width: calc(100% - 28px);
	font-size: 25px;
	color: #203864;
	margin-bottom:15px;
}
.contact_frmRight textarea{
	height: 120px;
}
.contact_frmRight button{
	color: #34373C;
	background-color: white;
	border:1px solid white;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size:16px;
	float: right;
	/* font-weight: 600; */
	letter-spacing: .05em;
	padding: 10px 15px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
	font-family: inherit;
}
.contact_frmRight button:hover,
.contact_frmRight button:focus
{
	background-color: #34373C;
	color: #d4d4d4;
}
.contact_frmRight button:active{
	background-color: #34373C;
	color: #d4d4d4;
}
.contact_frmRight .userMess{
	color: #c70000;
	font-weight: 600;
	text-align: center;
	margin-bottom: 15px;
	height:19px;
}
.contact_frmRight input[type="text"]::-webkit-input-placeholder,
.contact_frmRight input[type="mail"]::-webkit-input-placeholder,
.contact_frmRight textarea::-webkit-input-placeholder{
	color: rgba(154, 154, 154, 0.7);
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}
/*	CONTACTO:	END
---------------------*/
/*	SERVICIOS:START
--------------------------------------------------------------*/
.service_ul{
	list-style-position:inside;
	font-size: 22px;
}
.service_ul li{
	margin-left:20px;
	margin-bottom:20px;
	color: #34373C;
}
/*	SERVICIOS:END
--------------------------------------------------------------*/

/*	FOOTER:START
--------------------------------------------------------------*/
/*.footer{
    width: 100%;
    color: #f5f5f5;
    background-color: #34373C;
    text-align: center;
    padding: 10px 0px;
    float: left;
}
.footerContent{
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: space-between;
    color: #d2d2d2;
    overflow: hidden;
}
.footerContent .facebookMess{
	color:white;
	padding: 3px 12px;
	background-color: #3e8cda;
	border-radius:3px;
	text-decoration: none;
	border:1px solid #3e8cda;
	width: auto;
	font-size: 19px;
}
.footerContent .facebookMess:hover{
	background-color: white;
	color: #3e8cda;
}
.footerContent img{
    height: 50px;
    width: auto;
}
.footerContent .ren{
	width: 100%;
	margin: 10px 0px;
}
.footerContent .ren:nth-child(2){
	display:flex;
}
.footerContent .ren:nth-child(2) h4{
	width:33%;
	letter-spacing: .05em;
	align-self: center;
}
.footerContent .col{
	width:50%;
}
.footerContent .icon_facebook2{
	display: -webkit-inline-box;
	margin-right: 5px;
}*/
/*	FOOTER:END
--------------------------------------------------------------*/
/*BOTON IR ARRIBA:START
---------------------------------*/
.goTopBttn{
	color: #34373C;
	background-color: white;
	border:1px solid white;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	position: fixed;
	bottom: -8px;
	right: 20px;
	padding: 4px;
	cursor: pointer;
	display: none;
	z-index: 2;
}
.goTopBttn .material-icons{
	font-size: 2em;
}
.goTopBttn:hover{
    background-color: #34373C;
    color: #d4d4d4;
}
.goTopBttn.higher{
	bottom: 45px;
}
/*BOTON IR ARRIBA:END
---------------------------------*/
/*COLORES DE FONDOS DE SECCIONES:START
-------------------------------------------------------------*/
#us{
	background-color: white;
}

#slider{
	background-color: white;
}
#service{
	background-color: #ececec;
}

#video{
	background-color: rgb(236, 236, 236);
}

/*COLORES DE FONDOS DE SECCIONES:END
-------------------------------------------------------------*/


/*	REDES
-------------------------*/
.redes{
	/* text-align:center; */
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-content: space-between;
}

.redes a{
	margin: 0px 20px;
	text-decoration:none;
	color:white;
	font-size: 2em;
}

.redes a:hover{
	opacity:.5;
}






/* VIDEOS
-------------------------*/
.videoFrm{
	width: 50%;
	height: auto;
	margin: 0 auto;
	position:relative;
	/* float: left; */
}
.videoFrm video{
	width:100%;
}

.videoFrm .playPause{
	position:absolute;
	top:0;
	left:0;
	background-color:transparent;
	border:none;
	color:white;
	width:100%;
	height:100%;
	font-size: 3vw;
	opacity:.1;
	text-shadow:1px 1px 1px black;
	cursor: pointer;
	z-index:1;
}
.videoFrm .playPause i{
	font-size:inherit;
}

.videoFrm .playPause:hover{
	opacity:1;
}




/*	MENSAJE GLOBAL
-------------------------*/
.globalMess{
	position: fixed;
	bottom: 0px;
	left: 0;
	width: 100%;
	z-index: 200;
	text-align: center;
	padding: 10px 0px;
	display: none;
	color:white;
	font-family: 'Roboto', sans-serif;
	font-weight: 200;
	font-size: 1.8vw;
	cursor: default;
}
.globalMess.blue{
	background-color: #337ab7;
}

.globalMess.green{
	background-color: #29b298;
}

.globalMess.pink{
	/* background-color: #f2948a; */
	background-color: #e27368;
	/* color: white; */
}