/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {text-decoration:none; color:#f2f4f4}
*:focus {
    outline: none;
}
body {
    font-family: "akrobatregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    background: #272727 url("../images/bg.png") no-repeat fixed center top;
    color:#878787;
    font-size:21px;
    line-height: 1.4;
}

#top, #bottom, #left, #right {
	background: #272727;
	position: fixed;
    z-index:3;
}
#left, #right {
		top: 0; bottom: 0;
		width: 20px;
}
#left { left: 0; }
#right { right: 0; }
		
#top, #bottom {
		left: 0; right: 0;
		height: 20px;
}
#top { top: 0; }
#bottom { bottom: 0; }
#container{
    width:1200px;
    margin-left:auto;
    margin-right: auto;
    position: relative;
    top: 20px;
    bottom:20px;
    padding:20px 40px 120px;
}

#sitehead {
    width:1200px;
    height:185px;
    position:fixed;
    top:20px;
    left:50%;
    margin-left:-600px;
    z-index: 998;
    /*background-color:rgba(27,27,27,.75);*/
}

#sitelogo {
    margin:50px 0 0 0;
    float:left;
}

#mainmenu {
    float:left;
    margin:60px 0 0 50px;
}

#mainmenu li {
    list-style-type: none;
    float:left;
}

#mainmenu li a {
    font-size:19px;
    font-family: "akrobatsemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    display:inline-block;
    padding:10px 20px 12px;
    margin:0 12px;
border: 3px solid transparent;
    box-shadow: none;
        transition: all .3s ease-in-out
}

#mainmenu li a:hover {
        border: 3px solid #9c7e4c;
    box-shadow: 0 0 15px 0 rgba(156, 126, 76, 0.3);
}

#maincnt {
    text-align:center;
    margin:300px 0 0 0;
}

#maincnt h2 {
    text-align:center;
    font-family: "otama.epregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 47px;
    color:#f2f4f4;
    margin-bottom:20px;
}

#maincnt h2 span {
    color:#9c7e4c;
}

#maincnt p {
    text-align:center;
}

#maincnt a {
    font-family: "akrobatsemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    display:inline-block;
    font-size:30px;
    margin-left:auto;
    margin-right: auto;
    margin-top:35px;
    border: 3px solid #9c7e4c;
    padding:7px 27px 5px 30px;
    box-shadow: none;
    transition: box-shadow .2s ease-in-out;
}

#maincnt a:hover {
    box-shadow: 0 0 15px 0 rgba(156, 126, 76, 0.3);
}

#maincnt a i {
    color:#9c7e4c;
    margin-left:5px;
}

.fa-paper-plane {
    font-size:20px;
    line-height:1 !important;
}

#st_bottom {
    margin-top:280px;
}

#ab {
    float:left;
    font-family: "akrobatbold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:19px;
    margin-top:-45px;
}

#ab span {
    font-family: "otama.epregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 60px;
    color:#f2f4f4;
    margin-right: 15px;
}

#ft {
    float:right;
    text-align:right;
    font-size:15px;
}

#ft span {
    color:#f2f4f4;
    font-family: "akrobatbold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#aboutprj #biglogo {
    float:left;
    width:500px;
    height:477px;
    opacity:.5;
    margin-top:320px;
    background: url("../images/logo_big_black.svg") no-repeat left top;
}

#aboutprj #maincnt {
    float:right;
    width:585px;
    line-height: 1.37;
    margin-top:250px;
}

#aboutprj #maincnt h2 {
    text-align:left;
}

#aboutprj #maincnt p {
    text-align:justify;
    margin-bottom:25px;
}

.signature {
    font-family: "akrobatbold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color:#f2f4f4;
    text-align:right !important;
}

#aboutprj #maincnt p span {
    font-family: "akrobatbold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.clear {clear:both}

#aboutprj #st_bottom, #pgmap #st_bottom {
    margin-top:150px;
}

#mapbg {
    width:1200px;
    height:917px;
    background: url("../images/mapa.png") no-repeat -80px 0;
    position:relative;
}

.mapcp {
    font-size:17px;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    text-align: center;
}

.mappoint {
    width:34px;
    height:43px;
    position:absolute;
}

.mappoint button:not(.closee) {
    display:block;
    width:34px;
    height:43px;
    padding:0 !important;
    margin:0 !important;
    border:none !important;
}

.mappoint button:not(.closee):hover {
    box-shadow: none !important;
    background-image: url("../images/maphover.png") !important;
    cursor:pointer;
}

#pt1 {
    top:280px;
    left:615px;
}

#pt1 button:not(.closee) {
    background: url("../images/map1.png") no-repeat 0 0;
}

#pt2 {
    top:340px;
    left:455px;
}

#pt2 button:not(.closee) {
    background: url("../images/map2.png") no-repeat 0 0;
}

#pt3 {
    top:600px;
    left:620px;
}

#pt3 button:not(.closee) {
    background: url("../images/map3.png") no-repeat 0 0;
}

#pt4 {
    top:245px;
    left:530px;
}

#pt4 button:not(.closee) {
    background: url("../images/map4.png") no-repeat 0 0;
}

#pt5 {
    top:400px;
    left:590px;
}

#pt5 button:not(.closee) {
    background: url("../images/map5.png") no-repeat 0 0;
}

#pt6 {
    top:160px;
    left:650px;
}

#pt6 button:not(.closee) {
    background: url("../images/map6.png") no-repeat 0 0;
}

.ptmoreinfo {
    display:none;
    text-align: center;
    min-width:275px;
    position:relative;
    z-index:2;
}

.mappoint button:hover + div.ptmoreinfo {
    display:block;
}

.ptmoreinfo h3, .modal-footer h3 {
    font-family: "otama.epregular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    color:#f2f4f4;
    text-shadow: 0 0 20px #22201d, 0 0 20px #22201d, 0 0 20px #22201d, 0 0 40px #22201d, 0 0 40px #22201d;
    margin-top:5px;
}

.ptmoreinfo p, .modal-footer p {
    font-family: "akrobatsemibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:20px;
    color:#9c7e4c;
    text-shadow: 0 0 20px #22201d, 0 0 20px #22201d, 0 0 20px #22201d, 0 0 40px #22201d, 0 0 40px #22201d;
}

.ptmoreinfo img {
    width:200px;
    height:115px;
    border: 3px solid #9c7e4c;
    box-shadow: 0 0 20px 10px #22201d;
}

.closee {
    background-color:transparent;
    display:block;
    border:0;
    color:#9c7e4c;
    font-size:35px;
    transition: color .3s ease-in-out;
    text-align:right;
}

.closee:hover {
    cursor: pointer;
    color:#f2f4f4;
}

@media (min-width: 2561px) {
    body {
    background-size:cover;
    }
}