@import url("fonts/SourceSansPro/SourceSansPro.css");
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}
body{font-family: 'SourceSansProLight', sans-serif;font-weight: 200}
/*#fixed-background{-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background: url(../images/background01.png) no-repeat center center fixed;position: fixed;width: 100%;height: 100%;top: 0px;left: 0px;z-index: -1}*/

div.menu{margin-left: 68px;width: 196px;}
.header{height: 171px;background: url(../images/white_background.png);position: relative;}
.header a{width: 162px;position: absolute;bottom: 26px;left: 50%;margin-left: -81px;}
.header img{width: 100%;}


div.menu ul.menu li{background: rgba(0,0,0,0.7);box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.7);list-style: none;position: relative;}
div.menu ul.menu li.last{box-shadow: none}
div.menu ul.menu li a{font-weight: 200; color: white;padding: 14px 25px;display: block;text-decoration: none;transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;cursor: pointer;}
div.menu ul.menu li.first a{padding: 20px 25px 14px}
div.menu ul.menu li.first div.content{width: 500px;height: 367px;right: -550px;background: none;}
div.menu ul.menu li.first div.content.visible{right: -635px;margin-top: -40px;}
div.menu ul.menu li.last > a{padding: 14px 25px 20px}
div.menu ul.menu li.last div.content{width: 340px;margin-right: 35px;height: 170px;margin-top: -105px;}
div.menu ul.menu li div.content.visible,
div.menu ul.menu li div.triangle.visible{opacity: 1;visibility: visible;}
div.menu ul.menu li div.triangle{border-style: solid;border-width: 10px;border-color: transparent rgba(0,0,0,0.7) transparent transparent;right: -15px;top: 50%;margin-top: -10px;background: none;opacity: 0;visibility: hidden;position: absolute;transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;}
div.menu ul.menu li div.triangle.visible{right: -10px;}
div.menu ul.menu li div.content{right: -430px;width: 375px;height: 350px;padding: 20px 20px;top: 50%;margin-top: -110px;background: rgba(0,0,0,0.7);position: absolute;opacity: 0;visibility: hidden;transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;}
div.menu ul.menu li div.content.visible{right: -425px;}
div.menu ul.menu li div.content p{color: white;font-weight: 200;margin: 15px auto;}
div.menu ul.menu li.servicios div.content p{margin: 12px auto;}

div.menu ul.menu li.proyectos div.content{width: 330px;right: -385px;top: -140px;height: auto;}
div.menu ul.menu li.proyectos div.content.visible{right: -380px;}
div.menu ul.menu li.proyectos li{background: none;box-shadow: none;}
div.menu ul.menu li.proyectos div.content p{margin: 6px auto 2px;}
div.menu ul.menu li.proyectos div.content .popup-content{display: none;opacity: 0;visibility: hidden;}
div.menu ul.menu li.proyectos div.content img{width: 100px;margin: 4px 3px;cursor: pointer;}
div.menu ul.menu li.proyectos div.content img:hover{box-shadow: 0px 0px 0px 1px #333}

div.menu ul.menu li.clientes div.content{width: 330px;right: -385px;top: -140px;height: auto;}
div.menu ul.menu li.clientes div.content.visible{right: -380px;}
div.menu ul.menu li.clientes li{background: none;box-shadow: none;}
div.menu ul.menu li.clientes div.content p{margin: 6px auto 2px;}
div.menu ul.menu li.clientes div.content a{display: inline-block;padding: 0px;}
div.menu ul.menu li.clientes div.content img{width: 100px;margin: 4px 3px;cursor: pointer;}
div.menu ul.menu li.clientes div.content img:hover{box-shadow: 0px 0px 0px 1px #333}


.popUp{position: fixed;top: 50%;left: 50%;z-index: 10;visibility: hidden;}
.overlay{position: fixed;top: 0px;left: 0px;z-index: 1;background: rgba(0,0,0,0.7);width: 100%;height: 100%;cursor: pointer;}
.popUp .content{position:relative;background: white;z-index: 1;padding: 10px 10px 98px 10px;opacity: 0;visibility: hidden;transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;}
.popUp.visible{visibility: visible;}
.popUp.visible .content{opacity: 1;visibility: visible;height: 397px;}
.popUp .content img{display: block;width: 400px;margin-right: 300px;}
.popUp .content .text{width: 280px;position: absolute;top: 10px;right: 16px;}
.popUp .content .text h2{margin: 5px auto;font-size: 22px;text-align: left;font-family: 'SourceSansProRegular';}
.popUp .content .text div{font-size: 16px;}
.popUp .content .text ul{margin-left: 20px;display: block;}
.popUp .content .text ul li{padding: 2px 0px;}
.popUp .miniatures{}
.popUp .miniatures img{width: 60px;float: left;margin: 20px 20px 20px 4px;cursor: pointer;height: 59px;background: white;}
.popUp .miniatures img.active{box-shadow: 0px 0px 0px 4px #038853;}
.popUp .close{position: absolute;top: 0px;text-align: center;right: -40px;background: white;line-height: 40px;height:40px;width: 40px;font-size: 40px;text-decoration: none;cursor: pointer;color: black;}
.popUp .close:hover{color: #333}
.popUp .close:active{line-height: 42px}

/*div.menu ul.menu li.first div.content{height: 480px;width: 720px;right: -775px;}
div.menu ul.menu li.first div.content.visible{right: -770px;}*/
#map_canvas{width: 380px;height: 200px;position: absolute;top: -200px;left: 0px;}
.popUp.video .content{background: none;height: 367px;width: 500px;padding: 0;}

.popUp.video .content img{width: 720px}

#video_adise{width: 720px;height: 480px}


.footer{position: absolute;bottom: 28px;right: 68px;background: rgba(0,0,0,0.7)}
.footer .label{text-align: center;text-align: center;padding: 10px 20px;color: white;cursor: default;font-weight: 200}

.video-js {background-color: #34495e;border-radius: 6px 6px 0 0;position: relative;padding: 0;font-size: 10px;vertical-align: middle; }
.video-js .vjs-tech {border-radius: 6px 6px 0 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%; }
.video-js:-moz-full-screen {position: absolute; }
body.vjs-full-window {padding: 0;margin: 0;height: 100%;overflow-y: auto; }

.video-js.vjs-fullscreen {position: fixed;overflow: hidden;z-index: 1000;left: 0;top: 0;bottom: 0;right: 0;width: 100% !important;height: 100% !important;_position: absolute; }
.video-js:-webkit-full-screen {width: 100% !important;height: 100% !important; }
.vjs-poster {margin: 0 auto;padding: 0;cursor: pointer;position: relative;width: 100%;max-height: 100%; }
.video-js .vjs-text-track-display {text-align: center;position: absolute;bottom: 4em;left: 1em;right: 1em;font-family: "Lato", sans-serif; }
.video-js .vjs-text-track {display: none;color: white;font-size: 1.4em;text-align: center;margin-bottom: 0.1em;background: black;background: rgba(0, 0, 0, 0.5); }
.video-js .vjs-subtitles {color: white; }
.video-js .vjs-captions {color: #ffcc66; }
.vjs-tt-cue {display: block; }
.vjs-fade-in {visibility: visible !important;opacity: 1 !important;-webkit-transition: visibility 0s linear 0s, opacity 0.3s linear;-moz-transition: visibility 0s linear 0s, opacity 0.3s linear;-o-transition: visibility 0s linear 0s, opacity 0.3s linear;transition: visibility 0s linear 0s, opacity 0.3s linear;-webkit-backface-visibility: hidden; }
.vjs-fade-out {visibility: hidden !important;opacity: 0 !important;-webkit-transition: visibility 0s linear 1.5s, opacity 1.5s linear;-moz-transition: visibility 0s linear 1.5s, opacity 1.5s linear;-o-transition: visibility 0s linear 1.5s, opacity 1.5s linear;transition: visibility 0s linear 1.5s, opacity 1.5s linear;-webkit-backface-visibility: hidden; }
.vjs-controls {border-radius: 0 0 6px 6px;position: absolute;bottom: -47px;left: 0;right: 0;margin: 0;padding: 0;height: 47px;color: white;background: #2c3e50; }
.vjs-controls.vjs-fade-out {visibility: visible !important;opacity: 1 !important; }
.vjs-control {background-position: center center;background-repeat: no-repeat;position: relative;float: left;text-align: center;margin: 0;padding: 0;height: 18px;width: 18px; }
.vjs-control:focus {outline: 0; }
.vjs-control div {background-position: center center;background-repeat: no-repeat; }
.vjs-control-text {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px; }
.vjs-play-control {cursor: pointer !important;height: 47px;left: 0;position: absolute;top: 0;width: 58px; }
.vjs-paused .vjs-play-control {background: url("../images/video/play.png") center -31px no-repeat;background-size: 16px 64px; }
.vjs-paused .vjs-play-control:hover div {opacity: 0; }
.vjs-paused .vjs-play-control div {background: url("../images/video/play.png") center 15px no-repeat;background-size: 16px 64px;height: 47px;-webkit-transition: opacity 0.25s;-moz-transition: opacity 0.25s;-o-transition: opacity 0.25s;transition: opacity 0.25s;-webkit-backface-visibility: hidden; }
.vjs-playing .vjs-play-control {background: url("../images/video/pause.png") center -31px no-repeat;background-size: 15px 64px; }
.vjs-playing .vjs-play-control:hover div {opacity: 0; }
.vjs-playing .vjs-play-control div {background: url("../images/video/pause.png") center 15px no-repeat;background-size: 15px 64px;height: 47px;-webkit-transition: opacity 0.25s;-moz-transition: opacity 0.25s;-o-transition: opacity 0.25s;transition: opacity 0.25s;-webkit-backface-visibility: hidden; }
.vjs-rewind-control {width: 5em;cursor: pointer !important; }
.vjs-rewind-control div {width: 19px;height: 16px;background: url("video-js.png");margin: 0.5em auto 0; }
.vjs-mute-control {background: url("../images/video/volume-full.png") center -48px no-repeat;background-size: 16px 64px;cursor: pointer !important;position: absolute;right: 51px;top: 14px; }
.vjs-mute-control:hover div, .vjs-mute-control:focus div {opacity: 0; }
.vjs-mute-control.vjs-vol-0,.vjs-mute-control.vjs-vol-0 div {background-image: url("../images/video/volume-off.png"); }
.vjs-mute-control div {background: #2c3e50 url("../images/video/volume-full.png") no-repeat center 2px;background-size: 16px 64px;height: 18px;-webkit-transition: opacity 0.25s;-moz-transition: opacity 0.25s;-o-transition: opacity 0.25s;transition: opacity 0.25s;-webkit-backface-visibility: hidden; }
.vjs-volume-control,.vjs-volume-level,.vjs-volume-handle,.vjs-volume-bar {display: none; }
.vjs-progress-control {border-radius: 32px;position: absolute;left: 60px;right: 180px;height: 12px;width: auto;top: 18px;background: #eff2f6; }
.vjs-progress-holder {position: relative;cursor: pointer !important;padding: 0;margin: 0;height: 12px; }
.vjs-play-progress, .vjs-load-progress {border-radius: 32px;position: absolute;display: block;height: 12px;margin: 0;padding: 0;left: 0;top: 0; }
.vjs-play-progress {background: #1abc9c;left: -1px; }
.vjs-load-progress {background: #d6dbe0;border-radius: 32px 0 0 32px; }
.vjs-load-progress[style*='100%'], .vjs-load-progress[style*='99%'] {border-radius: 32px; }
.vjs-seek-handle {background-color: #16a085;border-radius: 50%;position: absolute;width: 18px;height: 18px;margin: -3px 0 0 1px;left: 0;top: 0;-webkit-transition: background-color 0.25s;-moz-transition: background-color 0.25s;-o-transition: background-color 0.25s;transition: background-color 0.25s;-webkit-backface-visibility: hidden; }
.vjs-seek-handle[style*='95.'] {margin-left: 3px; }
.vjs-seek-handle[style='left: 0%;'] {margin-left: -2px; }
.vjs-seek-handle:hover, .vjs-seek-handle:focus {background-color: #138d75; }
.vjs-seek-handle:active {background-color: #117e69; }
.vjs-time-controls {position: absolute;height: 20px;width: 50px;top: 16px;font: 300 13px "Lato", sans-serif; }
.vjs-current-time {right: 128px;text-align: right; }
.vjs-duration {color: #667687;right: 69px;text-align: left; }
.vjs-remaining-time {display: none; }
.vjs-time-divider {color: #667687;font-size: 14px;position: absolute;right: 121px;top: 15px; }
.vjs-secondary-controls {float: right; }
.vjs-fullscreen-control {background-image: url("../images/video/fullscreen.png");background-position: center -47px;background-size: 15px 64px;cursor: pointer !important;position: absolute;right: 17px;top: 13px; }
.vjs-fullscreen-control:hover div, .vjs-fullscreen-control:focus div {opacity: 0; }
.vjs-fullscreen-control div {height: 18px;background: url("../images/video/fullscreen.png") no-repeat center 2px;background-size: 15px 64px;-webkit-transition: opacity 0.25s;-moz-transition: opacity 0.25s;-o-transition: opacity 0.25s;transition: opacity 0.25s;-webkit-backface-visibility: hidden; }
.vjs-menu-button {display: none !important; }
@-webkit-keyframes sharp {0% {;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg); }50% {;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg); }100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg); } }
@-moz-keyframes sharp {0% {;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg); }50% {;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg); }100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg); } }
@-o-keyframes sharp {0% {;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg); }50% {;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg); }100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg); } }
@keyframes sharp {0% {;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg); }50% {;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg); }100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg); } }
.vjs-loading-spinner {background: none;border-radius: 10px;display: none;height: 56px;left: 50%;margin: -28px 0px 0px -28px;position: absolute;top: 50%;width: 56px;-webkit-animation: sharp 2s ease infinite;-moz-animation: sharp 2s ease infinite;-o-animation: sharp 2s ease infinite;animation: sharp 2s ease infinite; }