/*
Custom styles PKF Presentation 
coded by: twe3n;
For Reveal.js 
*/
/*****************************************************************************************
GLOBAL STYLES 
******************************************************************************************/ 
/* Background */ 
.reveal { background: url('img/textura.jpg') repeat-x; background-position: bottom center;}
/* Texts */ 
h1, h3, h4, h5, h6 { font-family: 'Lato', sans-serif !important; }
h2 { font-size: 1.2em !important; 
	line-height: 1em !important; 
	font-family: Arial, Helvetica, sans-serif !important;
}
p { 
	font-size: 1.1em !important;
	line-height: 1.4rem !important;
	color: #333;
	font-family: Arial, Helvetica, sans-serif !important;
}
a { 
	font-size: 1em !important;
	font-family: Arial, Helvetica, sans-serif !important;
}
li { 
	font-size: 1em !important;
	font-family: Arial, Helvetica, sans-serif !important;
}

/* *******************************************************************
Text classes -
*****************************************************************   */
.txt-destacado { font-family: 'Courgette', cursive !important; 
font-size: 1.4em !important; line-height: 1.5em !important;}
.txt-intro { font-size: 1.6em !important; line-height: 1.2em !important; text-align: justify;}
.txt-transferencia { font-size: 1.4em !important; line-height: 1.1em !important;}
.txt-center { text-align: center;}
.txt-justify { text-align: justify;}
.txt-left { text-align: left !important;}
.txt-right { text-align: right !important;}
.bigger-size { font-size: 1.5em !important;}
.txt-block-green { 
    padding-top: 15px; color:white; margin-top: 10px !important; height: 125px; position: relative; top: 10px;
    
}
.txt-block-green p{
    color: white !important; position: relative; top:10px;
}

.media-list{
    text-align: left !important;
    position: relative; top: 25px;
}

.media-list>.media {
    position: relative;
    top: 25px;
}

.pt{ 
   
  min-height: 75px;
}

#mision > span {
    color: black;
    
}


section  { height: 100%; width: auto; display: block; }

section a { text-decoration: none; color: #333;}
section a:hover { color: blue;}

section header h1 { 
	font-size: 2em !important;
	text-align: left; 
	line-height: 1.1em; 
	text-transform: uppercase; text-align: left; 
	text-shadow: 2px 2px 2px rgba(0,0,0,.25);   }

section article { margin-top: 20px !important; }



/* SECCIONES UNICAS */ 
#portada .top-zone { position: relative; top: 0; min-height: 175px; 
	background: rgba(0,50,143,.75);
	min-height: 120px; }
#main-header { color: white; font-size: 1.5em; text-align: left; margin: 40px 0 0 20px; float: left;}
#main-logo { width:260px; height: 85px; text-indent: -9999px; 
	background: url('img/logo_pkf.png') no-repeat; float: right; margin: 10px 10px 0 0;}
#portada .mid-zone { display: block; margin: 25px auto; }
#portada .bot-zone { position: absolute; bottom: 0px; width: 100%; min-height: 50px;
   background: url('img/fondo-menu.png') repeat-x; }
.btn { width: 150px; height: 50px;  margin: 0 auto !important; 
	border-radius: 10px;
	/*
	background: #013592;
	*/
}
#portada .bot-zone .btn a { 
	font-size: 1.2em !important;
	width: 350px !important; height: 50px;
	line-height: 50px; color:white; text-decoration: none; 
	text-align: right !important; cursor: pointer; 
}

.menu-items li {     
	list-style-position: outside;
    margin-left: 25px !important;
}
.menu-items > li > p { font-size: 1.1em !important; line-height: 1.0em !important; }
.menu-items > li > a { font-size: 1.1em !important; }
.menu-items > li > a:hover { color: #fac421;  }

#mision  { font-size: 3.2em !important; line-height: 1.2em !important; text-align: center; }
#mision span { font-size: .7em; font-family: 'Courgette', cursive !important;}

/* Pag 3 iconos */ 
.txt-icon-zone { }
.txt-icon-zone .zone-left  { width: 70% !important; margin: 0 1% 0 0; text-align: right}
.txt-icon-zone .zone-right { width: 28% !important; margin: 0 0 0 1%; }
.txt-icon-zone-h2 { font-size: 3em !important;}
/* pag 6 premios */ 
#Premios h2 { font-size: 1.4em; margin-top: 10px;}
#Premios p { font-size: 1em !important; line-height: 1.4em !important; 
	margin: 15px 5px 5px 5px !important; padding: 10px !important;   }
#Premios .zone-left { text-align: center;}
#Premios .zone-right { text-align: center;}
/* page menu servicios */
.menu-servicios  { width: 100%; padding-bottom: 5px !important; line-height: 1.4em !important; }
.menu-servicios li a { font-size: 1.4em !important; line-height: 1.4em !important; }

#niff-dos { text-align: left ;}
#niff-dos img { display: block; margin: 0 auto; }
.niif-destacado { padding: 5px 5px 5px 30px !important; 
	border-left: 4px solid #ef8c0b !important; margin-top: 20px !important;  }

.niff-dos-parrafo-final { margin-top:35px !important; text-align: justify;}


#transferencia-alert { min-height: 370px; width:100%; position: absolute; bottom: 49px; 
	background: url('img/trasferencia-bg.png') no-repeat; background-position: bottom center;}
#transferencia-alert h2 { margin-top: 140px; color: white; font-size: 2.5em !important;}	
#transferencia-alert p { width: 100%; margin-top: 20px !important;  
	text-align: center; color: white; font-size: 1.2em !important;}
#inventarios h2 { background:#80b628; color: white; margin-bottom: 15px; }

#cierre { background: url('img/bg-cierre.png') repeat-x;}
#slogan { margin-top: 120px !important;}
#final-credits { margin-top: 140px !important;}
#final-credits h2 { margin-top: 35px;}
#final-credits li { text-align: right; list-style: none; margin-top: 5px !important;}
.twe3n-credits { font-size: 0.8em !important; position: absolute; bottom: 0px; right: 0px; }

/* box-destacado */ 
.box-destacado { width: 100%; min-height: 45px; padding: 10px !important; }
.box-destacado p { text-align: justify; padding: 10px !important; }
.box-destacado a { text-align: justify; line-height: 1.8em; color: white; }
.box-destacado a:hover { color: #efefef; }

/* LI */ 
.bullets { margin-left: 0px !important; }
.bullets li { 
	list-style-position: outside;
    margin-left: 0px;
    list-style: none;
}

.bullets li p { position: relative; left: 10px; top:-5px;

}
/* Color Bullets */ 
.bullet-red { 
	background: url('img/flechas/red.png') no-repeat;
	background-position: top left;
	padding-left: 10px !important;
	padding-top: 2px !important;
} 

.bullet-yellow { 
	background: url('img/flechas/yellow.png') no-repeat;
	background-position: top left;
	padding-left: 10px !important;
	padding-top: 2px !important;
} 

.bullet-green { 
	background: url('img/flechas/green.png') no-repeat;
	background-position: top left;
	padding-left: 10px !important;
	padding-top: 2px !important;
} 

.bullet-lgreen { 
	background: url('img/flechas/lgreen.png') no-repeat;
	background-position: top left;
	padding-left: 10px !important;
	padding-top: 2px !important;
} 
.bullet-lblue { 
	background: url('img/flechas/lblue.png') no-repeat;
	background-position: top left;
	padding-left: 10px !important;
	padding-top: 2px !important;
} 
.bullet-blue { 
	background: url('img/flechas/blue.png') no-repeat;
	background-position: top left;
	padding-left: 10px !important;
	padding-top: 2px !important;
} 

.bullet-purple { 
	background: url('img/flechas/purple.png') no-repeat;
	background-position: top left;
	padding-left: 10px !important;
	padding-top: 2px !important;
} 

.bullet-magenta { 
	background: url('img/flechas/magenta.png') no-repeat;
	background-position: top left;
	padding-left: 10px !important;
	padding-top: 2px !important;
} 

.bullet-pink { 
	background: url('img/flechas/pink.png') no-repeat;
	background-position: top left;
	padding-left: 10px !important;
	padding-top: 2px !important;
}

.bullet-plomo { 
	background: url('img/flechas/plomo.png') no-repeat;
	background-position: top left;
	padding-left: 10px !important;
	padding-top: 2px !important;
} 

.bullet-pastel { 
	background: url('img/flechas/pastel.png') no-repeat;
	background-position: top left;
	padding-left: 10px !important;
	padding-top: 2px !important;
} 
/**********************************
	ZONES 
*********************************/
.two-zone { width: 100%; position: relative; overflow: hidden;}	
.two-zone .zone-left  { width: 48%; margin: 0 1% 0 0;}
.two-zone .zone-right { width: 48%; margin: 0 0 0 1%; }

.three-zone { width: 100%; position: relative; overflow: hidden; }
.three-zone .zone-left  { width: 32%; margin: 0 1% 0 0;}
.three-zone .zone-center  { width: 32%; margin: 0 1% 0 0;}
.three-zone .zone-right { width: 32%; margin: 0 0 0 1%; }

.zone-left { float: left; margin-left: 10px;}
.zone-right { float:right; margin-right: 10px;}
.zone-center { float: left; margin: 0 5px;}

/*********************************************************
	images
*********************************************************/
.img-rounded { border-radius: 10px;}
.img-shadow { box-shadow: 0px 5px 5px rgba(0,0,0,.25);}	

/*
img { display: block; margin: 0 auto; }
*/

/***********************************************
margin and position
***********************************************/
.margin-top { margin-top: 3% !important;}
.doble-margin-top { margin-top: 7% !important; }
.triple-margin-top { margin-top: 15% !important; }

/************************************************
	color classes
***********************************************/
.bg-red { background: #e01b1a; }
.bg-orange { background: #ef8c0b; }
.bg-yellow { background: #fac421;}
.bg-green { background: #626e22; }
.bg-lgreen { background: #80b628; }
.bg-blue {background: #004c95; }
.bg-blueb {background: #004c95; height:62px}
.bg-pink {background: #c82182; }
.bg-plomo {background: #95979a; height:62px }
.bg-plomof {background: #95979a;}
.bg-pastel {background: #c2926a; }
.bg-lblue { background: #1f93be; }
.bg-purple { background: #771e6a ; }
.bg-magenta {background: #f7163c;}
.bg-magentaf {background: #f7163c;}

/***********************************************
COLOR TITLES 
***********************************************/
.txt-red { color: #e01b1a; }
.txt-orange { color: #ef8c0b;; }
.txt-yellow { color: #fac421;}
.txt-green { color: #626e22; }
.txt-lgreen { color: #80b628; }
.txt-blue {color: #002676; }
.txt-blueb {color: #002676; }
.txt-pink {color: #c82182; }
.txt-lblue { color: #1f93be; }
.txt-purple { color: #771e6a ; }
.txt-magenta {color: #f7163c;}
.txt-white { color: white;}
.txt-gray { color:#f6f7f0;}
.txt-plomo { color: #95979a; }
.txt-pastel { color: #c2926a; }
/*****************************************************************************************
Aside 
******************************************************************************************/
section aside { width: 100%; min-height: 25px !important; position: absolute; bottom: 25px;
	border-top: 1px solid #ccc !important; margin-top: 5px; color: white;
}

section aside p { font-size: 1em !important; margin-top:5px !important; text-align: left; 
margin: 5px 0px 0px 10px !important; line-height: 25px; min-height: 25px !important;
color: white !important; }
section aside a { color: white !important;}
section aside a:hover { color: black;}
section aside img { display: block; position: absolute; right: 10px;}

/*****************************************************************************************
Footer
******************************************************************************************/
section footer { width:100%; min-height: 20px; position: absolute; bottom: 0px; }
section footer .two-zone .zone-left { text-align: left; font-size: 12px; line-height: 20px;  }
section footer .two-zone .zone-right { text-align: right; font-size: 12px; line-height: 20px;  }
footer h6 { color: #333; }

.reveal img, .reveal video, .reveal iframe{
	margin-top:0px;
}

.img-recon{
	text-align: center;
	width: 300px;
	height: 250px;;
}