Perfilador suempresa.com para clasificar usuarios y negocios

Cargando

Alianzas

/* ----------------------------------------- */ /* Content Template: CT Perfilador - start */ /* ----------------------------------------- */ .m-perfilador{ text-align: center; } .m-perfilador .progressb { height: 20px; background-color: #fff; border-radius: 10px; border: #d7d7d7 solid 3px !important; margin-top: 20px; width: 70%; overflow: hidden; height: 22px; margin-bottom: 22px; display: inline-block; } .m-perfilador .progressb .progress-b { float: left; width: 0%; height: 100%; font-size: 12px; color: #ffffff; text-align: center; background-color: #337ab7; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; background-color: #0888d3; border: #1273ba solid 2px; border-radius: 10px; } #div-questions{ color: #4b4b4b; } #div-answers{ text-decoration: none; text-align: -webkit-center; } #div-answers a{ text-decoration: none; } #div-answers .t1{ background-color: #fff; border: #fefefe solid 3px; display: block; text-align: -webkit-center; border-radius: 5px; color: #5c5c5c; background-color: #fff; margin: 30px auto; -webkit-box-shadow: 3px 3px 8px 3px #ccc; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 3px 3px 8px 3px #ccc; /* Firefox 3.5 - 3.6 */ box-shadow: 3px 3px 8px 3px #ccc; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ cursor: pointer; } #div-answers .t1:hover, #div-answers .t2:hover,#div-answers a.t1:hover, #div-answers .t2 a:hover{ color: #f15a22; text-decoration: none; } #div-answers .t1 img{ float: left; height: 100%; padding-left: 20px; } .m-boton{ background: #f15a22; border-color: #f15a22; padding-right: 26px; padding-left: 26px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; color: #fff; padding: 5px; text-align: center; cursor: pointer; } .m-boton:hover{ background-color: #d35027; } .m-producto{ background-color: #fff; border: #fefefe solid 3px; display: block; text-align: -webkit-center; padding: 10px; border-radius: 5px; color: #5c5c5c; background-color: #fff; -webkit-box-shadow: 3px 3px 8px 3px #ccc; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 3px 3px 8px 3px #ccc; /* Firefox 3.5 - 3.6 */ box-shadow: 3px 3px 8px 3px #ccc; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ display: inline-block; vertical-align: top; } .mp-left .m-tit{ color: #4e4e4e; font-weight: bold; } .mp-left a{ text-decoration: none; } .m-oculto{ display: none !important; } .m-link{ color: #f15a22; text-decoration: none; font-size:10pt; font-weight:bold; } .m-link:hover{ color: #d35027; text-decoration: underline; } .mp-left a[target="_blank"]:not(.notarget):after { content: ""; } .m-perfilador{ padding-top:20px; } #div-answers .t2{ text-align: -moz-center; } @media only screen and (min-width: 992px) { .m-perfilador .progressb { width: 70%; } #div-answers .t1{ width: 50%; height: 80px; font-size: 13pt; } #div-answers .t1 p{ margin: 12px; } #div-answers .t2{ background-color: #fff; border: #fefefe solid 3px; width: 160px; height: 160px; display: inline-block; text-align: -webkit-center; padding: 10px; border-radius: 5px; color: #5c5c5c; background-color: #fff; margin: 20px; -webkit-box-shadow: 3px 3px 8px 3px #ccc; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 3px 3px 8px 3px #ccc; /* Firefox 3.5 - 3.6 */ box-shadow: 3px 3px 8px 3px #ccc; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ cursor: pointer; font-size: 9pt; } #div-answers .t2 img{ width: 60%; display:block; } .m-boton{ margin: 15px auto; width: 150px; font-size: 11pt; } .m-producto{ width: 400PX; height: 330px; margin: 30px 30px auto; } .m-producto .mp-left{ display: inline-block; height: 100%; width: 100%; vertical-align: top; } .m-producto img{ width: auto; max-height: 70px; } .m-precio{ font-weight: bold; font-size: 16px; } .m-descrip{ font-size: 11pt; width: 100%; } } @media only screen and (max-width: 991px) { .m-perfilador .progressb { width: 95%; } #div-answers .t1{ width: 90%; height: 70px; padding: 2px; } #div-answers .t1 p{ margin: 0px; font-size: 11.5pt; } #div-answers .t2{ background-color: #fff; border: #fefefe solid 3px; width: 35%; height: 145px; display: inline-table; text-align: -webkit-center; /*padding: 10px;*/ border-radius: 5px; color: #5c5c5c; background-color: #fff; margin: 10px; -webkit-box-shadow: 3px 3px 8px 3px #ccc; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 3px 3px 8px 3px #ccc; /* Firefox 3.5 - 3.6 */ box-shadow: 3px 3px 8px 3px #ccc; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ cursor: pointer; font-size: 9pt; } .t2 a{ color: #5c5c5c; } #div-answers .t2 img{ width: 50%; display:block; padding-top:15px; } .m-boton{ margin: 10px auto; width: 70%; font-size: 14px; } .m-producto{ width: 100%; height: 310px; margin: 20px auto; } .m-producto .mp-left{ display: inline-block; height: 100%; width: 100%; vertical-align: top; padding:10px 5px; } .m-producto img{ max-height: 60px; } .m-precio{ font-weight: bold; font-size: 14px; } .m-descrip{ padding: 5px; font-size: 10pt; } } @media only screen and (max-width: 370px){ #div-answers .t1 { width:100% !important; } #div-answers .t1 p{ font-size: 10.2pt !important; } #div-answers .t1 img { padding-left: 10px; } #div-answers .t2 { height: 120px !important; } } /* ----------------------------------------- */ /* Content Template: CT Perfilador - end */ /* ----------------------------------------- */