@charset "UTF-8";
/* CSS Document */
html{
    height:100%;
}
,nav
,section
,article
,content
,aside
,footer
,hgroup
{ 
    display: block;
}
* { 
   -webkit-box-sizing: border-box; 
   -moz-box-sizing: border-box; 
   box-sizing: border-box; 
}
html{
    height: 100%;
    padding:0px 0px 20px 0px;
    margin:0px;
}
body{
    font-family: 'Quattrocento Sans', sans-serif;
    font-size: 15px;
    line-height: 1.5em;
    letter-spacing:0.07em;
    color:#3F3F3F;
    padding:0px;
    margin:0px;
    float:left;
    position:absolute;
    width:1024px;
    left:50%;
    margin-left:-512px;
    background: white;
}

a, input{text-decoration:none; outline:none;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    color:#0C6393;
}
a:hover{color:#06354F;}
a:visited{color:#06354F;}
a img{ border:none; outline:none;}

h1,h2,h3,h4{font-weight:700; text-align:left; line-height:1.2em; margin:0px 0px 5px 0px; padding:0px;}
h1{font-size:20px;}
h2{font-size:18px; line-height:1em;}
h3{font-size:16px; letter-spacing:0.07em; line-height:1em;}
h4{font-size:14px;}

header{
    background: #5E5B52;
    color: #f7efdb;
    font-size: 16px;
    padding: 1px 10px 1px 360px;
    float: left;
    width: 100%;
    margin-bottom: 7px;
}
header a, header a:visited{
    color: #f7efdb;
    padding: 5px 10px;
    border-radius: 5px;
    float: left;
}
header a.email, header a.mapa, header a.facebook, header a.twitter{
    line-height: 30px;
    padding-left: 40px;
    margin-right: 10px;
}
header a.email{background: url(imagenes/email.png) 6px 5px no-repeat;}
header a.mapa{background: url(imagenes/mapa.png) 3px 5px no-repeat; padding-left:32px;}
header a.facebook{background: url(imagenes/facebook.png) 3px 3px no-repeat; height: 35px; width: 35px; padding: 5px; margin: 2px 2px 0px 0px;}
header a.twitter{background: url(imagenes/twitter.png) 3px 3px no-repeat; height: 35px; width: 35px; padding: 5px; margin: 2px 0px 0px 0px;}

header a:hover{
    color: #f7efdb;
    background-color: #03A9E0;
}
nav{
    float: left;
    background: #E5E4DF;
    width: 310px;
    height: 500px;
    text-align: center;
    padding-bottom: 20px;
    margin: 0px 10px 0px 0px;
}
nav img{
    margin: 15px 0px 20px 0px;
}
nav ul{
    width: 100%;
    list-style: none;
    float: left;
    padding: 0px;
    margin: 0px;
    text-align: left;
}
nav li{
    list-style: none;
}
nav li a, nav li a:visited{
    float: left;
    width: 100%;
    padding: 15px 20px 10px 20px;
    color: #302E2E;
    font-size: 18px;
    border-top: solid 2px #02719B;
    text-shadow: 1px 1px 1px #faf5e9;
}
nav li a:hover, nav li a.active{
    background: #03A9E0;
    text-shadow: 1px 1px 1px #5E1C0F;
    color: #f3e9ce;
    border-top: solid 2px #f3e9ce;
}
content{
    float: left;
    margin: 0px;
    padding: 0px;
    width: 700px;
    color: #5D5B5B;
}
content img{
    margin: 0px;
}
content .texto{
    float: left;
    width: 430px;
    margin: 0px 20px 0px 0px;
    padding: 10px;
    font-size: 14px;
    text-align: justify
}
content .texto p{
    margin: 0px 0px 15px 0px;
    line-height: 1.5em;
    padding: 0px;
}
content .texto h1{
    width: 100%;
    font-weight: 700;
}
content .texto ul{
    padding: 0px 50px 0px 30px;
    text-align: left;
}
content .texto li{
    line-height: 1.5em;
    font-size: 14px;
    margin-bottom: 5px;
}
content .imagenes{
    float: left;
    width: 240px;
    margin: 0px;
}
footer{
    float: left;
    width: 100%;
    margin-top: 7px;
    background: #5E5B52;
    font-size: 14px;
}
footer ul{
    float: left;
    width: 100%;
    list-style: none;
    margin: 0px;
    padding: 0px;
}
footer li{
    float: left;
    color: #f3e9ce;
    padding: 15px 20px 10px 20px;
    width: auto;
    text-align: left;
    white-space: nowrap;
}
footer li a, footer li a:hover{
    color: #f3e9ce;
}

form table{
    width: 500px;
    float: left;
    margin: 10px 0px;
}
form table td.label{
    width: 200px;
    text-align: left;
}
form table tr:nth-child(odd){
    background: #EBE9E6;
}
form table td{
    padding: 10px 10px 10px 10px;
}
form table input, form table textarea{
    outline: none;
    border: 1px solid grey;
    border-radius: 3px;
    -webkit-border-radius:3px;
    padding: 3px 5px;
    width: 100%;
}
textarea{
    height: 100px;
}
.botonformulario{
background: #03A9E0; color: white; width: 80px; color: white; padding: 10px 0px; font-size: 14px; border: none;
float: right;
}
.botonformulario:hover{
    background: #03789E;
    cursor: pointer;
}
#slider {
    position:relative;
    margin:auto;    
    width:700px;
    height:500px;
    overflow:hidden;
    border-radius:10px 10px 0px 0px;
}
#slider img {
    display:none;
    position:absolute;
    top:0; left:0;
}