#desarrollofototexto{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin:20px}#proyectos #desarrollofototexto{margin:20px auto}.imageneschico{display:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.destacado,.tcsduda{background-color:#00215d;color:#fff!important;text-align:center}@media (max-width: 500px){.centrar-movil{text-align:center}}.icono{height:100px;width:100px;margin:0 20px}#selloverde{width:70px;margin:0 20px}#tcsicon{height:100px;margin:0 20px;fill:#333}#quemador{height:70px;margin:0 20px}#pipes{height:70px;margin:0 20px}#casco{height:70px;margin: 0 20px;}#sellosec{height:100px;margin:20px}@media (max-width: 500px){#desarrollofototexto{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gonechico{display:none!important}.imageneschico{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;margin-top:20px}.contactanos a{padding:10px 30px!important}#casco,#sellosec{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}}#acordeon button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-family:'Lato',sans-serif;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#00205c;font-weight:700;padding:10px}@media (max-width: 470px){#acordeon button{font-size:15px}}#servicioscontenedor{max-width:800px;margin:auto;padding:2%}#acordeon{border:solid 1px #fa0;margin-bottom:20px}#noacordeon > :first-child{margin-bottom:10px}#noacordeon > div{border:solid 1px #fa0}@media (min-width: 600px){#noacordeon > div{margin-top:20px}}.desarrollo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#000;font:17px/23px 'Source Sans Pro',sans-serif;text-align:left}.desarrollo li{max-width:300px}.desarrollo ul{color:#222;max-width:500px;margin:auto}.wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.wrap > span{-ms-flex-wrap:none;flex-wrap:none}.desarrollo h1{color:#00215D}.desarrollo h1.title{font-weight:700}.desarrollo li a{text-decoration:underline;cursor:pointer;color:#00215D}.linktext:hover,.linktext:active{color:#a30000}.desarrollo h2{color:#00215D}.contactanos{margin:30px auto;text-align:center}.contactanos a{color:#00215D;font-weight:700;text-decoration:none;border:solid 1px #00215D;padding:10px 50px}.contactanos a:hover,.contactanos a:active{color:#fff;background-color:#00215D}h2{margin-left:20px}.li-ofrecemos{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;margin:5px 0}.accordion{background-color:#fff;color:#444;cursor:pointer;width:100%;border:none;text-align:left;outline:none;font-size:16px;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}.active,.accordion:hover{background-color:#00215d;color:#fff!important}.active>svg,.accordion:hover>svg{fill:#fff}.active + div{border-bottom:solid 1px #fa0}.accordion:after{content:'▼';color:#333;font-weight:700;background-color:#ffc95c;padding:5px 7px}.active:after{content:'▲';background-color:#fa0}.accordion:hover:after{background-color:#fa0}.panel{padding:0 18px;background-color:#fff;max-height:0;overflow:hidden;-webkit-transition:max-height .2s ease-out;-o-transition:max-height .2s ease-out;transition:max-height .2s ease-out}

button #tcsicon{width: 70px;}
button #pipes{width: 70px;}
button #quemador{width:70px;}
button h1{flex-grow: 1; margin:0px 5px;}
button #casco{fill:#ffffff;stroke:#333333;width:70px;}


#quemador .fillcolor, #tcsicon, #pipes, #casco{fill:#333;}
#quemador .filltrans{fill:#fff;}
.active #quemador .fillcolor,.accordion:hover #quemador .fillcolor, .accordion:hover #tcsicon,.active #tcsicon{fill:#fff}
.active #quemador .filltrans,.accordion:hover #quemador .filltrans{fill:#00215d}
.active #casco, .accordion:hover #casco {fill:#00215d;stroke:#fff}
.active #pipes, .accordion:hover #pipes {fill:#fff;}

@media (min-width: 635px) {
    #acordeon {width:600px;}
}