/* RESET DE ESTILOS*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}

body {
     line-height: 1
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}

/*FIN DEL RESET*/

body{
    float: none;
    font-family: Century, Arial;
    font-size: 12px;
    text-align: center;
}

#contenedor{
    margin: 0 auto auto auto;
    padding: 3px;
    width: 100%;
}

#cabecera{
    background-color: #002B4B;
    float: left;
    width: 100%;
}

#zonaCabecera1{
    margin: 0 auto auto auto;
    width: 1069px;
}

#centro{
    margin: 0 auto auto auto;
    width: 800px;
}

#zonaCentro1{
    background: url(./img/separador2.gif) repeat-x bottom center;
    color: #383838;
    float: left;
    font-family:'Times New Roman',Times,serif;
    text-align: justify;
    width: 380px;
}

#zonaCentro1 h1{
    font-size: 28px;
    padding: 25px 0 20px 0;
}

#zonaCentro1 .contenido{
    background: url(./img/separador.gif) repeat-y top right;
    float: left;
    line-height: 14px;
    padding: 0 50px 30px 0px;
    text-align: justify;
    width: 330px;
}

#zonaCentro1 .contenido p{
    font-size: 12px;
    font-weight: bold;
}

#zonaCentro1 .suave p{
    color: #484848;
    font-weight:normal;
    padding: 10px 0 0 0;
}

.suave .imgMapa img{
    border: 4px solid #e9f5f8;
    width: 330px;
    margin: 10px 0 0 0;
}

.suave a{
    color: #1B6F55;
    font-weight: bold;
    text-decoration: none;
}

#menuSecundario{
    color: #1d6b57;
    float: right;
    font-family:'Times New Roman',Times,serif;
    text-align: justify;
    width: 380px;
}

#menuSecundario h1{
    color: #383838;
    font-size: 28px;
    padding: 25px 0 20px 0;
}

#menuSecundario .contenido{
    float: left;
    line-height: 18px;
    text-align: justify;
    width: 330px;
}

#menuSecundario .contenido p{
    font-size: 12px;
    font-weight: bold;
}

#menuSecundario .suave p{
    color: #484848;
    font-weight:normal;
    padding: 10px 0 0 0;
}

#menuSecundario ul{
    list-style:disc;
}

#menuSecundario a{
    color: #1a6b52;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}

#menuSecundario a:hover{
    color: #002B4B;
}

#pie{
    float: left;
    width: 700px
}

#pie #contacta{
    display: block;
    float: right;
    margin: 0 20px 0px 0;
    height: 95px;
    width: 382px;
}

#pie #contacta a{
    background: url(./img/contacta.jpg) no-repeat center center;
    display: block;
    height: 100%;
    padding: 50px 0 0 0;
    width: 100%;
}

#pie #contacta a:hover{
    background: url(./img/contacta2.jpg) no-repeat center center;
}

#datosContacto{
    color: #383838;
    float: left;
    font-family: 'Times New Roman',Times,serif;
    font-size: 12px;
    text-align: justify;
    width: 215px;
}

#datosContacto h1{
    color: #383838;
    font-size: 28px;
    padding: 25px 0 20px 0;
}

.personal, .personalA{
    float: left;
    text-align: center;
    padding: 5px 5px 0 0;
}

.personal img{
    border: 4px solid #e9f5f8;
    height: 100px;
    width: 150px;
}

.personalA img{
    border: 4px solid #3f6ca6;
    height: 100px;
    width: 150px;
}

.instalaciones{
    float: left;
    text-align: center;
    padding: 0px 2px 0 0;
}

.instalaciones img{
    border: 4px solid #e9f5f8;
    height: 66px;
    width: 100px;
}

#formContacta{
    margin: 10px 0 0 0;
}

#formContacta .bloqueContacta{
    padding: 5px 0 5px 0;
}

#formContacta .bloqueContacta label{
    display:inline-block;
    width: 60px;
}

#formContacta .bloqueContacta input, #formContacta .bloqueContacta textarea{
    margin: 0 0 0 10px;
    width: 200px;
}

#formContacta {
    text-align: center;
}

#formContacta .botonEnviar{
    padding: 10px 0 0 20px;
}

#contenedorInstalaciones{
    float: left;
    margin: 5px 0 5px 0;
    width: 330px;
}

#intecodi{
    float: left;
    margin: 50px 0 0 270px;
    width: 300px;
}

#intecodi p, #intecodi a, #intecodi a:hover{
    float: left;
    margin: 15px 5px 0 0;
    color: #383838;
    text-decoration: none;
    font-size: 12px;
}

#intecodi img{
    float: left;
    margin: -15px 0 0 0;
}

