﻿<style>

* {padding:0; margin:0;}


@font-face {font-family:fon_muli; src: url(fon_muli.ttf);}


body {font-family:fon_muli,arial,verdana,helvetica; letter-spacing:1.8px; background-color:#fdfdfd; overflow:hidden;}


.az {color:#7976AF;}
.azcl {color:#96A5FF;}
.azes {color:#1c74bc;}
.br {color:#FFFFFF;}
.cz {color:#808080;}
.czcl {color:#D4D4D4;}
.czes {color:#333333;}
.lj {color:#FF9900;}
.ljcl {color:#ff9966;}
.pr {color:#000000;}
.rses {color:#9c0c45;}
.vd {color:#AACC15;}
.vdcl {color:#CCFF33;}
.vdes {color:#669900;}

.cp6 {font-size:6px;}
.cp8 {font-size:8px;}
.cp9 {font-size:9px;}
.cp10 {font-size:10px;}
.cp11 {font-size:11px;}
.cp12 {font-size:12px;}
.cp13 {font-size:13px;}
.cp14 {font-size:14px;}
.cp15 {font-size:15px;}
.cp16 {font-size:16px;}
.cp18 {font-size:18px;}
.cp20 {font-size:20px;}
.cp22 {font-size:22px;}
.cp24 {font-size:24px;}
.cp26 {font-size:24px;}
.cp28 {font-size:28px;}
.cp30 {font-size:30px;}
.cp40 {font-size:40px;}

.eec1 {letter-spacing:1px;}
.eec2 {letter-spacing:2px;}
.eec3 {letter-spacing:3px;}


.grad_e_br { /* d transparent p branco */
background: #FFFFFF; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1)); /*Safari 5.1-6*/
background: -o-linear-gradient(right,rgba(255,255,255,0),rgba(255,255,255,1)); /*Opera 11.1-12*/
background: -moz-linear-gradient(right,rgba(255,255,255,0),rgba(255,255,255,1)); /*Fx 3.6-15*/
background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1)); /*Standard*/
}

.grad_czes_v {
background: #666666; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#333333, #666666); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#333333, #666666); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#333333, #666666); /* For Firefox 3.6 to 15 */
background: linear-gradient(#333333, #666666); /* Standard syntax */
}


.form {font-size:10px; background: #CCFF33; border-color: #E4E3F5; border:solid 0.5px; letter-spacing:2px;}
.form1 {font: 10px verdana, arial, helvetica; background: #E4E5F6; border-color: #E4E3F5;}


A {font-family:fon_muli,arial,verdana,helvetica; font-size:14px; letter-spacing:0.2em; color:#ff9966; text-decoration:none;}
	A:hover {font-weight:bold; color:#000000; background-color:#CCFFCC;}

A.vrd {font-size:18px; color:#ff9900; padding:0px 0px 2px 3px; background-color:#FFFFFF; border:1px dashed #000000; opacity:0.85;}
	A.vrd:hover {font-weight:bold; color:#000000; background-color:#CCFFCC; opacity:0.99;}

	A.vrd_apert {font-size:18px; letter-spacing:0.1em; color:#ff9900; padding:0px 0px 2px 3px; background-color:#FFFFFF; border:1px dashed #000000; opacity:0.85;}
			A.vrd_apert:hover {font-weight:bold; color:#000000; background-color:#CCFFCC; opacity:0.99;}

A.azl {font-size:16px; color:#e6b44c; padding:0px 0px 2px 3px; background-color:#f6f3f3; border:1px dashed #C0C0C0; opacity:0.85;}
	A.azl:hover {font-weight:bold; color:#000000; background-color:#a8e3ed; opacity:0.99;}

A.lrj {font-size:13px; color:#000000; background-color:#ff9900; padding:3px 4px 3px 7px;}
	A.lrj:hover {font-weight:bold; color:#CCFFCC; background-color:#000000;}

A.czeslrj {font-size:13px; color:#ff9900; background-color:#424158; padding:2px 0px 0px 3px;}
	A.czeslrj:hover {font-weight:bold; color:#CCFFCC; background-color:#000000;}

A.nd {color:#FFFFFF; background-color:transparent; padding:3px 4px 3px 7px;}
	A.nd:hover {font-weight:bold; color:#CCFFCC; background-color:transparent;}

A.top {font-size:18px; color:#ff9900; padding:0px 1px 0px 4px; background-color:transparent; opacity:0.75;}
	A.top:hover {font-weight:bold; color:#000000; background-color:#ff9900; opacity:0.99;}

A.emai {font-size:11px;}
	A.emai:hover {font-weight:bold;}


.img_nrml {height:auto; width:80%;}

#img_nom_p, #img_nom_pc {width:auto; height:30px; max-width:99%;}
#img_log {width:auto; height:30px; max-width:99%;}

.img_cresc {height:144px; width:auto; max-height:88%; padding:0.5%; transition: all 400ms ease-out;}
	.img_cresc:hover {transition: all 300ms ease-in; transform: scale(2); padding:0%;}/*  border:8px solid #FFFFFF; */

.img_fade {opacity:0.55; transition: opacity 500ms ease-out;}
	.img_fade:hover {opacity:0.99;}

/*TABLE {border:1px solid #96A5FF; padding:0;} */
TABLE.cem {width:100%; height:100%;}

.tabTit {width:70%; border-bottom:1px solid #808080;}
.tabTitPrfd {width:90%; border-bottom:1px solid #808080;}
.tabTxt {width:60%;}
.tabTxtPrfd {width:80%;}

.uiux_td {background-position:center; background-size: auto 380px; background-repeat:no-repeat;}

.unha {width:100%; height:auto; max-width:213px;}
.unhaGlob {height:100%; width:auto; max-height:120px;}/*  max-width:88%; */
#tdUnh {width:16%; max-width:300px;}


.lnkDuvi {max-width:50%; margin-right:2%;}
.lnkFexa {max-width:95%;}

.imgsCxScura {max-width:35%; padding:13px; box-shadow:-2px 2px 6px #666666;}
.imgsCxScurG {max-width:90%; padding:13px; vertical-align: middle; box-shadow:-2px 2px 6px #666666;}
.imgsCxScurP {max-width:30%; padding:13px; box-shadow:-2px 2px 6px #666666;}
.lnkSegi {width: 40px; height:auto; padding-left:10%; border:1px dashed #C0C0C0;}
.lnkAnti {width: 40px; height:auto; padding-right:10%; border:1px dashed #C0C0C0;}

/* veio d dib */
  #conteudo_pp_about {margin-top:0%; margin-left:0%; width:100hw;} /* height:74vh; overflow:auto;*/
/* /veio d dib */



#paisage {position:absolute; z-index:999; width:98%; height:98%; top:1%; left:1%; background-color:#666666; opacity:0.90; display:none;}

#camBase {position:absolute; z-index:1; width:495px; height:600px; bottom:0; left:50%; display:block; transform: translate(calc(-50% + 0.5px), calc(0% + 0.5px));}

#camEmai {position:absolute; z-index:99; display:block; margin-top:1%; margin-left:1%; transform:rotate(-2deg); background-color:#ffffff; opacity:0.77;}
#camUpdt {position:absolute; z-index:1; bottom:16%; right:-7.5%; transform:rotate(270deg);}

/* navegac */
#camWeb0 {position:absolute; z-index:2; width:66px; height:77px; top:15%; left:45%; display:block; transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));}
#camWebd {position:absolute; z-index:3; width:122px; height:22; top:24%; left:40%; display:block; transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px)); letter-spacing:5px; opacity:0.99;}

#camUiu0 {position:absolute; z-index:2; width:66px; height:77px; top:19%; left:52.5%; display:block; transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));}
#camUiux {position:absolute; z-index:3; width:122px; height:22; top:28%; left:64%; display:block; transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px)); letter-spacing:5px; opacity:0.99;}

#camAdv0 {position:absolute; z-index:2; width:66px; height:77px; top:14%; left:40%; display:block; transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));}
#camAdve {position:absolute; z-index:3; width:122px; height:22; top:32%; left:23%; display:block; transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px)); letter-spacing:5px; opacity:0.99;}

#camTea0 {position:absolute; z-index:2; width:66px; height:77px; top:32%; left:65%; display:block; transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));}
#camTeac {position:absolute; z-index:3; width:122px; height:22; top:40%; left:92%; display:block; transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px)); letter-spacing:5px; opacity:0.99;}

#camGlo0 {position:absolute; z-index:2; width:66px; height:77px; top:41.5%; left:34%; display:block; transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px));}
#camGlob {position:absolute; z-index:3; width:122px; height:22; top:48%; left:16%; display:block; transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px)); letter-spacing:5px; opacity:0.99;}

#dv_camPdpc {position:relative; margin-left:14%; margin-top:-17%; transform:rotate(-2deg);}
	#camPdpc {margin-top:14px; margin-left:0%;}/* ñ func  z-index:3;  */


/* quadros pqs */
#Webd {z-index:7; display:none; top:10%; left:20.6%; max-width:78%; position:absolute; box-shadow:-1px 1px 2px #d8d8d8;}
#Uiux {z-index:7; display:none; top:16%; left:27.3%; max-width:71.5%; position:absolute; box-shadow:-1px 1px 2px #d8d8d8;}
#Adve {z-index:7; display:none; top:17%; left:33%; max-width:65%; position:absolute; box-shadow:-1px 1px 2px #d8d8d8;}
	#WebdTD, #UiuxTD, #AdveTD {max-width:300px; font-size:12px; color:#000000; letter-spacing:1px; line-height:20px; padding:14; background-color:#FFFFFF; opacity:0.80;}
#Teac {z-index:7; display:none; top:9%; left:37%; max-width:62%; position:absolute; box-shadow:-1px 1px 2px #d8d8d8; max-height:488px; overflow:auto;}
#Glob {z-index:7; display:none; top:8%; left:38%; max-width:61%; position:absolute; box-shadow:-1px 1px 2px #d8d8d8;}
	#TeacTD, #GlobTD {max-width:360px; letter-spacing:1px; line-height: 20px; padding:14; background-color:#FFFFFF; opacity:0.80;}

	/* height: 335px; */

	

/* quadros gds */
.cxl {z-index:4; display:none; position:absolute; background-color:#FFFFFF; padding:14px; opacity:0.97; overflow:auto; box-shadow:-1px 3px 6px #fdfdfd;}

#cxlWebd, #cxlUiux, #cxlAdve, #cxlGlob {top:50%; left:50%; transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px)); width:86%; height:90%; opacity:0.96; z-index:9; overflow-x:hidden;}
	#cxlUiux_t2 {margin-top:-2%;}

/* cxs escuras ? */
#iflutua {position:fixed; z-index:99; top:1%; left:8%; width:84%; height:98vh; opacity:0.98; box-shadow:-2px 2px 6px #666666; display:none;}

#iflutuarti {position:fixed; z-index:99; top:1%; left:8%; width:84%; height:92vh; opacity:0.98; box-shadow:-2px 2px 6px #333333; display:none;}

#ar58 {z-index:10; top:1%; left:1%; display:block; position:fixed; width:98%; height:90vh; overflow:auto; opacity:0.98;}

#anctopo4, #anctopo3, #anctopo2, #anctopo1  {position:sticky; z-index:98; display:block; bottom:5%; transform: translate(calc(-39% + 0.5px), calc(0% + 0.5px)); opacity:0.96;}
#ancfund4, #ancfund3, #ancfund2, #ancfund1 {position:inherit; z-index:98; display:block; bottom:1%; left:11%; opacity:0.96;}

#camLkDuvi {margin-left:0%;}

#obse {position:absolute; z-index:999; width:55%; height:23%; top:3%; right:2%; opacity:0.90; transform:rotate(-2deg); display:none;}



/* zilo huawVóN at */@media all and (max-width: 360px) {
	#camEmai {z-index:9; margin-top:1%; margin-left:1%;}
	#camUpdt {bottom:16%; right:-5%; transform:rotate(270deg);}

	#camWebd {top:8%; left:48%;}
	#camUiux {top:14%; left:73%;}
	#camAdve {top:20%; left:30%;}
	#camTeac {top:30%; left:92%;}
	#camGlob {top:45%; left:22%;}

	#Webd {top:7%;}
	#Uiux {top:13%;}
	#Adve {top:8%; left:30%; max-width:68%;}
	#Teac {top:4%; left:23%; max-width:76%;}
	#Glob {top:10%; left:18%; max-width:81%;}
}


