*{box-sizing:border-box;margin:0px auto;padding:0;}
body{font-family:Calibri,Sans-serif,Arial;font-weight:normal;background:#ffffff;}
h1{font-size:3.8em;margin-left:30px;padding-top:150px;}
h2{font-size:2.7em;line-height:1.4em;margin:50px 0px 30px 0px;padding:12px;position:relative;background:#ebeaef;box-shadow:0 8px 12px rgba(100, 100, 100, 0.35);}
h3::after{display:block;width:200px;height:5px;content:"";background:#f1923f;margin-bottom:20px;}
h3{font-size:2.2em;padding:12px;position:relative;}
h4{font-size:1.9em;padding:12px;background:#fbd4b2;}
h3,h4{line-height:1.4em;margin:50px 0 30px 0px;}
h2:after {content:'';position:absolute;left:0;top:0;bottom:0;width:4px;
background:linear-gradient(135deg, #9b4b05, #e29c5f);border-radius:0 2px 2px 0;}
p,li{font-size:1.6em;line-height:1.5em;margin-bottom:1.4rem;}li{list-style:inside;margin-left:20px;}
a{color:#9b4b05;text-decoration:none;}a:hover,a:active{text-decoration:underline;}
img{border:none;max-width:100%;height:auto;}.none{text-transform:none;}.hide{display:none;}
.separador{border-top:1px solid #f1923f;border-bottom:1px solid #b9641a;clear:both;margin:60px 0px;}
.boton{background-color:#c15a00;display:inline-block;padding: 10px 20px;border-radius:5px;margin:20px;box-shadow: 5px 8px 5px rgba(0,0,0,0.3);}
.boton a{color:#fff;}.boton span{vertical-align:middle;}
.ok,.error{font-size: 1.1em;}.ok{color:#8AC007;}.error{color:#FF0000;}
.d50{display:inline-block;width:48%;margin:20px 0.5%;vertical-align:top;}
.d33{display:inline-block;width:32%;margin:20px 0.3%;vertical-align:top;}
.inline li{display:inline-block;}hr{margin:30px 0px;}
.center{text-align:center;}.middle{vertical-align:middle;}
.sombra{box-shadow:5px 8px 5px rgba(50, 50, 50, 0.45);}
.number{width:80px;height:80px;background:#9b4b05;color:white;border-radius:50%;display:flex;align-items:center;
justify-content:center;font-size:1.6rem;font-weight:700;margin:20px auto 0px auto;position:relative;z-index:2;}
/*CABEZA*/
#fondo{width:100%;height:600px;text-align:left;
background:url("../img/fondo.jpg");background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
#fondo h1 a{color: #ffffff;}#fondo h1 span{display:block;}
#fondo h2{display:inline-block;margin-left:30px;margin-right:10px;margin-top:80px;color:#f2f2f2;background:none;
box-shadow:0px 8px 0px rgba(50, 50, 50, 0.25);}
/*CUERPO*/
#cuerpo{padding:20px;text-align:left;margin:0 auto}
/*INDICE*/
#indice li{display:inline-block;width:47%;background:#ececeb;border-radius:15px;padding:30px 12px;text-align:center;
transition:all 0.3s ease;box-shadow:0 8px 5px rgba(100, 100, 100, 0.35);border:1px solid rgba(100, 100, 100, 0.5);}
/*TRABAJOS*/
.tr ul li{padding:10px 3px;margin:10px;display:inline-block;border:1px solid #dbdcdb;}
.tr ul li img{display:block;padding-top:10px;}
.tr img{border-radius:10px;box-shadow:8px 8px 8px #999;}
/*LISTA*/
.lista li{width:300px;display:inline-block;border-bottom:1px solid #999;}
/*CONTATO*/
#iconos li{list-style:none;padding:10px 0px;}
#iconos li span{vertical-align:middle;margin-right:10px;}
.iconotelefono{background:url("../img/iconos/telefono1.png") no-repeat;}
.iconoemail{background:url("../img/iconos/email1.png") no-repeat;}
.iconomapa{background:url("../img/iconos/mapa1.png") no-repeat;}
.iconoweb{background:url("../img/iconos/web1.png") no-repeat;}
.iconowhatsapp{background:url("../img/iconos/whatsapp2.png") no-repeat;background-size:20px 20px;background-position:center;display:inline-block;padding:18px;}
.icono{background-size:20px 20px;background-position:center;display:inline-block;padding:18px;border:2px solid #808080;border-radius:50%;}
/*PIE*/
#pie{background:#1e262e;border-top:1px solid #2e2e2e;margin-top:30px;text-align:center;}
#whatsapp-pie{position:fixed;bottom:12px;right:5px;z-index:9;}
#pielista .d33{padding:0px;}
#pielista h4{color:#f2f2f2;background:#1e262e;line-height:1em;margin-bottom: 1.1em;display: inline-block;border-bottom: 3px solid #fbd4b2;}
#pielista li{display:block;}
#pie a {color:#fbd4b2;}
#pie p{color:#d2d0d0;}
#pie p,#pie li{font-size:1.3em;}
#piefinal{border-top:1px solid #f3f3f3;background:#181a1d;}
#piefinal p{padding:12px 0px;margin:0px;}
@media screen and (max-width:900px){
#cuerpo{padding:15px;}
.d50,.d33{display:block;width:100%;}
#indice li{display:block;width:100%;padding:15px 10px;margin-left:0px;border-bottom:1px solid #cccccc;}
}
@media screen and (max-width:600px){
#iconos li{font-size:1.5em;border-bottom:1px solid #cccccc;}
li{margin-left:0px;}
.inline li{padding:20px;}
.lista li{width:100%;display:block;}
}
@media screen and (max-width:480px){
h1{font-size:2.6em;;margin-left:10px;padding-top:40px;}
#fondo h2{margin-left:10px;margin-top:100px;}
#fondo h2,h2{font-size:1.9em;}h3{font-size:1.7em;}h4{font-size:1.6em;}
h3,h4{margin:50px -13px 30px -13px;}
p,li{font-size:1.4em;}	
.lista li{width:98%;display:block;}ul li{margin-left:0px;}
}