@charset "utf-8";
/* CSS general */

/*---------------------------------------------------------------------------------------------------------------Cuerpo principal----------*/
body, html {
    margin:0;
    padding:0;
    font-family: 'Muli', sans-serif;
}
body {
    font-size:12px;
    width: 100%;
    min-width:805px;
    background: #FFF;
}
img {
    border: 0 none;
}
a {
    text-decoration:none;
    color:#787878;
    text-shadow: 1px 1px 1px #888;
}
p {
    padding:0px;
    margin-bottom:5px;
}
h1, h2 {
    font-weight:normal;
    color:#00A2D3;
}
ul, li {
    text-align:left;
}
/*---------------------------------------------------------------------------------------------------------------------------Menu----------*/
div#menu {
    width: 980px;
    height: 50px;
    margin: 0px auto;
}
ul.navbar {
    list-style-type: none;
    width: 978px;
    margin: 0px auto;
    padding: 0;
}
ul.navbar li {
    margin: 0;
    padding: 0;
    display: inline;
}
ul.navbar li a {
    float: left;
}
ul.navbar a {
    color: #FFFFFF;
    text-align:center;
    display: block;
    width: 163px;
    float: left;
}/*---------------------------------------------------------------------------------------------------------------Cuerpo principal----------*/
div#container {
    background: url(recursos/bg.jpg) no-repeat top #5fc4e4;
    width: 980px;
    min-height: 600px;
    margin: 12px auto 0px auto;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 4px 4px 5px #999;
    -moz-box-shadow: 4px 4px 5px #999;
    -webkit-box-shadow: 4px 4px 5px #999;
    overflow:auto;
}
div#cuerpo {
    width: 980px;
    min-height: 600px;
    position:absolute;
    padding: 1px;
    overflow:hidden;
}
div#logo {
    width: 318px;
    height: 82px;
    margin: 10px auto 0px auto;
}
/*------------------------------------------------------------------------------------------------------------------Pie de pagina----------*/
div#contact {
    width: 980px;
    height: 36px;
    margin: 7px auto 0px auto;
    color:#787878;
    text-decoration: none;
    position:relative;
    display:block;
}

div#mail {
    text-align: center;
    width: 33%;
    font-size:14px;
    position:absolute;
    margin:3px 0px 0px 33%;
}
div#dudas {
    width: 290px;
    text-align: right;
    font-size:14px;
    position:absolute;
    margin:4px 0px 0px 685px;
}
div#msg {
    font-weight: bold;
    width: 190px;
    text-align: left;
    font-size:12px;
    position:absolute;
    margin:0px 0px 0px 3px;
}

div#dev {
    width: 980px;
    height: 36px;
    margin: 12px auto 0px auto;
    font-size:10px;
}