@charset "utf-8";

@font-face {
font-family: "PorscheNextWLa";
font-weight: 100;
font-style: normal;
src: url("../fonts/PorscheNextWLa-Thin.eot");
src: url("../fonts/PorscheNextWLa-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/PorscheNextWLa-Thin.woff2") format("woff2"), url("../fonts/PorscheNextWLa-Thin.woff") format("woff"), url("../fonts/PorscheNextWLa-Thin.ttf") format("truetype"), url("../fonts/PorscheNextWLa-Thin.svg#PorscheNextWLa-Thin") format("svg");
}

@font-face {
font-family: "PorscheNextWLa";
font-weight: 100;
font-style: italic;
src: url("../fonts/PorscheNextWLa-ThinItalic.eot");
src: url("../fonts/PorscheNextWLa-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/PorscheNextWLa-ThinItalic.woff2") format("woff2"), url("../fonts/PorscheNextWLa-ThinItalic.woff") format("woff"), url("../fonts/PorscheNextWLa-ThinItalic.ttf") format("truetype"), url("../fonts/PorscheNextWLa-ThinItalic.svg#PorscheNextWLa-ThinItalic") format("svg");
}

@font-face {
font-family: "PorscheNextWLa";
font-weight: normal;
font-style: normal;
src: url("../fonts/PorscheNextWLa-Regular.eot");
src: url("../fonts/PorscheNextWLa-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/PorscheNextWLa-Regular.woff2") format("woff2"), url("../fonts/PorscheNextWLa-Regular.woff") format("woff"), url("../fonts/PorscheNextWLa-Regular.ttf") format("truetype"), url("../fonts/PorscheNextWLa-Regular.svg#PorscheNextWLa-Regular") format("svg");
}

@font-face {
font-family: "PorscheNextWLa";
font-weight: normal;
font-style: italic;
src: url("../fonts/PorscheNextWLa-Italic.eot");
src: url("../fonts/PorscheNextWLa-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/PorscheNextWLa-Italic.woff2") format("woff2"), url("../fonts/PorscheNextWLa-Italic.woff") format("woff"), url("../fonts/PorscheNextWLa-Italic.ttf") format("truetype"), url("../fonts/PorscheNextWLa-Italic.svg#PorscheNextWLa-Italic") format("svg");
}

@font-face {
font-family: "PorscheNextWLa";
font-weight: bold;
font-style: normal;
src: url("../fonts/PorscheNextWLa-Bold.eot");
src: url("../fonts/PorscheNextWLa-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/PorscheNextWLa-Bold.woff2") format("woff2"), url("../fonts/PorscheNextWLa-Bold.woff") format("woff"), url("../fonts/PorscheNextWLa-Bold.ttf") format("truetype"), url("../fonts/PorscheNextWLa-Bold.svg#PorscheNextWLa-Bold") format("svg");
}

@font-face {
font-family: "PorscheNextWLa";
font-weight: bold;
font-style: italic;
src: url("../fonts/PorscheNextWLa-Bold.eot");
src: url("../fonts/PorscheNextWLa-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/PorscheNextWLa-Bold.woff2") format("woff2"), url("../fonts/PorscheNextWLa-Bold.woff") format("woff"), url("../fonts/PorscheNextWLa-Bold.ttf") format("truetype"), url("../fonts/PorscheNextWLa-Bold.svg#PorscheNextWLa-Bold") format("svg");
}

@font-face {
font-family: "pag-iconfont";
font-weight: normal;
font-style: normal;
src: url("../fonts/pag-iconfont.eot");
src: url("../fonts/pag-iconfont.eot?#iefix") format("embedded-opentype"), url("../fonts/pag-iconfont.woff2") format("woff2"), url("../fonts/pag-iconfont.woff") format("woff"), url("../fonts/pag-iconfont.ttf") format("truetype"), url("../fonts/pag-iconfont.svg#pag-iconfont") format("svg");
}

*,:after,:before{box-sizing:border-box}
img {border:0em;max-width:100%;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;-webkit-text-size-adjust: none;}
body {font-family:'PorscheNextWLa',Arial, Helvetica, sans-serif;padding:0;font-size:16px;max-width:1440px;margin:0 auto;}
ul,li{list-style-type:none;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin:0;}
.error{color:#950014;}
.clear{clear:both;}

/* FOOTER HEADER */
header{background-color:#FFF;height:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}
header > a{display:block;background:url(../img/logo-n.png) no-repeat 0 0;width:280px;height:20px;background-size:280px 20px;text-indent:-9999px;}
footer{background-color:black;padding:2% 4%;clear:both;bottom:0;left:0;z-index:100;}
footer a{color:white;}
footer p{margin-bottom:.5em;line-height:1.3em;font-family:'PorscheNextWLa';color:white;font-size:16px;}
nav{position:absolute;right:5%;width:95%;}
nav ul{text-align:right}
nav ul li{display:inline-block;margin:0 8px;vertical-align:middle;position:relative;}
nav ul li span{position:absolute;background-color:#950014;width:20px;height:20px;border-radius:50%;color:#ffffff;font-size:10px;display:block;top:-8px;right:-8px;text-align:center;line-height:20px;}

/* BOTONES */
.ok-verde{background:url(../img/ok-verde.png) no-repeat 0 0;background-size:34px 34px;width:34px;height:34px;display:inline-block}
.ok-gris{background:url(../img/ok-gris.png) no-repeat 0 0;background-size:34px 34px;width:34px;height:34px;display:inline-block}

.btn{display:inline-block;height:34px;line-height:34px;color:#ffffff;position:relative;padding:0 20px 0 10px;font-size:16px;min-width:100px;}
.btn span{padding-right:20px;}
.btn span:after{content:">";position:absolute;right:10px;top:0;}
.btn-grey{background-color:#403f45;}
.btn-light-grey{background-color:#afb1b2;}
.btn-blue{background-color:#afb1b2;}
.btn-toolbox{background-color:#3a6b9b;}
.btn-grey-toolbox{background-color:#403f45;}
.btn-toolbox:hover {background-color:#223d5e !important;}
/*.btn-toolbox:hover {background-color:#3a6b9b !important;}*/
.btn-grey-toolbox:hover {background-color:#0b3b6a !important;}
.btn-red,.btn:hover{background-color:#950014;}
ul.icon-nav li{display:inline-block;vertical-align:top;margin:0 8px;}
.icon-bottom{position:absolute;right:10px;bottom:5px;}
.icon-bottom-left{position:absolute;left:0;bottom:-15px;}
.icon-nav-right{text-align:right;}
.icon{background:url(../img/sprite-icons.png) no-repeat;background-size:385px 175px;display:inline-block;position:relative;margin:0 1px;}
.icon-blue{background:url(../img/sprite-icons-blue.png) no-repeat;background-size:385px 175px;display:inline-block;position:relative;margin:0 1px;}
.icon-save{background-position:-105px -36px;width:34px;height:34px;}
.icon-save:hover{background-position:-105px -71px;width:34px;height:34px;}

.icon-faq{background-position:-100px -107px;width:14px;height:23px;}
.icon-faq:hover{background-position:-115px -107px;width:14px;height:23px;}
.icon-notify{background-position:-133px -107px;width:25px;height:25px;}
.icon-notify:hover{background-position:-158px -107px;width:25px;height:25px;}
.icon-user{background-position:-56px  -107px;width:18px;height:23px;}
.icon-user:hover{background-position:-75px  -107px;width:18px;height:23px;}
.icon-cart{background-position:-185px -107px;width:23px;height:23px;}
.icon-cart:hover,.icon-cart-active{background-position:-215px  -107px;width:23px;height:23px;}
.icon-logout{background-position:-256px 0;width:23px;height:23px;}
.icon-logout:hover{background-position:-279px 0;width:23px;height:23px;}

.icon-new-tp{background-position:0  -36px;width:34px;height:34px;}
.icon-new-tp:hover{background-position:0  -71px;width:34px;height:34px;}
.icon-cart2{background-position:-35px  -36px;width:34px;height:34px;}
.icon-cart2:hover{background-position:-35px  -71px;width:34px;height:34px;}
.icon-map{background-position:-70px  -36px;width:34px;height:34px;}
.icon-map:hover{background-position:-70px  -71px;width:34px;height:34px;}
.icon-save{background-position:-105px  -36px;width:34px;height:34px;}
.icon-save:hover{background-position:-105px  -71px;width:34px;height:34px;}
.icon-close{background-position:-140px  -36px;width:34px;height:34px;}
.icon-close:hover{background-position:-140px  -71px;width:34px;height:34px;}
.icon-print{background-position:-175px  -36px;width:34px;height:34px;}
.icon-print:hover{background-position:-175px  -71px;width:34px;height:34px;}
.icon-download{background-position:-210px  -36px;width:34px;height:34px;}
.icon-download:hover{background-position:-210px  -71px;width:34px;height:34px;}
.icon-edit{background-position:-245px  -36px;width:34px;height:34px;}
.icon-edit:hover{background-position:-245px  -71px;width:34px;height:34px;}
.icon-delete{background-position:-280px  -36px;width:34px;height:34px;}
.icon-delete:hover{background-position:-280px  -71px;width:34px;height:34px;}
.icon-info{background-position:-315px  -36px;width:34px;height:34px;}
.icon-info:hover{background-position:-315px  -71px;width:34px;height:34px;}
.icon-fav{background-position:-28px  -107px;width:25px;height:25px;position:absolute;top:5px;right:10px;}
.icon-fav-on{background-position:-28px  -107px;width:25px;height:25px;}
.icon-fav-on:hover{background-position:-1px  -107px;width:25px;height:25px;}
.icon-fav-off{background-position:-1px  -107px;width:25px;height:25px;}
.icon-fav-off:hover{background-position:-28px  -107px;width:25px;height:25px;}
.icon-notify-red{background-position:-230px 0;width:23px;height:23px;position:absolute;top:-12px;right:-12px;}
.icon-excel{background-position:-280px -106px;width:34px;height:34px;}
.icon-excel:hover{background-position:-245px -106px;width:34px;height:34px;}
.icon-lupa{background-position:-315px 1px;width:34px;height:34px;}
.icon-lupa:hover{background-position:-315px -106px;width:34px;height:34px;}
.icon-ojo{background-position:-350px -1px;width:34px;height:34px;}
.icon-ojo:hover{background-position:-350px -36px;width:34px;height:34px;}

.icon-medio{background-position:0  0;width:34px;height:34px;vertical-align:middle;}
.icon-objetivo{background-position:-35px 0;width:34px;height:33px;vertical-align:middle;}
.icon-descripcion{background-position:-71px 0;width:26px;height:34px;vertical-align:middle;}
.icon-go{background-position:-106px 0;width:27px;height:23px;vertical-align:middle;}
.icon-tarea{background-position:-140px 0;width:35px;height:27px;vertical-align:middle;}
.icon-coste{background-position:-177px 0;width:29px;height:29px;vertical-align:middle;}

.icon-like{background-position:-213px  -143px;width:25px;height:24px;}
.icon-like:hover,.icon-like-on{background-position:-241px  -143px;width:25px;height:24px;}
.icon-no-like{background-position:-269px  -143px;width:25px;height:24px;}
.icon-no-like:hover,.icon-no-like-on{background-position:-297px  -143px;width:25px;height:24px;}

/* PANTALLA LOGIN */
#login{background:url(../img/login3.jpg) no-repeat center top;background-size:cover;max-width:1440px;height:700px;text-align:center;width:100%;}
#login > ul{text-align:right;padding:10px;}
#login > ul img{width:37px;}
#login h1{font-size:60px;line-height:60px;color:#000000;padding:40px 0 20px;font-weight:100;}
#login p{font-size:16px;}
#login form{margin-top:50px;}
#login form > span{display:block;color:#dc0019;font-size:14px;margin:20px 0;}
#login input{border:1px solid #8e8e8e;height:50px;line-height:50px;font-size:16px;color:#000000;display:inline-block;width:30%;margin:0 2%;padding:10px;font-family:'PorscheNextWLa',Arial, Helvetica, sans-serif;}
#login .loader{display:none;margin-top:20px;}
#login .password{font-size:18px;color:#950014;}

/* PANTALLA NUEVOS ELEMENTOS ADMIN */
.new-element{width:calc(100% / 3);margin:0 auto;padding:2% 30px;min-width:470px;}
.new-element h1{font-size:30px;line-height:34px;color:#403f45;border-bottom:1px solid #403f45;}
.new-element label{display:block;font-size:16px;color:#403f45;margin:20px 0 5px;clear:both;}
.new-element input, .new-element textarea{border:1px solid #403f45;font-size:13px;padding:5px;width:100%;}
.new-element form p{margin:2% 0;}
#new-cj form div.phases ul{display:inline-block;width:48.5%;margin:0 0 0 1%;vertical-align:top;border:1px solid #403f45;padding:5px;}
#new-cj form div.phases ul:first-child{margin:0 1% 0 0}
#new-cj form div.phases ul li{font-size:16px;color:#403f45;padding:5px 0;vertical-align:top;cursor:move;}
#new-cj form div.phases ul li.phase{border:1px solid #000000;padding:5px;color:#15577e;font-size:13px;margin:8px 0;position:relative}
#new-cj form div.phases .ui-state-disabled{opacity:1;filter: Alpha(Opacity=100);background-image: none;}
/*
#new-cj form div.phases ul li.off{opacity:.3}
#new-cj form div.phases ul li.off:after{opacity:.3;cursor: not-allowed}
.select-phases .phase:after{content:"+";color:#950014;font-size:26px;position:absolute;right:5px;top:-5px;cursor:pointer;}
.cp-phases .phase:after{content:"x";color:#950014;font-size:22px;position:absolute;right:5px;top:-2px;cursor:pointer;}
*/

/* BARRA NAVEGACION GRIS */
.sub-nav{width:100%;background-color:#afb1b2;height:70px;line-height:70px;padding:0 4%;}
.sub-nav h2{display:inline-block;font-size:16px;color:#000000;margin-right:80px;}
.sub-nav h2 a{color:#000000;}
.sub-nav ul{display:inline-block;}
.sub-nav ul li{display:inline-block;font-size:16px;color:#000000;margin:0 20px 0 0;}
.sub-nav ul li input[type="radio"]{width:20px;height:20px;display:inline-block;vertical-align:middle;}
.sub-nav a.add-touchpoint{display:inline-block;height:34px;line-height:34px;float:right;margin:18px 0;}
.sub-nav .search{display:inline-block;background-color:#eff0f1;color:#000000;height:34px;line-height:34px;float:right;margin:18px 8px 0 0;padding:0 22px 0 5px;}
.sub-nav .search i{display:inline-block;background:url(../img/sprite-icons.png) no-repeat -207px 0;background-size:385px 175px;width:22px;height:24px;vertical-align:middle;}
.sub-nav .search input, select {font-size:16px;color:#000000;padding:0 5px;border:0;background-color:#eff0f1;font-family:'PorscheNextWLa';}
.sub-nav .view-cj-pib{display:inline-block;float:right;line-height:70px;font-size:14px;color:#000000;text-decoration:underline;}
.sub-nav .cj-options{display:inline-block;height:34px;line-height:34px;float:right;margin:18px 8px 0 0;padding:0 22px 0 5px;}
.sub-nav .cj-options li{margin:0;}
.sub-nav .cj-options a.add-touchpoint{height:34px;line-height:34px;margin:0 5px 0 0;float:left;}
.sub-nav #lista_cj{width:180px;display:inline-block;color:#000000;height:34px;line-height:34px;float:right;margin:18px 8px 0 0;}
.sub-nav .pedidos{display:inline-block;background-color:#eff0f1;color:#000000;height:44px;line-height:44px;float:right;margin:18px 8px 0 0;padding:5px;}
.sub-nav .pedidos input{font-size:16px;color:#000000;padding:0 5px;border:0;background-color:#eff0f1;font-family:'PorscheNextWLa';width:200px;vertical-align:top;display:inline-block;height:34px;}
.sub-nav a.search-pedidos{display:inline-block;height:34px;line-height:34px;float:right;vertical-align:middle;}
.sub-nav p.txt-pedidos{float:right;height:44px;line-height:44px;margin:18px 10px 0;}

/* MENU PANTALLA CUSTOMER JOURNEY */
h2.menu{position:relative;}
h2.menu ul{position:absolute;top:70px;left:0;width:200px;display:none;}
h2.menu ul li{display:block}
h2.menu ul li a.btn{display:block;color:#ffffff;}

/* PANTALLA LISTADOS ADMIN */
.sidebar-content{width:21%;padding:40px 32px 0 4%;display:inline-block;float:left}
.sidebar-content li{margin-bottom:20px;}
.sidebar-content li a{width:100%;border-radius:0;text-align:left;}

.list-content{display:inline-block;vertical-align:top;width:78.7%;padding-right:4%;padding-top:40px;}
.list-content ul{width:100%;display:flex;flex-wrap:wrap;;}
.list-content li{height:193px;display:inline-block;width:17%;margin-left:3%;position:relative;padding:10px;flex-grow:1;max-width:193px;margin-bottom:20px;}
.owl-item > li{width:100%;margin-left:0;}
.list-content li:first-child,.list-content li:nth-child(5n+1){margin-left:0;}
.red-border{border:1px solid #950014;}
.grey-border{border:1px solid #e3e4e4;}
.black-border{border:1px solid #000000;}
#content-touchpoints li h3,.list-content li h4{font-size:15px;color:#000000;line-height:16px;}
#content-touchpoints li h3{float:left;width:80%}

#content-touchpoints li h4{float:right;}
#content-touchpoints li img{display:block;text-align:center;margin:26px auto;clear:both;}
#content-phases h3{font-size:16px;}
#content-phases h4{font-size:20px;font-weight:bold;line-height:22px;}
.header-content-blue{border-bottom:3px solid #3a6b9b;margin:10px 0 20px;padding-bottom:5px;}
.header-content{border-bottom:3px solid #950014;margin:10px 0 20px;padding-bottom:5px;}
.header-content p{font-size:16px;color:#950014;display:inline-block;}
.header-content p strong{display:block;color:#000000;font-weight:bold;}
.header-content img{display:inline-block;vertical-align:bottom;}
.header-content-grey{background-color:#afb1b2;height:40px;line-height:40px;margin-bottom:20px;}
.header-content-grey p{font-size:16px;color:#000000;padding-left:16px;}
li.add-content{display:flex;justify-content:center;align-items:center;}
.add-content a{display:block;font-size:100px;color:#999c9d;font-weight:100;}
.add-content span{position:absolute;top:10px;text-align:center;}

/* NUEVO TOUCHPOINT */
.new-touchpoint{width:100%;margin:0 auto;padding:2% 30px;max-width:840px;}
.new-touchpoint section{display:inline-block;vertical-align:top;width:79%;position:relative;}
.new-touchpoint section:first-child{width:20%;}
.new-touchpoint section > a{position:absolute;top:0;right:0;}
.new-touchpoint small{color:#15577e;}
.new-touchpoint form div{display:inline-block;width:30%;vertical-align:top;}
.new-touchpoint form div:first-child{width:64%;margin-right:5%;}
.new-touchpoint label{display:block;font-size:16px;color:#403f45;margin:20px 0 5px;clear:both;}
.new-touchpoint input, .new-touchpoint textarea{border:1px solid #403f45;font-size:13px;padding:5px;width:100%;}
.new-touchpoint input.title{border:0;font-size:30px;font-weight:100;border-bottom:1px solid #403f45;}
.new-touchpoint input[type="radio"]{display:inline-block;width:auto;}
.new-touchpoint form p{margin:2% 0;}
.new-touchpoint form div ul li:nth-child(1),.new-touchpoint form div ul li:nth-child(2){display:inline-block;width:20%;margin:0 2% 0 0;}
.new-touchpoint form div ul li:nth-child(3){display:inline-block;width:54%;margin:0;}
.new-toucpoint p.publicado{height:60px;line-height:60px;font-weight:bold;}

/* INFO TOUCHPOINT */
.view-touchpoint{width:100%;margin:0 auto;padding:2% 30px;max-width:840px;position:relative;}
.view-touchpoint > div{position:absolute;top:2%;right:8px;}
.view-touchpoint > div > span{display:inline-block;height:40px;line-height:40px;color:#000000;font-size:16px;font-weight:100;min-width:100px;text-align:center;}
.view-touchpoint section{display:inline-block;vertical-align:top;padding:40px 0;}
.view-touchpoint section.images{width:30%;}
.view-touchpoint section.content{width:64%;margin-left:5%;}
.view-touchpoint h2{font-size:30px;line-height:34px;color:#403f45;border-bottom:1px solid #403f45;font-weight:100;}
.view-touchpoint h3{display:inline-block;width:25%;font-size:13px;font-weight:bold;margin-top:10px;vertical-align:top;}
.view-touchpoint p{display:inline-block;width:70%;font-size:16px;margin-left:4%;line-height:20px;margin-top:10px;}
.view-touchpoint table{width:100%;margin:0;padding:0;}
.view-touchpoint table thead td{font-size:13px;font-weight:bold;width:20%;}
.view-touchpoint table td:nth-child(1){width:10%;}
.view-touchpoint table td:nth-child(2){width:30%;}
.view-touchpoint table td:nth-child(4){text-align:center}
.view-touchpoint table td:nth-child(5){text-align:center}
.view-touchpoint table td{height:40px;}
.view-touchpoint table tbody td{font-size:16px;width:20%;}
.view-touchpoint table tbody td input[type="text"]{font-size:16px;padding:0 5px;width:60px;font-family:'PorscheNextWLa'}
.view-touchpoint .toggle{width:75%}
.view-touchpoint .toggle-slide {overflow: hidden;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;direction: ltr;text-align: center;}
.view-touchpoint .toggle-slide .toggle-on,.toggle-slide .toggle-off,.toggle-slide .toggle-blob {float: left;}
.view-touchpoint .toggle-slide .toggle-blob {position: relative;z-index: 99;cursor: hand;cursor: grab;}
.view-touchpoint .toggle-slide {border-radius: 9999px;box-shadow: 0 0 0 1px #999;}
.view-touchpoint .toggle-on,.toggle-off {font-size: 12px;}
.view-touchpoint .toggle-on,.toggle-select .toggle-inner .active {background: #7b7e80;box-shadow: inset 2px 2px 6px rgba(0, 0, 0, 0.2);color: #ffffff;}
.view-touchpoint .toggle-off,.toggle-select .toggle-on {color: #ffffff;background: #7b7e80;}
.view-touchpoint .toggle-blob-on,.view-touchpoint .toggle-blob {border-radius: 50px;background: #d2f52d;box-shadow: 1px 1px 2px #888;}
.view-touchpoint .toggle-blob-on:hover {background:#d2f52d;}
.view-touchpoint .toggle-blob-off {border-radius: 50px;background: #950014;box-shadow: 1px 1px 2px #888;}
.view-touchpoint .toggle-blob-off:hover {background:#950014;}
.view-touchpoint .disabled{opacity:.35;}
.view-touchpoint ul{border-top:1px solid #7b7e80;width:90%;margin-left:10%;padding-top:20px;}
.view-touchpoint ul li{display:inline-block;width:49%;vertical-align:top;}
.view-touchpoint ul li:nth-child(1) p{font-size:13px;font-weight:bold;margin:0 0 5px;}
.view-touchpoint ul li textarea{border:1px solid #403f45;font-size:13px;padding:5px;width:100%;}
.view-touchpoint ul li:nth-child(2) p{font-size:26px;text-align:right}
.view-touchpoint ul li:nth-child(2) small{display:block;font-size:16px;margin-top: 10px;}
.view-touchpoint .icon-bottom{position:absolute;right:30px;bottom:2%;top:auto;left:auto;}

/* DETALLE USUARIO ADMIN */
.detail-content{padding:40px 0 0 130px;max-width:790px;width:100%;display:inline-block;vertical-align:top;}
.detail-content h1{font-size:30px;line-height:34px;color:#403f45;border-bottom:1px solid #403f45;margin-bottom:20px;font-weight:100;}
.detail-content p{font-size:16px;line-height:30px;}
.detail-content >ul{display:flex;margin-top:20px;}
.detail-content >ul > li{display:inline-block;width:33%;margin-left:5%;position:relative;}
.detail-content >ul > li:first-child{margin:0;}
.detail-content >ul > li a{width:100%;position:relative;}

/* INTRO USER */
#intro{padding:40px 12% 0;}
#intro h1{font-size:30px;line-height:34px;color:#403f45;margin-bottom:20px;font-weight:100;}
#intro section{display:inline-block;width:46%;vertical-align:top;}
#intro section.left{margin:0 3% 0 0;}
#intro section.right{margin:0 0 0 3%;}
#intro section p{font-size:16px;color:#000000;line-height:20px;margin:16px 0;}
#road{padding-top:200px;position:relative;}
#road section{background:url(../img/intro-carretera.jpg) repeat-x 0 0 #c8cacb;height:152px;width:100%;}
#road img{position:absolute;}
#road .car{bottom:70px;left:-100%;z-index:10;animation:gocar 4s forwards;}
#road .tp1{opacity:0;top:100px;left:5%;animation:movetp1 3s forwards 500ms;}
#road .tp2{opacity:0;top:70px;left:20%;animation:movetp2 3s forwards 1s;}
#road .tp3{opacity:0;top:40px;left:45%;animation:movetp3 3s forwards 2s;}
#road .tp4{opacity:0;top:50px;left:65%;animation:movetp4 3s forwards 3s;}
#road .tp5{opacity:0;top:70px;left:90%;animation:movetp2 3s forwards 3s;}

@keyframes gocar{
	0%{left:-50%}
	100%{left:50%}
}
@keyframes movetp1{
	0%{top:0%;opacity:0;}
	50%{opacity:1;}
	100%{top:100px;opacity:1}
}
@keyframes movetp2{
	0%{top:0%;opacity:0;}
	50%{opacity:1;}
	100%{top:70px;opacity:1}
}
@keyframes movetp3{
	0%{top:0%;opacity:0;}
	50%{opacity:1;}
	100%{top:40px;opacity:1}
}
@keyframes movetp4{
	0%{top:0%;opacity:0;}
	50%{opacity:1;}
	100%{top:50px;opacity:1}
}

/* CARRITO */
.cart{position:relative;padding:0 0 80px 0;margin-left:255px;}
.cart section{display:inline-block;vertical-align:top;width:30%;padding:40px 44px;}
.cart section:first-child{width:52%;padding:40px 0 20px 44px}
.cart section h1{font-size:30px;line-height:34px;color:#403f45;margin-bottom:20px;font-weight:100;}
.cart section table{width:100%;margin:0;padding:0;}
.cart section table td{width:33%;padding:8px 0;position:relative;vertical-align:top;}
.cart p{font-size:16px;line-height:24px;}
.cart section > div{background-color:#eff0f1;padding:20px;}
.cart section > div > p > span{float:left;}
.cart section > div > p > strong{float:right;}
.cart section .separador{margin-top:10px;}
.cart h2{font-size:16px;font-weight:bold;margin-bottom:20px;}
.cart .right{text-align:right;font-weight:bold;}
.cart a.go{background-color:#950014;color:#ffffff;font-size:16px;height:40px;line-height:40px;display:block;margin:30px auto 0;width:130px;text-align:center;}
.cart a.draft{color:#196a99;font-size:16px;display:block;margin:20px auto 0;text-decoration:underline;text-align:center;}
.cart a.empty{background-color:#313639;color:#ffffff;font-size:16px;height:40px;line-height:40px;display:block;margin:10px auto 0;text-align:center;width:130px;}
.cart small{color:#950014;display:block;text-align:right;padding-right:10px;}
.cart .icon-bottom{bottom:20px;}

/* CUSTOMER JOURNEY */
.cj-phases{padding:20px 4%;}
.cj-phases h1{font-size:24px;color:#950014;text-align:center;margin-bottom:18px;}
.cj-phases h1 strong{font-weight:bold;color:#000000;}
.cj-phases .guide-car{background:url(../img/guia-fases.png) no-repeat 0 0;width:calc(100% / 12);min-height:38px;background-size:100%;margin-bottom:5px;}
.cj-phases ul{width:100%;display:flex;justify-content:center;align-items:center;}
.cj-phases li{display:inline-block;width:calc(100% / 12);margin:0 2px;}
.cj-phases li a{color:#ffffff;background-color:#403f45;height:48px;text-align:center;display:flex;justify-content:center;align-items:center;line-height:1;}
.cj-phases li a.active, .cj-phases li a:hover{background-color:#950014;}
.cj-touchpoints{padding:20px 4%;}
.bx-wrapper{padding:0 5%;}
.cj-touchpoints .bx-slider{padding:0;background:url(../img/intro-carretera.jpg) repeat-x 0 bottom;height:400px;width:100%;}
.cj-touchpoints .bx-prev{position:absolute;left:0;top:125px;text-align:center;background:url(../img/guia-fases.png) no-repeat 0 0;width:45px;height:15px;background-size:45px 15px;transform:rotateY(180deg);}
.cj-touchpoints .bx-prev:before{content:"";font-size:24px;color:#000000;font-family:'pag-iconfont';line-height:50px}
.cj-touchpoints .bx-next{position:absolute;right:0;top:125px;text-align:center;background:url(../img/guia-fases.png) no-repeat 0 0;width:45px;height:15px;background-size:45px 15px;}
.cj-touchpoints .bx-next:before{content:"";font-size:24px;color:#000000;font-family:'pag-iconfont';line-height:50px}
.cj-touchpoints .bx-next:hover::before,.cj-touchpoints .bx-prev:hover::before{color:#950014;}
.cj-touchpoints div.tp{margin:0 5%;position:relative;height:400px;}
.cj-touchpoints div.tp p{height:25px;}
.cj-touchpoints div.tp .border{padding:10px;height:200px;position:relative;border:1px solid #950014;}
.cj-touchpoints div.tp .separador{background-color:#D6D6D6;height:200px;margin-top:25px;padding:20px;}
.cj-touchpoints div.tp .separador h2{position:relative;font-size:18px;}
.cj-touchpoints div.tp .separador h2 strong{display:block;font-size:24px;}
.cj-touchpoints div.tp .separador h2:after{content:"";font-size:48px;color:#950014;font-family:'pag-iconfont';position:absolute;right:0;top:50%;transform:translateY(50%);}
.cj-touchpoints div.tp h3,.cj-touchpoints div h4{font-size:15px;color:#000000;line-height:16px;}
.cj-touchpoints div.tp h3{float:left;width:80%;}
.cj-touchpoints div.tp h4{float:right;}
.cj-touchpoints div.tp img{display:block;text-align:center;margin:26px auto;clear:both;}
.cj-touchpoints div.car{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);width:106px;height:32px;background:url(../img/sprite-icons.png) no-repeat 0 -135px;background-size:385px 175px;}
.cj-touchpoints div.car:before{position:absolute;content:'';top:-112px;left:50%;height:112px;border-right:1px solid #950014;}
.disabled .tp{visibility:hidden;}
.cj-touchpoints .disabled div.car{background:url(../img/sprite-icons.png) no-repeat -106px -135px;background-size:385px 175px;cursor:pointer;}
.cj-touchpoints .disabled div.car:before{border:0;}
.cj-touchpoints .toggle{position:absolute;width:50px;top:0;right:0;}
.cj-touchpoints .toggle-slide {overflow: hidden;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;direction: ltr;text-align: center;}
.cj-touchpoints .toggle-slide .toggle-on,.toggle-slide .toggle-off,.toggle-slide .toggle-blob {float: left;}
.cj-touchpoints .toggle-slide .toggle-blob {position: relative;z-index: 99;cursor: hand;cursor: grab;}
.cj-touchpoints .toggle-slide {border-radius: 9999px;box-shadow: 0 0 0 1px #999;}
.cj-touchpoints .toggle-on,.toggle-off {font-size: 12px;}
.cj-touchpoints .toggle-on,.toggle-select .toggle-inner .active {background: #7b7e80;box-shadow: inset 2px 2px 6px rgba(0, 0, 0, 0.2);color: #ffffff;}
.cj-touchpoints .toggle-off,.toggle-select .toggle-on {color: #ffffff;background: #7b7e80;}
.cj-touchpoints .toggle-blob {border-radius: 50px;background: #950014;box-shadow: 1px 1px 2px #888;}
.cj-touchpoints .toggle-blob:hover {background:#950014;}
.cj-touchpoints h5{font-size:24px;color:#000000;margin:20px 0;}

/* PEDIDOS USER */
.list-pedidos{display:inline-block;width:20%;vertical-align:top;padding-top:40px;}
.list-pedidos li{margin-bottom:20px;width:200px;}
.list-pedidos li a{width:100%;text-align:center;}
.detail-pedido{display:inline-block;vertical-align:top;padding-top:40px;width:45%;}
.btn-light-grey{background-color:#afb1b2;}
.detail-pedido li{border-bottom:1px solid #afb1b2;margin-bottom:10px;}
.detail-pedido li p{font-size:16px;color:#000000;}
.detail-pedido li p span{float:right;}

/* NOTIFICACIONES */
.list-notificaciones{width:21%;padding:40px 32px 0 4%;display:inline-block;}
.list-notificaciones li{margin-bottom:5px;border-bottom:1px solid #afb1b2;}
.list-notificaciones li a{width:100%;display:block;position:relative;padding:20px;}
.list-notificaciones li a.no-leido{background-color:#dedede;}
.list-notificaciones li a.no-leido i{display:block;width:10px;height:10px;position:absolute;top:25px;left:5px;border-radius:50%;background-color:#950014;}
.list-notificaciones li a small{position:absolute;right:10px;top:10px;font-size:10px;color:#000000;}
.list-notificaciones li p{font-size:14px;color:#000000;font-weight:bold}
.list-notificaciones li span{font-size:14px;color:#000000;display:block;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.list-notificaciones a.selected,.list-notificaciones a:hover{background-color:#950014 !important;}
.list-notificaciones a.selected p,.list-notificaciones a.selected small,.list-notificaciones a.selected span{color:#ffffff !important;}
.list-notificaciones a:hover p,.list-notificaciones a:hover small,.list-notificaciones a:hover span{color:#ffffff !important;}
.list-notificaciones a.selected i,.list-notificaciones a:hover i{background-color:#ffffff !important;}
.detail-notificaciones{display:inline-block;vertical-align:top;padding:40px 0;width:60%;margin-left:5%;position:relative;}
.detail-notificaciones ul li{display:inline-block;vertical-align:top;text-align:right;width:48%;}
.detail-notificaciones ul li:first-child{text-align:left;}
.detail-notificaciones ul li a{color:#000000;text-decoration:underline;}
.detail-notificaciones ul li a.icon{vertical-align:middle;margin-left:20px;}
.detail-notificaciones li p{font-size:16px;color:#000000;font-weight:bold}

/* CARRETERA DINAMICA */
.carretera{padding:16px;/*width:842px;*/height:595px;}
.carretera h1{font-size:26px;color:#000000;float:left;font-weight:bold;}
.carretera h2{font-size:18px;color:#000000;float:right;font-weight:100;}
.carretera .fase{margin-top:6px;border-top:1px solid #bfbfbf;padding-top:20px;clear:both;}
.carretera .fase img{display:inline-block;width:100px;margin-right:10px;}
.carretera .fase h3{font-size:24px;color:#000000;font-weight:bold;display:inline-block;line-height:24px;}
.carretera .fase h3 strong{color:#950014;font-size:18px;display:block;}
.carretera .items{padding:84px 0 0;background:url(../img/intro-carretera.jpg) repeat-x 0 center;height:480px;width:100%;background-size:40px 37px;}
.carretera ul{display:flex;justify-content:space-between;align-content:center;width:100%;margin:0 auto;text-align:center;}
.carretera ul li{width:calc(100% / 9);font-size:10px;color:#000000;display:inline-block;vertical-align:top;position:relative;height:151px;}
.carretera ul li.alterna{margin:0 10px !important;}
.carretera ul li p{height:32px;display:flex;justify-content:center;align-items:center;}
.carretera ul li .imagen{border:1px solid #950014;}
.carretera ul li .imagen img{display:block;margin:0 auto;width:77px;height:53px;}
.carretera ul li .punto{position:absolute;bottom:-3px;left:50%;transform:translateX(-50%);width:15px;height:15px;background-color:#950014;border:1px solid #ffffff;border-radius:50%;}
.carretera ul li .punto:before{position:absolute;content:'';top:-53px;left:50%;height:52px;border-right:1px solid #950014;}
.carretera ul.abajo li .punto{top:7px;}
.carretera ul.abajo li .punto:before{top:9px;}
.carretera ul.abajo li .imagen{margin-top:69px;}

::-webkit-input-placeholder{color:#8e8e8e;}
:-moz-placeholder{color:#8e8e8e;opacity:1;}
::-moz-placeholder{color:#8e8e8e;opacity:1;}
:-ms-input-placeholder{color:#8e8e8e;}
:placeholder-shown{color:#8e8e8e;}
.success {font-weight:bold !important;color:#2EB500 !important;padding:10px;background-color:rgba(46,181,0,0.2);border-left:5px solid #2EB500;margin:10px;}
.danger {font-weight:bold !important;color:#950014 !important;padding:10px;background-color:rgba(149,0,20,0.2);border-left:5px solid #950014;margin:10px;}
li.new-cj{padding:0;}
li.new-cj a{background:url(../img/nuevo-cj.jpg) no-repeat left top;width:100%;height:100%;background-size:cover;display:block;}
li.new-cj a:hover{background:url(../img/nuevo-cj-on.jpg) no-repeat left top;background-size:cover;}
li.new-cj-es{padding:0;}
li.new-cj-es a{background:url(../img/nuevo-cj.jpg) no-repeat left top;width:100%;height:100%;background-size:cover;display:block;}
li.new-cj-es a:hover{background:url(../img/nuevo-cj-on.jpg) no-repeat left top;background-size:cover;}
li.new-cj-en{padding:0;}
li.new-cj-en a{background:url(../img/nuevo-cj-en.jpg) no-repeat left top;width:100%;height:100%;background-size:cover;display:block;}
li.new-cj-en a:hover{background:url(../img/nuevo-cj-en-on.jpg) no-repeat left top;background-size:cover;}