*{margin:0;
padding:0;}

body{margin:0 auto;
text-align:center;
background-color: #000;
background-image: url(imagenes/pattern.png);
background-position:top center;}

#contenedor{margin:0 auto;
text-align:center;
background-image: url(imagenes/llaves_medellin.jpg);
background-repeat:no-repeat;
width:100%;
height: 480px;}

#head{margin:0 auto;
background-color:#333;
width:100%;
height:30px;}

#llaves{ margin-left:20px;
width: 350px;
float:left;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
text-align:left;
color:#FFF;
padding-top:10px;
height:20px;}

#servicio_domestico{
width: 300px;
float: left;
font-family:Verdana, Geneva, sans-serif;
background-repeat:no-repeat;
font-size:10px;
text-align: left;
color:#FFF;
padding-top:10px;
height:20px;}

#llaves_en_medellin{ margin-right:20px;
width: 375px;
float: right;
font-size:10px;
height:30px;}

#facebook{ margin-right:10px;
width:65px;
float: left;
height:30px;}

#facebook2{ margin-right:30px;
width:65px;
float: left;
height:30px;}

#wrapper{ margin: 0 auto;
width:1200px;
height:auto;}

#la_colmena{width:1000px;
float:left;
margin-left:100px;
margin-top:10px;
height:470px;}

#llaves_medellin{width:280px;
float:left;
height:250px;
background-image:url(imagenes/llaves.png);}

#la_colmena_express{ width:410px;
height:70px;
float:left;
background-image:url(imagenes/la_colmena_express.png);}

#servicios_cerrajeria{ width:590px;
height:80px;
float:left;}

#banner{ width:1000px;
height:300px;
float:left;}

#linea{ width:1000px;
height:85px;
float:left;
background-image:url(imagenes/linea.png);
background-repeat:no-repeat;}

#la_colmena_medellin{ width:1090px;
height: 160px;
float:left;
margin-left:105px;
margin-top:10px;
}

#centros_de_distribucion{ width:1000px;
height: 150px;
float:left;
margin-left:105px;
margin-top:5px;
font-family:Tahoma, Geneva, sans-serif;
background-image: url(imagenes/centros_de_distribucion.png);
}

#departamentos{ width:500px;
height: 62px;
float:left;
text-align:left;
font-family:Tahoma, Geneva, sans-serif;
margin-left:480px;
margin-top:20px;
}

#marca{ width:900px;
height: 40px;
float: left;
text-align: center;
font-size:10px;
color:#333;
font-weight:bold;
font-family:Tahoma, Geneva, sans-serif;
margin-left:50px;
margin-top:28px;
}

#ihd{ width:900px;
height: auto;
float: left;
margin-top:5px;
margin-left:155px;
margin-bottom:10px;
text-align: center;
font-size:10px;
color:#fff;
font-weight:bold;
font-family:Tahoma, Geneva, sans-serif;
}

#contenido{
width:1000px;
float:left;
height: auto;
background-image:url(imagenes/white_texture.jpg);
background-color:#FFF;
border-radius:10px 10px 0 0;
margin-left:105px;
margin-top:15px;
}

#parrafo1{
width:460px;
float:left;
height: auto;
font-family:Arial, Helvetica, sans-serif;
color:#333;
line-height:15px;
font-size:12px;
text-align:justify;
margin-left:25px;
margin-bottom:15px;
margin-top:20px;
}

#equipo{
width:950px;
float:left;
height: auto;
font-family:Arial, Helvetica, sans-serif;
color:#333;
line-height:15px;
font-size:12px;
text-align:justify;
margin-left:25px;
margin-bottom:15px;
margin-top:20px;
}

#cont_equipo{
width:950px;
float:left;
height: auto;
font-family:Arial, Helvetica, sans-serif;
color:#333;
font-size:12px;
text-align:justify;
}

#parrafocontacto{
width:460px;
float:left;
height: 480px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
background-image:url(imagenes/moto.jpg);
font-size:12px;
border-radius:10px 10px 10px 10px;
text-align:justify;
margin-left:25px;
margin-bottom:15px;
margin-top:20px;
}

#parrafocont{
width:430px;
float:left;
margin-left:15px;
height: auto;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size:11px;
text-align:justify;
}

#parrafo2{
width:460px;
float: right;
height: auto;
font-family:Arial, Helvetica, sans-serif;
color:#333;
line-height:15px;
font-size:12px;
text-align:justify;
margin-right:25px;
margin-bottom:15px;
  margin-top:20px;
}

.box{box-shadow:1px 1px 5px #222;}

.negrilla{ font-weight:bold;
font-size:13px;
color:#333;}

#tituloppal{
width:460px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
text-align:left;
color:#666;
text-shadow:0 2px 1px #fff;
letter-spacing:-1px;
font-weight:bold;
height: 30px;
margin-bottom:15px;
}

#tituloppal2{
width:430px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
text-align:left;
color:#999;
text-shadow:0 2px 1px #000;
letter-spacing:-1px;
font-weight:bold;
height: 30px;
margin-top:10px;
margin-left:15px;
margin-bottom:15px;
}



.bold{ font-weight:bold;
font-size:13px;}


.titcont{color:#333;
font-size:12px;
font-weight:bold;}


.opciones{border-radius:10px 10px 10px 10px;
height:25px;
width:220px;
border:none;
padding-left:7px;
margin-top:5px;}

.campo{border-radius:10px 10px 10px 10px;
height:25px;
width:445px;
border:none;
padding-left:7px;
margin-top:5px;}

.area{border-radius:10px 10px 10px 10px;
height:120px;
width:430px;
border:none;
padding:7px;
margin-top:5px;}

.boton{width:80px;
height:25px;
border-radius:10px 10px 10px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-left:5px;
color:#FFF;
background-color:#333;
border:none;}

.boton:hover{width:80px;
height:25px;
border-radius:10px 10px 10px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
opacity:0.8;
margin-left:5px;
cursor:pointer;
color:#fff;
background-color:#333;
border:none;}




/*Estilos boton whatsapp*/
#ribbon2 {
    /*position: fixed;*/
    width: 75px;
    height: 74px;
    bottom: 35px;
    margin: 276px 358px;
    right: -131px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    /* box-shadow: 2px 2px 3px #999; */
    z-index: 100;
}

svg.svg {
    height: 65px;
    margin: 3px 8px;
}

@media screen and (max-width: 890px){
    a#flot {
    bottom: 1614px;
}
    
}