@import url("trump_cabinet.circles.css");
@import url("trump_cabinet.seccion.css");
@import url("trump_cabinet.sectores.css");

/*descr - info*/
.descInfo .txtBox,.descInfo .auxBox {text-align:center;color:#5B5A59;}
.descInfo .notory > .gridBox > .cell:first-child .mainBox .maintitle {font-family:'Roboto Slab','arial',sans-serif;font-size:300%;line-height:1.2;font-weight:700;}
.descInfo .notory.g1 > .gridBox > .cell:first-child .mainBox .auxBox p {font-size:180%;}


/*members cabinet*/
.cabinetMembers {padding-top:90%;position:relative;width:90%;margin:0 auto;top:4rem;}
.memBox label {position:absolute;width:100%;height:100%;top:0;left:0;}
.memBox .imaBox {border:.3rem solid #cecece;border-radius:100%;display:inline-block;overflow:hidden;}
.memBox .imaBox > .ima.H  {padding-top:100%;}
.memBox .imaBox > .ima + span {font-size:1.6rem;text-transform:uppercase;}
.circle1 .memBox .memberName {font-size:1.8rem;font-weight:500;}
.memBox .memberName {width:18rem;font-size:1.4rem;line-height:2rem;text-align:center;text-transform:uppercase;margin-left:-9rem;position:absolute;left:50%;bottom:-2rem;color:#2c2c2c;}
.memBox .purchPower{height:2rem;width:10rem;font-size:1.4rem;font-weight:300;color:#7d7f7d;text-align:center;margin-left:-5rem;position:absolute;left:50%;bottom:-4rem;}
.inf-Trump .mainBox {width:76rem;background:#fff;box-shadow:.1rem .1rem .3rem #efefef;}
.inf-Trump .mainBox .mediaBox .ima.H {padding-top:138%;}
.inf-Trump .mainBox .mediaBox {width:40%;display:inline-block;margin:0;float:left;}
.inf-Trump .mainBox .txtBox strong {display:block;font-size:3.4rem;line-height:1.2;font-weight:500;text-transform:uppercase;}
.inf-Trump .mainBox .txtBox .position {font-size:2rem;color:#5a5b5c;text-transform:uppercase;}
.inf-Trump .mainBox .contentBox {height:100%;padding:2rem 6rem 4rem 40%;border-left:2rem solid transparent;position:absolute;}
.inf-Trump .mainBox .contentBox .auxBox{height:100%;padding-top:2rem;border-bottom:9rem solid transparent;overflow:auto;}
.inf-Trump .mainBox .contentBox  .fortBox ~ .auxBox{border-bottom:18rem solid transparent;}

#equipo-trump .cabinetMembers .mainBox:after {content:'';display:block;width:2.9rem;height:2.9rem;background:url('/css/rtve.2017.noticias/la-era-trump/i/cerrar.png');position:absolute;top:2rem;right:2rem;background-size:100% auto;cursor:pointer;}
#equipo-trump .cabinetMembers .auxBox p {font-size:1.7rem;color:#5a5b5c;}

/*circles*/
.inf-Trump .circle1 .imaBox {width:12rem;}
.inf-Trump .circle2 .imaBox {width:9rem;}
.inf-Trump .circle3 .imaBox {width:8rem;}
.inf-Trump .circle4 .imaBox {width:6rem;}

div[class*='circle'] .section {width:auto;font-size:1.6rem;color:#979798;text-align:center;text-transform:uppercase;display:block;position:relative;top:10%;}
div.circle4 .section{width:25rem;margin:-3% auto 0 auto;}

.inf-Trump {padding-top:100%;position:relative;border-bottom:10rem solid transparent;}
.inf-Trump li {width:auto;display:block;float:left;}

/*relacionados*/
.relBox, .relBox *{display:block;}
.relBox{width:60%;position:absolute;left:40%;bottom:2rem;}
.relBox li{float:none;}
.relBox li a{width:20rem;background:#bfbfbf;font-size:1.6rem;font-weight:500;line-height:3rem;color:#fff;text-align:center;text-transform:uppercase;margin:0 auto;}

/*positioning*/
div[class*='circle'] .memBox, div[class*='circle'] > ul > li {position:absolute;}
div[class*='circle'] > label, .inf-Trump .grid {width:100%;height:100%;position:absolute;top:0;left:0;}
.circle1 {width:10%;z-index:4;}
.circle2 {width:33.3333333%;height:33.3333333%;background:#eee;z-index:3;}
.circle3 {width:66.6666666%;height:66.6666666%;background:#f9f9f9;z-index:2;}
.circle4 {width:100%;height:100%;z-index:1;}
div[class*='circle'] {border:.2rem dotted #d3d3d3;border-radius:100%;position:absolute;top:0;left:0;}
div.circle1 {border:0;top:50%;left:50%;}
div.circle2 {top:33.3333335%;left:33.3333335%;}
div.circle3 {top:16.6666665%;left:16.6666665%;}

/*ocultar mostrar*/
div[class*='circle'] [name="memBox"], .inf-Trump .mainBox,
.inf-Trump .ico.blind.beoff,.inf-Trump input {position:absolute;clip:rect(0,0,0,0);top:0;left:0;overflow:hidden;}
div[class*='circle'] .memBox input{width:100%;height:100%;top:0;left:0;clip:auto;opacity:0;}
.inf-Trump .cabinetMembers .show .mainBox {clip:auto;margin-top:-21.976rem;margin-left:-38rem;-webkit-box-shadow:0 0 4rem -0.6rem #999;-moz-box-shadow:0 0 4rem -0.6rem #999;box-shadow:0 0 4rem -0.6rem #999;top:50%;left:50%;z-index:5;}

.memBox img {filter:grayscale(1);}
.active.memBox img {filter:grayscale(0);}

/*photoBox*/
.notory.g1 > .gridBox > .cell:first-child .mainBox .maintitle {font-size:300% !important;}
.grafBox .notory.g1 > .gridBox > .cell:first-child .mainBox .maintitle {font-size:320%;}
.perfilCabinet  .secBox {text-align:center;font-size:145%;}
.perfilCabinet .txtBox {position:absolute;bottom:0;left:2rem;}