*{padding:0; margin:0; border:0; border-spacing:0; box-sizing: border-box; -moz-box-sizing: border-box;} html{height:100%; overflow:hidden;} body{height:100%; overflow:hidden;} .chead{width:100%; height: 200px; text-align: center; vertical-align: bottom;} .bggreen{/* background-color: #055727; */ background-color: rgba(255,255,255,1);} .bgazul{/* background-color: #00579C; */ background-color: rgba(0,87,156,1);} .bgwhite{/* background-color: #FFFFFF; */ background-color: rgba(256,256,256,1);} .cmenu{/* min-width:1000px; */ min-width: 900px; height:100px; text-align:center; vertical-align:bottom;} #logogp{margin: 15px 5px 5px 5px; cursor:pointer; border-radius: 50%; width: 140px; height: 140px; background-color:#FFFFFF; transition: width 0.15s, height 0.15s, margin 0.15s;} #logogp-mov{margin: 5px 2px 2px 2px; width: 100px; height: 100px;} #logogp, #logogp-mov{cursor:pointer; border-radius: 50%; background-color:rgba(255,255,255,1);} #logogp:hover{/* background-color:#FFFF66; */ width: 150px; height: 150px; margin: 10px 0px 0px 0px; transition: width 0.3s, height 0.3s, margin 0.3s;} #logolo{margin: 30px 5px 6px 5px; cursor:pointer; border-radius: 50%; width: 74px; height: 74px; background-color:rgba(255,255,255,1); transition: width 0.15s, height 0.15s, margin 0.15s;} #logolo:hover{width: 84px; height: 84px; margin: 20px 0px 6px 0px; transition: width 0.3s, height 0.3s, margin 0.3s;} #gptour{position:relative; top:41px; cursor:pointer;} .cbody{position: absolute; z-index:5; width: 100%; height:100%; padding:0px 0px 0px 15px; margin:0; border:0; border-spacing:0; text-align: center; overflow:auto; font-weight:lighter; font-family:"Montserrat", ital; font-size: 18px;} .cbodyNoScroll{position:relative; top:-100%; padding:0px; margin:0; border:0; border-spacing:0; height:100%; text-align: center; /* background-color: #FFFFFF; */ overflow:hidden; z-index: 101;} .cbodyScroll{position:relative; top:-100%; left:0px; width:100%; height:100%; padding:0px; margin:0; border:0; border-spacing:0; text-align: left; vertical-align:top; overflow:auto; z-index:5;} .cbodyNoScrollAll{padding:0px; margin:0; border:0; border-spacing:0; height:100%; width:100%; text-align: center; /* background-color: #FFFFFF; */ overflow:hidden; /* background-image: url('/img/pga.jpg'); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; z-index: 10; */ } .cpie{background-color: #FFFFFF; vertical-align:top;} td.cpie{vertical-align:top; padding-top:16px; color:rgb(0,0,0,0.5);; font-weight:400; font-family:"Montserrat", ital; font-size: 18px; text-align: center; letter-spacing: 5px;} .cmenulados{width: 463px; text-align: center; vertical-align:middle;} .cmenulados2{width: 926px; text-align: center; vertical-align:middle;} .cmenuitem-mov{color:rgba(255,255,255,1); background-color:rgba(103,141,157,0); font-family: "Montserrat", ital; text-decoration: italic; font-size: 36px; font-weight:400; text-align: center; cursor:pointer;} .cmenuitem{color:#000000; background-color: rgb(255,255,255); white-space: nowrap; font-family:"Montserrat", ital; text-decoration: italic; font-size: 18px; text-align: center; cursor:pointer; transition: color 0.15s, background-color 0.15s;} .cmenuitem:hover{transition: color 0.3s, background-color 0.3s; background-color: #000000; color: #FFFFFF;} .menuheight{height:32px;} .menuheight-mov{height:64px;} .fillmenuheight{height:168px;} .cpiedireccion{vertical-align:middle; color:#000000; font-weight:400; font-family:"Montserrat", ital; font-size: 16px; text-align: center;} div#idioma-mov{position: absolute; right: 130px; top: 15px; width: 50px; height: 50px;} img.idioma-mov{cursor: pointer; margin-left:0px; margin-top:0px; width: 50px; height: 50px; opacity: ___opacityBtns;} div#idioma{position: absolute; right: 90px; top: 20px; width: 50px; height: 50px; cursor: pointer; opacity: 0.4; transition: opacity 0.2s;} div#idioma:hover{opacity: 1; transition: opacity 0.5s;} img.idioma{width: 50px; height: 50px;} img.menuLeft-mov{margin-left:5px; margin-top:5px; width: 80px; height: 80px; opacity: ___opacityBtns;} #usuario{position: fixed; right: 47px; top: 5px; cursor: pointer; vertical-align:top; color:#FFFFFF;} #nomusuario{position: fixed; right: 93px; top: 2px; vertical-align:top; color:#BBBBBB; font-family:"Montserrat", ital; font-size: 14px;} div.submenu-mov{padding:0px 0px 0px 0px; color:rgba(0,0,0,1); border-color:rgba(103,141,157,1); border-style:solid; border-width:2px; background-color:rgba(255,255,255,1); text-align:center; position:absolute; top:110px; font-family: "Montserrat", ital; font-weight:400; font-size: 32px; cursor:pointer; line-height:90px; overflow:visible;} div.submenu{padding:0px 0px 0px 0px; color:black; border-color:rgba(0,0,0,1); border-style:solid; border-width:1px; background-color:#FFFFFF; text-align:center; position:absolute; /* top:200px; */ font-family:"Montserrat", ital; font-size: 18px; cursor:pointer; line-height:32px; overflow:visible;} .hidden{display:none;} .visible{display:inline;} .submenuitem-mov{font-weight : 400;} .submenuitem, .submenuitem-mov{padding:0px 15px 0px 15px; background-color:#FFFFFF; color:#000000; cursor: pointer; transition: color 0.15s, background-color 0.15s;} .submenuitem:hover, .submenuitem-mov:hover{background-color:rgba(0,0,0); color:#FFFFFF; transition: color 0.3s, background-color 0.3s;} .cover-all-screen{position:fixed; left: 0px; top:0px; width: 100%; height: 100%;} #loading, #modal{position:fixed; left: 0px; top:0px; width: 100%; height: 100%; vertical-align: middle; text-align: center;} #modal{background-color : rgba(0,0,0,0.3); z-index:998;} #loading{background: url('/img/loading.gif') center no-repeat rgba(0,0,0,0.2); background-size:50px 50px; z-index:999;} img.patrocinador{margin-top: 0px; height: 100%; width:100%; object-fit: contain; vertical-align: middle;} div.sepp{width:1%; height:40px; float:left;} div.sepp2{width:1.5%; height:40px; float:left;} div.containerp{/* min-width: 1024px; */ min-width: 900px; height: 60px; width: 100%; position: fixed; bottom:60px; text-align: center;} a.whitelink, a.whitelink:hover, a.whitelink:visited{color:#FFFFFF; text-decoration: underline; cursor: pointer;} .bgmenu{background-color:rgb(255,255,255); color: rgb(0,0,0) } /* Tooltip container */ .tooltip{position: relative; top:-4px; display: inline-block; /* border-bottom: 1px dotted black; If you want dots under the hoverable text */ } /* Tooltip text */ .tooltip .tooltiptext, .tooltip .tooltiptext-mov{visibility: hidden; width: 150px; background-color: #ffffb7; color: #000000; text-align: center; padding: 5px 0; border-radius: 6px; /* Position the tooltip text */ position: absolute; z-index: 1; bottom: 105%; left: 50%; margin-left: -88px; /* Fade in tooltip */ opacity: 0; transition: opacity 0.3s;} /* Tooltip arrow */ .tooltip .tooltiptext::after, .tooltip .tooltiptext-mov::after{content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 7px; border-style: solid; border-color: #ffffb7 transparent transparent transparent;} /* Show the tooltip text when you mouse over the tooltip container */ .tooltip:hover .tooltiptext, .tooltip:hover .tooltiptext-mov{visibility: visible; opacity: 1;} .tooltiptext{font-size: 16px; line-height: 20px;} .tooltiptext-mov{font-size: 20px; line-height: 24px;} div.fullmenu{position: absolute; right: 20px; top: 20px; width: 50px; height: 50px;} img.fullmenu{width: 50px; height: 50px; opacity: 0.4; cursor: pointer; border: 0px; transition: opacity 0.2s;} img.fullmenu:hover{opacity: 1; transition: opacity 0.5s;} img.social-mov{width: 50px; height: 50px; margin: -15px;} img.social{width: 44px; height: 44px; margin: 3px;} img.social, img.social-mov{opacity: ___opacityBtns; cursor: pointer; border: 0px;} img.social:hover{width: 50px; height: 50px; margin: 0px; transition: all 0.5s;}