@charset "utf-8";
/* CSS Document */

body {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: 300;
}


/* ------------ Contenido Variable ------------ */
/* --- 1 --- */
.col-lg-12 {
	margin-top: -40px;
}
.tm-section-title {
	margin-top: 150px; margin-left: 40px;
}
.tm-tabs-container { 
	display: -ms-flexbox; 
	display: -webkit-box; 
	display: -webkit-flex; 
	display: flex;
	-ms-flex-direction: column;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	    -webkit-flex-direction: column;
	        flex-direction: column;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
}
.tm-color-bg .social_icon_prods a {color:#FFF; padding-left: 40px; font-size:24px;}

@media (min-width: 670px) {
	.tm-tabs-container {
		-ms-flex-direction: row;
		    -webkit-box-orient: horizontal;
		    -webkit-box-direction: normal;
		    -webkit-flex-direction: row;
		        flex-direction: row;		
	}
}


/* --- 3 --- */
.tm-tabs { 
	margin: 0;
	padding: 0; 
}

/* --- 4 --- */
.tm-tab-link-item {
	list-style: none;
	margin-bottom: 8px;
	height: 80px;
}

.tm-tab-link-item:last-child { margin-bottom: 0;
height:40px;; }

/* --- 5 --- */
.tm-tab-link {
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
    -ms-flex-align: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            align-items: center;
    border: 1px solid;
    background: white;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.tm-tab-icon {
	width: 83px;
    height: 83px;
    border-right: 1px solid;
    font-size: 2rem;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            justify-content: center;
    -ms-flex-align: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            align-items: center;
    background: #0066CC;
    color: white;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.tm-tab-link.active .tm-tab-icon,
.tm-tab-link:hover .tm-tab-icon {
	background: white;
	color: #0066CC;
}

.tm-tab-link.active .tm-tab-link-label,
.tm-tab-link:hover .tm-tab-link-label {
	color: white;
}

.tm-tab-link.active,
.tm-tab-link:hover { background: #0066CC; }

/* --- 6 --- */
.tm-tab-link-label {
	background: transparent;
	color: #0066CC;
	display: block;
	padding-left: 5%;
    padding-right: 5%;
}

@media (max-width: 1360px) and (min-width: 1200px),
(max-width: 806px) and (min-width: 768px) {
	.tm-tab-link-label {
		padding-left: 3%;
    	padding-right: 3%;
	}
}


/* --- 7 - 8 --- */
.tm-tab-content-box-col {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
.tm-tab-content-box-col { margin-top: 30px; }

@media (min-width: 670px) {
	.tm-tab-content-box-col { 
		width: 50%;
		margin-top: 0; 
	}
}

@media (min-width: 768px) {
	.tm-tab-content-box-col { width: 55%; }
}

@media (min-width: 992px) {
	.tm-tab-content-box-col { width: 65%; }
}

@media (min-width: 1199px) {
	.tm-tab-content-box-col { width: 70%; }
}

@media (min-width: 1240px) {
	.tm-tab-links-col { width: 25%; }
	.tm-tab-content-box-col { width: 75%; }	
}

/* --- 8 - 4 --- */
.tm-tab-content-box { 
	border: 1px solid #0066CC;
	display: -ms-flexbox; 
	display: -webkit-box; 
	display: -webkit-flex; 
	display: flex;
	-ms-flex-align: center;
	    -webkit-box-align: center;
	    -webkit-align-items: center;
	        align-items: center;
	-ms-flex-direction: column;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	    -webkit-flex-direction: column;
	        flex-direction: column;
	height: auto;
	padding: 30px;	
}

@media (min-width: 992px) {
	.tm-tab-content-box {
		-ms-flex-direction: row;
		    -webkit-box-orient: horizontal;
		    -webkit-box-direction: normal;
		    -webkit-flex-direction: row;
		        flex-direction: row;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		    -ms-flex: 1;
		        flex: 1; /* Not working for IE, need to add IE hack, see line 1059 */			        	
	}
	.tm-tab-content-text {
		margin-left: 60px;
		margin-top: 0;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
	}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .tm-tab-content-box {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
   }
}

@media (min-width: 1199px) {
	.tm-tab-content-box { padding: 60px; }
}

/* --- bootstrap --- */
.img-fluid{display:block;max-width:100%;height:auto}


/* --- 9 --- */
.tm-tab-content-img { max-width: 250px; }

/* --- 10 --- */
.tm-tab-content-text {
	margin-left: 0;
	margin-top: 30px;
	width: 100%;
}

@media (min-width: 992px) {
}


/* --- 11 --- */
.tm-ul-plus {
    line-height: 2.1;
    list-style: none;    
    margin-left: 50px;
    padding: 0;
}



/* ---- 2 ---- nav */
.tm-tab-links-col,
.tm-tab-content-box-col { 
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
}
.tm-tab-links-col {
   margin-left: 20px;
}

@media (min-width: 670px) {
	.tm-tab-links-col { width: 50%; }
}

@media (min-width: 768px) {
	.tm-tab-links-col { width: 45%; }
}

@media (min-width: 992px) {
	.tm-tab-links-col { width: 35%; }
}

@media (min-width: 1199px) {
	.tm-tab-links-col { width: 30%; }
}


/* -------- 100% -------- */
@media screen and (max-width:1500px ) {
/* ------ Controles Tabla Productos ------- */
.tm-tab-links-col {width: 58%; padding: 0px 0px; margin-top: -20px;}
.tm-tab-icon      {width: 110px;  height: 110px; margin-top: 0px;}
.tm-tab-link-label {font-size:25px; margin-top: 0px; margin-left: -5px;}
.tm-tab-link-item { margin-top: 40px; }

/* ------ Contenidos Tabla Productos ------- */
.tm-tab-content-box-col {width: 850px; margin-top: 20px; margin-left: 20px; float:right;	}
.tm-tab-content-box     {width: 950px; padding: 0px 0px;}

.tm-tab-content-img { width: 500px; padding: 0 30px;}
.tm-tab-content-text {width: 180px; float:right; padding: 0 30px 0 0;}
.tm-tab-content-text h2{font-size:28px; }
.tm-tab-content-text p{font-size:27px; }
.tm-tab-content-text ul li {font-size:26px; margin-left: -10px; width:400px;}

}

/* -------- 150% -------- */
@media screen and (max-width:970px ) {
	.tm-tab-links-col { width: 30%; }
}

/* -------- 200% -------- */
@media screen and (max-width:700px ) {
	.tm-tab-links-col { width: 40%; }
}



/* -------- 200% -------- */
@media screen and (max-width:700px ) {
/* -- Titulo Tabla de Productos -- tm-section-title*/
.productos-div .tm-section-title {
	font-size: 20px; 
	margin-left: 0px; margin-right: 0px; margin-top: -210px; color:#fff;
}
/*.tm_titulo_h2 {margin-top: -250px;}*/
#productos {margin-top: -100px; margin-left: 0px;}

/* ------ Controles Tabla Productos ------- */
.tm-tab-links-col { width: 20%; padding: 0px 0px; margin-top: -300px;}
.tm-tab-icon { width: 55px; height: 55px; margin-top: 0px; }
.tm-tab-link-label {font-size:14px; margin-top: 5px; margin-left: -5px;}
.tm-tab-link-item { margin-top: -25px; }

/* ------ Contenidos Tabla Productos ------- */
.tm-tab-content-box-col { width: 340px;
		margin-top: -325px; margin-left: 5px; float:right;
	}
.tm-tab-content-box {width: 380px; padding: 0px 0px;}

.tm-tab-content-img { width: 120px;}
.tm-tab-content-text {width: 130px; float:right; padding: 0 40px;}
.tm-tab-content-text h2{font-size:16px; }
.tm-tab-content-text p{font-size:15px; }

.tm-tab-content-text {
	margin-left: 0;
	margin-top: 30px;
	width: 100%;
}
.tm-tab-content-text ul li { font-size:14px;}
.tm-tab-content-box { padding: 10px; }
}


/* -------- 300% -------- */
@media screen and (max-width:460px ) {

.tm-color-bg {height: 30px;margin-top: 50px; z-index: -1; background-color:#FFF;}
.tm-color-bg  .social_icon a{width: 37px;height:20px;font-size: 11px;/**/}
.tm-color-bg  .social_icon .fa{ margin-top:-18px; padding-bottom: 15px;}

.productos_margen {}
.productos-div {}
#productos {}

/* -- Titulo Tabla de Productos -- */
.productos-div .tm-section-title {
	font-size: 10px; 
	margin-left: -480px; margin-right: 200px; margin-top: -150px;
}

/* ------ Controles Tabla Productos ------- */
	.tm-tab-links-col { width: 34%; padding: 0px 0px; margin-top: -320px;}
.tm-tab-icon {
	width: 55px;
    height: 55px; margin-top: 0px;
}
.tm-tab-link-label {font-size:12px; margin-top: 5px; margin-left: -5px;}
.tm-tab-link-item { margin-top: -25px; }

}
/* -------- 300% -------- */
@media screen and (max-width:460px ) {

/* ------ Contenidos Tabla Productos ------- */
	.tm-tab-content-box-col { 
		width: 150px;
		margin-top: -420px; margin-left: 130px; float:right;
	}
.tm-tab-content-box {width: 210px; padding: 0px 0px;}

.tm-tab-content-img { width: 120px;}
.tm-tab-content-text {width: 130px; float:right;}
.tm-tab-content-text h2{font-size:15px; }
.tm-tab-content-text p{font-size:14px; }

.tm-tab-content-text {
	margin-left: 0;
	margin-top: 30px;
	width: 100%;
}
.tm-tab-content-text ul li { font-size:14px;}
.tm-tab-content-box { padding: 10px; }
}


/* -------- 400% -------- */
@media screen and (max-width:430px ) {
/* ------ Controles Tabla Productos ------- */
.tm-tab-links-col {width: 34%; padding: 0px 0px; margin-top: -320px;}
.tm-tab-icon      {width: 45px;  height: 45px; margin-top: 0px;}
.tm-tab-link-label {font-size:10.5px; margin-top: 5px; margin-left: -5px;}
.tm-tab-link-item { margin-top: -30px; }

/* ------ Contenidos Tabla Productos ------- */
.tm-tab-content-box-col {width: 105px; margin-top: -390px; margin-left: 100px; float:right;	}
.tm-tab-content-box     {width: 165px; padding: 0px 0px;}

.tm-tab-content-img { width: 100px;}
.tm-tab-content-text {width: 130px; float:right;}
.tm-tab-content-text h2{font-size:11.5px; }
.tm-tab-content-text p{font-size:10.5px; }
.tm-tab-content-text ul li {font-size:9px; margin-left: -45px; width:130px;}

}