body { background-color: #ffffff; color: #000000;}@media only screen and (min-width: 200px) and (max-width: 600px) { .all-body{ font-family: 'Open Sans', sans-serif; max-width: 100%; overflow-x: hidden; } /*headers personalizados*/ .head1-cont-fluid{ margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; position: relative; } .head2-cont-fluid-txt{ margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; display: inline-block; } .head5-text-colmn-2{ margin-left: 15px; font-size: 2em; font-weight: 600; } /*titulares personalizados*/ .center-h1{ text-align: center; font-size: 12pt; margin-left: 15px; margin-right: 15px; margin-top: 15px; margin-bottom: 15px; } /*titulares personalizados*/ .left-h1{ text-align: center; margin-bottom: 15px; font-weight: 600; font-size: 12pt; } /*Sobre imagen*/ .titl-1-h1{ position: absolute; top: 34px; left: 50px; font-size: 3.4em; font-weight: 600; color: #C41230; font-size: 12pt; text-shadow: 2px 1px grey; } .titl-1-h2{ position: absolute; top: 50px; right: 60px; left: 15px font-size: 12pt; color: #ffffff; text-shadow: 2px 1px grey; } .title-2-h2{ font-size: 12pt; font-style: thin; font-weight: 700; text-align: center; padding-top: 0px; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; } .title-3-h2{ width: 400px; font-size: 12pt; font-style: thin; font-weight: 700; margin-top: -5px; margin-right: -100px; margin-left: 0px; padding-top: 0px; padding-left: 65px; padding-right: 0px; padding-bottom: 0px; text-align: left; line-height: 1.3em; float: left; } .title-3-h3{ text-align: left; margin-bottom: 5px; font-weight: 600; font-size: 14pt; margin-left: 20px; } .cont-bg-color{ position: relative; bottom: 0px; margin: -5px 0px 0px 0px; padding-top: 20px; padding-left: 15px; padding-right: 15px; padding-bottom: 20px; font-size: 12pt; color: #505050; max-width: 100%; background-color: #DCDCDC; display: inline-flex; } /*----------DIVS SEPARADORES DE SECCIÓN-------------*/ .separation-divs-150{ width: 100%; height: 150px; } .separation-divs-100{ width: 100%; height: 100px; } .separation-divs-50{ width: 100%; height: 50px; } /*-----------------LINES-----------------------------*/ .line-under-titls{ height: 1px; margin-top: 0px; margin-left: 15px; margin-right: 30px; display: block; unicode-bidi: isolate; overflow: hidden; background-color: #C41230; } .line-under-parag{ height: 1px; margin-top: 10px; margin-left: 15px; margin-right: 15px; display: block; unicode-bidi: isolate; overflow: hidden; background-color: #C41230; } .line-over-img-gross{ height: 12px; margin-top: 0px; margin-left: 15px; margin-right: 30px; margin-bottom: -5px; display: block; unicode-bidi: isolate; overflow: hidden; background-color: #C41230; } .line-over-img-thin{ height: 4px; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; display: block; unicode-bidi: isolate; overflow: hidden; background-color: #C41230; } .line-separate-sections{ height: 0.1px; margin-top: 100px; margin-left: 15px; margin-right: 15px; display: block; unicode-bidi: isolate; overflow: hidden; background-color: #C41230; } .line-join-title{ min-width: 30px; max-width: 50px; max-height: 60px; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: -15px; background-color: #C41230; display: inline-flex; float: left; } /*----------ORGANIZADORES EN COLUMNAS----------------*/ .bloc-row{ margin-right: 15px; margin-left: 15px; margin-bottom: 180px; display: block; } .bloc-row-video{ margin-right: 15px; margin-left: 15px; margin-bottom: 180px; margin-top: 1px; padding-top: 1%; display: block; } .bloc-row-table{ padding-top: 100px; margin-top: 180px; margin-right: 15px; margin-left: 15px; margin-bottom: 180px; display: block; } .bloc-row-video-2-colmn{ margin-right: 15px; margin-left: 15px; margin-bottom: 80px; margin-top: 50px; display: inline-block; } .bloc-colmn-1{ float: left; width: 100%; } .bloc-colmn-2{ float: left; width: 100%; display: block; margin-top: 70px; margin-bottom: 70px; display: auto; } .bloc-row-img-banner{ width: 100%; margin-right: 0px; margin-left: 0px; margin-top: 100px; margin-bottom: 120px; float: left; } .bloc-colmn-img{ float: left; max-width: 33%; height: 50%; }/*-----------------------PÁRRAFOS--------------------*/ .parag-colmn-2{ font-size: 10pt; color: black; padding-top: 15px; padding-left: 15px; padding-right: 15px; padding-bottom: 30px; text-align: left; text-align: justify; } .parag-head-1{ max-height: 250px; font-size: 10pt; text-align: justify; } .parag-center-widht-100{ font-size: 10pt; font-style: thin; text-align: center; width: 100%; margin-top: 30px; margin-left: 0px; margin-right: 0px; margin-bottom: 15px; padding-right: 15px; padding-left: 15px; } .parag-left-widht-100{ font-size: 10pt; font-style: thin; text-align: justify; width: 100%; margin-top: 30px; margin-left: 0px; margin-right: 65px; margin-bottom: 15px; } .parag-img-2-colmn{ font-size: 10pt; color: grey; padding-top: 0px; padding-left: 15px; padding-right: 30px; padding-bottom: 0px; text-align: justify; } .parag-aclaracion-2{ text-align: left; font-size: 8pt; display: inline-block; margin-left: 10px; } /*Estilos para listas*/ .style-list-1{ float: left; width: 90%; padding-right: 0px; padding-left: 25px; margin-bottom: 20px; font-size: 10pt; text-align: justify; margin-bottom: 2px; }/*-----------------------IMGS------------------------*/ .img-scale-max-min{ max-width: 100%; min-width: 20%; } .img-colmn-2{ max-width: 95%; min-width: 20%; padding-left: 15px; padding-right: 30px; padding-bottom: 10px; padding-top: 10px; } .round-img{ width: 60%; padding-top: 0%; float: center; padding-left: 120px; } .img-banner-colmn{ max-width: 33.3%; float: left; } /*------------------------VIDEOS------------------*/ /*VIDEO ANCHO COMPLETO*/ .video-width-100{ width: 90%; height: 480px; margin-bottom: 0px; margin-right: auto; margin-left: auto; padding-right: 0px; padding-left: 0px; border-style: none; display: block; } .video-width-50{ width: 100%; height: 240px; min-width: 50%; top: 0; left: 0; border-style: none; } /*------------------------TABLES------------------*/ .table-1 { font-family: 'Open Sans', sans-serif; font-size: 1.2em; border-collapse: collapse; width: 100%; margin-top: 0px; margin-bottom: 80px; padding-right: 60px; } .table-td, .table-th { border: 1px solid white; text-align: left; padding: 8px; font-size: 1em; } .table-tr{ background-color: #dddddd; }} /* ---------------------------------Aquí termina CSS para 600px --------------------------------------------------------*/ @media only screen and (min-width: 601px) and (max-width: 768px){ .all-body{ font-family: 'Open Sans', sans-serif; max-width: 100%; overflow-x: hidden; } /*headers personalizados*/ .head1-cont-fluid{ margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; position: relative; margin-bottom: 15px; } .head2-cont-fluid-txt{ margin-right: auto; margin-left: auto; padding-bottom: 50px; padding-right: 15px; padding-left: 15px; display: inline-block; } .head5-text-colmn-2{ margin-left: 15px; font-size: 1.7em; } /*titulares personalizados*/ .center-h1{ text-align: center; margin-bottom: 15px; font-size: 12pt; margin-left: 15px; margin-right: 15px; margin-top: 15px; }/*titulares personalizados*/ .left-h1{ text-align: center; margin-bottom: 15px; font-weight: 600; font-size: 14pt; } /*Sobre imagen*/ .titl-1-h1{ position: absolute; top: 50px; right: 60px; left: 30px font-size: 14pt; font-weight: bold; color: #C41230; text-shadow: 0px 2px grey; } .titl-1-h2{ position: absolute; top: 50px; right: 60px; left: 15px font-size: 14pt; color: #ffffff; text-shadow: 2px 1px grey; } .title-2-h2{ font-size: 14pt; font-style: thin; font-weight: 700; text-align: center; padding-top: 0px; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; } .title-3-h2{ width: 400px; font-size: 14pt; font-style: thin; font-weight: 700; margin-top: 0px; margin-right: -100px; margin-left: 0px; padding-top: 0px; padding-left: 65px; padding-right: 0px; padding-bottom: 0px; text-align: left; line-height: 1.3em; float: left; } .title-3-h3{ text-align: left; margin-bottom: 5px; font-weight: 600; font-size: 14pt; margin-left: 30px; } .cont-bg-color{ position: absolute; display: none; top: 600px; right: 53px; padding-top: 20px; padding-left: 15px; padding-right: 15px; padding-bottom: 20px; font-size: 14pt; color: #ffffff; max-width: 50%; background-color: rgba(173,157,157,.8); } /*----------DIVS SEPARADORES DE SECCIÓN-------------*/ .separation-divs-150{ width: 100%; height: 150px; } .separation-divs-100{ width: 100%; height: 100px; } .separation-divs-50{ width: 100%; height: 50px; } /*-----------------LINES-----------------------------*/ .line-under-titls{ height: 1px; margin-top: 0px; margin-left: 15px; margin-right: 30px; display: block; unicode-bidi: isolate; overflow: hidden; background-color: #C41230; } .line-under-parag{ height: 1px; margin-top: 10px; margin-left: 15px; margin-right: 15px; display: block; unicode-bidi: isolate; overflow: hidden; background-color: #C41230; } .line-over-img-gross{ height: 12px; margin-top: 0px; margin-left: 15px; margin-right: 30px; margin-bottom: -5px; display: block; unicode-bidi: isolate; overflow: hidden; background-color: #C41230; } .line-over-img-thin{ height: 4px; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; display: block; unicode-bidi: isolate; overflow: hidden; background-color: #C41230; } .line-separate-sections{ height: 0.1px; margin-top: 100px; margin-left: 15px; margin-right: 15px; display: block; unicode-bidi: isolate; overflow: hidden; background-color: #EEB111; } .line-join-title{ min-width: 30px; max-width: 50px; max-height: 60px; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: -15px; background-color: #C41230; display: inline-flex; float: left; } /*----------ORGANIZADORES EN COLUMNAS----------------*/ .bloc-row{ margin-right: 15px; margin-left: 15px; margin-bottom: 50px; display: inline-block; } .bloc-row-video{ margin-right: 15px; margin-left: 15px; margin-bottom: 180px; margin-top: 0px; padding-top: 0%; display: block; } .bloc-row-table{ padding-top: 10px; margin-top: 10px; margin-right: 15px; margin-left: 15px; margin-bottom: 180px; display: block; } .bloc-row-video-2-colmn{ margin-right: 15px; margin-left: 15px; margin-bottom: 180px; margin-top: 100px; padding-top: 40%; display: block; } .bloc-colmn-1{ float: left; width: 100%; } .bloc-colmn-2{ width: 100%; display: auto; } .bloc-row-img-banner{ width: 100%; margin-right: 0px; margin-left: 0px; margin-top: 100px; margin-bottom: 120px; float: left; } .bloc-colmn-img{ float: left; max-width: 33%; height: 50%; }/*-----------------------PÁRRAFOS--------------------*/ .parag-colmn-2{ font-size: 11pt; color: black; padding-top: 15px; padding-left: 15px; padding-right: 15px; padding-bottom: 30px; text-align: left; text-align: justify; } .parag-head-1{ max-height: 200px; overflow: hidden; font-size: 11pt; text-align: justify; display: none; } .parag-center-widht-100{ font-size: 11pt; font-style: thin; text-align: center; width: 100%; margin-top: 30px; margin-left: 0px; margin-right: 65px; margin-bottom: 15px; } .parag-left-widht-100{ font-size: 11pt; font-style: thin; text-align: justify; width: 100%; margin-top: 30px; margin-left: 0px; margin-right: 65px; margin-bottom: 15px; } .parag-img-2-colmn{ font-size: 11pt; color: grey; padding-top: 0px; padding-left: 15px; padding-right: 30px; padding-bottom: 0px; text-align: justify; } .parag-aclaracion-2{ text-align: left; font-size: 8pt; display: inline-block; margin-left: 10px; } /*Estilos para listas*/ .style-list-1{ float: left; width: 90%; padding-right: 0px; padding-left: 25px; margin-bottom: 20px; font-size: 10pt; text-align: justify; margin-bottom: 2px; } /*-----------------------IMGS------------------------*/ .img-scale-max-min{ max-width: 100%; min-width: 20%; } .img-colmn-2{ max-width: 100%; min-width: 20%; padding-left: 15px; padding-right: 30px; padding-bottom: 10px; padding-top: 10px; } .round-img{ width: 50%; padding-top: 30px; float: center; padding-left: 200px; } .img-banner-colmn{ max-width: 33.3%; float: left; } /*------------------------VIDEOS------------------*/ /*VIDEO ANCHO COMPLETO*/ .video-width-100{ width: 80%; height: 480px; margin-bottom: 0px; margin-right: auto; margin-left: auto; padding-right: 0px; padding-left: 0px; border-style: none; display: block; } .video-width-50{ width: 100%; height: 240px; min-width: 50%; top: 0; left: 0; border-style: none; display: inline-block; } /*------------------------TABLES------------------*/ .table-1 { font-family: 'Open Sans', sans-serif; border-collapse: collapse; width: 100%; margin-top: 0px; margin-bottom: 80px; padding-right: 60px; } .table-td, .table-th { border: 2px solid white; text-align: left; padding: 8px; font-size: 1em; } .table-tr{ background-color: #dddddd; } } /* ---------------------------------Aquí termina CSS para 768px --------------------------------------------------------*/ @media only screen and (min-width: 769px) and (max-width: 991px) { .all-body{ font-family: 'Open Sans', sans-serif; max-width: 100%; overflow-x: hidden; } /*headers personalizados*/ .head1-cont-fluid{ margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; position: relative; } .head2-cont-fluid-txt{ margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; display: inline-block; } .head5-text-colmn-2{ margin-left: 15px; font-size: 1.5em; font-weight: 500; } /*titulares personalizados*/ .center-h1{ text-align: center; margin-bottom: 20px; font-weight: 600; font-size: 14pt; } /*titulares personalizados*/ .left-h1{ text-align: center; margin-bottom: 15px; font-weight: 600; font-size: 14pt; } /*Sobre imagen*/ .titl-1-h1{ position: absolute; top: 50px; right: 60px; left: 30px font-size 14pt; font-weight: 600; color: #C41230; text-shadow: 0px 2px grey; } .titl-1-h2{ position: absolute; top: 50px; right: 60px; left: 15px font-size: 14pt; color: #ffffff; text-shadow: 2px 1px grey; } .title-2-h2{ font-size: 14pt; font-style: thin; font-weight: 700; text-align: center; padding-top: 0px; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; } .title-3-h2{ width: 400px; font-size: 1.9em; font-style: thin; font-weight: 700; margin-top: -5px; margin-right: -100px; margin-left: 0px; padding-top: 0px; padding-left: 65px; padding-right: 0px; padding-bottom: 0px; text-align: left; line-height: 1.3em; float: left; } .title-3-h3{ text-align: left; margin-bottom: 5px; font-weight: 600; font-size: 14pt; margin-left: 30px; } .cont-bg-color{ display: none; position: absolute; top: 400px; right: 53px; padding-top: 20px; padding-left: 15px; padding-right: 15px; padding-bottom: 20px; font-size: 0.9em; color: #ffffff; max-width: 50%; background-color: rgba(173,157,157,.8); } /*----------DIVS SEPARADORES DE SECCIÓN-------------*/ .separation-divs-150{ width: 100%; height: 150px; } .separation-divs-100{ width: 100%; height: 100px; } .separation-divs-50{ width: 100%; height: 50px; } /*-----------------LINES-----------------------------*/ .line-under-titls{ height: 1px; margin-top: 0px; margin-left: 15px; margin-right: 30px; display: block; unicode-bidi: isolate; overflow: hidden; background-color: #C41230; } .line-under-parag{ height: 1px; margin-top: 10px; margin-left: 15px; margin-right: 15px; display: block; unicode-bidi: isolate; overflow: hidden; background-color: #C41230; } .line-over-img-gross{ height: 12px; margin-top: 0px; margin-left: 15px; margin-right: 30px; margin-bottom: -5px; display: block; unicode-bidi: isolate; overflow: hidden; background-color: #C41230; } .line-over-img-thin{ height: 4px; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; display: block; unicode-bidi: isolate; overflow: hidden; background-color: #C41230; } .line-separate-sections{ height: 0.1px; margin-top: 100px; margin-left: 15px; margin-right: 15px; display: block; unicode-bidi: isolate; overflow: hidden; background-color: #C41230; } .line-join-title{ min-width: 30px; max-width: 50px; max-height: 60px; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: -15px; background-color: #C41230; display: inline-flex; float: left; } /*----------ORGANIZADORES EN COLUMNAS----------------*/ .bloc-row{ margin-right: 15px; margin-left: 15px; margin-bottom: 50px; display: inline-block; } .bloc-row-video{ margin-right: 15px; margin-left: 15px; margin-bottom: 180px; margin-top: 0px; padding-top: 0%; display: block; } .bloc-row-table{ padding-top: 10px; margin-top: 10px; margin-right: 15px; margin-left: 15px; margin-bottom: 180px; display: block; } .bloc-row-video-2-colmn{ margin-right: 15px; margin-left: 15px; margin-bottom: 180px; margin-top: 100px; padding-top: 40%; display: block; } .bloc-colmn-1{ float: left; width: 100%; } .bloc-colmn-2{ float: left; width: 100%; padding-right: 20px; display: auto; } .bloc-row-img-banner{ width: 100%; margin-right: 0px; margin-left: 0px; margin-top: 25px; margin-bottom: 120px; float: left; } .bloc-colmn-img{ float: left; max-width: 33%; height: 50%; }/*-----------------------PÁRRAFOS--------------------*/ .parag-colmn-2{ font-size: 12pt; color: black; padding-top: 15px; padding-left: 15px; padding-right: 15px; padding-bottom: 0px; text-align: left; text-align: justify; } .parag-head-1{ top: 300px; overflow: hidden; font-size: 12pt; text-align: justify; display: none; } .parag-center-widht-100{ font-size: 12pt; font-style: thin; text-align: center; width: 100%; margin-top: 30px; margin-left: 0px; margin-right: 65px; margin-bottom: 15px; } .parag-left-widht-100{ font-size: 12pt; font-style: thin; text-align: justify; width: 100%; margin-top: 30px; margin-left: 0px; margin-right: 65px; margin-bottom: 15px; } .parag-img-2-colmn{ font-size: 12pt; color: grey; padding-top: 0px; padding-left: 15px; padding-right: 30px; padding-bottom: 0px; text-align: justify; } .parag-aclaracion-2{ text-align: left; font-size: 8pt; display: inline-block; margin-left: 10px; } /*Estilos para listas*/ .style-list-1{ float: left; width: 90%; padding-right: 0px; padding-left: 25px; margin-bottom: 20px; font-size: 11pt; text-align: justify; margin-bottom: 2px; } /*-----------------------IMGS------------------------*/ .img-scale-max-min{ max-width: 100%; min-width: 20%; } .img-colmn-2{ max-width: 100%; min-width: 20%; padding-left: 15px; padding-right: 30px; padding-bottom: 10px; padding-top: 10px; } .round-img{ width: 50%; padding-top: 30px; float: center; padding-left: 200px; } .img-banner-colmn{ max-width: 33.3%; float: left; } /*------------------------VIDEOS------------------*/ /*VIDEO ANCHO COMPLETO*/ .video-width-100{ width: 90%; height: 480px; margin-bottom: 50px; margin-right: auto; margin-left: auto; padding-right: 0px; padding-left: 0px; border-style: none; display: block; } .video-width-50{ width: 100%; height: 240px; min-width: 50%; top: 0; left: 0; border-style: none; display: inline-block; } /*------------------------TABLES------------------*/ .table-1 { font-family: 'Open Sans', sans-serif; border-collapse: collapse; width: 100%; margin-top: 0px; margin-bottom: 80px; padding-right: 60px; } .table-td, .table-th { border: 1px solid white; text-align: left; padding: 8px; font-size: 1.1em; } .table-tr{ background-color: #dddddd; } } /* ---------------------------------Aquí termina CSS para 991px --------------------------------------------------------*/ @media only screen and (min-width: 992px) and (max-width: 1199px) { .all-body{ font-family: 'Open Sans', sans-serif; max-width: 1140px; margin: 0 auto; overflow-x: hidden; } /*headers personalizados*/ .head1-cont-fluid{ margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; position: relative; } .head2-cont-fluid-txt{ margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; display: inline-block; } .head5-text-colmn-2{ margin-left: 15px; font-size: 1.5em; } /*titulares personalizados*/ .center-h1{ text-align: center; margin-bottom: 15px; font-weight: 600; font-size: 14pt; } /*titulares personalizados*/ .left-h1{ text-align: center; margin-bottom: 15px; font-weight: 600; font-size: 11pt; } /*Sobre imagen*/ .titl-1-h1{ position: absolute; top: 50px; right: 60px; left: 30px font-size 14pt; font-weight: 600; color: #C41230; text-shadow: 0px 2px grey; } .titl-1-h2{ position: absolute; top: 50px; right: 60px; left: 15px font-size: 14pt; color: #ffffff; text-shadow: 2px 1px grey; } .title-2-h2{ font-size: 14pt; font-style: thin; font-weight: 700; text-align: center; padding-top: 0px; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; } .title-3-h2{ width: 400px; font-size: 14pt; font-style: thin; font-weight: 700; margin-top: -5px; margin-right: -100px; margin-left: 0px; padding-top: 0px; padding-left: 65px; padding-right: 0px; padding-bottom: 0px; text-align: left; line-height: 1.3em; float: left; } .title-3-h3{ text-align: left; margin-bottom: 5px; font-weight: 600; font-size: 14pt; margin-left: 30px; } .cont-bg-color{ position: absolute; display: none; top: 555px; right: 15px; padding-top: 20px; padding-left: 15px; padding-right: 15px; padding-bottom: 20px; font-size: 0.9em; color: #ffffff; max-width: 50%; background-color: rgba(173,157,157,.8); } /*----------DIVS SEPARADORES DE SECCIÓN-------------*/ .separation-divs-150{ width: 100%; height: 150px; } .separation-divs-100{ width: 100%; height: 100px; } .separation-divs-50{ width: 100%; height: 50px; } /*-----------------LINES-----------------------------*/ .line-under-titls{ height: 1px; margin-top: 0px; margin-left: 15px; margin-right: 30px; display: block; unicode-bidi: isolate; overflow: hidden; background-color: #0c4445; } .line-under-parag{ height: 1px; margin-top: 10px; margin-left: 15px; margin-right: 15px; display: block; unicode-bidi: isolate; overflow: hidden; background-color: #0c4445; } .line-over-img-gross{ height: 12px; margin-top: 0px; margin-left: 15px; margin-right: 30px; margin-bottom: -5px; display: block; unicode-bidi: isolate; overflow: hidden; background-color: #0c4445; } .line-over-img-thin{ height: 4px; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; display: block; unicode-bidi: isolate; overflow: hidden; background-color: #0c4445; } .line-separate-sections{ height: 0.1px; margin-top: 100px; margin-left: 15px; margin-right: 15px; display: block; unicode-bidi: isolate; overflow: hidden; background-color: #0c4445; } .line-join-title{ min-width: 30px; max-width: 50px; max-height: 60px; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: -15px; background-color: #0c4445; display: inline-flex; float: left; } /*----------ORGANIZADORES EN COLUMNAS----------------*/ .bloc-row{ margin-right: 15px; margin-left: 15px; margin-bottom: 50px; display: inline-block; } .bloc-row-video{ margin-right: 15px; margin-left: 15px; margin-bottom: 180px; margin-top: 0px; padding-top: 0%; display: block; } .bloc-row-table{ padding-top: 10px; margin-top: 10px; margin-right: 15px; margin-left: 15px; margin-bottom: 180px; display: block; } .bloc-row-video-2-colmn{ margin-right: 15px; margin-left: 15px; margin-bottom: 180px; margin-top: 100px; padding-top: 40%; display: block; } .bloc-colmn-1{ float: left; width: 100%; } .bloc-colmn-2{ float: left; width: 100%; padding-right: 30px; margin-top: 50px; display: auto; } .bloc-row-img-banner{ width: 100%; margin-right: 0px; margin-left: 0px; margin-top: 100px; margin-bottom: 120px; float: left; } .bloc-colmn-img{ float: left; max-width: 33%; height: 50%; }/*-----------------------PÁRRAFOS--------------------*/ .parag-colmn-2{ font-size: 11pt; color: black; padding-top: 15px; padding-left: 15px; padding-right: 30px; padding-bottom: 30px; text-align: left; text-align: justify; } .parag-head-1{ max-height: 200px; overflow: hidden; font-size: 11pt; text-align: justify; } .parag-center-widht-100{ font-size: 11pt; font-style: thin; text-align: center; width: 100%; margin-top: 30px; margin-left: 0px; margin-right: 65px; margin-bottom: 15px; } .parag-left-widht-100{ font-size: 11pt; font-style: thin; text-align: justify; width: 100%; margin-top: 30px; margin-left: 0px; margin-right: 65px; margin-bottom: 15px; } .parag-img-2-colmn{ font-size: 11pt; font-weight: 500; color: grey; padding-top: 0px; padding-left: 15px; padding-right: 30px; padding-bottom: 0px; text-align: justify; } .parag-aclaracion-2{ text-align: left; font-size: 8pt; display: inline-block; margin-left: 10px; }/*Estilos para listas*/ .style-list-1{ float: left; width: 90%; padding-right: 0px; padding-left: 25px; margin-bottom: 20px; font-size: 11pt; text-align: justify; margin-bottom: 2px; }/*-----------------------IMGS------------------------*/ .img-scale-max-min{ max-width: 100%; min-width: 20%; } .img-colmn-2{ max-width: 100%; min-width: 20%; padding-left: 15px; padding-right: 30px; padding-bottom: 10px; padding-top: 10px; } .round-img{ width: 430px; padding-top: 30px; float: center; padding-left: 325px; } .img-banner-colmn{ max-width: 33.3%; float: left; } /*------------------------VIDEOS------------------*/ /*VIDEO ANCHO COMPLETO*/ .video-width-100{ width: 90%; height: 480px; margin-bottom: 50px; margin-right: auto; margin-left: auto; padding-right: 0px; padding-left: 0px; border-style: none; display: block; } .video-width-50{ width: 100%; height: 240px; min-width: 50%; top: 0; left: 0; border-style: none; display: inline-block; } /*------------------------TABLES------------------*/ .table-1 { font-family: 'Open Sans', sans-serif; border-collapse: collapse; width: 100%; margin-top: 0px; margin-bottom: 80px; padding-right: 60px; } .table-td, .table-th { border: 1px solid white; text-align: left; padding: 8px; font-size: 1.4em; } .table-tr{ background-color: #dddddd; } } /* ---------------------------------Aquí termina CSS para 1199px --------------------------------------------------------*/ @media only screen and (min-width: 1200px) { .all-body{ font-family: 'Open Sans', sans-serif; max-width: 1000px; margin: 0 auto; overflow-x: hidden; } /*headers personalizados*/ .head1-cont-fluid{ margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; position: relative; } .head2-cont-fluid-txt{ margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; display: inline-block; } .head5-text-colmn-2{ margin-left: 15px; font-size: 1.5em; } /*Estilos para listas*/ .style-list-1{ float: left; width: 90%; padding-right: 0px; padding-left: 25px; margin-bottom: 20px; font-size: 11pt; text-align: justify; margin-bottom: 2px; } /*titulares personalizados*/ .center-h1{ text-align: center; margin-bottom: 15px; font-weight: 1100; font-size: 14pt; } /*titulares personalizados*/ .left-h1{ text-align: center; margin-bottom: 15px; font-weight: 600; font-size: 14pt; } /*Sobre imagen*/ .titl-1-h1{ position: absolute; top: 50px; right: 660px; left: 30px font-size 14pt; font-weight: 600; color: #C41230; text-shadow: 0px 2px grey; } .titl-1-h2{ position: absolute; top: 50px; right: 60px; left: 15px font-size: 14pt; color: #ffffff; text-shadow: 2px 1px grey; } .title-2-h2{ font-size: 14pt; font-style: thin; font-weight: 700; text-align: center; padding-top: 0px; padding-left: 20px; padding-right: 15px; padding-bottom: 15px; } .title-3-h2{ width: 400px; font-size: 1.9em; font-style: thin; font-weight: 700; margin-top: -5px; margin-right: -100px; margin-left: 0px; padding-top: 0px; padding-left: 65px; padding-right: 0px; padding-bottom: 0px; text-align: left; line-height: 1.3em; float: left; } .title-3-h3{ text-align: left; margin-bottom: 5px; font-weight: 600; font-size: 14pt; margin-left: 20px; } .cont-bg-color{ position: absolute; top: 0px; right: 15px; padding-top: 20px; padding-left: 15px; padding-right: 15px; padding-bottom: 20px; font-size: 0.8em; color: #ffffff; max-width: 50%; background-color: rgba(173,157,157,.8); } .cont-img-lightbox{ margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; } /*----------DIVS SEPARADORES DE SECCIÓN-------------*/ .separation-divs-150{ width: 100%; height: 150px; } .separation-divs-100{ width: 100%; height: 100px; } .separation-divs-50{ width: 100%; height: 50px; } /*-----------------LINES-----------------------------*/ .line-under-titls{ height: 1px; margin-top: 0px; margin-left: 15px; margin-right: 30px; display: block; unicode-bidi: isolate; overflow: hidden; background-color: #0c4445; } .line-under-parag{ height: 1px; margin-top: 5px; margin-left: 15px; margin-right: 15px; display: block; unicode-bidi: isolate; overflow: hidden; background-color: #0c4445; } .line-over-img-gross{ height: 12px; margin-top: 0px; margin-left: 15px; margin-right: 30px; margin-bottom: -5px; display: block; unicode-bidi: isolate; overflow: hidden; background-color: #0c4445; } .line-over-img-thin{ height: 4px; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; display: block; unicode-bidi: isolate; overflow: hidden; background-color: #0c4445; } .line-separate-sections{ height: 0.1px; margin-top: 100px; margin-left: 15px; margin-right: 15px; display: block; unicode-bidi: isolate; overflow: hidden; background-color: #C0c4445; } .line-join-title{ min-width: 30px; max-width: 50px; max-height: 60px; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: -15px; background-color: #0c4445; display: inline-flex; float: left; } /*----------ORGANIZADORES EN COLUMNAS----------------*/ .bloc-row{ margin-right: 15px; margin-left: 15px; margin-top: 20px; margin-bottom: 20px; display: inline-block; } .bloc-row-video{ margin-right: 15px; margin-left: 15px; margin-bottom: 180px; margin-top: 10px; display: block; } .bloc-row-table{ padding-top: 10px; margin-top: 10px; margin-right: 15px; margin-left: 15px; margin-bottom: 180px; display: block; } .bloc-row-video-2-colmn{ margin-right: 15px; margin-left: 15px; margin-bottom: 180px; margin-top: 100px; padding-top: 40%; display: block; } .bloc-colmn-1{ float: left; width: 100%; } .bloc-colmn-2{ float: left; width: 50%; margin-top: 20px; margin-bottom: 5px; } .bloc-row-img-banner{ width: 100%; margin-right: 0px; margin-left: 0px; margin-top: 100px; margin-bottom: 120px; float: left; } .bloc-colmn-img{ float: left; max-width: 33%; height: 50%; }/*-----------------------PÁRRAFOS--------------------*/ .parag-colmn-2{ font-size: 11pt; color: black; padding-top: 15px; padding-left: 20px; padding-right: 40px; padding-bottom: 30px; text-align: left; text-align: justify; } .parag-head-1{ max-height: 1200px; overflow: hidden; font-size: 1.4em; text-align: justify; } .parag-center-widht-100{ font-size: 11pt; font-style: thin; text-align: center; width: 100%; margin-top: 30px; margin-left: 0px; margin-right: 65px; margin-bottom: 15px; } .parag-left-widht-100{ font-size: 1.3em; font-style: thin; text-align: justify; width: 100%; margin-top: 30px; margin-left: 0px; margin-right: 65px; margin-bottom: 15px; } .parag-img-2-colmn{ font-size: 1.1em; font-weight: 500; color: grey; padding-top: 0px; padding-left: 15px; padding-right: 30px; padding-bottom: 0px; text-align: justify; } .parag-aclaracion{ margin-left: 30px; margin-top: 20px; margin-bottom: 20px; font-size: 8pt; text-align: left; } .parag-aclaracion-2{ text-align: left; font-size: 9pt; display: inline-block; margin-left: 20px; }/*-----------------------IMGS------------------------*/ .img-scale-max-min{ max-width: 100%; min-width: 20%; } .img-colmn-2{ max-width: 95%; min-width: 20%; padding-left: 15px; padding-right: 30px; padding-bottom: 10px; padding-top: 10px; } .round-img{ width: 430px; padding-top: 30px; float: center; padding-left: 30px; } .img-banner-colmn{ max-width: 33.3%; float: left; } /*------------------------VIDEOS------------------*/ /*VIDEO ANCHO COMPLETO*/ .video-width-100{ width: 90%; height: 480px; margin-bottom: 50px; margin-right: auto; margin-left: auto; padding-right: 0px; padding-left: 0px; border-style: none; display: block; } .video-width-50{ width: 100%; height: 240px; min-width: 50%; top: 0; left: 0; border-style: none; display: inline-block; } /*------------------------TABLES------------------*/ .table-1 { font-family: 'Open Sans', sans-serif; border-collapse: collapse; width: 100%; margin-top: 0px; margin-bottom: 80px; padding-right: 60px; } .table-td, .table-th { border: 1px solid white; text-align: left; padding: 8px; font-size: 1.2em; } .table-tr{ background-color: #dddddd; } } /* Aquí termina CSS para 1200px */

Contenido suministrado a Almacenes Éxito directamente por GROUPESEB

Calefactor Compact Power SAMURAI SE2210I0