API tools faq
paste
Advertisement
Guest User

style.css

a guest
Mar 24th, 2017
78
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 107.08 KB | None | 0 0
raw download clone embed print report
  1. @import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300italic,300,400italic,700,700italic);
  2. @import url(http://fonts.googleapis.com/css?family=Raleway:400,700,900);
  3. @import url(http://fonts.googleapis.com/css?family=Lato:400,900);
  4. @import url("prettyPhoto.css") screen;
  5. @import url("hoverex-all.css") screen;
  6.  
  7. .login a{
  8. color: white;
  9.  
  10. }
  11.  
  12. .login a:hover {
  13. color: #f7a800 !important;
  14. text-decoration:none;
  15. }
  16. /* ################################################################
  17. MENU
  18. ################################################################# */
  19. .navbar {
  20. font-family: 'Roboto Condensed', sans-serif;
  21. background: #fff;
  22. border-top: 1px solid #f1f1f1;
  23. border-bottom: 1px solid #f1f1f1;
  24. min-height: 53px;
  25. /* padding-top: 10px; */
  26. margin-bottom: 0px;
  27. font-weight: 200;/* POSICINAR SOBRE EL BANNER */
  28. position: absolute;
  29. left: 0;
  30. right: 0;
  31. z-index: 16;
  32. }
  33. .navbar-2 {
  34. font-family: 'Roboto Condensed', sans-serif;
  35. background: #fff;
  36. border-top: 1px solid #f1f1f1;
  37. border-bottom: 1px solid #f1f1f1;
  38. min-height: 53px;
  39. /* padding-top: 10px; */
  40. margin-bottom: 0px;
  41. font-weight: 200;/* POSICINAR SOBRE EL BANNER */
  42. position: absolute;
  43. left: 0;
  44. right: 0;
  45. z-index: 16;
  46. }
  47.  
  48. .navbar-brand {
  49. font-family: 'Raleway', sans-serif;
  50. font-weight: 900;
  51. }
  52.  
  53. .navbar-header .navbar-brand {
  54. color: white;
  55. }
  56.  
  57. .navbar-default .navbar-nav > li > a {
  58. color: white;
  59. font-weight: 700;
  60. font-size: 12px;
  61. }
  62.  
  63. .navbar-default .navbar-nav > li > a:hover {
  64. color: #00b3fe;
  65. }
  66.  
  67. .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  68. color: #00b3fe;
  69. background-color: transparent;
  70. }
  71.  
  72. .navbar-default {
  73. background-color: #384452;
  74. border-color: transparent;
  75. }
  76.  
  77.  
  78. .navbar-brand-2 {
  79. font-family: 'Raleway', sans-serif;
  80. font-weight: 900;
  81. }
  82.  
  83. .navbar-header-2 .navbar-brand-2 {
  84. color: white;
  85. }
  86.  
  87. .navbar-default-2 .navbar-nav-2 > li > a {
  88. color: white;
  89. font-weight: 700;
  90. font-size: 12px;
  91. }
  92.  
  93. .navbar-default-2 .navbar-nav-2 > li > a:hover {
  94. color: #00b3fe;
  95. }
  96.  
  97. .navbar-default-2 .navbar-nav-2 > .active > a, .navbar-default-2 .navbar-nav-2 > .active > a:hover, .navbar-default-2 .navbar-nav-2 > .active > a:focus {
  98. color: #00b3fe;
  99. background-color: transparent;
  100. }
  101.  
  102. .navbar-default-2 {
  103. background-color: #384452;
  104. border-color: transparent;
  105. }
  106.  
  107.  
  108.  
  109. .dropdown-menu {
  110. background: #384452;
  111. }
  112.  
  113. .dropdown-menu > li > a {
  114. color: white;
  115. font-weight: 700;
  116. font-size: 12px;
  117. }
  118.  
  119. .btn-theme {
  120. color: #fff;
  121. background-color: #384452;
  122. border-color: #384452;
  123. margin: 4px;
  124. }
  125. .btn-theme:hover,
  126. .btn-theme:focus,
  127. .btn-theme:active,
  128. .btn-theme.active,
  129. .open .dropdown-toggle.btn-theme {
  130. color: #fff;
  131. background-color: #00b3fe;
  132. border-color: #00b3fe;
  133. }
  134.  
  135. .dmbutton:hover,
  136. .dmbutton:active,
  137. .dmbutton:focus{
  138. color: #ffffff;
  139. background-color: #222222;
  140. border-color: #ffffff;
  141. }
  142. .dmbutton {
  143. background:rgba(0, 0, 0, 0);
  144. border: 1px solid #ffffff;
  145. color: #ffffff;
  146. -webkit-border-radius: 2px;
  147. border-radius: 2px;
  148. padding-top: 1.025rem;
  149. padding-right: 2.25rem;
  150. letter-spacing:0.85px;
  151. padding-bottom: 1.0875rem;
  152. padding-left: 2.25rem;
  153. font-size: 1.55rem;
  154. cursor: pointer;
  155. font-weight: normal;
  156.  
  157. margin: 0 0 1.25rem;
  158. text-decoration: none;
  159. text-align: center;
  160. display: inline-block;
  161. -webkit-transition: background-color 300ms ease-out;
  162. -moz-transition: background-color 300ms ease-out;
  163. transition: background-color 300ms ease-out;
  164. -webkit-appearance: none;
  165. font-weight: normal !important;
  166. }
  167.  
  168. .mtb {
  169. margin-top: 80px;
  170. margin-bottom: 80px;
  171. }
  172.  
  173. .mb {
  174. margin-bottom: 60px;
  175. }
  176.  
  177. .mt {
  178. margin-top: 60px;
  179. }
  180.  
  181. .hline {
  182. border-bottom: 2px solid #384452;
  183. }
  184.  
  185. .hline-w {
  186. border-bottom: 2px solid #204877;
  187. margin-bottom: 25px;
  188. }
  189. /* ################################################################
  190. SITE WRAPS
  191. ################################################################# */
  192.  
  193. #headerwrap {
  194. background-color: #3F597C;
  195. /* background-image:url(../../img/banner.jpg); */
  196. background-repeat:no-repeat;
  197. background-position: top center !important;
  198. min-height: 53px;
  199. /* padding-top: 100px; */
  200. padding-bottom: 0px;
  201. text-align: center;
  202. }
  203.  
  204. #headerwrap h3, h5 {
  205. color: white;
  206. font-weight: 400;
  207. }
  208.  
  209. #headerwrap h1 {
  210. color: white;
  211. margin-bottom: 25px;
  212. }
  213.  
  214. #headerwrap .img-responsive {
  215. margin: 0 auto;
  216. }
  217.  
  218. /* Services Wrap */
  219. #service {
  220. margin-top: 100px;
  221. margin-bottom: 80px;
  222. }
  223.  
  224. #service i {
  225. color: #00b3fe;
  226. font-size: 60px;
  227. padding: 15px;
  228. }
  229.  
  230. /* Portfolio Wrap */
  231. #portfoliowrap {
  232. padding-top: 60px;
  233. margin-bottom: 60px;
  234. display: block;
  235. text-align: center
  236. }
  237.  
  238. #portfoliowrap h3 {
  239. margin-bottom: 25px;
  240. }
  241.  
  242. .portfolio {
  243. padding:0 !important;
  244. margin:0 !important;
  245. display:block;
  246. }
  247.  
  248.  
  249. .portfolio-item .title:before {border-radius:0; display:none}
  250. .portfolio-item p {margin:0px 0 30px;}
  251. .portfolio-item h3 {margin:-10px 0 10px; font-size:16px; text-transform:uppercase;}
  252.  
  253.  
  254. .tpl6 h3
  255. {
  256. color:#fff;
  257. margin:0;
  258. padding:40px 5px 0;
  259. font-size:16px;
  260. text-transform:uppercase;
  261. }
  262. .tpl6 .dmbutton
  263. {
  264. display:inline-block;
  265. margin:30px 5px 20px 5px;
  266. font-size:13px;
  267. }
  268.  
  269. .tpl6 .bg
  270. {
  271. height:100%;
  272. width:100%;
  273. background-color:#00b3fe;
  274. background-color:rgba(0,179,254,.9);
  275. text-align:center;
  276. }
  277.  
  278. /* Testimonials Wrap */
  279. #twrap {
  280. background: url(../../img/t-back.jpg) no-repeat center top;
  281. margin-top: 0px;
  282. padding-top:60px;
  283. text-align:center;
  284. background-attachment: relative;
  285. background-position: center center;
  286. min-height: 450px;
  287. width: 100%;
  288.  
  289. -webkit-background-size: 100%;
  290. -moz-background-size: 100%;
  291. -o-background-size: 100%;
  292. background-size: 100%;
  293.  
  294. -webkit-background-size: cover;
  295. -moz-background-size: cover;
  296. -o-background-size: cover;
  297. background-size: cover;
  298. }
  299.  
  300. #twrap i {
  301. font-size: 50px;
  302. color: white;
  303. margin-bottom: 25px;
  304. }
  305.  
  306. #twrap p {
  307. color: white;
  308. font-size: 15px;
  309. line-height: 30px;
  310. }
  311.  
  312. /* clients logo */
  313. #cwrap {
  314. background: #FFFFFF;
  315. margin-top: 0px;
  316. padding-top: 80px;
  317. padding-bottom: 100px;
  318. }
  319.  
  320. #cwrap h3 {
  321. margin-bottom: 60px;
  322. }
  323.  
  324. /* Footer */
  325. #footerwrap {
  326. clear:both;
  327. padding-top: 30px;
  328. padding-bottom: 30px;
  329. background: #F9F9F9;
  330. border-top: 2px solid #EAEAEA;
  331. }
  332.  
  333. #footerwrap p {
  334. color: #6D88B2;
  335. font-weight:100;
  336. }
  337.  
  338. #footerwrap h4 {
  339. padding: 10px;
  340. border-bottom: 1px solid #003671;
  341. color: #134175;
  342. color: #003671;
  343. }
  344.  
  345. #footerwrap i {
  346. font-size: 30px;
  347. color: #bfc9d3;
  348. padding-right: 25px;
  349. }
  350.  
  351. #footerwrap i:hover {
  352. color: #F9A122
  353. }
  354.  
  355. /* ################################################################
  356. PAGE CONFIGURATIONS
  357. ################################################################# */
  358. /* General Tweaks */
  359.  
  360. #blue {
  361. background: #00b3fe;
  362. margin-top: 60px;
  363. margin-bottom: 60px;
  364. padding-top: 25px;
  365. padding-bottom: 25px;
  366. }
  367.  
  368. #blue h3 {
  369. color: white;
  370. margin-left: 15px;
  371. }
  372.  
  373. .ctitle {
  374. color: #00b3fe;
  375. font-weight: 700;
  376. margin-bottom: 15px;
  377. }
  378.  
  379. csmall {
  380. font-size: 12px;
  381. color: #b3b3b3;
  382. }
  383. csmall2 {
  384. font-size: 12px;
  385. color: #f39c12
  386. }
  387.  
  388. .spacing {
  389. margin-top: 40px;
  390. margin-bottom: 40px;
  391. }
  392.  
  393. .badge-theme {
  394. background: #00b3fe;
  395. }
  396.  
  397. /* Contact Page */
  398. #contactwrap {
  399. background: url(../../img/contact.jpg) no-repeat center top;
  400. margin-top: -60px;
  401. padding-top:0px;
  402. text-align:center;
  403. background-attachment: relative;
  404. background-position: center center;
  405. min-height: 400px;
  406. width: 100%;
  407.  
  408. -webkit-background-size: 100%;
  409. -moz-background-size: 100%;
  410. -o-background-size: 100%;
  411. background-size: 100%;
  412.  
  413. -webkit-background-size: cover;
  414. -moz-background-size: cover;
  415. -o-background-size: cover;
  416. background-size: cover;
  417. }
  418.  
  419. /* Blog Page */
  420. .popular-posts {
  421. margin: 0px;
  422. padding-left: 0px;
  423. }
  424.  
  425. .popular-posts li {
  426. list-style: none;
  427. margin-bottom: 20px;
  428. min-height: 70px;
  429. }
  430. .popular-posts li a,
  431. .popular-posts li a:hover {
  432. color:#2f2f2f;
  433. text-decoration: none;
  434. }
  435.  
  436. .popular-posts li img {
  437. float: left;
  438. margin-right: 20px;
  439. }
  440.  
  441. .popular-posts li em {
  442. font-family: 'Lato', sans-serif;
  443. font-size: 12px;
  444. color: #b3b3b3
  445. }
  446.  
  447. .popular-posts p {
  448. line-height: normal;
  449. margin-bottom: auto;
  450. }
  451.  
  452. .share i {
  453. padding-right: 15px;
  454. font-size: 18px;
  455. }
  456.  
  457. .nav>li>a, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>li>a, .dropdown-menu>li{
  458. /* border-bottom: 3px solid transparent; */
  459. }
  460. .nav>li>a:focus, .nav>li>a:hover,.nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
  461. background: none;
  462. }
  463. .navbar a, .dropdown-menu>li>a, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
  464. color: #fff;
  465. }
  466. .dropdown-menu{
  467. -webkit-box-shadow: none;
  468. box-shadow:none;
  469. }
  470.  
  471. .nav li:hover:nth-child(8n+1), .nav li.active:nth-child(8n+1){
  472. /* padding-top: 8px; */
  473. /* background: #ECA03E; */
  474. /* border-bottom: #FFFFFF 3px solid; */
  475. }
  476. .nav li:hover:nth-child(8n+2), .nav li.active:nth-child(8n+2){
  477. }
  478. .nav li:hover:nth-child(8n+3), .nav li.active:nth-child(8n+3){
  479. }
  480. .nav li:hover:nth-child(8n+4), .nav li.active:nth-child(8n+4){
  481. }
  482. .nav li:hover:nth-child(8n+5), .nav li.active:nth-child(8n+5){
  483. }
  484. .nav li:hover:nth-child(8n+6), .nav li.active:nth-child(8n+6){
  485. }
  486. .nav li:hover:nth-child(8n+7), .nav li.active:nth-child(8n+7){
  487. }
  488. .nav li:hover:nth-child(8n+8), .nav li.active:nth-child(8n+8){
  489. }
  490.  
  491. /** styles web**/
  492. .sinpadding [class*="col-"] {
  493. padding: 0;
  494. }
  495.  
  496. .container-fluid-sinpadding {
  497. /* padding-right: 15px; */
  498. /* padding-left: 15px; */
  499. margin-right: auto;
  500. margin-left: auto;
  501. }
  502.  
  503. .section-header-1{
  504. background: #003876;
  505. min-height:30px;
  506. /* max-height:30px; */
  507. /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3f597c+0,003671+100 */
  508. /* background: rgb(63,89,124); *//* Old browsers */
  509. }
  510.  
  511.  
  512. .section-header-2{
  513. background:#FFF;
  514. max-height:105px;
  515. position:static;
  516. }
  517.  
  518. .section-promociones-wide{
  519. padding: 20px;
  520. background: #FFFFFF;
  521. background-repeat:no-repeat;
  522. background-position:top center;
  523. /* height: 200px; */
  524. position:static;
  525. }
  526. .section-titulos-azul-wide{
  527.  
  528. background: #FFFFFF;
  529. background-repeat: no-repeat;
  530. background-position: center;
  531. padding: 20px;
  532. /* max-height:120px; */
  533. position: static;
  534. border-top: 1px solid #E2E2E2;
  535. border-bottom: 1px solid #E2E2E2;
  536. }
  537. .section-titulos-naranja-wide{
  538. background: #FFFFFF;
  539. background-repeat: no-repeat;
  540. background-position: top center;
  541. padding: 20px;
  542. /* max-height:120px; */
  543. position: static;
  544. border-top: 1px solid #E2E2E2;
  545. border-bottom: 1px solid #E2E2E2;
  546. }
  547.  
  548. .section-promos-bottom{
  549. background: #FAFAFA;
  550. background-repeat: no-repeat;
  551. background-position: top center;
  552. padding: 50px;
  553. /* max-height:120px; */
  554. position: static;
  555. }
  556. .section-casos-de-exito{
  557. background: #022E51;
  558. background-repeat: no-repeat;
  559. background-position: center;
  560. padding: 40px;
  561. /* max-height:120px; */
  562. position: static;
  563. }
  564.  
  565. .container-pasos-wizard{
  566. background: #DEDEDE;
  567. margin-top:15px !important;
  568. padding: 0;
  569. border-bottom:1px solid #CCC;
  570. }
  571. .section-breadcrumb-top{
  572. padding-top: 15px;
  573. color: #214877;
  574. padding-bottom: 10px;
  575. line-height: 1;
  576. background: #FAFAFA;
  577. background-position:center;
  578. font-weight:100;
  579. }
  580. .section-contacto-direccion{
  581. background: #003671;
  582. padding:15px;
  583. }
  584.  
  585.  
  586. .container-seguros{
  587. max-height:105px;min-height:25px;
  588. /* padding-top:15px; */
  589. }
  590. .container-equismart{
  591. max-height:105px;
  592. /* padding-top:15px; */
  593. }
  594.  
  595. .container-seguros-small{
  596. max-height:105px;
  597. min-height:25px;
  598. padding-top:15px;
  599. /* padding-top:15px; */
  600. }
  601. .container-equismart-small{
  602. max-height:105px;
  603. padding-top:25px;
  604. /* padding-top:15px; */
  605. }
  606.  
  607. .boton-carrito{
  608. border-left: 1px solid #E3E3E3;
  609. background: #FAFAFA;
  610. padding: 23px;
  611. max-height:105px;
  612. min-height:25px;
  613. }
  614. .txt-carrito{
  615. color: #919191;
  616. font-weight:400;
  617. font-size:16px;
  618. font-family: 'Roboto Condensed', sans-serif;
  619. }
  620.  
  621. .icono-carrito{
  622. color:#FFF;
  623. font-size: 3em !important;
  624. }
  625.  
  626. .container-sinpadding {
  627. padding-right: 0px;
  628. padding-left: 0px;
  629. margin-right: auto;
  630. margin-left: auto;
  631. }
  632.  
  633. .color-white{
  634. color:#FFF !important;
  635.  
  636. }
  637. .color-gris{
  638. color:#CCC !important;
  639.  
  640. }
  641.  
  642. .color-naranja-1{
  643. color:#F9A122 !important;
  644.  
  645. }
  646.  
  647. .color-azul-1{
  648. color: #003671 !important;
  649. }
  650. .color-azul-2{
  651. color: #6D88B2 !important;
  652.  
  653. }
  654. .font-1{
  655. font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  656. }
  657.  
  658.  
  659.  
  660. /*buscador*/
  661.  
  662. input.search-query {
  663. padding-left:26px;
  664. }
  665.  
  666. form.form-search {
  667. position: relative;
  668. }
  669.  
  670. form.form-search:before {
  671. content:'';
  672. display: block;
  673. width: 14px;
  674. height: 14px;
  675. background-image: url(http://getbootstrap.com/2.3.2/assets/img/glyphicons-halflings.png);
  676. background-position: -48px 0;
  677. position: absolute;
  678. top:8px;
  679.  
  680.  
  681.  
  682.  
  683. left:8px;
  684. opacity: .5;
  685. z-index: 1000;
  686. }
  687.  
  688.  
  689. /************ MENU **************/
  690. #cssmenu,
  691. #cssmenu ul,
  692. #cssmenu ul li,
  693. #cssmenu ul li a,
  694. #cssmenu #menu-button {
  695. margin: 0;
  696. padding: 0;
  697. border: 0;
  698. list-style: none;
  699. line-height: 1;
  700. display: block;
  701. position: relative;
  702. -webkit-box-sizing: border-box;
  703. -moz-box-sizing: border-box;
  704. box-sizing: border-box;
  705. }
  706. #cssmenu:after,
  707. #cssmenu > ul:after {
  708. content: ".";
  709. display: block;
  710. clear: both;
  711. visibility: hidden;
  712. line-height: 0;
  713. height: 0;
  714. }
  715. #cssmenu #menu-button {
  716. display: none;
  717. }
  718. #cssmenu {
  719. width: auto;
  720. font-family: 'Roboto Condensed', sans-serif;
  721. line-height: 1;
  722. color:#ffffff !important;
  723. /* background: #ffffff; */
  724. }
  725.  
  726. #cssmenu > ul > li {
  727. float: left;
  728. }
  729. #cssmenu.align-center > ul {
  730. font-size: 0;
  731. text-align: center;
  732. }
  733. #cssmenu.align-center > ul > li {
  734. display: inline-block;
  735. float: none;
  736. }
  737. #cssmenu.align-center ul ul {
  738. text-align: left;
  739. }
  740. #cssmenu.align-right > ul > li {
  741. float: right;
  742. }
  743. #cssmenu.align-right ul ul {
  744. text-align: right;
  745. }
  746. #cssmenu > ul > li > a {
  747. padding: 18px;
  748. font-size: 15px;
  749. text-decoration: none;
  750. text-transform: uppercase;
  751. color: #919191;
  752. -webkit-transition: color .2s ease;
  753. -moz-transition: color .2s ease;
  754. -ms-transition: color .2s ease;
  755. -o-transition: color .2s ease;
  756. transition: color .2s ease;
  757. }
  758. #cssmenu > ul > li:hover > a,
  759. #cssmenu > ul > li.active > a {
  760. font-weight: 300;
  761. color: #fff;
  762. background-color: #003876!important;
  763. -webkit-transition: background-color 300ms ease-out;
  764. -moz-transition: background-color 300ms ease-out;
  765. transition: background-color 300ms ease-out;
  766. }
  767. #cssmenu > ul > li.has-sub > a {
  768. padding-right: 28px;
  769. /* color: aqua; */
  770. }
  771. #cssmenu > ul > li.has-sub > a::after {
  772. position: absolute;
  773. top: 24px;
  774. right: 10px;
  775. width: 4px;
  776. height: 4px;
  777. border-bottom: 1px solid #FFFFFF;
  778. border-right: 1px solid #FFFFFF;
  779. content: "";
  780. -webkit-transform: rotate(45deg);
  781. -moz-transform: rotate(45deg);
  782. -ms-transform: rotate(45deg);
  783. -o-transform: rotate(45deg);
  784. transform: rotate(45deg);
  785. -webkit-transition: border-color 0.2s ease;
  786. -moz-transition: border-color 0.2s ease;
  787. -ms-transition: border-color 0.2s ease;
  788. -o-transition: border-color 0.2s ease;
  789. transition: border-color 0.2s ease;
  790. }
  791. #cssmenu > ul > li.has-sub:hover > a::after {
  792. border-color: #FFFFFF;
  793. }
  794. #cssmenu ul ul {
  795. position: absolute;
  796. left: -9999px;
  797. }
  798. #cssmenu li:hover > ul {
  799. left: auto;
  800. }
  801. #cssmenu.align-right li:hover > ul {
  802. right: 0;
  803. }
  804. #cssmenu ul ul ul {
  805. margin-left: 100%;
  806. top: 0;
  807. }
  808. #cssmenu.align-right ul ul ul {
  809. margin-left: 0;
  810. margin-right: 100%;
  811. }
  812. #cssmenu ul ul li {
  813. height: 0;
  814. -webkit-transition: height .2s ease;
  815. -moz-transition: height .2s ease;
  816. -ms-transition: height .2s ease;
  817. -o-transition: height .2s ease;
  818.  
  819. transition: height .2s ease;
  820. }
  821. #cssmenu ul li:hover > ul > li {
  822. height: 32px;
  823. }
  824. #cssmenu ul ul li a {
  825.  
  826. padding: 10px 20px;
  827.  
  828. width: 173PX;
  829.  
  830. font-size: 14px;
  831.  
  832. background: #FFFFFF;
  833.  
  834. text-decoration: none;
  835.  
  836. color: #6B6B6B;
  837.  
  838. -webkit-transition: color .2s ease;
  839.  
  840. -moz-transition: color .2s ease;
  841.  
  842. -ms-transition: color .2s ease;
  843.  
  844. -o-transition: color .2s ease;
  845.  
  846. transition: color .2s ease;
  847. }
  848. #cssmenu ul ul li:hover > a,
  849. #cssmenu ul ul li a:hover {
  850. color: #F7a800;
  851. }
  852. #cssmenu ul ul li.has-sub > a::after {
  853. position: absolute;
  854. top: 13px;
  855. right: 10px;
  856. width: 4px;
  857. height: 4px;
  858. border-bottom: 1px solid #dddddd;
  859. border-right: 1px solid #dddddd;
  860. content: "";
  861. -webkit-transform: rotate(-45deg);
  862. -moz-transform: rotate(-45deg);
  863. -ms-transform: rotate(-45deg);
  864. -o-transform: rotate(-45deg);
  865. transform: rotate(-45deg);
  866. -webkit-transition: border-color 0.2s ease;
  867. -moz-transition: border-color 0.2s ease;
  868. -ms-transition: border-color 0.2s ease;
  869. -o-transition: border-color 0.2s ease;
  870. transition: border-color 0.2s ease;
  871. }
  872. #cssmenu.align-right ul ul li.has-sub > a::after {
  873. right: auto;
  874. left: 10px;
  875. border-bottom: 0;
  876. border-right: 0;
  877. border-top: 1px solid #dddddd;
  878. border-left: 1px solid #dddddd;
  879. }
  880. #cssmenu ul ul li.has-sub:hover > a::after {
  881. border-color: #ffffff;
  882. }
  883. @media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  884. #cssmenu {
  885. width: 100%;
  886. }
  887. #cssmenu ul {
  888. width: 100%;
  889. display: none;
  890. }
  891. #cssmenu.align-center > ul,
  892. #cssmenu.align-right ul ul {
  893. text-align: left;
  894. }
  895. #cssmenu ul li,
  896. #cssmenu ul ul li,
  897. #cssmenu ul li:hover > ul > li {
  898. width: 100%;
  899. height: auto;
  900. border-top: 1px solid rgba(120, 120, 120, 0.15);
  901. }
  902. #cssmenu ul li a,
  903. #cssmenu ul ul li a {
  904. border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  905. width: 100%;
  906. }
  907. #cssmenu > ul > li,
  908. #cssmenu.align-center > ul > li,
  909. #cssmenu.align-right > ul > li {
  910. float: none;
  911. display: block;
  912. }
  913. #cssmenu ul ul li a {
  914. padding: 20px 20px 20px 30px;
  915. font-size: 14px;
  916. color: #FFF;
  917. background: none;
  918. }
  919. #cssmenu ul ul li:hover > a,
  920. #cssmenu ul ul li a:hover {
  921. color: #FF9900;
  922. }
  923. #cssmenu ul ul ul li a {
  924. padding-left: 40px;
  925. }
  926. #cssmenu ul ul,
  927. #cssmenu ul ul ul {
  928. position: relative;
  929. left: 0;
  930. right: auto;
  931. width: 100%;
  932. margin: 0;
  933. }
  934. #cssmenu > ul > li.has-sub > a::after,
  935. #cssmenu ul ul li.has-sub > a::after {
  936. display: none;
  937. }
  938. #menu-line {
  939. display: none;
  940. }
  941. #cssmenu #menu-button {
  942. display: block;
  943. padding: 20px;
  944. color: #FFFFFF;
  945. cursor: pointer;
  946. font-size: 15px;
  947. text-transform: uppercase;
  948. }
  949. #cssmenu #menu-button::after {
  950. content: '';
  951. position: absolute;
  952.  
  953.  
  954.  
  955.  
  956.  
  957.  
  958.  
  959. top: 20px;
  960. right: 20px;
  961. display: block;
  962. width: 15px;
  963. height: 2px;
  964. background: #FFFFFF;
  965. }
  966. #cssmenu #menu-button::before {
  967. content: '';
  968. position: absolute;
  969. top: 25px;
  970. right: 20px;
  971. display: block;
  972. width: 15px;
  973. height: 8px;
  974. border-top: 2px solid #FFFFFF;
  975. border-bottom: 2px solid #FFFFFF;
  976. }
  977. #cssmenu .submenu-button {
  978. position: absolute;
  979. z-index: 10;
  980. right: 0;
  981. top: 0;
  982. display: block;
  983. border-left: 1px solid rgba(120, 120, 120, 0.15);
  984. height: 52px;
  985. width: 52px;
  986. cursor: pointer;
  987. }
  988. #cssmenu .submenu-button::after {
  989. content: '';
  990. position: absolute;
  991. top: 21px;
  992. left: 26px;
  993. display: block;
  994. width: 1px;
  995. height: 11px;
  996. background: #FFFFFF;
  997. z-index: 99;
  998. }
  999. #cssmenu .submenu-button:before {
  1000. content: '';
  1001. position: absolute;
  1002. left: 21px;
  1003. top: 26px;
  1004. display: block;
  1005. width: 11px;
  1006. height: 1px;
  1007. background: #FFFFFF;
  1008. z-index: 99;
  1009.  
  1010. }
  1011. #cssmenu .submenu-button.submenu-opened:after {
  1012. display: none;
  1013. }
  1014. }
  1015. .navbar-form-sinpadding {
  1016. /* padding: 10px 15px; */
  1017. margin-top: 8px;
  1018. margin-right: -15px;
  1019. margin-bottom: 8px;
  1020. /* margin-left: -15px; */
  1021. /* border-top: 1px solid transparent; */
  1022. /* border-bottom: 1px solid transparent; */
  1023. /* -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); */
  1024. /* box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); */
  1025. }
  1026.  
  1027.  
  1028. /***********************************/
  1029.  
  1030.  
  1031. .cotizador-home{
  1032. position:absolute;
  1033. margin-top:130px;
  1034. z-index:14;
  1035. text-align: left;
  1036. width: 100%;
  1037. }
  1038.  
  1039. /***********************************/
  1040.  
  1041. .main-container {
  1042. /*padding: 10px 15px;*/
  1043. }
  1044. /*.skyblue {
  1045. background-image:url(../img/banner.jpg);
  1046.  
  1047. background-position:top center !important;
  1048. background-repeat:no-repeat;
  1049.  
  1050. }*/
  1051. .deepskyblue {
  1052. background-image:url(../img/banner_2_3D.jpg);
  1053. background-position:top center !important;
  1054. background-repeat:no-repeat;
  1055. }
  1056. .darkerskyblue {
  1057.  
  1058. background-image:url(../img/banner_3_3D.jpg);
  1059. background-position:top center !important;
  1060. background-repeat:no-repeat;
  1061. }
  1062. .carousel-indicators {
  1063. bottom: 0;
  1064. }
  1065. .carousel-control.right,
  1066. .carousel-control.left {
  1067. background-image: none;
  1068. }
  1069. .carousel .item {
  1070. min-height: 500px;
  1071. height: 100%;
  1072. width:100%;
  1073. }
  1074. .carousel-caption h3,
  1075. .carousel .icon-container,
  1076. .carousel-caption button {
  1077. background-color: #09c;
  1078. }
  1079. .carousel-caption h3 {
  1080. padding: .5em;
  1081. }
  1082. .carousel .icon-container {
  1083. display: inline-block;
  1084. font-size: 25px;
  1085. line-height: 25px;
  1086. padding: 1em;
  1087. text-align: center;
  1088. border-radius: 50%;
  1089. }
  1090. .carousel-caption button {
  1091. border-color: #00bfff;
  1092. margin-top: 1em;
  1093. }
  1094.  
  1095. /* Animation delays */
  1096. .carousel-caption h3:first-child {
  1097. animation-delay: 1s;
  1098. }
  1099. .carousel-caption h3:nth-child(2) {
  1100. animation-delay: 2s;
  1101. }
  1102. .carousel-caption button {
  1103. animation-delay: 3s;
  1104. }
  1105.  
  1106. h1 {
  1107. text-align: center;
  1108. margin-bottom: 30px;
  1109. font-size: 30px;
  1110. font-weight: bold;
  1111. }
  1112.  
  1113. .p {
  1114. padding-top: 125px;
  1115. text-align: center;
  1116. }
  1117.  
  1118. .p a {
  1119. text-decoration: underline;
  1120. }
  1121.  
  1122. .contenedor-texto-titulos{
  1123. /*min-height: 50px;*/
  1124. color:#FFFFFF;
  1125. }
  1126.  
  1127. .titulo-izq{
  1128. letter-spacing: 0.05em;
  1129. font-size: 24px !important;
  1130. color: #124074;
  1131. /* font-family: 'Roboto Condensed', sans-serif; */
  1132. }
  1133.  
  1134.  
  1135. .titulo-der{
  1136. font-family: 'Roboto Condensed', sans-serif;
  1137. color: #204877;
  1138. font-size:19px;
  1139. font-weight:100;
  1140. line-height: 1.6;
  1141. }
  1142.  
  1143. .container-promo-home-top-2{
  1144. margin-top:10px;
  1145.  
  1146. }
  1147.  
  1148.  
  1149. .1-800{
  1150. margin-top:15px !important;
  1151. margin-bottom:5px !important;
  1152. }
  1153.  
  1154. .direcciones-footer{
  1155. text-justify:auto;
  1156. text-align:justify !important;
  1157. }
  1158.  
  1159. .section-footer-logos{
  1160. padding:15px;
  1161. }
  1162.  
  1163. .container-casos-exito{
  1164. text-align:justify;
  1165. font-size:17px;
  1166. }
  1167.  
  1168. .container-img-app{
  1169. margin-top:15px;
  1170.  
  1171. }
  1172. .container-slider-promos{
  1173. margin-top:15px;
  1174.  
  1175. }
  1176.  
  1177. .container-frase-breadcrumb{
  1178. font-style:italic;
  1179. font-weight:300;
  1180. font-size:18px;
  1181. line-height: 1.5;
  1182. text-transform:uppercase;
  1183. }
  1184. .container-breadcrumb{
  1185. line-height: 2;
  1186. }
  1187.  
  1188. .breadcrumb-active{
  1189. color:#F9A122 !important;
  1190.  
  1191. }
  1192. /** PRODUCTOS SEGUROS **/
  1193. .contenedor_prod{
  1194. padding:5px;
  1195. max-width:357px;
  1196. min-height:220px;
  1197. text-align:center;
  1198. margin-top:10px;
  1199. margin-bottom:10px;
  1200. }
  1201.  
  1202. .gal-boton-seguro{
  1203. background: #EFEFEF;
  1204. background-image:url(../img/flecha.png);
  1205. background-repeat:no-repeat;
  1206. background-position:center;
  1207. padding-top:35px;
  1208. padding-bottom:35px;
  1209. padding-right:28px;
  1210. padding-left: 20px;
  1211. float:right;
  1212. height:auto !important;
  1213. min-height:80px;
  1214. transition-duration:0.4s;
  1215. animation:ease-in-out;
  1216.  
  1217. }
  1218.  
  1219.  
  1220. .gal-boton-seguro:hover {
  1221. background: #f9a122;
  1222. background-image:url(../img/flecha_blanca.png) ;
  1223. background-repeat:no-repeat;
  1224. background-position:20px ;
  1225. padding-top:35px;
  1226. padding-bottom:35px;
  1227. padding-right:28px;
  1228. padding-left:20px;
  1229. float:right;
  1230. height:auto !important;
  1231. min-height:80px;
  1232. }
  1233.  
  1234. .container-inferior-prod{
  1235. /* margin-top: -4px; */
  1236. /* top: 115px; */
  1237. max-width:357px;
  1238. min-height:80px;
  1239. }
  1240.  
  1241.  
  1242. .gal-nombre-seguro{
  1243. border-bottom: 1px solid #EFEFEF;
  1244. text-align:left;
  1245. font-size:18px;
  1246. font-weight: 400 !important;
  1247. padding: 2px;
  1248. color:#F9A122;
  1249. float:left;
  1250. display:inline-block;
  1251. }
  1252.  
  1253. .gal-desc-seguro{
  1254. width:80%;
  1255. text-align:left;
  1256. font-size: 14px;
  1257.  
  1258. padding:5px;
  1259. color: #9A9A9A;
  1260. font-weight:100 !important;
  1261. float:left;
  1262. display:inline-block;
  1263. }
  1264.  
  1265.  
  1266. /** CHAT **/
  1267.  
  1268. #chat_parent{
  1269. cursor: pointer;
  1270. position: fixed;
  1271. top: 40%;
  1272. z-index: 999;
  1273. right: -148px;
  1274. border-radius:8px;
  1275. transition:ease-in-out;
  1276. transition-duration:0.4s;
  1277. transition-property:all;
  1278. }
  1279.  
  1280. #chat_parent:hover {
  1281. width: 258px;
  1282. right:-10px;
  1283. transition:ease-in-out;
  1284. transition-duration:0.4s;
  1285. transition-property:all;
  1286. }
  1287.  
  1288. .chat_window
  1289. {
  1290. border-radius:8px 0 0 8px;
  1291. float:right;
  1292. width: 258px;
  1293. height: 114px;
  1294.  
  1295. background-image:url(../../img/chat-img.png);
  1296. background-position:center;
  1297. background-repeat:no-repeat;
  1298.  
  1299. }
  1300.  
  1301. .chat_header
  1302. {
  1303. width: 100%;
  1304. height: 30px;
  1305. border-bottom: 1px solid #000;
  1306. }
  1307.  
  1308. .chat_header span
  1309. {
  1310. font-size: 12px;
  1311. margin-left: 10px;
  1312. }
  1313.  
  1314. .margin-top-form{
  1315. margin-top:10px !important;
  1316. margin-bottom:10px !important;
  1317.  
  1318. }
  1319.  
  1320. .fonts-wizard{
  1321. padding:16px;
  1322. font-size:20px !important;
  1323. }
  1324. .done{
  1325. color: #fff;
  1326. background-color: #61C114 !important;
  1327. }
  1328. .icono-azul{
  1329. display:none !important;
  1330. color:#3F597C !important;
  1331.  
  1332. }
  1333.  
  1334. .icono-blanco{
  1335. display: inline-block !important;
  1336. color:#fff !important;
  1337. font-size:20px !important;
  1338.  
  1339. }
  1340.  
  1341. .a-wizard {
  1342.  
  1343. text-decoration: none;
  1344. transition-duration:0.4s;
  1345. animation:ease-in-out;
  1346. transition-duration:0.4s;
  1347.  
  1348. }
  1349. .a-wizard {
  1350. color: #fff !important;
  1351. text-decoration: none;
  1352. transition-duration:0.4s;
  1353. animation:ease-in-out;
  1354. transition-duration:0.4s;
  1355. }
  1356. .a-wizard:hover,
  1357. .a-wizard:focus {
  1358.  
  1359. color: #fff;
  1360. text-decoration:none;
  1361. transition:ease-in-out;
  1362. transition-duration:0.4s;
  1363. animation:ease-in-out;
  1364. }
  1365. .a-wizard:focus {
  1366. outline: thin dotted;
  1367. outline: 5px auto -webkit-focus-ring-color;
  1368. outline-offset: -2px;
  1369. }
  1370.  
  1371. .transparent{
  1372. background-image: none !important;
  1373. }
  1374.  
  1375. .img-responsive,
  1376. .thumbnail > img,
  1377. .thumbnail a > img,
  1378. .carousel-inner > .item > img,
  1379. .carousel-inner > .item > a > img {
  1380. display: block;
  1381. max-width: 100% !important;
  1382. height: auto;
  1383. }
  1384.  
  1385.  
  1386. .container-img-seguro-detalle {
  1387.  
  1388. }
  1389.  
  1390.  
  1391. .container-rows {
  1392. padding-right:10px !important;
  1393. padding-left:10px !important;
  1394. margin:0 !important;
  1395.  
  1396. }
  1397.  
  1398.  
  1399. .margin-contenido{
  1400. margin-top:15px !important;
  1401. margin-bottom:15px !important;
  1402.  
  1403. }
  1404. .titulos{
  1405. font-size: 20px;
  1406. padding: 15px;
  1407. font-family: 'Roboto Condensed', sans-serif;
  1408. background: #003876;
  1409. background-repeat: no-repeat;
  1410. background-position: center;
  1411. color:#FFF;
  1412. margin-bottom:15px;
  1413. letter-spacing: 0em;
  1414. border-radius:5px;
  1415. }
  1416. .titulos-2{
  1417. line-height: 0;
  1418. padding-top: 25px;
  1419. font-family: 'Roboto Condensed', sans-serif;
  1420. background: #F9A122;
  1421. background-repeat: no-repeat;
  1422. background-position: center;
  1423. color:#FFF;
  1424. margin-bottom:15px;
  1425. letter-spacing: 0em;
  1426. border-radius:5px;
  1427. padding-bottom: 25px;
  1428. padding-left: 15px;
  1429. padding-right: 15px;
  1430. font-size: 20px;
  1431. }
  1432. .descripcion-larga-detalle{
  1433. font-size:15px;
  1434. text-align:justify;
  1435. }
  1436.  
  1437. .descripcion-extra-detalle{
  1438. font-size:15px;
  1439. text-align:justify;
  1440. background:#3f597c;
  1441. color:#FFF !important;
  1442. border-radius:5px;
  1443. padding:15px;
  1444.  
  1445. }
  1446.  
  1447. .container-botones-detalle{
  1448. margin-top:15px;
  1449. margin-bottom:15px;
  1450.  
  1451. }
  1452.  
  1453. .nav-accordion-detalle{
  1454. color: #327fc2!important;
  1455. }
  1456.  
  1457. .precio-cobertura {
  1458. background: #3f597c;
  1459. padding: 5px 5px 5px 5px;
  1460. border-radius: 4px;
  1461. font-size: 14px;
  1462. float: right;
  1463. margin-left: 5px;
  1464. margin-right: 5px;
  1465. color: #FFF;
  1466. font-weight: 600;
  1467. font-family: 'Roboto Condensed', sans-serif;
  1468. }
  1469. button#Crear1 {
  1470. color: #fff;
  1471. background-color: #55A216;
  1472. border-color: #5CB912;
  1473. transition-duration: 0.4s;
  1474. animation: ease-in-out;
  1475. }
  1476.  
  1477. .btn-anadir{
  1478. color: #fff;
  1479. background-color: #55A216;
  1480. border-color: #5CB912;
  1481. }
  1482.  
  1483. .btn-anadir:hover, .btn-anadir:focus, .btn-anadir:active, .btn-anadir.active, .open .dropdown-toggle.btn-anadir {
  1484. color: #fff;
  1485. background-color: #55A216;
  1486. border-color: #5CB912;
  1487. transition-duration: 0.4s;
  1488. animation: ease-in-out;
  1489. }
  1490.  
  1491. .nombre-seg-pers{
  1492. color:#FFF !important;
  1493. font-size:22px;
  1494. font-weight:600;
  1495. text-transform:uppercase;
  1496.  
  1497. }
  1498.  
  1499. .desc-seg-pers{
  1500. color:#FFF !important;
  1501. font-size:14px;
  1502. }
  1503.  
  1504. .txt-anadir-1{
  1505. color:#FFF;
  1506. font-size:12px;
  1507. text-align: start;
  1508. }
  1509.  
  1510. .divs-inline{
  1511. display:inline-block;
  1512. margin:5px 8px;
  1513. float:left !important;
  1514. }
  1515. .row-no-margin {
  1516. margin-left: 0px;
  1517. margin-right: 0px;
  1518. }
  1519.  
  1520. .bg-steps-wizard{
  1521. min-height:100%;
  1522. padding: 19px;
  1523. margin-bottom: 20px;
  1524. background-color: #FBFBFB;
  1525. border: 1px solid #e3e3e3;
  1526. border-radius: 4px;
  1527. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  1528. box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  1529.  
  1530. }
  1531.  
  1532.  
  1533. .coberturas-agregadas:before{
  1534. display: none ;
  1535. border-left: 1px solid #F3F3F3;
  1536. border-right: 1px solid #F3F3F3;
  1537. background: #FFFFFF;
  1538. padding:10px;
  1539. font-family: 'Roboto Condensed', sans-serif !important;
  1540. content: none !important;
  1541. }
  1542.  
  1543.  
  1544. .coberturas-agregadast:after{
  1545. display: block !important;
  1546. border-left: 1px solid #F3F3F3;
  1547. border-right: 1px solid #F3F3F3;
  1548. background: #FFFFFF;
  1549. padding:10px;
  1550. font-family: 'Roboto Condensed', sans-serif !important;
  1551. }
  1552.  
  1553.  
  1554. .container-info-cobertura-agregada{
  1555. font-family: 'Roboto Condensed', sans-serif;
  1556. /* border-bottom: 1px solid #F3F3F3; */
  1557. /* padding-top:10px; */
  1558. /* padding-bottom:10px; */
  1559.  
  1560. line-height:2;
  1561. }
  1562.  
  1563. .precio-cobertura-agregada{
  1564. font-family: 'Roboto Condensed', sans-serif;
  1565. background: #3f597c;
  1566. padding:1px 5px 1px 5px;
  1567. border-radius:4px;
  1568. font-size:14px;
  1569. float:right;
  1570. margin-left:5px;
  1571. margin-right:5px;
  1572. color:#FFF;
  1573. font-weight:600;
  1574. }
  1575. .nombre-cobertura-agregada{
  1576.  
  1577. line-height: 2;
  1578. }
  1579. .precio-cobertura{
  1580. background: #3f597c;
  1581. padding:5px 5px 5px 5px;
  1582. border-radius:4px;
  1583. font-size:14px;
  1584. float:right;
  1585. margin-left:5px;
  1586. margin-right:5px;
  1587. color:#FFF;
  1588. font-weight:600;
  1589. font-family: 'Roboto Condensed', sans-serif;
  1590. }
  1591.  
  1592. .txt-subtotal{
  1593. color:#FFF;
  1594. font-weight:600;
  1595. font-size:15px;
  1596. font-family: 'Roboto Condensed', sans-serif;
  1597. }
  1598.  
  1599. .txt-impuestos{
  1600. color:#FFF;
  1601. font-weight:600;
  1602. font-size:15px;
  1603. font-family: 'Roboto Condensed', sans-serif;
  1604. }
  1605.  
  1606. .txt-total{
  1607. color:#FFF;
  1608. font-weight:600;
  1609. font-size:25px;
  1610. font-family: 'Roboto Condensed', sans-serif;
  1611. }
  1612.  
  1613. .valor-total{
  1614. font-family: 'Roboto Condensed', sans-serif;
  1615. color:#FFF;
  1616. font-weight:600;
  1617. font-size:24px;
  1618. }
  1619.  
  1620. .inc-imp{
  1621. font-family: 'Roboto Condensed', sans-serif;
  1622. clear:both;
  1623. line-height: 3.8;
  1624. font-size: 12px;
  1625. color: white;
  1626. }
  1627. .container-precio{
  1628. font-family: 'Roboto Condensed', sans-serif;
  1629. text-align: center;
  1630. display:inline-block;
  1631. float:right !important;
  1632. }
  1633.  
  1634. .botones-pago{
  1635. margin:15px;
  1636. }
  1637. .margin-botones{
  1638. margin-left:5px;
  1639. margin-right:5px;
  1640.  
  1641. }
  1642.  
  1643. /** LISTADO COBERTURAS EXTRAS AGREGADAS **/
  1644. .cob-1{
  1645. background: white;
  1646. font-family: 'Roboto Condensed', sans-serif;
  1647. border-bottom: 1px solid #F3F3F3;
  1648. padding-top:13px;
  1649. padding-bottom:10px;
  1650. font-size: 1em;
  1651. line-height:2;
  1652. border-right: 1px solid #EFEFEF;
  1653. border-left: 1px solid #EFEFEF;
  1654. padding-right:15px;
  1655. padding-left:15px;
  1656. animation:ease-in-out;
  1657. transition-duration:0.4s;
  1658. }
  1659.  
  1660.  
  1661. .cob-2 {
  1662. background: white;
  1663. font-family: 'Roboto Condensed', sans-serif;
  1664. border-bottom: 1px solid #F3F3F3;
  1665. padding-top:13px;
  1666. padding-bottom:10px;
  1667. font-size: 0.80em;
  1668. line-height:2;
  1669. border-right: 1px solid #EFEFEF;
  1670. border-left: 1px solid #EFEFEF;
  1671. padding-right:15px;
  1672. padding-left:15px;
  1673. animation:ease-in-out;
  1674. transition-duration:0.4s;
  1675. }
  1676.  
  1677. .cob-3 {
  1678. background: white;
  1679. font-family: 'Roboto Condensed', sans-serif;
  1680. border-bottom: 1px solid #F3F3F3;
  1681. padding-top:13px;
  1682. padding-bottom:10px;
  1683. font-size: 0.80em;
  1684. line-height:2;
  1685. border-right: 1px solid #EFEFEF;
  1686. border-left: 1px solid #EFEFEF;
  1687. padding-right:15px;
  1688. padding-left:15px;
  1689. animation:ease-in-out;
  1690. transition-duration:0.4s;
  1691. }
  1692. .cob-4 {
  1693. background: white;
  1694. font-family: 'Roboto Condensed', sans-serif;
  1695. border-bottom: 1px solid #F3F3F3;
  1696. padding-top:13px;
  1697. padding-bottom:10px;
  1698. font-size: 0.80em;
  1699. line-height:2;
  1700. border-right: 1px solid #EFEFEF;
  1701. border-left: 1px solid #EFEFEF;
  1702. padding-right:15px;
  1703. padding-left:15px;
  1704. animation:ease-in-out;
  1705. transition-duration:0.4s;
  1706. }
  1707.  
  1708. .cob-5 {
  1709. background: white;
  1710. font-family: 'Roboto Condensed', sans-serif;
  1711. border-bottom: 1px solid #F3F3F3;
  1712. padding-top:13px;
  1713. padding-bottom:10px;
  1714. font-size: 0.80em;
  1715. line-height:2;
  1716. border-right: 1px solid #EFEFEF;
  1717. border-left: 1px solid #EFEFEF;
  1718. padding-right:15px;
  1719. padding-left:15px;
  1720. animation:ease-in-out;
  1721. transition-duration:0.4s;
  1722. }
  1723. .cob-6 {
  1724. background: white;
  1725. font-family: 'Roboto Condensed', sans-serif;
  1726. border-bottom: 1px solid #F3F3F3;
  1727. padding-top:13px;
  1728. padding-bottom:10px;
  1729. font-size: 0.80em;
  1730. line-height:2;
  1731. border-right: 1px solid #EFEFEF;
  1732. border-left: 1px solid #EFEFEF;
  1733. padding-right:15px;
  1734. padding-left:15px;
  1735. animation:ease-in-out;
  1736. transition-duration:0.4s;
  1737. }
  1738. .cob-7 {
  1739. background: white;
  1740. font-family: 'Roboto Condensed', sans-serif;
  1741. border-bottom: 1px solid #F3F3F3;
  1742. padding-top:13px;
  1743. padding-bottom:10px;
  1744. font-size: 0.80em;
  1745. line-height:2;
  1746. border-right: 1px solid #EFEFEF;
  1747. border-left: 1px solid #EFEFEF;
  1748. padding-right:15px;
  1749. padding-left:15px;
  1750. animation:ease-in-out;
  1751. transition-duration:0.4s;
  1752. }
  1753.  
  1754. .cob-8 {
  1755. background: white;
  1756. font-family: 'Roboto Condensed', sans-serif;
  1757. border-bottom: 1px solid #F3F3F3;
  1758. padding-top:13px;
  1759. padding-bottom:10px;
  1760. font-size: 0.80em;
  1761. line-height:2;
  1762. border-right: 1px solid #EFEFEF;
  1763. border-left: 1px solid #EFEFEF;
  1764. padding-right:15px;
  1765. padding-left:15px;
  1766. animation:ease-in-out;
  1767. transition-duration:0.4s;
  1768. }
  1769.  
  1770. .cob-9 {
  1771. background: white;
  1772. font-family: 'Roboto Condensed', sans-serif;
  1773. border-bottom: 1px solid #F3F3F3;
  1774. padding-top:13px;
  1775. padding-bottom:10px;
  1776. font-size: 0.80em;
  1777. line-height:2;
  1778. border-right: 1px solid #EFEFEF;
  1779. border-left: 1px solid #EFEFEF;
  1780. padding-right:15px;
  1781. padding-left:15px;
  1782. animation:ease-in-out;
  1783. transition-duration:0.4s;
  1784. }
  1785.  
  1786. .scroll{
  1787. background: white;
  1788. min-height:0px;
  1789. max-height:230px;
  1790. overflow:auto;
  1791. overflow-style:marquee-line;
  1792. border-left: 1px solid #F3F3F3;
  1793. border-right: 1px solid #F3F3F3;
  1794. }
  1795.  
  1796. .section-galeria-productos{
  1797. background: #FAFAFA !important;
  1798. }
  1799. .icono-carrito{
  1800. color: #f9a122;
  1801. }
  1802.  
  1803.  
  1804. .btn-naranja-lg{
  1805. font-size: 21px;
  1806. background: #F9A122;
  1807. padding: 10px;
  1808. color:#FFFFFF;
  1809. transition:ease-in-out;
  1810. transition-duration:0.4s;
  1811. animation:ease-in-out;
  1812. border: 0;
  1813. }
  1814.  
  1815. .btn-naranja-lg:hover {
  1816. border: 0;
  1817. font-size: 21px;
  1818. background: #FFB346 !important;
  1819. padding:10px;
  1820. color:#FFFFFF;
  1821. transition:ease-in-out;
  1822. transition-duration:0.4s;
  1823. animation:ease-in-out;
  1824. }
  1825. .btn-naranja-md{
  1826. font-size: 15px;
  1827. background: #F9A122;
  1828. padding:8px;
  1829. color:#FFFFFF;
  1830. transition:ease-in-out;
  1831. transition-duration:0.4s;
  1832. animation:ease-in-out;
  1833. border: 0;
  1834. margin-top:10px;
  1835. }
  1836.  
  1837. .btn-naranja-md:hover {
  1838. border: 0;
  1839. font-size: 15px;
  1840. background: #FFB346 !important;
  1841. padding:8px;
  1842. color:#FFFFFF;
  1843. transition:ease-in-out;
  1844. transition-duration:0.4s;
  1845. animation:ease-in-out;
  1846. }
  1847.  
  1848. .btn-verde-md{
  1849. font-size: 15px;
  1850. background: #61C114;
  1851. padding:8px;
  1852. color:#FFFFFF;
  1853. transition:ease-in-out;
  1854. transition-duration:0.4s;
  1855. animation:ease-in-out;
  1856. border: 0;
  1857. margin-top:10px;
  1858. }
  1859.  
  1860. .btn-verde-md:hover {
  1861. border: 0;
  1862. font-size: 15px;
  1863. background: #7FD539;
  1864. padding:8px;
  1865. color:#FFFFFF;
  1866. transition:ease-in-out;
  1867. transition-duration:0.4s;
  1868. animation:ease-in-out;
  1869. }
  1870. .btn-azul-lg{
  1871. font-size: 21px;
  1872. background: #003876;
  1873. padding:10px;
  1874. color:#FFFFFF;
  1875. transition:ease-in-out;
  1876. transition-duration:0.4s;
  1877. animation:ease-in-out;
  1878. /* margin-top:10px; */
  1879. }
  1880.  
  1881. .btn-azul-lg:hover{
  1882. font-size: 21px;
  1883. background: #3f597c !important;
  1884. padding:10px;
  1885. color:#FFFFFF;
  1886. transition:ease-in-out;
  1887. transition-duration:0.4s;
  1888. animation:ease-in-out;
  1889. }
  1890.  
  1891.  
  1892. .container-precio-detalle{
  1893. line-height: 0;
  1894. border: 1px solid #E7E7E7;
  1895. font-size:18px;
  1896. }
  1897.  
  1898. .txt-precio-detalle{
  1899. padding-top:25px;
  1900. padding-bottom:25px;
  1901. padding-right:25px;
  1902. background: #FAFAFA;
  1903. border:1px solid #D5D5D5;
  1904. font-size:22px;
  1905. }
  1906.  
  1907. .num-precio-detalle{
  1908. padding:25px;
  1909. font-size:22px;
  1910. border:1px solid #D5D5D5;
  1911. }
  1912. .inc-imp-detalle{
  1913. color:#BCBCBC;
  1914. font-size:14px;
  1915. font-weight:100;
  1916. }
  1917.  
  1918. .titulos-info-extra-seguros{
  1919.  
  1920. }
  1921.  
  1922. /** CSS DIEGO DE **/
  1923.  
  1924. .container-coberturas-detalle{
  1925. padding-top:15px;
  1926. padding-bottom:15px;
  1927. }
  1928.  
  1929. .div-cober-detalle{
  1930. margin-top:20px !important;
  1931.  
  1932.  
  1933. }
  1934.  
  1935. .titulos-coberturas{
  1936. color: #003876;
  1937. text-transform: uppercase;
  1938. text-align:center;
  1939. font-size: 18px;
  1940. padding:10px !important;
  1941. margin-top:15px;
  1942. }
  1943.  
  1944. .titulos-info-extra-seguros{
  1945. color:#003876;
  1946. margin-bottom:10px !important;
  1947.  
  1948. }
  1949.  
  1950. .descripcion-coberturas-detalle{
  1951. font-size: 15px !important;
  1952. font-weight:100 !important;
  1953. text-align:justify;
  1954. padding:10px;
  1955. }
  1956. .descripciones-pago{
  1957. font-size: 15px !important;
  1958. font-weight:100 !important;
  1959. text-align:justify;
  1960. padding:1px;
  1961. }
  1962. /* COTIZADOR */
  1963. .boton-categorias {
  1964. width:100%;
  1965. min-width:300px;
  1966. background:#fff;
  1967. height:56px;
  1968. color:#003876;
  1969. transition:ease-in-out;
  1970. transition-duration:0.4s;
  1971. animation:ease-in-out;
  1972. border-bottom:1px solid #f1f1f1;
  1973. font-family: 'Roboto Condensed', sans-serif;
  1974.  
  1975. }
  1976.  
  1977. .boton-categorias:hover {
  1978. width:100%;
  1979. background:#F9A122;
  1980. height:56px;
  1981. color:#FFF;
  1982. transition:ease-in-out;
  1983. transition-duration:0.4s;
  1984. animation:ease-in-out;
  1985. cursor: pointer;
  1986.  
  1987. }
  1988.  
  1989. .icono-categorias-cotizador {
  1990. float:left;
  1991. font-size:2.4em;
  1992. height:22px;
  1993. padding:10px;
  1994. line-height:0;
  1995. text-align:center !important;
  1996. width:40px;
  1997. margin-left:10px;
  1998. }
  1999.  
  2000.  
  2001. .flecha-categorias-cotizador {
  2002. float:right;
  2003. height:22px;
  2004. padding:27px;
  2005. background:url(../img/flecha.png);
  2006. background-position:center;
  2007. background-repeat:no-repeat;
  2008. padding-right:27px;
  2009. padding-left:27px;
  2010. }
  2011.  
  2012.  
  2013. .nombre-categorias-cotizador {
  2014. float:left;
  2015. height:22px;
  2016. padding-top:17px;
  2017. padding-bottom:17px;
  2018. padding-right:25px;
  2019. padding-left:62px;
  2020. text-align:left;
  2021. }
  2022.  
  2023. .cabecera-cotizador{
  2024. text-align:center !important;
  2025. font-family: 'Roboto Condensed', sans-serif;
  2026. max-height:34px;
  2027. padding-top:27px;
  2028. padding-bottom:27px;
  2029. background:#FAFAFA;
  2030. border-bottom:1px solid #f1f1f1;
  2031. font-size:20px;
  2032. color:#666666;
  2033. line-height:0;
  2034. }
  2035. .cotizador-home-2{
  2036. -webkit-box-shadow: 0px -2px 10px 0px rgba(50, 50, 50, 0.65);
  2037. -moz-box-shadow: 0px -2px 10px 0px rgba(50, 50, 50, 0.65);
  2038. box-shadow: 0px -2px 10px 0px rgba(50, 50, 50, 0.65);
  2039. border:1px solid #f1f1f1;
  2040.  
  2041. }
  2042.  
  2043. .titles-detalle-pago-aside{
  2044. color: #003671;
  2045. font-weight: 400;
  2046. }
  2047.  
  2048. .container-asistencias-detalle{
  2049. padding-top:15px;
  2050. padding-bottom:15px;
  2051. }
  2052.  
  2053. .div-asist-detalle{
  2054. margin-top:20px !important;
  2055.  
  2056.  
  2057. }
  2058.  
  2059. .titulos-asistencias{
  2060. color: #003876;
  2061. text-transform: uppercase;
  2062. text-align:center;
  2063. font-size: 18px;
  2064. padding:10px !important;
  2065. margin-top:15px;
  2066. }
  2067.  
  2068.  
  2069. .descripcion-asistencias-detalle{
  2070. font-size:14px !important;
  2071.  
  2072. font-weight:100 !important;
  2073. text-align:justify;
  2074.  
  2075. padding:10px;
  2076.  
  2077.  
  2078. }
  2079.  
  2080. .ul-detalle{
  2081. font-size:14px !important;
  2082. font-weight:100 !important;
  2083. text-align:justify;
  2084.  
  2085. padding:10px;
  2086. list-style-image: url(../img/list-1.png);
  2087.  
  2088. }
  2089.  
  2090.  
  2091. .desc-info-extra-seguros{
  2092. font-size:14px !important;
  2093. font-weight:100 !important;
  2094. text-align:justify;
  2095. color:#999 !important;
  2096.  
  2097. }
  2098.  
  2099. .box-1-asist-cober{
  2100.  
  2101.  
  2102. padding-top: 60px;
  2103. padding-bottom: 60px; background: #FAFAFA;
  2104. min-height: 325px;
  2105. max-height: 325px;
  2106. padding-right: 30px;
  2107. padding-left:30px;
  2108. transition:ease-in-out;
  2109. transition-duration:0.4s;
  2110. animation:ease-in-out;
  2111. }
  2112.  
  2113.  
  2114.  
  2115. .box-2-asist-cober{
  2116.  
  2117. padding-top: 60px;
  2118. padding-bottom: 60px;
  2119. background: #F8F8F8;
  2120. min-height: 325px;
  2121. max-height: 325px;
  2122. padding-left: 30px;
  2123. padding-right: 30px;
  2124. transition:ease-in-out;
  2125. transition-duration:0.4s;
  2126.  
  2127. animation:ease-in-out;
  2128.  
  2129. }
  2130.  
  2131.  
  2132.  
  2133.  
  2134. .panel-body-textos {
  2135. padding-top: 7px;
  2136. padding-bottom: 7px;
  2137. padding-left: 15px;
  2138. padding-right: 15px;
  2139. }
  2140.  
  2141. .datos-usuario-panel {
  2142. padding-left:8px;
  2143. font-weight:100;
  2144. }
  2145. .title-datos-usuario-panel {
  2146. /* padding-left:8px; */
  2147. font-weight:400;
  2148. }
  2149. .nombre-seguro-pago {
  2150. border: 1px solid #f1f1f1;
  2151. background:#FFF;
  2152. min-height: 105px;
  2153. max-height: 105px;
  2154. padding:15px;
  2155. font-size:16px;
  2156. }
  2157.  
  2158. .precio-seguro-pago {
  2159. border: 1px solid #F1F1F1;
  2160. color: #C0B8B8;
  2161. background: #FAFAFA;
  2162. min-height: 105px;
  2163. max-height: 105px;
  2164. padding-top: 6px;
  2165. font-size: 32px;
  2166. line-height: 0.4;
  2167. FONT-WEIGHT: 600;
  2168. }
  2169.  
  2170.  
  2171. .img-seguro-pago {
  2172.  
  2173.  
  2174. }
  2175. .nombre-seguro-pago-precio{
  2176. font-size:20px !important;
  2177. }
  2178. .descr-seguro-pago-precio{
  2179. font-size:15px !important;
  2180. font-weight:100 !important;
  2181. }
  2182.  
  2183. .items-carrito{border: 1px solid #F9A122;right: 70px;position:absolute;width: 20px;height: 20px;
  2184. background:#fff;
  2185. text-align:center !important;padding: 2px;line-height: 1;border-radius: 50%;}
  2186.  
  2187. .section-sponsors-wide{
  2188. max-height: 400px;
  2189. padding: 25px;
  2190. min-height: 100px;
  2191. background: #fafafa;
  2192. }
  2193. .valores-precios-pago{
  2194. font-size: 22px !important;
  2195. font-weight: 400 !important;
  2196. padding-left: 12px;
  2197. }
  2198.  
  2199. .precio-extras-pago{
  2200. font-size: 15px !important;
  2201. background: #F9A122 !important;
  2202. color: #fff;
  2203. float: right;
  2204. padding: 8px;
  2205. line-height: 0.4;
  2206. }
  2207.  
  2208. .box-1-asist-cober-cotizador {
  2209. padding-top: 20px;
  2210. padding-bottom: 20px;
  2211. background: #F8F8F8;
  2212. min-height: 300px;
  2213. max-height: 300px;
  2214. padding-left: 30px;
  2215. padding-right: 30px;
  2216. transition: ease-in-out;
  2217. transition-duration: 0.4s;
  2218. animation: ease-in-out;
  2219. border: 1px solid #fff;
  2220. margin-top: 5px;
  2221. }
  2222.  
  2223. .box-2-asist-cober-cotizador {
  2224. /* border-bottom: 2px solid #fff; */
  2225. border: 2px solid #fff;
  2226. padding-top: 20px;
  2227. padding-bottom: 20px;
  2228. background: #fafafa;
  2229. min-height: 300px;
  2230. max-height: 300px;
  2231. padding-left: 30px;
  2232. padding-right: 30px;
  2233. transition: ease-in-out;
  2234. transition-duration: 0.4s;
  2235. animation: ease-in-out;
  2236. margin-top: 5px;
  2237. }
  2238.  
  2239. .box-asist-cober-cotizador-agregado {
  2240. box-shadow: inset 0 0 2px #61C114, inset 0 0 2px #61C114, inset 0 0 2px #61C114;
  2241. padding-top: 20px;
  2242. padding-bottom: 20px;
  2243. background: #fff;
  2244. min-height: 300px;
  2245. max-height: 300px;
  2246. padding-left: 30px;
  2247. padding-right: 30px;
  2248. transition: ease-in-out;
  2249. transition-duration: 0.4s;
  2250. animation: ease-in-out;
  2251. margin-top: 5px;
  2252. }
  2253.  
  2254. .botonera-coberturas{
  2255. position: absolute;
  2256. bottom: 0;
  2257. display: inline-block;
  2258. right: 0;
  2259. width: 100%;
  2260. border: 1px solid #D5D5D5;
  2261. }
  2262.  
  2263. .precio-coberturas-1{
  2264.  
  2265. border: 0;
  2266.  
  2267. font-size: 16px;
  2268.  
  2269. background: #FFF;
  2270.  
  2271. padding:8px;
  2272.  
  2273. color: #003671;
  2274.  
  2275. transition:ease-in-out;
  2276.  
  2277. transition-duration:0.4s;
  2278.  
  2279. animation:ease-in-out;
  2280.  
  2281. bottom: 0;
  2282. }
  2283.  
  2284. .btn-naranja-coberturas{
  2285. font-size: 15px;
  2286. background: #F9A122;
  2287. padding:8px;
  2288. color:#FFFFFF;
  2289. transition:ease-in-out;
  2290. transition-duration:0.4s;
  2291. animation:ease-in-out;
  2292. border: 0;
  2293. }
  2294.  
  2295. .btn-naranja-coberturas:hover {
  2296. border: 0;
  2297. font-size: 15px;
  2298. background: #FFB346 !important;
  2299. padding:8px;
  2300. color:#FFFFFF;
  2301. transition:ease-in-out;
  2302. transition-duration:0.4s;
  2303. animation:ease-in-out;
  2304. }
  2305.  
  2306. .btn-rojo-coberturas{
  2307. font-size: 15px;
  2308. background: #FFFFFF;
  2309. padding:8px;
  2310. color: #F92222;
  2311. transition:ease-in-out;
  2312. transition-duration:0.4s;
  2313. animation:ease-in-out;
  2314. border: 0;
  2315. }
  2316.  
  2317. .btn-rojo-coberturas:hover {
  2318. border: 0;
  2319. font-size: 15px;
  2320. background: #E37070 !important;
  2321. padding:8px;
  2322. color:#FFFFFF;
  2323. transition:ease-in-out;
  2324. transition-duration:0.4s;
  2325. animation:ease-in-out;
  2326. }
  2327.  
  2328. .btn-verde-coberturas{
  2329. font-size: 15px;
  2330. background: #61C114;
  2331. padding:8px;
  2332. color:#FFFFFF;
  2333. transition:ease-in-out;
  2334. transition-duration:0.4s;
  2335. animation:ease-in-out;
  2336. border: 0;
  2337.  
  2338. }
  2339.  
  2340. .btn-verde-coberturas:hover {
  2341. border: 0;
  2342. font-size: 15px;
  2343. background: #7FD539;
  2344. padding:8px;
  2345. color:#FFFFFF;
  2346. transition:ease-in-out;
  2347. transition-duration:0.4s;
  2348. animation:ease-in-out;
  2349. }
  2350.  
  2351. .btn-verde-coberturas:hover {
  2352. border: 0;
  2353. font-size: 15px;
  2354. background: #7FD539;
  2355. padding:8px;
  2356. color:#FFFFFF;
  2357. transition:ease-in-out;
  2358. transition-duration:0.4s;
  2359. animation:ease-in-out;
  2360. }
  2361. .powered-by{
  2362. font-size: 13px;
  2363. border: 1px solid #F2F2F2;
  2364. padding: 10px;
  2365. font-family: 'Roboto Condensed', sans-serif;
  2366. font-weight: 100;
  2367. }
  2368. .libelula{
  2369. line-height: 1;
  2370. }
  2371. .logo_footer{
  2372. width:37px;
  2373. height:29px;
  2374. padding-top:5px;
  2375. float:right;
  2376. }
  2377.  
  2378.  
  2379. /**************************************** NUEVO COTIZADOR **************************************************/
  2380. .titles-footer{
  2381. font-size: 16px;
  2382. border-bottom: 1px solid #003671;
  2383. padding: 10px;
  2384. font-weight: 500 !important;
  2385. line-height: 1.1;
  2386. margin-top: 10px;
  2387. margin-bottom: 10px;
  2388. color:#003671;
  2389. }
  2390.  
  2391.  
  2392. .sidebar-menu-cotizador{
  2393. background: #fff;
  2394. padding: 80px;
  2395. border-radius: 8px !important;
  2396. -webkit-box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.05);
  2397. -moz-box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.05);
  2398. box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.05);
  2399. margin-top: 20px;
  2400. margin-bottom: 20px;
  2401.  
  2402. }
  2403.  
  2404. .container-cotizador{
  2405. /* margin-top: 10px; */
  2406. /* margin-bottom: 10px; */
  2407. }
  2408. .container-form-cotizador{
  2409.  
  2410. border-radius: 8px !important;
  2411.  
  2412. -webkit-box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.05);
  2413.  
  2414. -moz-box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.05);
  2415.  
  2416. box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.05);
  2417.  
  2418. margin-top: 5px;
  2419.  
  2420. margin-bottom: 20px;
  2421.  
  2422. height: auto !important;
  2423.  
  2424. overflow-y:hidden;
  2425. }
  2426.  
  2427. .container-listado-campos{
  2428.  
  2429. height: auto !important;
  2430. overflow-y:scroll !important;
  2431. max-height: 570px;
  2432. padding: 20px;
  2433. }
  2434.  
  2435. * {
  2436. box-sizing: border-box;
  2437. }
  2438.  
  2439. #myInput {
  2440.  
  2441. font-size: 16px;
  2442.  
  2443. margin-bottom: 12px;
  2444. }
  2445.  
  2446. #listados-buscadores {
  2447. list-style: none !important;
  2448. padding: 0;
  2449. margin: 0;
  2450. }
  2451.  
  2452.  
  2453. #listados-buscadores li a {
  2454. border: 1px solid #ddd;
  2455. margin-top: -1px; /* Prevent double borders */
  2456. background-color: #fefefe;
  2457. padding: 12px;
  2458. text-decoration: none;
  2459. font-size: 18px;
  2460. color: #878787;
  2461. display: block;
  2462. list-style: none !important;
  2463. font-weight: 300 !important;
  2464. }
  2465.  
  2466.  
  2467. #listados-buscadores li a.header {
  2468. background-color: #e2e2e2;
  2469. cursor: default; list-style: none !important;
  2470.  
  2471. }
  2472.  
  2473. #listados-buscadores li a:hover:not(.header) {
  2474. background-color: #eee;
  2475. list-style: none !important;
  2476.  
  2477. }
  2478.  
  2479.  
  2480.  
  2481.  
  2482. /*************** WIZARD COTIZADOR NUEVO ******************/
  2483.  
  2484. @import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300italic,300,400italic,700,700italic);
  2485. @import url(http://fonts.googleapis.com/css?family=Raleway:400,700,900);
  2486. @import url(http://fonts.googleapis.com/css?family=Lato:400,900);
  2487. @import url("prettyPhoto.css") screen;
  2488. @import url("hoverex-all.css") screen;
  2489.  
  2490. .login a{
  2491. color: white;
  2492.  
  2493. }
  2494.  
  2495. .login a:hover {
  2496. color: #f7a800 !important;
  2497. text-decoration:none;
  2498. }
  2499. /* ################################################################
  2500. MENU
  2501. ################################################################# */
  2502. .navbar {
  2503. font-family: 'Roboto Condensed', sans-serif;
  2504. background: #fff;
  2505. border-top: 1px solid #f1f1f1;
  2506. border-bottom: 1px solid #f1f1f1;
  2507. min-height: 53px;
  2508. /* padding-top: 10px; */
  2509. margin-bottom: 0px;
  2510. font-weight: 200;/* POSICINAR SOBRE EL BANNER */
  2511. position: absolute;
  2512. left: 0;
  2513. right: 0;
  2514. z-index: 16;
  2515. }
  2516. .navbar-2 {
  2517. font-family: 'Roboto Condensed', sans-serif;
  2518. background: #fff;
  2519. border-top: 1px solid #f1f1f1;
  2520. border-bottom: 1px solid #f1f1f1;
  2521. min-height: 53px;
  2522. /* padding-top: 10px; */
  2523. margin-bottom: 0px;
  2524. font-weight: 200;/* POSICINAR SOBRE EL BANNER */
  2525. position: absolute;
  2526. left: 0;
  2527. right: 0;
  2528. z-index: 16;
  2529. }
  2530.  
  2531. .navbar-brand {
  2532. font-family: 'Raleway', sans-serif;
  2533. font-weight: 900;
  2534. }
  2535.  
  2536. .navbar-header .navbar-brand {
  2537. color: white;
  2538. }
  2539.  
  2540. .navbar-default .navbar-nav > li > a {
  2541. color: white;
  2542. font-weight: 700;
  2543. font-size: 12px;
  2544. }
  2545.  
  2546. .navbar-default .navbar-nav > li > a:hover {
  2547. color: #00b3fe;
  2548. }
  2549.  
  2550. .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  2551. color: #00b3fe;
  2552. background-color: transparent;
  2553. }
  2554.  
  2555. .navbar-default {
  2556. background-color: #384452;
  2557. border-color: transparent;
  2558. }
  2559.  
  2560.  
  2561. .navbar-brand-2 {
  2562. font-family: 'Raleway', sans-serif;
  2563. font-weight: 900;
  2564. }
  2565.  
  2566. .navbar-header-2 .navbar-brand-2 {
  2567. color: white;
  2568. }
  2569.  
  2570. .navbar-default-2 .navbar-nav-2 > li > a {
  2571. color: white;
  2572. font-weight: 700;
  2573. font-size: 12px;
  2574. }
  2575.  
  2576. .navbar-default-2 .navbar-nav-2 > li > a:hover {
  2577. color: #00b3fe;
  2578. }
  2579.  
  2580. .navbar-default-2 .navbar-nav-2 > .active > a, .navbar-default-2 .navbar-nav-2 > .active > a:hover, .navbar-default-2 .navbar-nav-2 > .active > a:focus {
  2581. color: #00b3fe;
  2582. background-color: transparent;
  2583. }
  2584.  
  2585. .navbar-default-2 {
  2586. background-color: #384452;
  2587. border-color: transparent;
  2588. }
  2589.  
  2590.  
  2591.  
  2592. .dropdown-menu {
  2593. background: #384452;
  2594. }
  2595.  
  2596. .dropdown-menu > li > a {
  2597. color: white;
  2598. font-weight: 700;
  2599. font-size: 12px;
  2600. }
  2601.  
  2602. .btn-theme {
  2603. color: #fff;
  2604. background-color: #384452;
  2605. border-color: #384452;
  2606. margin: 4px;
  2607. }
  2608. .btn-theme:hover,
  2609. .btn-theme:focus,
  2610. .btn-theme:active,
  2611. .btn-theme.active,
  2612. .open .dropdown-toggle.btn-theme {
  2613. color: #fff;
  2614. background-color: #00b3fe;
  2615. border-color: #00b3fe;
  2616. }
  2617.  
  2618. .dmbutton:hover,
  2619. .dmbutton:active,
  2620. .dmbutton:focus{
  2621. color: #ffffff;
  2622. background-color: #222222;
  2623. border-color: #ffffff;
  2624. }
  2625. .dmbutton {
  2626. background:rgba(0, 0, 0, 0);
  2627. border: 1px solid #ffffff;
  2628. color: #ffffff;
  2629. -webkit-border-radius: 2px;
  2630. border-radius: 2px;
  2631. padding-top: 1.025rem;
  2632. padding-right: 2.25rem;
  2633. letter-spacing:0.85px;
  2634. padding-bottom: 1.0875rem;
  2635. padding-left: 2.25rem;
  2636. font-size: 1.55rem;
  2637. cursor: pointer;
  2638. font-weight: normal;
  2639.  
  2640. margin: 0 0 1.25rem;
  2641. text-decoration: none;
  2642. text-align: center;
  2643. display: inline-block;
  2644. -webkit-transition: background-color 300ms ease-out;
  2645. -moz-transition: background-color 300ms ease-out;
  2646. transition: background-color 300ms ease-out;
  2647. -webkit-appearance: none;
  2648. font-weight: normal !important;
  2649. }
  2650.  
  2651. .mtb {
  2652. margin-top: 80px;
  2653. margin-bottom: 80px;
  2654. }
  2655.  
  2656. .mb {
  2657. margin-bottom: 60px;
  2658. }
  2659.  
  2660. .mt {
  2661. margin-top: 60px;
  2662. }
  2663.  
  2664. .hline {
  2665. border-bottom: 2px solid #384452;
  2666. }
  2667.  
  2668. .hline-w {
  2669. border-bottom: 2px solid #204877;
  2670. margin-bottom: 25px;
  2671. }
  2672. /* ################################################################
  2673. SITE WRAPS
  2674. ################################################################# */
  2675.  
  2676. #headerwrap {
  2677. background-color: #3F597C;
  2678. /* background-image:url(../../img/banner.jpg); */
  2679. background-repeat:no-repeat;
  2680. background-position: top center !important;
  2681. min-height: 53px;
  2682. /* padding-top: 100px; */
  2683. padding-bottom: 0px;
  2684. text-align: center;
  2685. }
  2686.  
  2687. #headerwrap h3, h5 {
  2688. color: white;
  2689. font-weight: 400;
  2690. }
  2691.  
  2692. #headerwrap h1 {
  2693. color: white;
  2694. margin-bottom: 25px;
  2695. }
  2696.  
  2697. #headerwrap .img-responsive {
  2698. margin: 0 auto;
  2699. }
  2700.  
  2701. /* Services Wrap */
  2702. #service {
  2703. margin-top: 100px;
  2704. margin-bottom: 80px;
  2705. }
  2706.  
  2707. #service i {
  2708. color: #00b3fe;
  2709. font-size: 60px;
  2710. padding: 15px;
  2711. }
  2712.  
  2713. /* Portfolio Wrap */
  2714. #portfoliowrap {
  2715. padding-top: 60px;
  2716. margin-bottom: 60px;
  2717. display: block;
  2718. text-align: center
  2719. }
  2720.  
  2721. #portfoliowrap h3 {
  2722. margin-bottom: 25px;
  2723. }
  2724.  
  2725. .portfolio {
  2726. padding:0 !important;
  2727. margin:0 !important;
  2728. display:block;
  2729. }
  2730.  
  2731.  
  2732. .portfolio-item .title:before {border-radius:0; display:none}
  2733. .portfolio-item p {margin:0px 0 30px;}
  2734. .portfolio-item h3 {margin:-10px 0 10px; font-size:16px; text-transform:uppercase;}
  2735.  
  2736.  
  2737. .tpl6 h3
  2738. {
  2739. color:#fff;
  2740. margin:0;
  2741. padding:40px 5px 0;
  2742. font-size:16px;
  2743. text-transform:uppercase;
  2744. }
  2745. .tpl6 .dmbutton
  2746. {
  2747. display:inline-block;
  2748. margin:30px 5px 20px 5px;
  2749. font-size:13px;
  2750. }
  2751.  
  2752. .tpl6 .bg
  2753. {
  2754. height:100%;
  2755. width:100%;
  2756. background-color:#00b3fe;
  2757. background-color:rgba(0,179,254,.9);
  2758. text-align:center;
  2759. }
  2760.  
  2761. /* Testimonials Wrap */
  2762. #twrap {
  2763. background: url(../../img/t-back.jpg) no-repeat center top;
  2764. margin-top: 0px;
  2765. padding-top:60px;
  2766. text-align:center;
  2767. background-attachment: relative;
  2768. background-position: center center;
  2769. min-height: 450px;
  2770. width: 100%;
  2771.  
  2772. -webkit-background-size: 100%;
  2773. -moz-background-size: 100%;
  2774. -o-background-size: 100%;
  2775. background-size: 100%;
  2776.  
  2777. -webkit-background-size: cover;
  2778. -moz-background-size: cover;
  2779. -o-background-size: cover;
  2780. background-size: cover;
  2781. }
  2782.  
  2783. #twrap i {
  2784. font-size: 50px;
  2785. color: white;
  2786. margin-bottom: 25px;
  2787. }
  2788.  
  2789. #twrap p {
  2790. color: white;
  2791. font-size: 15px;
  2792. line-height: 30px;
  2793. }
  2794.  
  2795. /* clients logo */
  2796. #cwrap {
  2797. background: #FFFFFF;
  2798. margin-top: 0px;
  2799. padding-top: 80px;
  2800. padding-bottom: 100px;
  2801. }
  2802.  
  2803. #cwrap h3 {
  2804. margin-bottom: 60px;
  2805. }
  2806.  
  2807. /* Footer */
  2808. #footerwrap {
  2809. clear:both;
  2810. padding-top: 30px;
  2811. padding-bottom: 30px;
  2812. background: #F9F9F9;
  2813. border-top: 2px solid #EAEAEA;
  2814. }
  2815.  
  2816. #footerwrap p {
  2817. color: #6D88B2;
  2818. font-weight:100;
  2819. }
  2820.  
  2821. #footerwrap h4 {
  2822. padding: 10px;
  2823. border-bottom: 1px solid #003671;
  2824. color: #134175;
  2825. color: #003671;
  2826. }
  2827.  
  2828. #footerwrap i {
  2829. font-size: 30px;
  2830. color: #bfc9d3;
  2831. padding-right: 25px;
  2832. }
  2833.  
  2834. #footerwrap i:hover {
  2835. color: #F9A122
  2836. }
  2837.  
  2838. /* ################################################################
  2839. PAGE CONFIGURATIONS
  2840. ################################################################# */
  2841. /* General Tweaks */
  2842.  
  2843. #blue {
  2844. background: #00b3fe;
  2845. margin-top: 60px;
  2846. margin-bottom: 60px;
  2847. padding-top: 25px;
  2848. padding-bottom: 25px;
  2849. }
  2850.  
  2851. #blue h3 {
  2852. color: white;
  2853. margin-left: 15px;
  2854. }
  2855.  
  2856. .ctitle {
  2857. color: #00b3fe;
  2858. font-weight: 700;
  2859. margin-bottom: 15px;
  2860. }
  2861.  
  2862. csmall {
  2863. font-size: 12px;
  2864. color: #b3b3b3;
  2865. }
  2866. csmall2 {
  2867. font-size: 12px;
  2868. color: #f39c12
  2869. }
  2870.  
  2871. .spacing {
  2872. margin-top: 40px;
  2873. margin-bottom: 40px;
  2874. }
  2875.  
  2876. .badge-theme {
  2877. background: #00b3fe;
  2878. }
  2879.  
  2880. /* Contact Page */
  2881. #contactwrap {
  2882. background: url(../../img/contact.jpg) no-repeat center top;
  2883. margin-top: -60px;
  2884. padding-top:0px;
  2885. text-align:center;
  2886. background-attachment: relative;
  2887. background-position: center center;
  2888. min-height: 400px;
  2889. width: 100%;
  2890.  
  2891. -webkit-background-size: 100%;
  2892. -moz-background-size: 100%;
  2893. -o-background-size: 100%;
  2894. background-size: 100%;
  2895.  
  2896. -webkit-background-size: cover;
  2897. -moz-background-size: cover;
  2898. -o-background-size: cover;
  2899. background-size: cover;
  2900. }
  2901.  
  2902. /* Blog Page */
  2903. .popular-posts {
  2904. margin: 0px;
  2905. padding-left: 0px;
  2906. }
  2907.  
  2908. .popular-posts li {
  2909. list-style: none;
  2910. margin-bottom: 20px;
  2911. min-height: 70px;
  2912. }
  2913. .popular-posts li a,
  2914. .popular-posts li a:hover {
  2915. color:#2f2f2f;
  2916. text-decoration: none;
  2917. }
  2918.  
  2919. .popular-posts li img {
  2920. float: left;
  2921. margin-right: 20px;
  2922. }
  2923.  
  2924. .popular-posts li em {
  2925. font-family: 'Lato', sans-serif;
  2926. font-size: 12px;
  2927. color: #b3b3b3
  2928. }
  2929.  
  2930. .popular-posts p {
  2931. line-height: normal;
  2932. margin-bottom: auto;
  2933. }
  2934.  
  2935. .share i {
  2936. padding-right: 15px;
  2937. font-size: 18px;
  2938. }
  2939.  
  2940. .nav>li>a, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>li>a, .dropdown-menu>li{
  2941. /* border-bottom: 3px solid transparent; */
  2942. }
  2943. .nav>li>a:focus, .nav>li>a:hover,.nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
  2944. background: none;
  2945. }
  2946. .navbar a, .dropdown-menu>li>a, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
  2947. color: #fff;
  2948. }
  2949. .dropdown-menu{
  2950. -webkit-box-shadow: none;
  2951. box-shadow:none;
  2952. }
  2953.  
  2954. .nav li:hover:nth-child(8n+1), .nav li.active:nth-child(8n+1){
  2955. /* padding-top: 8px; */
  2956. /* background: #ECA03E; */
  2957. /* border-bottom: #FFFFFF 3px solid; */
  2958. }
  2959. .nav li:hover:nth-child(8n+2), .nav li.active:nth-child(8n+2){
  2960. }
  2961. .nav li:hover:nth-child(8n+3), .nav li.active:nth-child(8n+3){
  2962. }
  2963. .nav li:hover:nth-child(8n+4), .nav li.active:nth-child(8n+4){
  2964. }
  2965. .nav li:hover:nth-child(8n+5), .nav li.active:nth-child(8n+5){
  2966. }
  2967. .nav li:hover:nth-child(8n+6), .nav li.active:nth-child(8n+6){
  2968. }
  2969. .nav li:hover:nth-child(8n+7), .nav li.active:nth-child(8n+7){
  2970. }
  2971. .nav li:hover:nth-child(8n+8), .nav li.active:nth-child(8n+8){
  2972. }
  2973.  
  2974. /** styles web**/
  2975. .sinpadding [class*="col-"] {
  2976. padding: 0;
  2977. }
  2978.  
  2979. .container-fluid-sinpadding {
  2980. /* padding-right: 15px; */
  2981. /* padding-left: 15px; */
  2982. margin-right: auto;
  2983. margin-left: auto;
  2984. }
  2985.  
  2986. .section-header-1{
  2987. background: #003876;
  2988. min-height:30px;
  2989. /* max-height:30px; */
  2990. /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3f597c+0,003671+100 */
  2991. /* background: rgb(63,89,124); *//* Old browsers */
  2992. }
  2993.  
  2994.  
  2995. .section-header-2{
  2996. background:#FFF;
  2997. max-height:105px;
  2998. position:static;
  2999. }
  3000.  
  3001. .section-promociones-wide{
  3002. padding: 20px;
  3003. background: #FFFFFF;
  3004. background-repeat:no-repeat;
  3005. background-position:top center;
  3006. /* height: 200px; */
  3007. position:static;
  3008. }
  3009. .section-titulos-azul-wide{
  3010.  
  3011. background: #FFFFFF;
  3012. background-repeat: no-repeat;
  3013. background-position: center;
  3014. padding: 20px;
  3015. /* max-height:120px; */
  3016. position: static;
  3017. border-top: 1px solid #E2E2E2;
  3018. border-bottom: 1px solid #E2E2E2;
  3019. }
  3020. .section-titulos-naranja-wide{
  3021. background: #FFFFFF;
  3022. background-repeat: no-repeat;
  3023. background-position: top center;
  3024. padding: 20px;
  3025. /* max-height:120px; */
  3026. position: static;
  3027. border-top: 1px solid #E2E2E2;
  3028. border-bottom: 1px solid #E2E2E2;
  3029. }
  3030.  
  3031. .section-promos-bottom{
  3032. background: #FAFAFA;
  3033. background-repeat: no-repeat;
  3034. background-position: top center;
  3035. padding: 50px;
  3036. /* max-height:120px; */
  3037. position: static;
  3038. }
  3039. .section-casos-de-exito{
  3040. background: #022E51;
  3041. background-repeat: no-repeat;
  3042. background-position: center;
  3043. padding: 40px;
  3044. /* max-height:120px; */
  3045. position: static;
  3046. }
  3047.  
  3048. .container-pasos-wizard{
  3049. background: #DEDEDE;
  3050. margin-top:15px !important;
  3051. padding: 0;
  3052. border-bottom:1px solid #CCC;
  3053. }
  3054. .section-breadcrumb-top{
  3055. padding-top: 15px;
  3056. color: #214877;
  3057. padding-bottom: 10px;
  3058. line-height: 1;
  3059. background: #FAFAFA;
  3060. background-position:center;
  3061. font-weight:100;
  3062. }
  3063. .section-contacto-direccion{
  3064. background: #003671;
  3065. padding:15px;
  3066. }
  3067.  
  3068.  
  3069. .container-seguros{
  3070. max-height:105px;min-height:25px;
  3071. /* padding-top:15px; */
  3072. }
  3073. .container-equismart{
  3074. max-height:105px;
  3075. /* padding-top:15px; */
  3076. }
  3077.  
  3078. .container-seguros-small{
  3079. max-height:105px;
  3080. min-height:25px;
  3081. padding-top:15px;
  3082. /* padding-top:15px; */
  3083. }
  3084. .container-equismart-small{
  3085. max-height:105px;
  3086. padding-top:25px;
  3087. /* padding-top:15px; */
  3088. }
  3089.  
  3090. .boton-carrito{
  3091. border-left: 1px solid #E3E3E3;
  3092. background: #FAFAFA;
  3093. padding: 23px;
  3094. max-height:105px;
  3095. min-height:25px;
  3096. }
  3097. .txt-carrito{
  3098. color: #919191;
  3099. font-weight:400;
  3100. font-size:16px;
  3101. font-family: 'Roboto Condensed', sans-serif;
  3102. }
  3103.  
  3104. .icono-carrito{
  3105. color:#FFF;
  3106. font-size: 3em !important;
  3107. }
  3108.  
  3109. .container-sinpadding {
  3110. padding-right: 0px;
  3111. padding-left: 0px;
  3112. margin-right: auto;
  3113. margin-left: auto;
  3114. }
  3115.  
  3116. .color-white{
  3117. color:#FFF !important;
  3118.  
  3119. }
  3120. .color-gris{
  3121. color:#CCC !important;
  3122.  
  3123. }
  3124.  
  3125. .color-naranja-1{
  3126. color:#F9A122 !important;
  3127.  
  3128. }
  3129.  
  3130. .color-azul-1{
  3131. color: #003671 !important;
  3132. }
  3133. .color-azul-2{
  3134. color: #6D88B2 !important;
  3135.  
  3136. }
  3137. .font-1{
  3138. font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  3139. }
  3140.  
  3141.  
  3142.  
  3143. /*buscador*/
  3144.  
  3145. input.search-query {
  3146. padding-left:26px;
  3147. }
  3148.  
  3149. form.form-search {
  3150. position: relative;
  3151. }
  3152.  
  3153. form.form-search:before {
  3154. content:'';
  3155. display: block;
  3156. width: 14px;
  3157. height: 14px;
  3158. background-image: url(http://getbootstrap.com/2.3.2/assets/img/glyphicons-halflings.png);
  3159. background-position: -48px 0;
  3160. position: absolute;
  3161. top:8px;
  3162.  
  3163.  
  3164.  
  3165.  
  3166. left:8px;
  3167. opacity: .5;
  3168. z-index: 1000;
  3169. }
  3170.  
  3171.  
  3172. /************ MENU **************/
  3173. #cssmenu,
  3174. #cssmenu ul,
  3175. #cssmenu ul li,
  3176. #cssmenu ul li a,
  3177. #cssmenu #menu-button {
  3178. margin: 0;
  3179. padding: 0;
  3180. border: 0;
  3181. list-style: none;
  3182. line-height: 1;
  3183. display: block;
  3184. position: relative;
  3185. -webkit-box-sizing: border-box;
  3186. -moz-box-sizing: border-box;
  3187. box-sizing: border-box;
  3188. }
  3189. #cssmenu:after,
  3190. #cssmenu > ul:after {
  3191. content: ".";
  3192. display: block;
  3193. clear: both;
  3194. visibility: hidden;
  3195. line-height: 0;
  3196. height: 0;
  3197. }
  3198. #cssmenu #menu-button {
  3199. display: none;
  3200. }
  3201. #cssmenu {
  3202. width: auto;
  3203. font-family: 'Roboto Condensed', sans-serif;
  3204. line-height: 1;
  3205. color:#ffffff !important;
  3206. /* background: #ffffff; */
  3207. }
  3208.  
  3209. #cssmenu > ul > li {
  3210. float: left;
  3211. }
  3212. #cssmenu.align-center > ul {
  3213. font-size: 0;
  3214. text-align: center;
  3215. }
  3216. #cssmenu.align-center > ul > li {
  3217. display: inline-block;
  3218. float: none;
  3219. }
  3220. #cssmenu.align-center ul ul {
  3221. text-align: left;
  3222. }
  3223. #cssmenu.align-right > ul > li {
  3224. float: right;
  3225. }
  3226. #cssmenu.align-right ul ul {
  3227. text-align: right;
  3228. }
  3229. #cssmenu > ul > li > a {
  3230. padding: 18px;
  3231. font-size: 15px;
  3232. text-decoration: none;
  3233. text-transform: uppercase;
  3234. color: #919191;
  3235. -webkit-transition: color .2s ease;
  3236. -moz-transition: color .2s ease;
  3237. -ms-transition: color .2s ease;
  3238. -o-transition: color .2s ease;
  3239. transition: color .2s ease;
  3240. }
  3241. #cssmenu > ul > li:hover > a,
  3242. #cssmenu > ul > li.active > a {
  3243. font-weight: 300;
  3244. color: #fff;
  3245. background-color: #003876!important;
  3246. -webkit-transition: background-color 300ms ease-out;
  3247. -moz-transition: background-color 300ms ease-out;
  3248. transition: background-color 300ms ease-out;
  3249. }
  3250. #cssmenu > ul > li.has-sub > a {
  3251. padding-right: 28px;
  3252. /* color: aqua; */
  3253. }
  3254. #cssmenu > ul > li.has-sub > a::after {
  3255. position: absolute;
  3256. top: 24px;
  3257. right: 10px;
  3258. width: 4px;
  3259. height: 4px;
  3260. border-bottom: 1px solid #FFFFFF;
  3261. border-right: 1px solid #FFFFFF;
  3262. content: "";
  3263. -webkit-transform: rotate(45deg);
  3264. -moz-transform: rotate(45deg);
  3265. -ms-transform: rotate(45deg);
  3266. -o-transform: rotate(45deg);
  3267. transform: rotate(45deg);
  3268. -webkit-transition: border-color 0.2s ease;
  3269. -moz-transition: border-color 0.2s ease;
  3270. -ms-transition: border-color 0.2s ease;
  3271. -o-transition: border-color 0.2s ease;
  3272. transition: border-color 0.2s ease;
  3273. }
  3274. #cssmenu > ul > li.has-sub:hover > a::after {
  3275. border-color: #FFFFFF;
  3276. }
  3277. #cssmenu ul ul {
  3278. position: absolute;
  3279. left: -9999px;
  3280. }
  3281. #cssmenu li:hover > ul {
  3282. left: auto;
  3283. }
  3284. #cssmenu.align-right li:hover > ul {
  3285. right: 0;
  3286. }
  3287. #cssmenu ul ul ul {
  3288. margin-left: 100%;
  3289. top: 0;
  3290. }
  3291. #cssmenu.align-right ul ul ul {
  3292. margin-left: 0;
  3293. margin-right: 100%;
  3294. }
  3295. #cssmenu ul ul li {
  3296. height: 0;
  3297. -webkit-transition: height .2s ease;
  3298. -moz-transition: height .2s ease;
  3299. -ms-transition: height .2s ease;
  3300. -o-transition: height .2s ease;
  3301.  
  3302. transition: height .2s ease;
  3303. }
  3304. #cssmenu ul li:hover > ul > li {
  3305. height: 32px;
  3306. }
  3307. #cssmenu ul ul li a {
  3308.  
  3309. padding: 10px 20px;
  3310.  
  3311. width: 173PX;
  3312.  
  3313. font-size: 14px;
  3314.  
  3315. background: #FFFFFF;
  3316.  
  3317. text-decoration: none;
  3318.  
  3319. color: #6B6B6B;
  3320.  
  3321. -webkit-transition: color .2s ease;
  3322.  
  3323. -moz-transition: color .2s ease;
  3324.  
  3325. -ms-transition: color .2s ease;
  3326.  
  3327. -o-transition: color .2s ease;
  3328.  
  3329. transition: color .2s ease;
  3330. }
  3331. #cssmenu ul ul li:hover > a,
  3332. #cssmenu ul ul li a:hover {
  3333. color: #F7a800;
  3334. }
  3335. #cssmenu ul ul li.has-sub > a::after {
  3336. position: absolute;
  3337. top: 13px;
  3338. right: 10px;
  3339. width: 4px;
  3340. height: 4px;
  3341. border-bottom: 1px solid #dddddd;
  3342. border-right: 1px solid #dddddd;
  3343. content: "";
  3344. -webkit-transform: rotate(-45deg);
  3345. -moz-transform: rotate(-45deg);
  3346. -ms-transform: rotate(-45deg);
  3347. -o-transform: rotate(-45deg);
  3348. transform: rotate(-45deg);
  3349. -webkit-transition: border-color 0.2s ease;
  3350. -moz-transition: border-color 0.2s ease;
  3351. -ms-transition: border-color 0.2s ease;
  3352. -o-transition: border-color 0.2s ease;
  3353. transition: border-color 0.2s ease;
  3354. }
  3355. #cssmenu.align-right ul ul li.has-sub > a::after {
  3356. right: auto;
  3357. left: 10px;
  3358. border-bottom: 0;
  3359. border-right: 0;
  3360. border-top: 1px solid #dddddd;
  3361. border-left: 1px solid #dddddd;
  3362. }
  3363. #cssmenu ul ul li.has-sub:hover > a::after {
  3364. border-color: #ffffff;
  3365. }
  3366. @media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  3367. #cssmenu {
  3368. width: 100%;
  3369. }
  3370. #cssmenu ul {
  3371. width: 100%;
  3372. display: none;
  3373. }
  3374. #cssmenu.align-center > ul,
  3375. #cssmenu.align-right ul ul {
  3376. text-align: left;
  3377. }
  3378. #cssmenu ul li,
  3379. #cssmenu ul ul li,
  3380. #cssmenu ul li:hover > ul > li {
  3381. width: 100%;
  3382. height: auto;
  3383. border-top: 1px solid rgba(120, 120, 120, 0.15);
  3384. }
  3385. #cssmenu ul li a,
  3386. #cssmenu ul ul li a {
  3387. border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  3388. width: 100%;
  3389. }
  3390. #cssmenu > ul > li,
  3391. #cssmenu.align-center > ul > li,
  3392. #cssmenu.align-right > ul > li {
  3393. float: none;
  3394. display: block;
  3395. }
  3396. #cssmenu ul ul li a {
  3397. padding: 20px 20px 20px 30px;
  3398. font-size: 14px;
  3399. color: #FFF;
  3400. background: none;
  3401. }
  3402. #cssmenu ul ul li:hover > a,
  3403. #cssmenu ul ul li a:hover {
  3404. color: #FF9900;
  3405. }
  3406. #cssmenu ul ul ul li a {
  3407. padding-left: 40px;
  3408. }
  3409. #cssmenu ul ul,
  3410. #cssmenu ul ul ul {
  3411. position: relative;
  3412. left: 0;
  3413. right: auto;
  3414. width: 100%;
  3415. margin: 0;
  3416. }
  3417. #cssmenu > ul > li.has-sub > a::after,
  3418. #cssmenu ul ul li.has-sub > a::after {
  3419. display: none;
  3420. }
  3421. #menu-line {
  3422. display: none;
  3423. }
  3424. #cssmenu #menu-button {
  3425. display: block;
  3426. padding: 20px;
  3427. color: #FFFFFF;
  3428. cursor: pointer;
  3429. font-size: 15px;
  3430. text-transform: uppercase;
  3431. }
  3432. #cssmenu #menu-button::after {
  3433. content: '';
  3434. position: absolute;
  3435.  
  3436.  
  3437.  
  3438.  
  3439.  
  3440.  
  3441.  
  3442. top: 20px;
  3443. right: 20px;
  3444. display: block;
  3445. width: 15px;
  3446. height: 2px;
  3447. background: #FFFFFF;
  3448. }
  3449. #cssmenu #menu-button::before {
  3450. content: '';
  3451. position: absolute;
  3452. top: 25px;
  3453. right: 20px;
  3454. display: block;
  3455. width: 15px;
  3456. height: 8px;
  3457. border-top: 2px solid #FFFFFF;
  3458. border-bottom: 2px solid #FFFFFF;
  3459. }
  3460. #cssmenu .submenu-button {
  3461. position: absolute;
  3462. z-index: 10;
  3463. right: 0;
  3464. top: 0;
  3465. display: block;
  3466. border-left: 1px solid rgba(120, 120, 120, 0.15);
  3467. height: 52px;
  3468. width: 52px;
  3469. cursor: pointer;
  3470. }
  3471. #cssmenu .submenu-button::after {
  3472. content: '';
  3473. position: absolute;
  3474. top: 21px;
  3475. left: 26px;
  3476. display: block;
  3477. width: 1px;
  3478. height: 11px;
  3479. background: #FFFFFF;
  3480. z-index: 99;
  3481. }
  3482. #cssmenu .submenu-button:before {
  3483. content: '';
  3484. position: absolute;
  3485. left: 21px;
  3486. top: 26px;
  3487. display: block;
  3488. width: 11px;
  3489. height: 1px;
  3490. background: #FFFFFF;
  3491. z-index: 99;
  3492.  
  3493. }
  3494. #cssmenu .submenu-button.submenu-opened:after {
  3495. display: none;
  3496. }
  3497. }
  3498. .navbar-form-sinpadding {
  3499. /* padding: 10px 15px; */
  3500. margin-top: 8px;
  3501. margin-right: -15px;
  3502. margin-bottom: 8px;
  3503. /* margin-left: -15px; */
  3504. /* border-top: 1px solid transparent; */
  3505. /* border-bottom: 1px solid transparent; */
  3506. /* -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); */
  3507. /* box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); */
  3508. }
  3509.  
  3510.  
  3511. /***********************************/
  3512.  
  3513.  
  3514. .cotizador-home{
  3515. position:absolute;
  3516. margin-top:130px;
  3517. z-index:14;
  3518. text-align: left;
  3519. width: 100%;
  3520. }
  3521.  
  3522. /***********************************/
  3523.  
  3524. .main-container {
  3525. /*padding: 10px 15px;*/
  3526. }
  3527. /*.skyblue {
  3528. background-image:url(../img/banner.jpg);
  3529.  
  3530. background-position:top center !important;
  3531. background-repeat:no-repeat;
  3532.  
  3533. }*/
  3534. .deepskyblue {
  3535. background-image:url(../img/banner_2_3D.jpg);
  3536. background-position:top center !important;
  3537. background-repeat:no-repeat;
  3538. }
  3539. .darkerskyblue {
  3540.  
  3541. background-image:url(../img/banner_3_3D.jpg);
  3542. background-position:top center !important;
  3543. background-repeat:no-repeat;
  3544. }
  3545. .carousel-indicators {
  3546. bottom: 0;
  3547. }
  3548. .carousel-control.right,
  3549. .carousel-control.left {
  3550. background-image: none;
  3551. }
  3552. .carousel .item {
  3553. min-height: 500px;
  3554. height: 100%;
  3555. width:100%;
  3556. }
  3557. .carousel-caption h3,
  3558. .carousel .icon-container,
  3559. .carousel-caption button {
  3560. background-color: #09c;
  3561. }
  3562. .carousel-caption h3 {
  3563. padding: .5em;
  3564. }
  3565. .carousel .icon-container {
  3566. display: inline-block;
  3567. font-size: 25px;
  3568. line-height: 25px;
  3569. padding: 1em;
  3570. text-align: center;
  3571. border-radius: 50%;
  3572. }
  3573. .carousel-caption button {
  3574. border-color: #00bfff;
  3575. margin-top: 1em;
  3576. }
  3577.  
  3578. /* Animation delays */
  3579. .carousel-caption h3:first-child {
  3580. animation-delay: 1s;
  3581. }
  3582. .carousel-caption h3:nth-child(2) {
  3583. animation-delay: 2s;
  3584. }
  3585. .carousel-caption button {
  3586. animation-delay: 3s;
  3587. }
  3588.  
  3589. h1 {
  3590. text-align: center;
  3591. margin-bottom: 30px;
  3592. font-size: 30px;
  3593. font-weight: bold;
  3594. }
  3595.  
  3596. .p {
  3597. padding-top: 125px;
  3598. text-align: center;
  3599. }
  3600.  
  3601. .p a {
  3602. text-decoration: underline;
  3603. }
  3604.  
  3605. .contenedor-texto-titulos{
  3606. /*min-height: 50px;*/
  3607. color:#FFFFFF;
  3608. }
  3609.  
  3610. .titulo-izq{
  3611. letter-spacing: 0.05em;
  3612. font-size: 24px !important;
  3613. color: #124074;
  3614. /* font-family: 'Roboto Condensed', sans-serif; */
  3615. }
  3616.  
  3617.  
  3618. .titulo-der{
  3619. font-family: 'Roboto Condensed', sans-serif;
  3620. color: #204877;
  3621. font-size:19px;
  3622. font-weight:100;
  3623. line-height: 1.6;
  3624. }
  3625.  
  3626. .container-promo-home-top-2{
  3627. margin-top:10px;
  3628.  
  3629. }
  3630.  
  3631.  
  3632. .1-800{
  3633. margin-top:15px !important;
  3634. margin-bottom:5px !important;
  3635. }
  3636.  
  3637. .direcciones-footer{
  3638. text-justify:auto;
  3639. text-align:justify !important;
  3640. }
  3641.  
  3642. .section-footer-logos{
  3643. padding:15px;
  3644. }
  3645.  
  3646. .container-casos-exito{
  3647. text-align:justify;
  3648. font-size:17px;
  3649. }
  3650.  
  3651. .container-img-app{
  3652. margin-top:15px;
  3653.  
  3654. }
  3655. .container-slider-promos{
  3656. margin-top:15px;
  3657.  
  3658. }
  3659.  
  3660. .container-frase-breadcrumb{
  3661. font-style:italic;
  3662. font-weight:300;
  3663. font-size:18px;
  3664. line-height: 1.5;
  3665. text-transform:uppercase;
  3666. }
  3667. .container-breadcrumb{
  3668. line-height: 2;
  3669. }
  3670.  
  3671. .breadcrumb-active{
  3672. color:#F9A122 !important;
  3673.  
  3674. }
  3675. /** PRODUCTOS SEGUROS **/
  3676. .contenedor_prod{
  3677. padding:5px;
  3678. max-width:357px;
  3679. min-height:220px;
  3680. text-align:center;
  3681. margin-top:10px;
  3682. margin-bottom:10px;
  3683. }
  3684.  
  3685. .gal-boton-seguro{
  3686. background: #EFEFEF;
  3687. background-image:url(../img/flecha.png);
  3688. background-repeat:no-repeat;
  3689. background-position:center;
  3690. padding-top:35px;
  3691. padding-bottom:35px;
  3692. padding-right:28px;
  3693. padding-left: 20px;
  3694. float:right;
  3695. height:auto !important;
  3696. min-height:80px;
  3697. transition-duration:0.4s;
  3698. animation:ease-in-out;
  3699.  
  3700. }
  3701.  
  3702.  
  3703. .gal-boton-seguro:hover {
  3704. background: #f9a122;
  3705. background-image:url(../img/flecha_blanca.png) ;
  3706. background-repeat:no-repeat;
  3707. background-position:20px ;
  3708. padding-top:35px;
  3709. padding-bottom:35px;
  3710. padding-right:28px;
  3711. padding-left:20px;
  3712. float:right;
  3713. height:auto !important;
  3714. min-height:80px;
  3715. }
  3716.  
  3717. .container-inferior-prod{
  3718. /* margin-top: -4px; */
  3719. /* top: 115px; */
  3720. max-width:357px;
  3721. min-height:80px;
  3722. }
  3723.  
  3724.  
  3725. .gal-nombre-seguro{
  3726. border-bottom: 1px solid #EFEFEF;
  3727. text-align:left;
  3728. font-size:18px;
  3729. font-weight: 400 !important;
  3730. padding: 2px;
  3731. color:#F9A122;
  3732. float:left;
  3733. display:inline-block;
  3734. }
  3735.  
  3736. .gal-desc-seguro{
  3737. width:80%;
  3738. text-align:left;
  3739. font-size: 14px;
  3740.  
  3741. padding:5px;
  3742. color: #9A9A9A;
  3743. font-weight:100 !important;
  3744. float:left;
  3745. display:inline-block;
  3746. }
  3747.  
  3748.  
  3749. /** CHAT **/
  3750.  
  3751. #chat_parent{
  3752. cursor: pointer;
  3753. position: fixed;
  3754. top: 40%;
  3755. z-index: 999;
  3756. right: -148px;
  3757. border-radius:8px;
  3758. transition:ease-in-out;
  3759. transition-duration:0.4s;
  3760. transition-property:all;
  3761. }
  3762.  
  3763. #chat_parent:hover {
  3764. width: 258px;
  3765. right:-10px;
  3766. transition:ease-in-out;
  3767. transition-duration:0.4s;
  3768. transition-property:all;
  3769. }
  3770.  
  3771. .chat_window
  3772. {
  3773. border-radius:8px 0 0 8px;
  3774. float:right;
  3775. width: 258px;
  3776. height: 114px;
  3777.  
  3778. background-image:url(../../img/chat-img.png);
  3779. background-position:center;
  3780. background-repeat:no-repeat;
  3781.  
  3782. }
  3783.  
  3784. .chat_header
  3785. {
  3786. width: 100%;
  3787. height: 30px;
  3788. border-bottom: 1px solid #000;
  3789. }
  3790.  
  3791. .chat_header span
  3792. {
  3793. font-size: 12px;
  3794. margin-left: 10px;
  3795. }
  3796.  
  3797. .margin-top-form{
  3798. margin-top:10px !important;
  3799. margin-bottom:10px !important;
  3800.  
  3801. }
  3802.  
  3803. .fonts-wizard{
  3804. padding:16px;
  3805. font-size:20px !important;
  3806. }
  3807. .done{
  3808. color: #fff;
  3809. background-color: #61C114 !important;
  3810. }
  3811. .icono-azul{
  3812. display:none !important;
  3813. color:#3F597C !important;
  3814.  
  3815. }
  3816.  
  3817. .icono-blanco{
  3818. display: inline-block !important;
  3819. color:#fff !important;
  3820. font-size:20px !important;
  3821.  
  3822. }
  3823.  
  3824. .a-wizard {
  3825.  
  3826. text-decoration: none;
  3827. transition-duration:0.4s;
  3828. animation:ease-in-out;
  3829. transition-duration:0.4s;
  3830.  
  3831. }
  3832. .a-wizard {
  3833. color: #fff !important;
  3834. text-decoration: none;
  3835. transition-duration:0.4s;
  3836. animation:ease-in-out;
  3837. transition-duration:0.4s;
  3838. }
  3839. .a-wizard:hover,
  3840. .a-wizard:focus {
  3841.  
  3842. color: #fff;
  3843. text-decoration:none;
  3844. transition:ease-in-out;
  3845. transition-duration:0.4s;
  3846. animation:ease-in-out;
  3847. }
  3848. .a-wizard:focus {
  3849. outline: thin dotted;
  3850. outline: 5px auto -webkit-focus-ring-color;
  3851. outline-offset: -2px;
  3852. }
  3853.  
  3854. .transparent{
  3855. background-image: none !important;
  3856. }
  3857.  
  3858. .img-responsive,
  3859. .thumbnail > img,
  3860. .thumbnail a > img,
  3861. .carousel-inner > .item > img,
  3862. .carousel-inner > .item > a > img {
  3863. display: block;
  3864. max-width: 100% !important;
  3865. height: auto;
  3866. }
  3867.  
  3868.  
  3869. .container-img-seguro-detalle {
  3870.  
  3871. }
  3872.  
  3873.  
  3874. .container-rows {
  3875. padding-right:10px !important;
  3876. padding-left:10px !important;
  3877. margin:0 !important;
  3878.  
  3879. }
  3880.  
  3881.  
  3882. .margin-contenido{
  3883. margin-top:15px !important;
  3884. margin-bottom:15px !important;
  3885.  
  3886. }
  3887. .titulos{
  3888. font-size: 20px;
  3889. padding: 15px;
  3890. font-family: 'Roboto Condensed', sans-serif;
  3891. background: #003876;
  3892. background-repeat: no-repeat;
  3893. background-position: center;
  3894. color:#FFF;
  3895. margin-bottom:15px;
  3896. letter-spacing: 0em;
  3897. border-radius:5px;
  3898. }
  3899. .titulos-2{
  3900. line-height: 0;
  3901. padding-top: 25px;
  3902. font-family: 'Roboto Condensed', sans-serif;
  3903. background: #F9A122;
  3904. background-repeat: no-repeat;
  3905. background-position: center;
  3906. color:#FFF;
  3907. margin-bottom:15px;
  3908. letter-spacing: 0em;
  3909. border-radius:5px;
  3910. padding-bottom: 25px;
  3911. padding-left: 15px;
  3912. padding-right: 15px;
  3913. font-size: 20px;
  3914. }
  3915. .descripcion-larga-detalle{
  3916. font-size:15px;
  3917. text-align:justify;
  3918. }
  3919.  
  3920. .descripcion-extra-detalle{
  3921. font-size:15px;
  3922. text-align:justify;
  3923. background:#3f597c;
  3924. color:#FFF !important;
  3925. border-radius:5px;
  3926. padding:15px;
  3927.  
  3928. }
  3929.  
  3930. .container-botones-detalle{
  3931. margin-top:15px;
  3932. margin-bottom:15px;
  3933.  
  3934. }
  3935.  
  3936. .nav-accordion-detalle{
  3937. color: #327fc2!important;
  3938.  
  3939. }
  3940.  
  3941. .precio-cobertura {
  3942. background: #3f597c;
  3943. padding: 5px 5px 5px 5px;
  3944. border-radius: 4px;
  3945. font-size: 14px;
  3946. float: right;
  3947. margin-left: 5px;
  3948. margin-right: 5px;
  3949. color: #FFF;
  3950. font-weight: 600;
  3951. font-family: 'Roboto Condensed', sans-serif;
  3952. }
  3953. button#Crear1 {
  3954. color: #fff;
  3955. background-color: #55A216;
  3956. border-color: #5CB912;
  3957. transition-duration: 0.4s;
  3958. animation: ease-in-out;
  3959. }
  3960.  
  3961. .btn-anadir{
  3962. color: #fff;
  3963. background-color: #55A216;
  3964. border-color: #5CB912;
  3965. }
  3966.  
  3967. .btn-anadir:hover, .btn-anadir:focus, .btn-anadir:active, .btn-anadir.active, .open .dropdown-toggle.btn-anadir {
  3968. color: #fff;
  3969. background-color: #55A216;
  3970. border-color: #5CB912;
  3971. transition-duration: 0.4s;
  3972. animation: ease-in-out;
  3973. }
  3974.  
  3975. .nombre-seg-pers{
  3976. color:#FFF !important;
  3977. font-size:22px;
  3978. font-weight:600;
  3979. text-transform:uppercase;
  3980.  
  3981. }
  3982.  
  3983. .desc-seg-pers{
  3984. color:#FFF !important;
  3985. font-size:14px;
  3986. }
  3987.  
  3988. .txt-anadir-1{
  3989. color:#FFF;
  3990. font-size:12px;
  3991. text-align: start;
  3992. }
  3993.  
  3994. .divs-inline{
  3995. display:inline-block;
  3996. margin:5px 8px;
  3997. float:left !important;
  3998. }
  3999. .row-no-margin {
  4000. margin-left: 0px;
  4001. margin-right: 0px;
  4002. }
  4003.  
  4004. .bg-steps-wizard{
  4005. min-height:100%;
  4006. padding: 19px;
  4007. margin-bottom: 20px;
  4008. background-color: #FBFBFB;
  4009. border: 1px solid #e3e3e3;
  4010. border-radius: 4px;
  4011. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  4012. box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  4013.  
  4014. }
  4015.  
  4016.  
  4017. .coberturas-agregadas:before{
  4018. display: none ;
  4019. border-left: 1px solid #F3F3F3;
  4020. border-right: 1px solid #F3F3F3;
  4021. background: #FFFFFF;
  4022. padding:10px;
  4023. font-family: 'Roboto Condensed', sans-serif !important;
  4024. content: none !important;
  4025. }
  4026.  
  4027.  
  4028. .coberturas-agregadast:after{
  4029. display: block !important;
  4030. border-left: 1px solid #F3F3F3;
  4031. border-right: 1px solid #F3F3F3;
  4032. background: #FFFFFF;
  4033. padding:10px;
  4034. font-family: 'Roboto Condensed', sans-serif !important;
  4035. }
  4036.  
  4037.  
  4038. .container-info-cobertura-agregada{
  4039. font-family: 'Roboto Condensed', sans-serif;
  4040. /* border-bottom: 1px solid #F3F3F3; */
  4041. /* padding-top:10px; */
  4042. /* padding-bottom:10px; */
  4043.  
  4044. line-height:2;
  4045. }
  4046.  
  4047. .precio-cobertura-agregada{
  4048. font-family: 'Roboto Condensed', sans-serif;
  4049. background: #3f597c;
  4050. padding:1px 5px 1px 5px;
  4051. border-radius:4px;
  4052. font-size:14px;
  4053. float:right;
  4054. margin-left:5px;
  4055. margin-right:5px;
  4056. color:#FFF;
  4057. font-weight:600;
  4058. }
  4059. .nombre-cobertura-agregada{
  4060.  
  4061. line-height: 2;
  4062. }
  4063. .precio-cobertura{
  4064. background: #3f597c;
  4065. padding:5px 5px 5px 5px;
  4066. border-radius:4px;
  4067. font-size:14px;
  4068. float:right;
  4069. margin-left:5px;
  4070. margin-right:5px;
  4071. color:#FFF;
  4072. font-weight:600;
  4073. font-family: 'Roboto Condensed', sans-serif;
  4074. }
  4075.  
  4076. .txt-subtotal{
  4077. color:#FFF;
  4078. font-weight:600;
  4079. font-size:15px;
  4080. font-family: 'Roboto Condensed', sans-serif;
  4081. }
  4082.  
  4083. .txt-impuestos{
  4084. color:#FFF;
  4085. font-weight:600;
  4086. font-size:15px;
  4087. font-family: 'Roboto Condensed', sans-serif;
  4088. }
  4089.  
  4090. .txt-total{
  4091. color:#FFF;
  4092. font-weight:600;
  4093. font-size:25px;
  4094. font-family: 'Roboto Condensed', sans-serif;
  4095. }
  4096.  
  4097. .valor-total{
  4098. font-family: 'Roboto Condensed', sans-serif;
  4099. color:#FFF;
  4100. font-weight:600;
  4101. font-size:24px;
  4102. }
  4103.  
  4104. .inc-imp{
  4105. font-family: 'Roboto Condensed', sans-serif;
  4106. clear:both;
  4107. line-height: 3.8;
  4108. font-size: 12px;
  4109. color: white;
  4110. }
  4111. .container-precio{
  4112. font-family: 'Roboto Condensed', sans-serif;
  4113. text-align: center;
  4114. display:inline-block;
  4115. float:right !important;
  4116. }
  4117.  
  4118. .botones-pago{
  4119. margin:15px;
  4120. }
  4121. .margin-botones{
  4122. margin-left:5px;
  4123. margin-right:5px;
  4124.  
  4125. }
  4126.  
  4127. /** LISTADO COBERTURAS EXTRAS AGREGADAS **/
  4128. .cob-1{
  4129. background: white;
  4130. font-family: 'Roboto Condensed', sans-serif;
  4131. border-bottom: 1px solid #F3F3F3;
  4132. padding-top:13px;
  4133. padding-bottom:10px;
  4134. font-size: 1em;
  4135. line-height:2;
  4136. border-right: 1px solid #EFEFEF;
  4137. border-left: 1px solid #EFEFEF;
  4138. padding-right:15px;
  4139. padding-left:15px;
  4140. animation:ease-in-out;
  4141. transition-duration:0.4s;
  4142. }
  4143.  
  4144.  
  4145. .cob-2 {
  4146. background: white;
  4147. font-family: 'Roboto Condensed', sans-serif;
  4148. border-bottom: 1px solid #F3F3F3;
  4149. padding-top:13px;
  4150. padding-bottom:10px;
  4151. font-size: 0.80em;
  4152. line-height:2;
  4153. border-right: 1px solid #EFEFEF;
  4154. border-left: 1px solid #EFEFEF;
  4155. padding-right:15px;
  4156. padding-left:15px;
  4157. animation:ease-in-out;
  4158. transition-duration:0.4s;
  4159. }
  4160.  
  4161. .cob-3 {
  4162. background: white;
  4163. font-family: 'Roboto Condensed', sans-serif;
  4164. border-bottom: 1px solid #F3F3F3;
  4165. padding-top:13px;
  4166. padding-bottom:10px;
  4167. font-size: 0.80em;
  4168. line-height:2;
  4169. border-right: 1px solid #EFEFEF;
  4170. border-left: 1px solid #EFEFEF;
  4171. padding-right:15px;
  4172. padding-left:15px;
  4173. animation:ease-in-out;
  4174. transition-duration:0.4s;
  4175. }
  4176. .cob-4 {
  4177. background: white;
  4178. font-family: 'Roboto Condensed', sans-serif;
  4179. border-bottom: 1px solid #F3F3F3;
  4180. padding-top:13px;
  4181. padding-bottom:10px;
  4182. font-size: 0.80em;
  4183. line-height:2;
  4184. border-right: 1px solid #EFEFEF;
  4185. border-left: 1px solid #EFEFEF;
  4186. padding-right:15px;
  4187. padding-left:15px;
  4188. animation:ease-in-out;
  4189. transition-duration:0.4s;
  4190. }
  4191.  
  4192. .cob-5 {
  4193. background: white;
  4194. font-family: 'Roboto Condensed', sans-serif;
  4195. border-bottom: 1px solid #F3F3F3;
  4196. padding-top:13px;
  4197. padding-bottom:10px;
  4198. font-size: 0.80em;
  4199. line-height:2;
  4200. border-right: 1px solid #EFEFEF;
  4201. border-left: 1px solid #EFEFEF;
  4202. padding-right:15px;
  4203. padding-left:15px;
  4204. animation:ease-in-out;
  4205. transition-duration:0.4s;
  4206. }
  4207. .cob-6 {
  4208. background: white;
  4209. font-family: 'Roboto Condensed', sans-serif;
  4210. border-bottom: 1px solid #F3F3F3;
  4211. padding-top:13px;
  4212. padding-bottom:10px;
  4213. font-size: 0.80em;
  4214. line-height:2;
  4215. border-right: 1px solid #EFEFEF;
  4216. border-left: 1px solid #EFEFEF;
  4217. padding-right:15px;
  4218. padding-left:15px;
  4219. animation:ease-in-out;
  4220. transition-duration:0.4s;
  4221. }
  4222. .cob-7 {
  4223. background: white;
  4224. font-family: 'Roboto Condensed', sans-serif;
  4225. border-bottom: 1px solid #F3F3F3;
  4226. padding-top:13px;
  4227. padding-bottom:10px;
  4228. font-size: 0.80em;
  4229. line-height:2;
  4230. border-right: 1px solid #EFEFEF;
  4231. border-left: 1px solid #EFEFEF;
  4232. padding-right:15px;
  4233. padding-left:15px;
  4234. animation:ease-in-out;
  4235. transition-duration:0.4s;
  4236. }
  4237.  
  4238. .cob-8 {
  4239. background: white;
  4240. font-family: 'Roboto Condensed', sans-serif;
  4241. border-bottom: 1px solid #F3F3F3;
  4242. padding-top:13px;
  4243. padding-bottom:10px;
  4244. font-size: 0.80em;
  4245. line-height:2;
  4246. border-right: 1px solid #EFEFEF;
  4247. border-left: 1px solid #EFEFEF;
  4248. padding-right:15px;
  4249. padding-left:15px;
  4250. animation:ease-in-out;
  4251. transition-duration:0.4s;
  4252. }
  4253.  
  4254. .cob-9 {
  4255. background: white;
  4256. font-family: 'Roboto Condensed', sans-serif;
  4257. border-bottom: 1px solid #F3F3F3;
  4258. padding-top:13px;
  4259. padding-bottom:10px;
  4260. font-size: 0.80em;
  4261. line-height:2;
  4262. border-right: 1px solid #EFEFEF;
  4263. border-left: 1px solid #EFEFEF;
  4264. padding-right:15px;
  4265. padding-left:15px;
  4266. animation:ease-in-out;
  4267. transition-duration:0.4s;
  4268. }
  4269.  
  4270. .scroll{
  4271. background: white;
  4272. min-height:0px;
  4273. max-height:230px;
  4274. overflow:auto;
  4275. overflow-style:marquee-line;
  4276. border-left: 1px solid #F3F3F3;
  4277. border-right: 1px solid #F3F3F3;
  4278. }
  4279.  
  4280. .section-galeria-productos{
  4281. background: #FAFAFA !important;
  4282. }
  4283. .icono-carrito{
  4284. color: #f9a122;
  4285. }
  4286.  
  4287.  
  4288. .btn-naranja-lg{
  4289. font-size: 21px;
  4290. background: #F9A122;
  4291. padding: 10px;
  4292. color:#FFFFFF;
  4293. transition:ease-in-out;
  4294. transition-duration:0.4s;
  4295. animation:ease-in-out;
  4296. border: 0;
  4297. }
  4298.  
  4299. .btn-naranja-lg:hover {
  4300. border: 0;
  4301. font-size: 21px;
  4302. background: #FFB346 !important;
  4303. padding:10px;
  4304. color:#FFFFFF;
  4305. transition:ease-in-out;
  4306. transition-duration:0.4s;
  4307. animation:ease-in-out;
  4308. }
  4309. .btn-naranja-md{
  4310. font-size: 15px;
  4311. background: #F9A122;
  4312. padding:8px;
  4313. color:#FFFFFF;
  4314. transition:ease-in-out;
  4315. transition-duration:0.4s;
  4316. animation:ease-in-out;
  4317. border: 0;
  4318. margin-top:10px;
  4319. }
  4320.  
  4321. .btn-naranja-md:hover {
  4322. border: 0;
  4323. font-size: 15px;
  4324. background: #FFB346 !important;
  4325. padding:8px;
  4326. color:#FFFFFF;
  4327. transition:ease-in-out;
  4328. transition-duration:0.4s;
  4329. animation:ease-in-out;
  4330. }
  4331.  
  4332. .btn-verde-md{
  4333. font-size: 15px;
  4334. background: #61C114;
  4335. padding:8px;
  4336. color:#FFFFFF;
  4337. transition:ease-in-out;
  4338. transition-duration:0.4s;
  4339. animation:ease-in-out;
  4340. border: 0;
  4341. margin-top:10px;
  4342. }
  4343.  
  4344. .btn-verde-md:hover {
  4345. border: 0;
  4346. font-size: 15px;
  4347. background: #7FD539;
  4348. padding:8px;
  4349. color:#FFFFFF;
  4350. transition:ease-in-out;
  4351. transition-duration:0.4s;
  4352. animation:ease-in-out;
  4353. }
  4354. .btn-azul-lg{
  4355. font-size: 21px;
  4356. background: #003876;
  4357. padding:10px;
  4358. color:#FFFFFF;
  4359. transition:ease-in-out;
  4360. transition-duration:0.4s;
  4361. animation:ease-in-out;
  4362. /* margin-top:10px; */
  4363. }
  4364.  
  4365. .btn-azul-lg:hover{
  4366. font-size: 21px;
  4367. background: #3f597c !important;
  4368. padding:10px;
  4369. color:#FFFFFF;
  4370. transition:ease-in-out;
  4371. transition-duration:0.4s;
  4372. animation:ease-in-out;
  4373. }
  4374.  
  4375.  
  4376. .container-precio-detalle{
  4377. line-height: 0;
  4378. border: 1px solid #E7E7E7;
  4379. font-size:18px;
  4380. }
  4381.  
  4382. .txt-precio-detalle{
  4383. padding-top:25px;
  4384. padding-bottom:25px;
  4385. padding-right:25px;
  4386. background: #FAFAFA;
  4387. border:1px solid #D5D5D5;
  4388. font-size:22px;
  4389. }
  4390.  
  4391. .num-precio-detalle{
  4392. padding:25px;
  4393. font-size:22px;
  4394. border:1px solid #D5D5D5;
  4395. }
  4396. .inc-imp-detalle{
  4397. color:#BCBCBC;
  4398. font-size:14px;
  4399. font-weight:100;
  4400. }
  4401.  
  4402. .titulos-info-extra-seguros{
  4403.  
  4404. }
  4405.  
  4406. /** CSS DIEGO DE **/
  4407.  
  4408. .container-coberturas-detalle{
  4409. padding-top:15px;
  4410. padding-bottom:15px;
  4411. }
  4412.  
  4413. .div-cober-detalle{
  4414. margin-top:20px !important;
  4415.  
  4416.  
  4417. }
  4418.  
  4419. .titulos-coberturas{
  4420. color: #003876;
  4421. text-transform: uppercase;
  4422. text-align:center;
  4423. font-size: 18px;
  4424. padding:10px !important;
  4425. margin-top:15px;
  4426. }
  4427.  
  4428. .titulos-info-extra-seguros{
  4429. color:#003876;
  4430. margin-bottom:10px !important;
  4431.  
  4432. }
  4433.  
  4434. .descripcion-coberturas-detalle{
  4435. font-size: 15px !important;
  4436. font-weight:100 !important;
  4437. text-align:justify;
  4438. padding:10px;
  4439. }
  4440. .descripciones-pago{
  4441. font-size: 15px !important;
  4442. font-weight:100 !important;
  4443. text-align:justify;
  4444. padding:1px;
  4445. }
  4446. /* COTIZADOR */
  4447. .boton-categorias {
  4448. width:100%;
  4449. min-width:300px;
  4450. background:#fff;
  4451. height:56px;
  4452. color:#003876;
  4453. transition:ease-in-out;
  4454. transition-duration:0.4s;
  4455. animation:ease-in-out;
  4456. border-bottom:1px solid #f1f1f1;
  4457. font-family: 'Roboto Condensed', sans-serif;
  4458.  
  4459. }
  4460.  
  4461. .boton-categorias:hover {
  4462. width:100%;
  4463. background:#F9A122;
  4464. height:56px;
  4465. color:#FFF;
  4466. transition:ease-in-out;
  4467. transition-duration:0.4s;
  4468. animation:ease-in-out;
  4469. cursor: pointer;
  4470.  
  4471. }
  4472.  
  4473. .icono-categorias-cotizador {
  4474. float:left;
  4475. font-size:2.4em;
  4476. height:22px;
  4477. padding:10px;
  4478. line-height:0;
  4479. text-align:center !important;
  4480. width:40px;
  4481. margin-left:10px;
  4482. }
  4483.  
  4484.  
  4485. .flecha-categorias-cotizador {
  4486. float:right;
  4487. height:22px;
  4488. padding:27px;
  4489. background:url(../img/flecha.png);
  4490. background-position:center;
  4491. background-repeat:no-repeat;
  4492. padding-right:27px;
  4493. padding-left:27px;
  4494. }
  4495.  
  4496.  
  4497. .nombre-categorias-cotizador {
  4498. float:left;
  4499. height:22px;
  4500. padding-top:17px;
  4501. padding-bottom:17px;
  4502. padding-right:25px;
  4503. padding-left:62px;
  4504. text-align:left;
  4505. }
  4506.  
  4507. .cabecera-cotizador{
  4508. text-align:center !important;
  4509. font-family: 'Roboto Condensed', sans-serif;
  4510. max-height:34px;
  4511. padding-top:27px;
  4512. padding-bottom:27px;
  4513. background:#FAFAFA;
  4514. border-bottom:1px solid #f1f1f1;
  4515. font-size:20px;
  4516. color:#666666;
  4517. line-height:0;
  4518. }
  4519. .cotizador-home-2{
  4520. -webkit-box-shadow: 0px -2px 10px 0px rgba(50, 50, 50, 0.65);
  4521. -moz-box-shadow: 0px -2px 10px 0px rgba(50, 50, 50, 0.65);
  4522. box-shadow: 0px -2px 10px 0px rgba(50, 50, 50, 0.65);
  4523. border:1px solid #f1f1f1;
  4524.  
  4525. }
  4526.  
  4527.  
  4528.  
  4529. .container-asistencias-detalle{
  4530. padding-top:15px;
  4531. padding-bottom:15px;
  4532. }
  4533.  
  4534. .div-asist-detalle{
  4535. margin-top:20px !important;
  4536.  
  4537.  
  4538. }
  4539.  
  4540. .titulos-asistencias{
  4541. color: #003876;
  4542. text-transform: uppercase;
  4543. text-align:center;
  4544. font-size: 18px;
  4545. padding:10px !important;
  4546. margin-top:15px;
  4547. }
  4548.  
  4549.  
  4550. .descripcion-asistencias-detalle{
  4551. font-size:14px !important;
  4552.  
  4553. font-weight:100 !important;
  4554. text-align:justify;
  4555.  
  4556. padding:10px;
  4557.  
  4558.  
  4559. }
  4560.  
  4561. .ul-detalle{
  4562. font-size:14px !important;
  4563. font-weight:100 !important;
  4564. text-align:justify;
  4565.  
  4566. padding:10px;
  4567. list-style-image: url(../img/list-1.png);
  4568.  
  4569. }
  4570.  
  4571.  
  4572. .desc-info-extra-seguros{
  4573. font-size:14px !important;
  4574. font-weight:100 !important;
  4575. text-align:justify;
  4576. color:#999 !important;
  4577.  
  4578. }
  4579.  
  4580. .box-1-asist-cober{
  4581.  
  4582.  
  4583. padding-top: 60px;
  4584. padding-bottom: 60px; background: #FAFAFA;
  4585. min-height: 325px;
  4586. max-height: 325px;
  4587. padding-right: 30px;
  4588. padding-left:30px;
  4589. transition:ease-in-out;
  4590. transition-duration:0.4s;
  4591. animation:ease-in-out;
  4592. }
  4593.  
  4594.  
  4595.  
  4596. .box-2-asist-cober{
  4597.  
  4598. padding-top: 60px;
  4599. padding-bottom: 60px;
  4600. background: #F8F8F8;
  4601. min-height: 325px;
  4602. max-height: 325px;
  4603. padding-left: 30px;
  4604. padding-right: 30px;
  4605. transition:ease-in-out;
  4606. transition-duration:0.4s;
  4607.  
  4608. animation:ease-in-out;
  4609.  
  4610. }
  4611.  
  4612.  
  4613.  
  4614.  
  4615. .panel-body-textos {
  4616. padding-top: 7px;
  4617. padding-bottom: 7px;
  4618. padding-left: 15px;
  4619. padding-right: 15px;
  4620. }
  4621.  
  4622. .datos-usuario-panel {
  4623. padding-left:8px;
  4624. font-weight:100;
  4625. }
  4626. .title-datos-usuario-panel {
  4627. /* padding-left:8px; */
  4628. font-weight:400;
  4629. }
  4630. .nombre-seguro-pago {
  4631. border: 1px solid #f1f1f1;
  4632. background:#FFF;
  4633. min-height: 105px;
  4634. max-height: 105px;
  4635. padding:15px;
  4636. font-size:16px;
  4637. }
  4638.  
  4639. .precio-seguro-pago {
  4640. border: 1px solid #F1F1F1;
  4641. color: #C0B8B8;
  4642. background: #FAFAFA;
  4643. min-height: 105px;
  4644. max-height: 105px;
  4645. padding-top: 6px;
  4646. font-size: 32px;
  4647. line-height: 0.4;
  4648. FONT-WEIGHT: 600;
  4649. }
  4650.  
  4651.  
  4652. .img-seguro-pago {
  4653.  
  4654.  
  4655. }
  4656. .nombre-seguro-pago-precio{
  4657. font-size:20px !important;
  4658. }
  4659. .descr-seguro-pago-precio{
  4660. font-size:15px !important;
  4661. font-weight:100 !important;
  4662. }
  4663.  
  4664. .items-carrito{border: 1px solid #F9A122;right: 70px;position:absolute;width: 20px;height: 20px;
  4665. background:#fff;
  4666. text-align:center !important;padding: 2px;line-height: 1;border-radius: 50%;}
  4667.  
  4668. .section-sponsors-wide{
  4669. max-height: 400px;
  4670. padding: 25px;
  4671. min-height: 100px;
  4672. background: #fafafa;
  4673. }
  4674. .valores-precios-pago{
  4675. font-size: 22px !important;
  4676. font-weight: 400 !important;
  4677. padding-left: 12px;
  4678. }
  4679.  
  4680. .precio-extras-pago{
  4681. font-size: 15px !important;
  4682. background: #F9A122 !important;
  4683. color: #fff;
  4684. float: right;
  4685. padding: 8px;
  4686. line-height: 0.4;
  4687. }
  4688.  
  4689. .box-1-asist-cober-cotizador {
  4690. padding-top: 20px;
  4691. padding-bottom: 20px;
  4692. background: #F8F8F8;
  4693. min-height: 300px;
  4694. max-height: 300px;
  4695. padding-left: 30px;
  4696. padding-right: 30px;
  4697. transition: ease-in-out;
  4698. transition-duration: 0.4s;
  4699. animation: ease-in-out;
  4700. border: 1px solid #fff;
  4701. margin-top: 5px;
  4702. }
  4703.  
  4704. .box-2-asist-cober-cotizador {
  4705. /* border-bottom: 2px solid #fff; */
  4706. border: 2px solid #fff;
  4707. padding-top: 20px;
  4708. padding-bottom: 20px;
  4709. background: #fafafa;
  4710. min-height: 300px;
  4711. max-height: 300px;
  4712. padding-left: 30px;
  4713. padding-right: 30px;
  4714. transition: ease-in-out;
  4715. transition-duration: 0.4s;
  4716. animation: ease-in-out;
  4717. margin-top: 5px;
  4718. }
  4719.  
  4720. .box-asist-cober-cotizador-agregado {
  4721. box-shadow: inset 0 0 2px #61C114, inset 0 0 2px #61C114, inset 0 0 2px #61C114;
  4722. padding-top: 20px;
  4723. padding-bottom: 20px;
  4724. background: #fff;
  4725. min-height: 300px;
  4726. max-height: 300px;
  4727. padding-left: 30px;
  4728. padding-right: 30px;
  4729. transition: ease-in-out;
  4730. transition-duration: 0.4s;
  4731. animation: ease-in-out;
  4732. margin-top: 5px;
  4733. }
  4734.  
  4735. .botonera-coberturas{
  4736. position: absolute;
  4737. bottom: 0;
  4738. display: inline-block;
  4739. right: 0;
  4740. width: 100%;
  4741. border: 1px solid #D5D5D5;
  4742. }
  4743.  
  4744. .precio-coberturas-1{
  4745.  
  4746. border: 0;
  4747.  
  4748. font-size: 16px;
  4749.  
  4750. background: #FFF;
  4751.  
  4752. padding:8px;
  4753.  
  4754. color: #003671;
  4755.  
  4756. transition:ease-in-out;
  4757.  
  4758. transition-duration:0.4s;
  4759.  
  4760. animation:ease-in-out;
  4761.  
  4762. bottom: 0;
  4763. }
  4764.  
  4765. .btn-naranja-coberturas{
  4766. font-size: 15px;
  4767. background: #F9A122;
  4768. padding:8px;
  4769. color:#FFFFFF;
  4770. transition:ease-in-out;
  4771. transition-duration:0.4s;
  4772. animation:ease-in-out;
  4773. border: 0;
  4774. }
  4775.  
  4776. .btn-naranja-coberturas:hover {
  4777. border: 0;
  4778. font-size: 15px;
  4779. background: #FFB346 !important;
  4780. padding:8px;
  4781. color:#FFFFFF;
  4782. transition:ease-in-out;
  4783. transition-duration:0.4s;
  4784. animation:ease-in-out;
  4785. }
  4786.  
  4787. .btn-rojo-coberturas{
  4788. font-size: 15px;
  4789. background: #FFFFFF;
  4790. padding:8px;
  4791. color: #F92222;
  4792. transition:ease-in-out;
  4793. transition-duration:0.4s;
  4794. animation:ease-in-out;
  4795. border: 0;
  4796. }
  4797.  
  4798. .btn-rojo-coberturas:hover {
  4799. border: 0;
  4800. font-size: 15px;
  4801. background: #E37070 !important;
  4802. padding:8px;
  4803. color:#FFFFFF;
  4804. transition:ease-in-out;
  4805. transition-duration:0.4s;
  4806. animation:ease-in-out;
  4807. }
  4808.  
  4809. .btn-verde-coberturas{
  4810. font-size: 15px;
  4811. background: #61C114;
  4812. padding:8px;
  4813. color:#FFFFFF;
  4814. transition:ease-in-out;
  4815. transition-duration:0.4s;
  4816. animation:ease-in-out;
  4817. border: 0;
  4818.  
  4819. }
  4820.  
  4821. .btn-verde-coberturas:hover {
  4822. border: 0;
  4823. font-size: 15px;
  4824. background: #7FD539;
  4825. padding:8px;
  4826. color:#FFFFFF;
  4827. transition:ease-in-out;
  4828. transition-duration:0.4s;
  4829. animation:ease-in-out;
  4830. }
  4831.  
  4832. .btn-verde-coberturas:hover {
  4833. border: 0;
  4834. font-size: 15px;
  4835. background: #7FD539;
  4836. padding:8px;
  4837. color:#FFFFFF;
  4838. transition:ease-in-out;
  4839. transition-duration:0.4s;
  4840. animation:ease-in-out;
  4841. }
  4842. .powered-by{
  4843. font-size: 13px;
  4844. border: 1px solid #F2F2F2;
  4845. padding: 10px;
  4846. font-family: 'Roboto Condensed', sans-serif;
  4847. font-weight: 100;
  4848. }
  4849. .libelula{
  4850. line-height: 1;
  4851. }
  4852. .logo_footer{
  4853. width:37px;
  4854. height:29px;
  4855. padding-top:5px;
  4856. float:right;
  4857. }
  4858.  
  4859.  
  4860. /**************************************** NUEVO COTIZADOR 2017 **************************************************/
  4861.  
  4862.  
  4863. .titles-footer{
  4864. font-size: 16px;
  4865. border-bottom: 1px solid #003671;
  4866. padding: 10px;
  4867. font-weight: 500 !important;
  4868. line-height: 1.1;
  4869. margin-top: 10px;
  4870. margin-bottom: 10px;
  4871. color:#003671;
  4872. }
  4873.  
  4874.  
  4875. .sidebar-menu-cotizador{
  4876. background: #fff;
  4877. padding: 80px;
  4878. border-radius: 8px !important;
  4879. -webkit-box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.05);
  4880. -moz-box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.05);
  4881. box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.05);
  4882. margin-top: 20px;
  4883. margin-bottom: 20px;
  4884.  
  4885. }
  4886.  
  4887. .container-cotizador{
  4888. /* margin-top: 10px; */
  4889. /* margin-bottom: 10px; */
  4890. }
  4891. .container-form-cotizador{
  4892. background: #fff;
  4893. padding-top: 35px;
  4894. padding-bottom: 20px;
  4895. border-radius: 8px !important;
  4896. -webkit-box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.05);
  4897. -moz-box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.05);
  4898. box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.05);
  4899. margin-bottom: 20px;
  4900. height: auto !important;
  4901. overflow-y:inherit;
  4902. }
  4903.  
  4904. .container-listado-campos{
  4905.  
  4906. height: auto !important;
  4907. overflow-y:scroll !important;
  4908. max-height: 270px;
  4909. padding: 20px;
  4910. }
  4911.  
  4912. * {
  4913. box-sizing: border-box;
  4914. }
  4915.  
  4916. #myInput {
  4917.  
  4918. font-size: 16px;
  4919.  
  4920. margin-bottom: 12px;
  4921. }
  4922.  
  4923. #listados-buscadores {
  4924. list-style: none !important;
  4925. padding: 0;
  4926. margin: 0;
  4927. }
  4928.  
  4929.  
  4930. #listados-buscadores li a {
  4931. border: 1px solid #ddd;
  4932. margin-top: -1px; /* Prevent double borders */
  4933. background-color: #fefefe;
  4934. padding: 12px;
  4935. text-decoration: none;
  4936. font-size: 18px;
  4937. color: #878787;
  4938. display: block;
  4939. list-style: none !important;
  4940. font-weight: 300 !important;
  4941. }
  4942.  
  4943.  
  4944. #listados-buscadores li a.header {
  4945. background-color: #e2e2e2;
  4946. cursor: default; list-style: none !important;
  4947.  
  4948. }
  4949.  
  4950. #listados-buscadores li a:hover:not(.header) {
  4951. background-color: #eee;
  4952. list-style: none !important;
  4953.  
  4954. }
  4955.  
  4956.  
  4957.  
  4958.  
  4959. /*************** WIZARD COTIZADOR NUEVO ******************/
  4960.  
  4961. /***** Top content *****/
  4962.  
  4963. .top-content { padding: 40px 0 170px 0; }
  4964.  
  4965. .top-content .text { color: #fff; }
  4966. .top-content .text h1 { color: #fff; }
  4967. .top-content .description { margin: 20px 0 10px 0; }
  4968. .top-content .description p { opacity: 0.8; }
  4969. .top-content .description a { color: #fff; }
  4970. .top-content .description a:hover,
  4971. .top-content .description a:focus { border-bottom: 1px dotted #fff; }
  4972.  
  4973. .form-box { padding-top: 40px; }
  4974.  
  4975. .f1 {
  4976. padding: 25px; background: #fff;
  4977. -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
  4978. }
  4979. .f1 h3 { margin-top: 0; margin-bottom: 5px; text-transform: uppercase; }
  4980.  
  4981. .f1-steps { overflow: hidden; position: relative; margin-top: 20px; }
  4982.  
  4983. .f1-progress { position: absolute; top: 24px; left: 0; width: 100%; height: 1px; background: #ddd; }
  4984. .f1-progress-line { position: absolute; top: 0; left: 0; height: 1px; background: #f35b3f; }
  4985.  
  4986. .f1-step { position: relative; float: left; width: 33.333333%; padding: 0 5px; }
  4987.  
  4988. .f1-step-icon {
  4989. display: inline-block; width: 40px; height: 40px; margin-top: 4px; background: #ddd;
  4990. font-size: 16px; color: #fff; line-height: 40px;
  4991. -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
  4992. }
  4993. .f1-step.activated .f1-step-icon {
  4994. background: #fff; border: 1px solid #f35b3f; color: #f35b3f; line-height: 38px;
  4995. }
  4996. .f1-step.active .f1-step-icon {
  4997. width: 48px; height: 48px; margin-top: 0; background: #f35b3f; font-size: 22px; line-height: 48px;
  4998. }
  4999.  
  5000. .f1-step p { color: #ccc; }
  5001. .f1-step.activated p { color: #f35b3f; }
  5002. .f1-step.active p { color: #f35b3f; }
  5003.  
  5004. .f1 fieldset { display: none; text-align: left; }
  5005.  
  5006. .f1-buttons { text-align: right; }
  5007.  
  5008. .f1 .input-error { border-color: #f35b3f; }
  5009.  
  5010.  
  5011.  
  5012. /***** Media queries *****/
  5013.  
  5014. @media (min-width: 992px) and (max-width: 1199px) {}
  5015.  
  5016. @media (min-width: 768px) and (max-width: 991px) {}
  5017.  
  5018. @media (max-width: 767px) {
  5019.  
  5020. .navbar { padding-top: 0; }
  5021. .navbar.navbar-no-bg { background: #333; background: rgba(51, 51, 51, 0.9); }
  5022. .navbar-brand { height: 60px; margin-left: 15px; }
  5023. .navbar-collapse { border: 0; }
  5024. .navbar-toggle { margin-top: 12px; }
  5025.  
  5026. .top-content { padding: 40px 0 110px 0; }
  5027.  
  5028. }
  5029.  
  5030. @media (max-width: 415px) {
  5031.  
  5032. h1, h2 { font-size: 32px; }
  5033.  
  5034. .f1 { padding-bottom: 20px; }
  5035. .f1-buttons button { margin-bottom: 5px; }
  5036.  
  5037. }
  5038.  
  5039. .stepwizard-step p {
  5040. margin-top: 10px;
  5041. font-weight: 300;
  5042. }
  5043.  
  5044. .stepwizard-row {
  5045. display: table-row;
  5046. }
  5047.  
  5048. .stepwizard {
  5049. display: table;
  5050. width: 100%;
  5051. position: relative;
  5052. }
  5053.  
  5054. .stepwizard-step button[disabled] {
  5055. opacity: 1 !important;
  5056. filter: alpha(opacity=100) !important;
  5057. }
  5058.  
  5059. .stepwizard-row:before {
  5060. top: 27px;
  5061. bottom: 0;
  5062. position: absolute;
  5063. content: " ";
  5064. width: 100%;
  5065. height: 2px;
  5066. background-color: #f5f5f5;
  5067. z-order: 0;
  5068. border-radius: 8px;
  5069.  
  5070. }
  5071.  
  5072. .stepwizard-step {
  5073. display: table-cell;
  5074. text-align: center;
  5075. position: relative;
  5076. }
  5077.  
  5078. .btn-circle {
  5079. width: 30px;
  5080. height: 30px;
  5081. text-align: center;
  5082. padding: 6px 0;
  5083. font-size: 12px;
  5084. line-height: 1.428571429;
  5085. border-radius: 15px;
  5086. }
  5087.  
  5088. .circle-tab{
  5089.  
  5090. text-align: center;
  5091. line-height: 40px;
  5092. padding: 5px;
  5093. border-radius: 50%;
  5094. height: 50px;
  5095. width: 50px !important;
  5096. }
  5097.  
  5098. .circle-tab{
  5099.  
  5100. text-align: center;
  5101. line-height: 40px;
  5102. padding: 5px;
  5103. border-radius: 50%;
  5104. height: 50px;
  5105. width: 50px !important;
  5106. }
  5107.  
  5108. .sub-header-cotizador p{
  5109. margin-bottom: 20px !important;
  5110. border-bottom: 1px solid #f6f6f6;
  5111. text-align: center;
  5112. font-weight: 500 !important;
  5113. padding: 15px;
  5114. font-size: 18px !important;
  5115. color: #333333;
  5116.  
  5117. }
  5118. .banner-cotizador{
  5119. margin-bottom: 25px;
  5120. }
  5121.  
  5122. .desc-corta-campos-cotizador{
  5123. color: #327fc2;
  5124. font-size: 30px;
  5125. font-weight: 300 !important;
  5126. /* font-style: italic; */
  5127. text-align: center;
  5128. margin-top: 45px;
  5129. margin-bottom: 45px;
  5130.  
  5131. }
  5132.  
  5133. .container-tags-campos-completados{
  5134. margin-bottom: 25px;
  5135. margin-top: 35px;
  5136. min-height: 50px;
  5137. border: 1px solid #f1f1f1;
  5138. padding: 3px;
  5139. background: #f7f7f7;
  5140. border-radius: 44px;
  5141. line-height: 2.5;
  5142. max-height: auto;
  5143.  
  5144. }
  5145.  
  5146. .tags-campos-completados{
  5147.  
  5148. background: #327fc2 !important;
  5149. color:#fff !important;
  5150. font-size: 11px !important;
  5151. }
  5152.  
  5153. .tags-campos-completados > i{
  5154.  
  5155. color:#fff !important;
  5156. opacity: 0.1 !important;
  5157. transition:ease-in-out;
  5158. -webkit-transition:ease-in-out;
  5159. -webkit-transition-duration: 0.3s;
  5160. transition-duration: 0.3s;
  5161. }
  5162. .tags-campos-completados > i:hover{
  5163.  
  5164. color:#fff !important;
  5165. opacity: 0.8 !important;transition:ease-in-out;
  5166. -webkit-transition:ease-in-out;
  5167. -webkit-transition-duration: 0.3s;
  5168. transition-duration: 0.3s;
  5169. }
  5170.  
  5171. .container-check-cotizador{
  5172. margin-top: 5px;
  5173. margin-bottom: 5px;
  5174.  
  5175. }
  5176.  
  5177. .container-botones-pago{
  5178. background: #fafafa;
  5179. padding: 15px;
  5180. overflow-y: hidden;
  5181. border-radius: 10px;
  5182. margin-bottom: 25px;
  5183.  
  5184. }
  5185. .container-detalle-compra{
  5186. border-radius: 10px;
  5187. /* background: #fafafa; */
  5188. /* padding: 15px; */
  5189. border: 1px solid #e1e1e1;
  5190.  
  5191. }
  5192. .container-img-btn-pago{
  5193. padding-top:5px;
  5194. padding-bottom: 5px;
  5195. height: 35px;
  5196. position: relative;
  5197. margin: 0 auto;
  5198.  
  5199. }
  5200.  
  5201. .btn-siguiente-cotizador{
  5202. margin-top: 25px;
  5203. }
  5204.  
  5205. .info-btn-pago{
  5206. font-weight: 300 !important;
  5207. text-align: justify;
  5208.  
  5209. }
  5210.  
  5211.  
  5212. .txt-listados-cotizador > li{
  5213. font-weight: 300 !important;
  5214.  
  5215. }
  5216. .nombre-seguro-detalle-pago{
  5217. font-size: 16px;
  5218. font-weight: 400;
  5219. border-bottom: 1px solid #e1e1e1;
  5220. border-radius: 10px 10px 0 0;
  5221. padding: 15px;
  5222. background: #fafafa;
  5223. }
  5224.  
  5225. .desc-seguro-detalle-pago{
  5226. font-weight: 300;
  5227. border-radius: 10px 10px 0 0;
  5228. padding: 15px;
  5229.  
  5230.  
  5231. }
  5232. .asist-seguro-detalle-pago{
  5233. font-weight: 100;
  5234. border-bottom: 1px solid #e1e1e1;
  5235. padding: 15px;
  5236. background: #fff;
  5237. }
  5238. .cob-seguro-detalle-pago{
  5239. font-weight: 100;
  5240. border-bottom: 1px solid #e1e1e1;
  5241. padding: 15px;
  5242. }
  5243. .valores-seguro-detalle-pago{
  5244.  
  5245. /*background: #F9A122;*/
  5246. padding: 15px;
  5247.  
  5248. text-align: center;
  5249. }
  5250.  
  5251. .valor-prima-total-seguro-detalle-pago{
  5252. padding: 15px;
  5253. color:#fff !important;
  5254. font-size: 22px;
  5255. text-align: center;
  5256. border-top: 1px solid #e1e1e1;
  5257. border-radius: 0 0 8px 8px;
  5258. }
  5259.  
  5260. .txt-valor-prima-total{
  5261.  
  5262. color: #9f9f9f !important;
  5263. font-size: 16px;
  5264. text-align: center;
  5265. top: -4px;
  5266. position: relative;
  5267. }
  5268. .num-valor-prima-total{
  5269.  
  5270. color: #327fc2 !important;
  5271. font-size: 25px;
  5272. text-align: center;
  5273. font-weight: 500 !important;
  5274. }
  5275. .valores-seguro-detalle-pago .titles-detalle-pago-aside{
  5276. /*color: #fff !important;*/
  5277. font-weight: 400;
  5278. font-size: 15px;
  5279. }
  5280.  
  5281. .valor-detalle-pago-aside{
  5282. font-size: 16px;
  5283.  
  5284. }
  5285.  
  5286. .section-mensaje-superior-cotizar{
  5287. background: #289EFF;
  5288. color: #fff;
  5289. font-weight: 300 !important;
  5290. font-size: 15px;
  5291. font-style: italic;
  5292. line-height: 2;
  5293.  
  5294. }
  5295.  
  5296. .section-mensaje-superior-cotizar > span{
  5297. background: #289EFF;
  5298. color: #fff;
  5299. font-weight: 300 !important;
  5300. font-size: 15px;
  5301. font-style: italic;
  5302. line-height: 2;
  5303.  
  5304. }
  5305.  
  5306. .container-datos-cotizacion{
  5307.  
  5308. margin-bottom: 15px;
  5309. line-height: 0;
  5310. background: #fff;
  5311. padding: 20px;
  5312. border:1px solid #E8E8E8;
  5313. border-radius: 0px;
  5314.  
  5315.  
  5316. }
  5317.  
  5318. .container-header-total-pago{
  5319.  
  5320. background: rgba(250, 250, 250, 0.41);
  5321.  
  5322. margin-bottom: 15px;
  5323. border: 1px solid #E5E5E5;
  5324. border-top:1px solid #E5E5E5;
  5325. overflow: hidden;
  5326. margin-top: 25px;
  5327. }
  5328. .container-header-total-pago > .container-header-col-1 > .div-blocks-pago > p{
  5329.  
  5330. line-height: 1 !important;
  5331.  
  5332.  
  5333. }
  5334. .container-header-total-pago > .container-header-col-2 > .div-blocks-pago > p{
  5335.  
  5336. line-height: 1 !important;
  5337.  
  5338.  
  5339. }
  5340. .div-blocks-pago{
  5341. padding-top: 20px;
  5342. padding-bottom: 10px;
  5343. line-height: 0;
  5344. padding-left: 20px;
  5345. }
  5346.  
  5347. .container-header-col-1{
  5348. border-right:1px solid #E5E5E5;
  5349. border-top:1px solid #E5E5E5;
  5350.  
  5351. }
  5352. .title-valor-pd{
  5353. font-size: 20px;
  5354. font-weight: 400;
  5355. color:#327fc2;
  5356. }
  5357. .num-valor-pd{
  5358.  
  5359. font-size: 35px;
  5360. font-weight: 500;
  5361. }
  5362.  
  5363. .conatiner-otras-formas-pago{
  5364.  
  5365. display: none;
  5366. }
  5367.  
  5368. .container-form-kushki{
  5369. padding: 15px;
  5370. margin-top: 15px;
  5371. margin-bottom: 15px;
  5372. }
  5373.  
  5374. .container-form-kushki{
  5375. background:#fff;
  5376. padding: 30px;
  5377. /* border: 1px solid #e1e1e1; */
  5378. border-radius: 10px;
  5379. }
  5380.  
  5381. .btn-avanzar{
  5382. position: absolute;
  5383. bottom: 0;
  5384. top: -12px;
  5385. right: 5px;
  5386. background: #fff;
  5387. height: 45px;
  5388. width: 45px;
  5389. border-radius: 50%;
  5390. text-align: center;
  5391. line-height: 2.3;
  5392. padding: 5px;
  5393. margin: 5px;
  5394. border:1px solid #e1e1e1;
  5395. cursor: pointer;
  5396. transition:ease-in-out;
  5397. -webkit-transition:ease-in-out;
  5398. -webkit-transition-duration: 0.3s;
  5399. transition-duration: 0.3s;
  5400. }
  5401.  
  5402. .btn-avanzar:hover{
  5403. position: absolute;
  5404. bottom: 0;
  5405. top: -12px;
  5406. right: 5px;
  5407. background: #327fc2;
  5408. height: 45px;
  5409. width: 45px;
  5410. border-radius: 50%;
  5411. text-align: center;
  5412. line-height: 2.3;
  5413. padding: 5px;
  5414. margin: 5px;
  5415. border:1px solid #e1e1e1;
  5416. cursor: pointer;
  5417. color:#fff !important;
  5418. transition:ease-in-out;
  5419. -webkit-transition:ease-in-out;
  5420. -webkit-transition-duration: 0.3s;
  5421. transition-duration: 0.3s;
  5422. }
  5423.  
  5424. .switch-kushki{
  5425.  
  5426. padding: 13px;
  5427. border: 1px solid #e1e1e1;
  5428. border-radius: 8px;
  5429. }
  5430.  
  5431. /********* ACORDEON DETALLE VALORES ************/
  5432.  
  5433. .accordion-container-detalle {
  5434. width: 100%;
  5435. margin: 0 0 0px;
  5436. clear: both;
  5437. }
  5438. .accordion-toggle-detalle {
  5439. /* border: 1px solid #E1E1E1; */
  5440. line-height: 0;
  5441. position: relative;
  5442. display: block;
  5443. padding: 15px;
  5444. font-size: 12PX;
  5445. font-weight: 300;
  5446. /* background: #999; */
  5447. color:#327fc2 !important;
  5448. text-decoration: none;
  5449. letter-spacing: 1px;
  5450. }
  5451. .accordion-toggle-detalle.open {
  5452. background: #3F597C;
  5453. color: #fff !important;
  5454. }
  5455. .accordion-toggle-detalle:hover {
  5456. background: #327fc2;
  5457. color:#FFF !important;
  5458. }
  5459. .accordion-toggle-detalle span.toggle-icon-detalle {
  5460. position: absolute;
  5461. top: 9px;
  5462. right: 20px;
  5463. font-size: 1.2em;
  5464. }
  5465. .accordion-content-detalle {
  5466. display: none;
  5467. padding: 10px;
  5468. overflow: auto;
  5469. }
  5470. .accordion-content-detalle img {
  5471. display: block;
  5472. float: left;
  5473. margin: 0 15px 10px 0;
  5474. max-width: 100%;
  5475. height: auto;
  5476. }
  5477.  
  5478. /* media query for mobile */
  5479. @media (max-width: 767px) {
  5480. .content {
  5481. width: auto;
  5482. }
  5483. .accordion-content {
  5484. padding: 10px 0;
  5485. overflow: inherit;
  5486. }
  5487.  
  5488.  
  5489. }
  5490.  
  5491. /*==================================================
  5492. = Bootstrap 3 Media Queries =
  5493. ==================================================*/
  5494.  
  5495.  
  5496.  
  5497.  
  5498. /*========== Mobile First Method ==========*/
  5499.  
  5500. /* Custom, iPhone Retina */
  5501. @media only screen and (min-width : 320px) {
  5502. .container-header-col-1{
  5503. border-right: none;
  5504. border-bottom:1px solid #E5E5E5;
  5505. }
  5506.  
  5507.  
  5508. }
  5509.  
  5510. /* Extra Small Devices, Phones */
  5511. @media only screen and (min-width : 480px) {
  5512. .container-header-col-1{
  5513. border-bottom: none;
  5514. border-right:none;
  5515. }
  5516. .container-header-col-2{
  5517. border-bottom: none;
  5518. border-top:1px solid #E5E5E5;
  5519. }
  5520. }
  5521.  
  5522. /* Small Devices, Tablets */
  5523. @media only screen and (min-width : 768px) {
  5524. .container-header-col-1{
  5525. border-bottom: none;
  5526. border-right:1px solid #E5E5E5;
  5527. }
  5528. .container-header-col-2{
  5529. border-bottom: none;
  5530. border-top:1px solid #E5E5E5;
  5531. }
  5532.  
  5533. }
  5534.  
  5535. /* Medium Devices, Desktops */
  5536. @media only screen and (min-width : 992px) {
  5537.  
  5538. }
  5539.  
  5540. /* Large Devices, Wide Screens */
  5541. @media only screen and (min-width : 1200px) {
  5542.  
  5543. }
  5544.  
  5545. /* Large Devices, Wide Screens */
  5546. @media only screen and (max-width : 1280px) {
  5547.  
  5548. .txt-valor-prima-total{
  5549.  
  5550. color: #9f9f9f !important;
  5551. font-size: 14px;
  5552. text-align: center;
  5553. top: 0px;
  5554. position: relative;
  5555. }
  5556. .num-valor-prima-total{
  5557.  
  5558. color: #327fc2 !important;
  5559. font-size: 17px;
  5560. text-align: center;
  5561. font-weight: 500 !important;
  5562. }
  5563. .valor-detalle-pago-aside{
  5564. font-size: 14px;
  5565. }
  5566. .valores-seguro-detalle-pago .titles-detalle-pago-aside{
  5567. /*color: #fff !important;*/
  5568. font-weight: 400;
  5569. font-size: 12px;
  5570. }
  5571. .desc-corta-campos-cotizador{
  5572. color: #327fc2;
  5573. font-size: 20px;
  5574. font-weight: 300 !important;
  5575. /* font-style: italic; */
  5576. text-align: center;
  5577. margin-top: 40px;
  5578. margin-bottom: 40px;
  5579.  
  5580. }
  5581. }
  5582.  
  5583. /*========== Non-Mobile First Method ==========*/
  5584.  
  5585. /* Large Devices, Wide Screens */
  5586. @media only screen and (max-width : 1200px) {
  5587.  
  5588. }
  5589.  
  5590. /* Medium Devices, Desktops */
  5591. @media only screen and (max-width : 992px) {
  5592.  
  5593. }
  5594.  
  5595. /* Small Devices, Tablets */
  5596. @media only screen and (max-width : 768px) {
  5597.  
  5598. }
  5599.  
  5600. /* Extra Small Devices, Phones */
  5601. @media only screen and (max-width : 480px) {
  5602.  
  5603. }
  5604.  
  5605. /* Custom, iPhone Retina */
  5606. @media only screen and (max-width : 320px) {
  5607. .desc-corta-campos-cotizador{
  5608. color: #327fc2;
  5609. font-size: 20px;
  5610. font-weight: 300 !important;
  5611. /* font-style: italic; */
  5612. text-align: center;
  5613. margin-top: 45px;
  5614. margin-bottom: 45px;
  5615.  
  5616. }
  5617. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!