/*
    * Copyright © 2015 Antonio Oroz
    * Website developed by Antonio Oroz / Glingoo.com
*/

#contact_picker{
    width: 580px;
    height: 40px;
    margin-left: 10px;
    box-shadow: 0px 0px 3px #000;
    border-radius: 2px;
    background-color: #007a6c;
    margin-bottom: 20px;
}

#contact_picker_1{
    width: 194px;
    height: 29px;
    float: left;
    text-align: center;
    color: #fff;
    padding-top: 11px;
    transition: 0.2s;
}

#contact_picker_1:hover{
    opacity: 1;
    cursor: pointer;
}

#contact_picker_2{
    width: 193px;
    height: 29px;
    float: left;
    text-align: center;
    color: #fff;
    padding-top: 11px;
    opacity: 0.6;
    transition: 0.2s;
}

#contact_picker_2:hover{
    opacity: 1;
    cursor: pointer;
}

#contact_picker_3{
    width: 193px;
    height: 29px;
    float: left;
    text-align: center;
    color: #fff;
    padding-top: 11px;
    opacity: 0.6;
    transition: 0.2s;
}

#contact_picker_3:hover{
    opacity: 1;
    cursor: pointer;
}

.contact_body{
    width: 580px;
    height: auto;
    overflow: auto;
    margin-left: 10px;
    padding-bottom: 30px;
}

.contact_1{
    display: block;
}

.contact_2{
    display: none;
}

.contact_3{
    display: none;
}

.contact_tel{
    float: left;
    width: 230px;
    background-color: #f6f6f6;
    margin-left: 40px;
    text-align: center;
    font-size: 13px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 2px;
    box-shadow: 0px 0px 3px #000;
    position: relative;
    margin-top: 10px;
}

.contact_email{
    float: left;
    width: 230px;
    background-color: #f6f6f6;
    margin-left: 40px;
    text-align: center;
    font-size: 13px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 2px;
    box-shadow: 0px 0px 3px #000;
    position: relative;
    margin-top: 10px;
}

.hl{
    color: #0bb7a3;
    font-size: 16px;
}

.contact_form{
    width: 500px;
    margin-left: 40px;
    background: #f6f6f6;
    box-shadow: 0px 0px 3px #000;
    border-radius: 2px;
    position: relative;
    float: left;
    margin-top: 30px;
    margin-bottom: 30px;
}

.contact_title{
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #0bb7a3;
}

.contact_form_name{
    width: 150px;
    margin-left: 16px;
    text-align: center;
    border: solid 2px #b5b5b5;
    color: #b5b5b5;
}

.contact_form_tel{
    width: 150px;
    margin-left: 5px;
    text-align: center;
    border: solid 2px #b5b5b5;
    color: #b5b5b5;
}

.contact_form_email{
    width: 150px;
    margin-left: 5px;
    text-align: center;
    border: solid 2px #b5b5b5;
    color: #b5b5b5;
}

.contact_form_msg{
    margin-left: 16px;
    margin-top: 5px;
    width: 468px;
    height: 150px;
    margin-bottom: 5px;
    resize: vertical;
    border: solid 2px #b5b5b5;
    color: #b5b5b5;
}

.contact_form_send{
    margin-bottom: 10px;
    margin-left: 16px;
}

.contact_form_send:hover{
    cursor: pointer;
}