Select Page

/* ----------------------------------------- */ /* View: Accesorios – Principal - start */ /* ----------------------------------------- */ /* Cuadro de busqueda formato */ .filter-list { background: #eee; margin-top: 15px; padding: 15px 15px 15px 15px; margin-bottom: 15px } .filter-list:before, .filter-list:after { content: " "; display: table } .filter-list:after { clear: both } @media (min-width: 768px) { .filter-list { display: table; width: 100% } .filter-list>[class*='col-sm'] { float:none; display:table-cell; vertical-align:middle } } @media (max-width: 767px) { .filter-list [class*='col-sm-'] { margin-bottom: 10px } } .filter-list label { margin-top: 0 } .filter-list input:not([type="submit"]), .filter-list select, .filter-list textarea { margin-bottom: 8px } .filter-list [class*=form-group] input:not(last-child), .filter-list [class*=form-group] select:not(last-child), .filter-list [class*=form-group] textarea:not(last-child) { margin-bottom: 0 } .filter-list .form-item-checkbox { padding-left: 5% } .filter-list ul { list-style-type: none; padding-left: 5%; margin-bottom: 0 } .filter-list .search-header { padding: 15px; color: #fff; position: relative; text-align: center } .filter-list .search-header:after { content: ""; border-width: 10px; border-style: solid; border-color: #337ab7 transparent transparent transparent; height: 1px; width: 1px; position: absolute; bottom: -20px; right: 50%; margin-left: -10px; z-index: 1 } @media (min-width: 768px) { .filter-list .search-header { width: 90%; min-height: 130px; text-align: left } .filter-list .search-header:after { border-color: transparent transparent transparent #337ab7; bottom: auto; top: 50%; right: -20px; margin-left: 0; margin-top: -10px } } .filter-list .search-header h3 { margin-top: 10px; margin-bottom: 5px } .filter-list .search-header p { color: #fff } .filter-list input[type="submit"] { width: 100%; margin-top: 22px; line-height: 30px } .sidebar .filter-list { margin: 0; padding: 15px 0 } @media screen { .sidebar .filter-list [class*='col-sm-'] { display: block; width: 100%; float: none; margin-bottom: 10px } } .sidebar .filter-list .search-header { width: 100% } .sidebar .filter-list .search-header:after { content: ""; border-width: 10px; border-style: solid; border-color: #3CBEFE transparent transparent transparent; height: 1px; width: 1px; position: absolute; top: auto; bottom: -20px; right: 50%; margin-left: -10px; z-index: 1 } /* Contenedor */ .container { position: relative; width: 100%; max-width: 1080px; margin: auto; } #main-content .container { padding-top: 20px; } /* Columna SM3 */ .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { /*position: relative;*/ min-height: 1px; /*padding-left: 10px; padding-right: 10px*/ } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left } .col-sm-3 { width: 25% } /* Columna SM9 */ .col-sm-9 { width: 75% } /* Columna SM4 */ .col-sm-4 { width: 33.33333%; } /* Columna xs-6 */ .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left } .col-xs-6 { width: 50% } /* Row */ .row-finder { margin-left: -15px; margin-right: -15px } .row:before, .row:after { content: " "; display: table } .row:after { clear: both } /* boton derecha */ .pull-right { right: 0; left: auto } /*formato del formulario */ .form-control, textarea, select, input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="range"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] { display: block; width: 100%; height: 43px; padding: 5px 12px; font-size: 16px; line-height: 1.42857; color: #666; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 0px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } button, select { text-transform: none; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } .filter-list input[type="submit"] { width: 100%; margin-top: 22px; line-height: 30px; } a, button, input[type="submit"] { transition: all .3s linear; } /* pruebas */ /* ----------------------------------------- */ /* View: Accesorios – Principal - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Widget – Accesorios - start */ /* ----------------------------------------- */ .filter-list-widget .search-header-widget { width: 100%; text-align: center; background: #337ab7; } .filter-list-widget .search-header-widget:after { border-color: transparent transparent transparent #337ab7; bottom: auto; top: 50%; right: -20px; margin-left: 0; margin-top: -10px } .filter-list-widget .search-header-widget h3 { margin-top: 10px; margin-bottom: 5px; color: #fff } .filter-list-widget .search-header-widget p { color: #fff } .filter-list-widget input[type="submit"] { width: 100%; margin-top: 22px; line-height: 30px } .filter-list-widget { margin: 0; padding: 15px 0 } .et_pb_widget select { width: 100%; height: 43px; padding: 0 5px; } /* ----------------------------------------- */ /* View: Widget – Accesorios - end */ /* ----------------------------------------- */