.tabs {
    padding:10px;
}
.tabs > ul {
    margin:0;
    padding:0;
}
.tabs > ul:before, .tabs > ul:after {
    content:"";
    display:table;
}
.tabs > ul:after {
    clear:both;
}
.tab {
    top:1px;
    list-style:none;
    float:left;
    position:relative;
    margin-right:5px;
}
.tab a {
    background:#ffffff;
    font-size:13px;
    float:left;
    padding:.5em 1em;
    text-decoration:none;
    color:#666666;
    border:1px solid #cccccc;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
.tab:not(.active) a:hover, .tab:not(.active) a:focus {
    color:#666666;
    background:#eeeeee;
    background:-moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
    background:-webkit-linear-gradient(top, #eeeeee 0%,#dddddd 100%);
    background:linear-gradient(to bottom, #eeeeee 0%,#dddddd 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0);
    outline:none;
}
.tab.active a {
    border-bottom:1px solid #ffffff;
    cursor:default;
}
.tab .ico {
    margin-right:5px;
}
.tab-content {
    text-align:left !important;
    overflow:auto;
    border:1px solid #cccccc;
    padding:15px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    display:none;
}
.tab-content.active {
    display:block;
}
.modulos {
    width:300px; 
    border-top:1px;
    margin:0 0 20px 15px;
    padding:0 0 0 15px;
    float:left;
}
.modulos li, .paradores li {
    margin:3px 0;
    list-style-image:url(imagen/modulo.gif);
}
.map {
    width:665px;
    height:400px;
}