/* 
    Document   : contact.css
    Created on : 20.12.2010, 14:35:50
    Author     : Heady
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


#kasp, #sisp, #mail {
    position: absolute;
    width: 200px;
    top:100px;
    color: #767676;
    padding-left: 60px;
    padding-top: 10px;

}

#kasp {
    background: url('layout/graphics/contact/kasp_icon.png') left top no-repeat;
}
#sisp { left top no-repeat;
}

.phone, #email, #url {
    background: url('layout/graphics/contact/phone_icon.png') left top no-repeat;
     padding-left: 20px;
}

#email {
    background: url('layout/graphics/contact/mail_icon.png') left top no-repeat;
    padding-bottom: 5px;
}

#url {
    background: url('layout/graphics/contact/web_icon.png') left top no-repeat;
}

.phone strong {
    padding-top: 1px; 
}

#kasp h3, #sisp h3 {
    margin-top: 0;
    margin-bottom: 10px;
}

#kasp {
    left: 80px;
}

#sisp {
    left: 450px;
}

#cont_form {
    margin-top: 180px;
}

#cont_form form {
    margin: 20px 10px 10px 30px;
    padding: 0;
    padding-top: 20px;
    height: 350px;
}

#cont_form label {
    color: #767676;
}

#cont_form div {
    position: relative;
    height: 25px;
    margin-bottom: 4px;
    text-align: right;
    width: 42px;
}

#cont_form input, #cont_form textarea {
    position: absolute;
    left: 60px;
}

input#contact_submit {
    position: absolute;
    top: 260px;
    left: 455px;
}

#mail {
    top: 230px;
    left: 230px;
    width: 400px;
}

#mail a {
    color: #333333;
    text-decoration: none;
}
#mail a:hover {
    text-decoration: underline;
}

#mail div {
    position: relative;
    margin-bottom: 5px;
}

#mail strong {
    position: absolute;
    left: 25px;
    color: #333333;
}

/*mapa*/

#map {
    margin-top: 280px;
    background: url('layout/graphics/contact/map_bg.jpg') top center no-repeat;
    padding: 10px;
    padding-left: 12px;
    position: relative;
}

#map_menu {
   position: absolute;
   top: -23px;
   background: url('layout/graphics/contact/map.png') top left no-repeat;
   padding-left: 20px;
   color: #767676;
   
}

#map_menu span {
    display: inline-block;
    height: 20px;
    padding-top: 0;
    padding-bottom: 10px;
}

#map_menu a {
    display: inline-block;
    height: 20px;
    font-size: 12px;
    padding: 0 10px 10px 10px;
    color: #999999;
    font-size: 14px;
    font-weight: bold;
}

#map_menu a:hover, #map_menu a.map_menu_actual {
    text-decoration: none;
    background: url('layout/graphics/contact/map_menu_bg.png') bottom center no-repeat;
    color: #333333;
}