@charset "utf-8"; /* GENERAL */ * { margin:0; border:0; padding:0; outline:none; text-decoration:none; word-break:break-strict; } body, html { height: 100%; } img { max-width:100%; } body { font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:14px; line-height:1em; position:relative; -webkit-tap-highlight-color: rgba(0,0,0,0); } a:hover, a:focus { text-decoration:none; outline:none; } a { outline:none !important; } p { margin:0; } .ff0 { font-family: 'Source Sans Pro', sans-serif; font-weight:300; } .ff1 { font-family: 'Source Sans Pro', sans-serif; font-weight:400; } .ff2 { font-family: 'Source Sans Pro', sans-serif; font-weight:600; } .ff3 { font-family: 'Source Sans Pro', sans-serif; font-weight:700; } .ff4 { font-family: 'Source Sans Pro', sans-serif; font-weight:900; } .ff1X { font-family: 'Nunito', sans-serif; font-weight:400; font-display: swap;} .ff2X { font-family: 'Nunito', sans-serif; font-weight:700; font-display: swap; } .ffX { font-family: 'Saffron', sans-serif; font-weight:normal; font-display: swap;} .rrss { font-family: 'rrss', sans-serif; font-display: swap; } /* ESTRUCTURA */ .ionix { width:100%; max-width:1920px; min-width:320px; height:auto; position:relative; margin:0 auto;} .generalMax { width:100%; max-width:1920px; height:auto; position:relative; margin:0 auto;} .general { width:90%; max-width:1440px; min-width:300px; height:auto; position:relative; margin:0 auto; } .generalMin { width:90%; max-width:1000px; min-width:300px; height:auto; position:relative; margin:0 auto; } .allion { width:100%; height:auto; position:relative; } .allionMen { height:calc(100% - 100px); } #wowslider-container36 .ws-title { position:absolute; top:25% !important; bottom:auto !important; left:12% !important; margin-right:0; z-index:50; color:#fff; padding:0; opacity:1; } #wowslider-container36 .ws-title div, #wowslider-container36 .ws-title span { display:block; font-family: 'Saffron', sans-serif; font-weight:normal; } #wowslider-container36 .ws-title div { margin-top:20px !important; font-size: 20px !important; max-width:40% !important; text-transform: capitalize; line-height:0.8em; margin:20px 0 0 0 !important; padding:0 !important; color:#fff !important;background-color:transparent !important;font-family: 'Source Sans Pro', sans-serif; font-weight:400; } #wowslider-container36 .ws-title span { font-size:80px !important; font-weight:300; max-width:40% !important; color:#fff !important; line-height: 0.9em; margin:0 !important; padding:0 !important;background-color:transparent !important; } #wowslider-container36 div.bGrad33 { padding: 8px 16px !important; margin-top:20px !important; font-size:16px !important; } #wowslider-container36 .ws-title:first-child {z-index:55;} .navGood { margin:0 auto; } .navGood .nav { border:0; width:100%; } .navGood .nav-tabs { border:0; } .navGood .nav-tabs li { border:0; width:33.33%; background-color:#eee; text-align:center; border-radius:0 !important; border:solid 1px #ccc !important; } .navGood .nav-tabs li.active { border:0; border-radius:0 !important; } .navGood .nav-tabs li.active a { border:0; color:#adc44d; font-weight:bold; border-radius:0 !important; } .navGood .nav-tabs li a { border:0; color:#333; border-radius:0 !important;} .navGood .nav-tabs li a:hover { border:0; color:#adc44d; background-color:#eee; border-radius:0 !important; } .navGood .nav-tabs li.active a:hover{ border:0; color:#adc44d; background-color:#fff; border-radius:0 !important;} .planea { max-width: 465px; margin:0 auto; } .planea .planea_1 { opacity:1; } .planea .planea_2 { opacity:1; } .planea .planea_3 { opacity:0; } .planea .bGrad3 { background: rgba(107,201,249,0); /* Old browsers */ background: -moz-linear-gradient(-45deg, rgba(107,201,249,0) 29%, rgba(93,240,131,0) 69%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(107,201,249,0) 29%,rgba(93,240,131,0) 69%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(107,201,249,0) 29%,rgba(93,240,131,0) 69%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bc9f9', endColorstr='#5df083',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .planea:hover .planea_1 { opacity:1; } .planea:hover .planea_2 { opacity:0; } .planea:hover .planea_3 { opacity:1; } .planea:hover .bGrad3 { background: rgba(107,201,249, 1); /* Old browsers */ background: -moz-linear-gradient(-45deg, rgba(107,201,249,1) 29%, rgba(93,240,131,1) 69%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(107,201,249,1) 29%,rgba(93,240,131,1) 69%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(107,201,249,1) 29%,rgba(93,240,131,1) 69%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bc9f9', endColorstr='#5df083',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .p6030 { padding:60px 30px; } .pL30 { padding-left:30px; } .pR30 { padding-right:30px; } .w200por { width: 200%; } .listEsp1 ul { list-style: none; padding-left:0 !important } .listEsp1 li { background: url(../../resources/img/important/car1.png) left center no-repeat; padding:14px 0 14px 60px; line-height: 1em; } .listEsp2 ul { list-style: none; padding-left:0 !important } .listEsp2 li { background: url(../../resources/img/important/car2.png) left center no-repeat; padding:14px 0 14px 60px; line-height: 1em; } .colorVerde { color:#127e2e; } .colorVerde2 { color:#20ab6b; } .colorVerde9 { color:#a0aba6; } .colorAzul { color:#46c3e3; } .colorAzul2 { color:#3756a6; } .colorAzul3 { color:#00acec; } .colorVerde3 { color:#004518; } .colorVerde4 { color:#26c398; } .colorAmarillo { color:#ffdc2c; } .colorMorado { color:#392779; } .colorMorado2 { color:#512848; } .bVerde { background-color:#127e2e; } .bVerde2 { background-color:#20ab6b; } .bVerde9 { background-color:#a0aba6; } .bAzul { background-color:#46c3e3; } .bAzul2 { background-color:#3756a6; } .bAzul3 { background-color:#00acec; } .bVerde3 { background-color:#004518; } .bVerde4 { background-color:#26c398; } .bAmarillo { background-color:#ffdc2c; } .bMorado { background-color:#392779; } .bMorado2 { background-color:#512848; } .bTrans { background-color:transparent; } .bCVerde { border-color:#127e2e; } .bCVerde2 { border-color:#00731e; } .bCAmarillo { border-color:#f3fc21; } .borderMen { border-top:8px solid #fff; border-bottom:8px solid #eee; } .borderMen:hover { border-bottom:8px solid #c0ddcf; } .bCVerdeMen { border-bottom:8px solid #127e2e; } .active .bVerde9 { background-color:#eee; } .active .bVerde9 .colorfff { color:#009c52; font-weight:700; } .active .bVerde9 .colorVerde9 { color:#009c52; } .ion .bVerde9:hover { background:#8b9c94 !important; } .ion .bVerde9:hover .colorfff { color:#fff !important;} .ion .bVerde9:hover .colorVerde9 { color:#a0aba6 !important; } .active .bVerde9:hover { background-color:#eee !important; } .active .bVerde9:hover .colorfff { color:#009c52 !important; } .active .bVerde9:hover .colorVerde9 { color:#009c52 !important; } .bEsp1 { background-color: rgba(177,105,21,0.5); } .bEsp2 { background-color: rgba(255,255,255,0.75); } .bEsp3 { background-color: rgba(160,200,56,0.5); } .bGrad1 { background: rgb(58,40,120); /* Old browsers */ background: -moz-linear-gradient(top, rgba(58,40,120,1) 0%, rgba(125,146,78,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(58,40,120,1) 0%,rgba(125,146,78,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(58,40,120,1) 0%,rgba(125,146,78,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a2878', endColorstr='#7d924e',GradientType=0 ); /* IE6-9 */ } .bGrad2 { background: rgb(58,41,120); /* Old browsers */ background: -moz-linear-gradient(top, rgba(58,41,120,1) 0%, rgba(84,82,104,1) 15%, rgba(125,146,78,1) 29%, rgba(125,146,78,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(58,41,120,1) 0%,rgba(84,82,104,1) 15%,rgba(125,146,78,1) 29%,rgba(125,146,78,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(58,41,120,1) 0%,rgba(84,82,104,1) 15%,rgba(125,146,78,1) 29%,rgba(125,146,78,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a2978', endColorstr='#7d924e',GradientType=0 ); /* IE6-9 */ } .bGrad33 { background: rgba(107,201,249, 1); /* Old browsers */ background: -moz-linear-gradient(-45deg, rgba(107,201,249,1) 29%, rgba(93,240,131,1) 69%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(107,201,249,1) 29%,rgba(93,240,131,1) 69%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(107,201,249,1) 29%,rgba(93,240,131,1) 69%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bc9f9', endColorstr='#5df083',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .bGrad4 { background: #6bc9f9; /* Old browsers */ background: -moz-linear-gradient(45deg, #6bc9f9 20%, #6bc9f9 20%, #5df083 86%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #6bc9f9 20%,#6bc9f9 20%,#5df083 86%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #6bc9f9 20%,#6bc9f9 20%,#5df083 86%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bc9f9', endColorstr='#5df083',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .rrEsp1 { -webkit-border-radius: 40px 0 40px 0; border-radius: 40px 0 40px 0; } .bHover:hover { background-color:#333; color:#fff; } .bHover1:hover { background-color:#127e2e; color:#fff; } .bHover2:hover { background-color:#100145; color:#fff; } .bHover3:hover { background-color:#eee; color:#000; } /* TRANSFORM */ .bHover, .bHover1, .bHover2, .bHover3, .borderMen, .planea, .planea *, .planea .bGrad3 { -webkit-transition: all 350ms ease-in; -moz-transition: all 350ms ease-in; -ms-transition: all 350ms ease-in; -o-transition: all 350ms ease-in; transition: all 350ms ease-in; } .rotar { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } .bShadow { -webkit-box-shadow: 0 2px 20px 1px rgba(0,0,0,.1); box-shadow: 0 2px 20px 1px rgba(0,0,0,.1); }.bShadow2 { -webkit-box-shadow: 0 2px 20px 1px rgba(0,0,0,.4); box-shadow: 0 2px 20px 1px rgba(0,0,0,.4); } .inpPlace::placeholder { color:#aaa; opacity: 1; } .inpPlace:-ms-input-placeholder { color:#aaa; } .inpPlace::-ms-input-placeholder { color:#aaa; }