/* 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,
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;
}
body {
	line-height: 1;
}
/*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;
}


/*/////////////////

reglas globales*/
html { font-size: 62.5% color: #333333; } 
body { font-size: 1.3rem; /* =14px */
	color: #333333;
	background-color: #fef5ed;
}

.hidden {
	display: none;
}


.grafo {
	width: 900px;
	height: 362px;
	background-image: url(../images/fondo_irpf.png);
	background-repeat: no-repeat;
    background-position: center;
    background-origin: initial;
}

.trans {
    width: 900px;
    height: 362px;
    background-image: url(../images/16b.png);
    background-repeat: no-repeat;
    background-position: center;
    background-origin: initial;
}


/*/////////////*/

/*

@font-face {
   font-family: 'Duplicate Ionic';
   src: 
url('//d500.epimg.net/cincodias/fonts/v2.x/v2.0/duplicate_ionic/DuplicateIonic-MediumItalic-Web.woff2')
format('woff2'),
url('//d500.epimg.net/cincodias/fonts/v2.x/v2.0/duplicate_ionic/DuplicateIonic-MediumItalic-Web.woff')
format('woff');
   font-weight:  500;
   font-style:   italic;
   font-stretch: normal;
}

@font-face {
   font-family: 'Duplicate Ionic';
   src: 
url('//d500.epimg.net/cincodias/fonts/v2.x/v2.0/duplicate_ionic/DuplicateIonic-Medium-Web.woff2')
format('woff2'),
url('//d500.epimg.net/cincodias/fonts/v2.x/v2.0/duplicate_ionic/DuplicateIonic-Medium-Web.woff')
format('woff');
   font-weight:  500;
   font-style:   normal;
   font-stretch: normal;
}


@font-face {
   font-family: 'Duplicate Ionic';
   src: 
url('//d500.epimg.net/cincodias/fonts/v2.x/v2.0/duplicate_ionic/DuplicateIonic-RegularItalic-Web.woff2')
format('woff2'),
url('//d500.epimg.net/cincodias/fonts/v2.x/v2.0/duplicate_ionic/DuplicateIonic-RegularItalic-Web.woff')
format('woff');
   font-weight:  400;
   font-style:   italic;
   font-stretch: normal;
}


@font-face {
   font-family: 'Duplicate Ionic';
   src: 
url('//d500.epimg.net/cincodias/fonts/v2.x/v2.0/duplicate_ionic/DuplicateIonic-Regular-Web.woff2')
format('woff2'),
url('//d500.epimg.net/cincodias/fonts/v2.x/v2.0/duplicate_ionic/DuplicateIonic-Regular-Web.woff')
format('woff');
   font-weight:  400;
   font-style:   normal;
   font-stretch: normal;
}

@font-face {
   font-family: 'Duplicate Ionic';
   src: 
url('//d500.epimg.netfi/fonts/v2.x/v2.0/duplicate_ionic/DuplicateIonic-Light-Web.woff2')
format('woff2'),
url('//d500.epimg.net/cincodias/fonts/v2.x/v2.0/duplicate_ionic/DuplicateIonic-Light-Web.woff')
format('woff');
   font-weight:  300;
   font-style:   normal;
   font-stretch: normal;
}

@font-face {
   font-family: 'Duplicate Ionic';
   src: 
url('//d500.epimg.net/cincodias/fonts/v2.x/v2.0/duplicate_ionic/DuplicateIonic-Thin-Web.woff2')
format('woff2'),
url('//d500.epimg.net/cincodias/fonts/v2.x/v2.0/duplicate_ionic/DuplicateIonic-Thin-Web.woff')
format('woff');
   font-weight:  100;
   font-style:   normal;
   font-stretch: normal;
}

*/

body {
     font-family: "arial", sans-serif; }


/*////////////////*/

/*RAYAS HORIZONTALES*/

.hr { 
  width: 900px;
  height: .5px;
  background-color: #dbdbdb;
  margin-left: 0%;
  margin-right: 0%
}



/*Tipografías*/

.titgr {
	font-family: "arial", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 110%

}

.titnor {
	font-family: "arial", sans-serif;
	font-style: normal;
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 130%
}	

.tit1 {
	position: absolute;
    left: 10px;
    top: 13px;
}

.tit2 {
	font-size: 1.2rem;
	line-height: 110%;

	position: absolute;
    left: 350px;
    top: 425px;
}

.titpq {
	font-family: "arial", sans-serif;
	font-style: normal;
	font-size: 1rem;
	font-weight: bold;
	line-height: 130%
}z

.titnor:before {
  	content: '■ ';
    position: relative;
    bottom: .1rem;
    color: #333333;
}

.subtit {
	font-family: "arial", sans-serif;
	font-style: normal;
	font-size: 0.8rem;
	font-weight: normal;
	line-height: 130%	
}


.claves1:before {
 	content: '■ ';
    position: relative;
    bottom: .1rem;
    color: #53777a;
}

.claves2:before {
 	content: '■ ';
    position: relative;
    bottom: .1rem;
    color: #d95b43;
}

.claves3:before {
 	content: '■ ';
    position: relative;
    bottom: .1rem;
    color: #eceedf;
}


.txtnor {
	/*width: 320px;
	position: absolute;
    left: 30px;
    top: 486px;*/

	font-family: "arial", sans-serif;
	font-style: normal;
	font-size: 15px;
	font-weight: 400;
	line-height: 127%;
	color: #02464d;	
}

.txtpie {
    width: 500px;
    position: absolute;
    left: 298px;
    top: 533px;

    font-family: "arial", sans-serif;
    font-style: normal;
    font-size: 13px;
    font-weight: 400;
    line-height: 127%;
    color: #18bccc; 
}

.txtnornh {
	/*width: 320px;
	position: absolute;
    left: 30px;
    top: 486px;*/

	font-family: "arial", sans-serif;
	font-style: normal;
	font-size: 0.7rem;
	font-weight: normal;
	line-height: 110%	
}

.txtbold {
	/*width: 300px;
	position: absolute;
    left: 30px;
    top: 467px;*/

	font-family: "arial", sans-serif;
	font-style: bold;
	font-size: 16px;
	font-weight:500;
	line-height: 110%;
	color: #18bccc;
}

.txtbold2 {
	/*width: 300px;
	position: absolute;
    left: 30px;
    top: 467px;*/

	font-family: "arial", sans-serif;
	font-style: bold;
	font-size: 0.8rem;
	font-weight:bold;
	line-height: 100%;
}

/*.txtnor2 {
	width: 83px;
	position: absolute;
    left: 843px;
    top: 226px;

	font-family: "verdana", "arial", sans-serif;
	font-style: normal;
	font-size: 0.7rem;
	font-weight: normal;
	line-height: 110%	
}*/
.boton {
	font-size: 0.7rem;
	font-family: "arial", sans-serif;
	font-weight: normal;
	text-align: center;
	color: #ffffff;
}

.txtfirma {
	font-size: 0.6rem;
	font-family: "arial", sans-serif;
	font-weight: 400;
	font-style: normal;
	color:#02464d;
}


.txtgris1 {
	color:#999999;
}

/*POSICIONAMIENTO*/
/*.hr1 {
	position: absolute;
	top: 10px;
}
*/
.titgr {
	position: absolute;
	left: 16px;
	top: 4px;
}
.subtit1 {
	position: absolute;
    left: 16px;
    top: 43px;
}

.claves1 {
	position: absolute;
    left: 10px;
    top: 33px;
}

.claves2 {
	position: absolute;
    left: 83px;
    top: 33px;
}

.claves3 {
	position: absolute;
    left: 171px;
    top: 33px;
}


.grafo {
	position: absolute;
	left: 0px;
	top: 34px;
	z-index: -10;
}

.trans {
    position: absolute;
    left: 0px;
    top: 34px;
    z-index: -20;
}


.ent0{
	position: absolute;
	left: 298px;
	top: 420px;
	width: 600px;
}

.txtn1{
	position: absolute;
    left: 16px;
    top: 420px;
	width: 600px;    
}

.txtn2 {
	position: absolute;
    left: 298px;
    top: 420px;
    width: 600px;
}

.txtn3 {
	position: absolute;
    left: 376px;
    top: 420px;
    width: 568px;
}

.txtn4 {
	position: absolute;
    left: 259px;
    top: 548px;
    width: 721px;
}

.txtn5 {
	position: absolute;
    left: 330px;
    top: 545px;
    width: 600px;
}

.titp {
	position: absolute;
	left: 10px;
	top: 370px;
}

.subtit2 {
	position: absolute;
    left: 129px;
    top: 376px;
}


.entbd {
	width: 600px;
	position: absolute;
    left: 298px;
    top: 401px;
    z-index: 0;
}


.txtbd1 {
	width: 560px;
	position: absolute;
    left:16px;
    top: 401px;
}



.txtbd2 {
	width: 300px;
	position: absolute;
    left: 664px;
    top: 20px;

	/*font-family: "verdana", "arial", sans-serif;
	font-style: bold;
	font-size: 0.8rem;
	font-weight:bold;
	line-height: 100%*/
}


.txtbd3 {
	width: 560px;
	position: absolute;
    left: 376px;
    top: 401px;

	/*font-family: "verdana", "arial", sans-serif;
	font-style: bold;
	font-size: 0.8rem;
	font-weight:bold;
	line-height: 100%*/
}

.txtbd4 {
	width: 560px;
	position: absolute;
    left: 263px;
    top: 538px;
}

.txtbd5 {
	width: 560px;
	position: absolute;
    left: 298px;
    top: 401px;
}

/*Botones*/
.bot {
	width: 19px;
	height: 15px;
	padding-top: 3px;
	padding-bottom: 1px;
	background-color: #02464d;
	border-style: solid;
	border-width: 0px;
	border-color: #333333;
	border-radius: 50%;
	/*box-shadow:2px 2px 4px #999999;*/
	position: absolute;
	/*left: 95px;
    top: 310px;*/
	cursor: pointer;
	z-index: 900;

	/*font-size: 1rem;
	font-family: "verdana", "arial", sans-serif;
	font-weight: bolder;
	text-align: center;*/
}

.firma1 {
	position: absolute;
    left: 10px;
    top: 595px;
}

.firma2 {
	position: absolute;
    left: 635px;
    top: 595px;
}

.firma3 {
	position: absolute;
    left: 724px;
    top: 595px;
}

/*
.botb {
	width: 26px;
	height: 26px;
	position: absolute;
	/*left: 95px;
    top: 310px;*/
	/*
	background-image: url(images/BT1.svg);
	background-repeat: no-repeat;
    background-position: left;
    background-origin: initial;

    cursor: pointer;
}

.botc {
	width: 26px;
	height: 26px;
	position: absolute;
	/*left: 95px;
    top: 310px;*/
    /*
	background-image: url(images/BT2.svg);
	background-repeat: no-repeat;
    background-position: left;
    background-origin: initial;

    cursor: pointer;
}
*/
#bt1 {
	left: 214px;
    top: 205px;
     transition-duration: 0.6s;
}
  
#bt2 {
	left: 290px;
    top: 205px;
    transition-duration: 0.6s;
}

#bt3 {
	left: 329px;
    top: 205px;
    transition-duration: 0.6s;
}

#bt4 {
	left: 350px;
    top: 205px;
    transition-duration: 0.6s;
}

#bt5 {
	left: 376px;
    top: 205px;
    transition-duration: 0.6s;
}

#bt6 {
	left: 436px;
    top: 150px;
    transition-duration: 0.6s;
}

#bt7 {
	left: 473px;
    top: 150px;
    transition-duration: 0.6s;
}

#bt8 {
	left: 530px;
    top: 150px;
    z-index: 900;
    transition-duration: 0.6s;
}


#bt9 {
	left: 553px;
    top: 150px;
    z-index: 900;
    transition-duration: 0.6s;
}

#bt10 {
	left: 653px;
    top: 64px;
    z-index: 900;
    transition-duration: 0.6s;
}

#bt11 {
	left: 693px;
    top: 64px;
    z-index: 900;
    transition-duration: 0.6s;
}

#bt12 {
	left: 715px;
    top: 64px;
    z-index: 900;
    transition-duration: 0.6s;
}

#bt13 {
	left: 753px;
    top: 64px;
    z-index: 900;
    transition-duration: 0.6s;
}

#bt14 {
	left: 833px;
    top: 64px;
    z-index: 900;
    transition-duration: 0.6s;
}

#bt15 {
	left: 474px;
    top: 88px;
    z-index: 900;
    transition-duration: 0.6s;
}

#bt16 {
	left: 498px;
    top: 88px;
    z-index: 900;
    transition-duration: 0.6s;
}

#bt17 {
	left: 522px;
    top: 88px;
    z-index: 900;
    transition-duration: 0.6s;
}

#bt18 {
	left: 546px;
    top: 88px;
    z-index: 900;
    transition-duration: 0.6s;
}


/*///*/
#bt19 {
    left: 566px;
    top: 40px;
    z-index: 900;
    transition-duration: 0.6s;
}

#bt20 {
	left: 590px;
    top: 40px;
    z-index: 900;
    transition-duration: 0.6s;
}

#bt21 {
	left: 614px;
    top: 40px;
    z-index: 900;
    transition-duration: 0.6s;
}

#bt22 {
	left: 638px;
    top: 40px;
    z-index: 900;
    transition-duration: 0.6s;
}

#bt23 {
	left: 662px;
    top: 40px;
    z-index: 900;
    transition-duration: 0.6s;
}

#bt24 {
	left: 686px;
    top: 40px;
    z-index: 900;
    transition-duration: 0.6s;
}

#bt25 {
	left: 710px;
    top: 40px;
    z-index: 900;
    transition-duration: 0.6s;
}

#bt26 {
	left: 734px;
    top: 40px;
    z-index: 900;
    transition-duration: 0.6s;
}

#bt27 {
	left: 758px;
    top: 40px;
    z-index: 900;
    transition-duration: 0.6s;
}

#bt28 {
	left: 782px;
    top: 40px;
    z-index: 900;
    transition-duration: 0.6s;
}

#bt29 {
	left: 806px;
    top: 40px;
    z-index: 900;
    transition-duration: 0.6s;
}

#bt30 {
	left: 830px;
    top: 40px;
    z-index: 900;
    transition-duration: 0.6s;
}

#bt31 {
	left: 854px;
    top: 40px;
    z-index: 900;
    transition-duration: 0.6s;
}





#bt1:hover {
    transform: scale(1.5, 1.5);
    transition-duration: 0.6s;
}

 #bt2:hover {
    transform: scale(1.5, 1.5);
    transition-duration: 0.6s;
}

 #bt3:hover {
    transform: scale(1.5, 1.5);
    transition-duration: 0.6s;
}

 #bt4:hover {
    transform: scale(1.5, 1.5);
    transition-duration: 0.6s;
}

 #bt5:hover {
    transform: scale(1.5, 1.5);
    transition-duration: 0.6s;
}

#bt6:hover {
    transform: scale(1.5, 1.5);
    transition-duration: 0.6s;
}

#bt7:hover {
    transform: scale(1.5, 1.5);
    transition-duration: 0.6s;
}

#bt8:hover {
    transform: scale(1.5, 1.5);
    transition-duration: 0.6s;
}

#bt9:hover {
    transform: scale(1.5, 1.5);
    transition-duration: 0.6s;
}

#bt10:hover {
    transform: scale(1.5, 1.5);
    transition-duration: 0.6s;
}

#bt11:hover {
    transform: scale(1.5, 1.5);
    transition-duration: 0.6s;
}

#bt12:hover {
    transform: scale(1.5, 1.5);
    transition-duration: 0.6s;
}

#bt13:hover {
    transform: scale(1.5, 1.5);
    transition-duration: 0.6s;
}

#bt14:hover {
    transform: scale(1.5, 1.5);
    transition-duration: 0.6s;
}

#bt15:hover {
    transform: scale(1.5, 1.5);
    transition-duration: 0.6s;
}

#bt16:hover {
    transform: scale(1.5, 1.5);
    transition-duration: 0.6s;
}

#bt17:hover {
    transform: scale(1.5, 1.5);
    transition-duration: 0.6s;
}

#bt18:hover {
    transform: scale(1.5, 1.5);
    transition-duration: 0.6s;
}

#bt19:hover {
    transform: scale(1.5, 1.5);
    transition-duration: 0.6s;
}

#bt20:hover {
    transform: scale(1.5, 1.5);
    transition-duration: 0.6s;
}

#bt21:hover {
    transform: scale(1.5, 1.5);
    transition-duration: 0.6s;
}

#bt22:hover {
    transform: scale(1.5, 1.5);
    transition-duration: 0.6s;
}

#bt23:hover {
    transform: scale(1.5, 1.5);
    transition-duration: 0.6s;
}

#bt24:hover {
    transform: scale(1.5, 1.5);
    transition-duration: 0.6s;
}

#bt25:hover {
    transform: scale(1.5, 1.5);
    transition-duration: 0.6s;
}

#bt26:hover {
    transform: scale(1.5, 1.5);
    transition-duration: 0.6s;
}

#bt27:hover {
    transform: scale(1.5, 1.5);
    transition-duration: 0.6s;
}

#bt28:hover {
    transform: scale(1.5, 1.5);
    transition-duration: 0.6s;
}

#bt29:hover {
    transform: scale(1.5, 1.5);
    transition-duration: 0.6s;
}

#bt30:hover {
    transform: scale(1.5, 1.5);
    transition-duration: 0.6s;
}

#bt31:hover {
    transform: scale(1.5, 1.5);
    transition-duration: 0.6s;
}


/*BOLOS*/

.bolo {
    width: 20px;
    height: 20px;
    background-color: #ffc800;
    border-radius: 50%;
    z-index: -15;
}

.bolo1 {
    width: 127px;
    height: 8px;
    background-color: #ffc800;
    z-index: -15;
}

.bo0 {
    position: absolute;
    left: 40px;
    top:340px;
}

.bo1 {
    position: absolute;
    left: 40px;
    top:340px;
}

.bo2 {
    position: absolute;
    left: 96px;
    top:340px;
}

.bo3 {
    position: absolute;
    left: 121px;
    top:343px;
}


.bo4 {
    position: absolute;
    left: 168px;
    top:335px;
}

.bo5 {
    position: absolute;
    left: 175px;
    top:335px;
}

.bo6 {
    position: absolute;
    left: 210px;
    top:305px;
}

.bo7 {
    position: absolute;
    left: 252px;
    top:302px;
}

.bo8 {
    position: absolute;
    left: 284px;
    top:311px;
}

.bo9 {
    position: absolute;
    left: 300px;
    top:309px;
}

.bo10 {
    position: absolute;
    left: 323px;
    top:306px;
}


/*///////////////*/


.bo11 {
    position: absolute;
    left: 375px;
    top:298px;
}



.bo12 {
    position: absolute;
    left: 383px;
    top:292px;
}

.bo13 {
    position: absolute;
    left: 437px;
    top:197px;
}


.bo14 {
    position: absolute;
    left: 463px;
    top:161px;
}

.bo15 {
    position: absolute;
    left: 492px;
    top:234px;
}

.bo16 {
    position: absolute;
    left: 511px;
    top:359px;
}

.bo17 {
    position: absolute;
    left: 527px;
    top:273px;
}

.bo18 {
    position: absolute;
    left: 551px;
    top:236px;
}


.bo19 {
    position: absolute;
    left: 574px;
    top:205px;
}

.bo20 {
    position: absolute;
    left: 624px;
    top:117px;
}

.bo21 {
    position: absolute;
    left: 642px;
    top:198px;
}

/*///////////////*/


.bo22 {
    position: absolute;
    left: 648px;
    top:212px;
}

.bo23 {
    position: absolute;
    left: 675px;
    top:201px;
}

.bo24 {
    position: absolute;
    left: 705px;
    top:235px;
}


.bo25 {
    position: absolute;
    left: 719px;
    top:259px;
}

.bo26 {
    position: absolute;
    left: 741px;
    top:232px;
}

.bo27 {
    position: absolute;
    left: 761px;
    top:190px;
}

.bo28 {
    position: absolute;
    left: 784px;
    top:185px;
}

.bo29 {
    position: absolute;
    left: 801px;
    top:229px;
}

.bo30 {
    position: absolute;
    left: 828px;
    top:193px;
}

.bo31 {
    position: absolute;
    left: 839px;
    top:202px;
}

/*/////////////*/








/*otras imágenes*/
@keyframes animatio{
  from { opacity: 1;}
  25% { opacity: 1; }
  50% { opacity: 1; }
  75% { opacity: 1; }
  to { opacity: 0; }
}





.dedo {
	width: 206px;
	height: 71px;
	position: absolute;
	left: 109px;
    top: 75px;

	background-image: url(../images/fonger.png);
	background-repeat: no-repeat;
    background-position: left;
    background-origin: initial;

  -webkit-animation: animatio 6s infinite; /* Safari 4+ */
  -moz-animation:    animatio 6s infinite; /* Fx 5+ */
  -o-animation:      animatio 6s infinite; /* Opera 12+ */
  animation:         animatio 6s infinite; /* IE 10+, Fx 29+ */






    /*background-color: #ffffff;*/
}

/*
#img0 {
	position: absolute;
	left: 54px;
	top: 545px;
	z-index: -1;
	opacity: 0.7;
}

#img1 {
	position: absolute;
	left: 628px;
	top: 565px;
}

#img2 {
	position: absolute;
	left: 628px;
	top: 565px;
}

#img4 {
	position: absolute;
	left: 628px;
	top: 565px;
}



#img6 {
	position: absolute;
	left: 628px;
	top: 565px;
}


#img7 {
	position: absolute;
	left: 628px;
	top: 565px;
}

#img8 {
	position: absolute;
	left: 628px;
	top: 565px;
}

#img9 {
	position: absolute;
	left: 628px;
	top: 565px;
}
*/

.foto {
	position: absolute;
	left: 10px;
	top: 400px;
}

.foto0 {
	position: absolute;
	left: 10px;
	top: 400px;
	z-index: -1;
}