@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
body{
	background: #fffff;
}

header{
	
	width: 100%;
	overflow: hidden;
	background: #5B6770;
	margin-bottom: 20px;
	}

.fondonaraja{
	background: #FF8200;
}
.fondogris{
	background: #5B6770;
}
.centrados{
	width: 90%;
	max-width: 1000px;
	margin: auto;
	overflow: hidden;
}
header .texttrans{
	color: #FF8200;
	font-size: 50px;
	line-height: 100px;
	float: left;
}
header .texttrans2{
	color: #FF8200;
	font-size: 30px;
	line-height: 100px;
	float: left;
}

header nav a{
    display: inline-block;
	color: #fff;
	text-decoration: none;
	padding: 10px 20px;
	line-height: normal;
	font-size: 15px;
	font-weight: bold;
	-webkit-transition: all 500ms ease; 
	-o-transition: all 500ms ease;
    transition: all 500ms ease;
}

header nav a:hover {
	background: #FFFFFF;
	border-radius: 50px;
}
header nav a h5 {
	color: #5B6770;
	font-size: 15px;
	line-height: 30px;
	}
header nav a h2 {
	color: #5B6770;
	font-size: 0.5em;
	line-height: 30px;
	}

header2{
	position: fixed;
	height: 100px;
	}

.header .logo{
	line-height: 100px;
	font-size: 30px;
}

.header nav {
	line-height:100px;
}

/* Esto sirve para dejar un esapcio de 200 pixeles para respetar el encabezado*/
.contenido{
	padding-top: 100px;
}
.contenido p{
	margin-bottom: 1em;
}

#primeraparte {
    background: none repeat scroll 0 0 #FFFFFF; /*#012232*/
	border-bottom: 1px solid #5B6770; /*#001925;*/
	padding: 0.1000em 0; /*0.3125em 0;*/
}
.inicio1{
	padding-top: 100px;
}

.iniciodeclara{
	padding-top: 10px;
}
#primeraparte a{
    display: inline-block;
	color: #fff;
	text-decoration: none;
	padding: 10px 20px;
	line-height: normal;
	font-size: 20px;
	font-weight: bold;
	-webkit-transition: all 500ms ease; 
	-o-transition: all 500ms ease;
    transition: all 500ms ease;
}

#primeraparte a:hover {
	background:#5B6770; /*#FFFFFF;*/
	border-radius: 40px;
	}
#primeraparte a h5 {
	color: #5B6770;
	font-size: 15px;
	line-height: 30px;
	}

#primeraparte a h9 {
	color: #5B6770;
	font-size: 10px;
	line-height: 30px;
	}

#primeraparte a h8 {
	color: #5B6770;
	font-size: 12px;
	line-height: 30px;
	}


#primeraparteppdu {
    background: none repeat scroll 0 0 #92c500;/*#5B6770; #012232*/
	border-bottom: 1px solid #5B6770; /*#001925;*/
	padding: 0.1000em 0; /*0.3125em 0;*/
}
.inicio2{
	padding-top: 20px;
}

#primeraparteppdu a{
    display: inline-block;
	color: #FFFFFF;/*#FF8200;*/
	text-decoration: none;
	padding: 5px 5px;
	line-height: normal;
	font-size: 20px;
	font-weight: bold;
	-webkit-transition: all 500ms ease; 
	-o-transition: all 500ms ease;
    transition: all 500ms ease;
}

#primeraparteppdu a:hover {
	background:#FFFFFF; /*#5B6770;*/
	border-radius: 40px;
	}

#primeraparteppdu a h1 {
	color: #FF8200;
	font-size: 5px;
	line-height: 30px;
	}
#primeraparteppdu a h5 {
	color: #5B6770;
	font-size: 15px;
	line-height: 30px;
	}

#primeraparteppdu a h9 {
	color: #5B6770;
	font-size: 10px;
	line-height: 30px;
	}

#primeraparteppdu a h8 {
	color: #5B6770;
	font-size: 12px;
	line-height: 30px;
	}


#articulo8 {
    background: none repeat scroll 0 0 #FFFFFF; /*#012232*/
	/*padding-top: 200px;*/
	border-bottom: 1px solid #5B6770; /*#001925;*/
	padding: 0.3125em 0;
}


#articulo8 h2 {
    color: #FF8200;
	font-size: 50px;
	line-height: 100px;
}

#articulo8 a{
    display: inline-block;
	color: #000; 
	text-decoration: none;
	padding: 10px 20px;
	line-height: normal;
	font-size: 13px;
	font-weight: normal;
	-webkit-transition: all 500ms ease; 
	-o-transition: all 500ms ease;
    transition: all 500ms ease;
}

#articulo8 a:hover {
	background: #FF8200;
	border-radius: 80px;
	}

#articulo8 {
	background: #f3f3f3 none repeat scroll 0 0;
	box-shadow: 0px -10px 9px -11px rgba(0, 0, 0, 0.5);
	padding: 1em 1em;
	position: relative;
	z-index: 3;
}
.datosart8 {
	background: #FF8200 none repeat scroll 0 0; /* #6f9600 ES VERDE*/
	clear: both;
	color: #fff;
	display: block;
	float: none;
	height:auto;
	/*height: 540px;*/
	padding: 0.500em 0;
	text-align: center;
	width: 100%;
}
.art8 {
	font-size: 1em;
	font-weight: 700;
}
.sec8, .letra8 {
	font-size: 1em;
}
.textart8 {
	background:  #fff/*#5B6770*/ none repeat scroll 0 0;
	border-bottom: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
	height: auto;
	/*height: 540px;*/
	padding: 0.625em 1.25em;
}

.textart8 p {
	color: #5B6770; /*#777;*/
	font-size: 0.85em;
}

.textart8 h4 {
	font-size: .5em;
	font-weight: 700;
}

.textart8 h5 {
	font-size: .7em;
	font-weight: 700;
}

.textart8 h6 {
	font-size: .8em;
	font-weight: 700;
}
.textart8 h7 {
	font-size: .9em;
	font-weight: 700;
}
.textart8 h8 {
	font-size: 1em;
	font-weight: 700;
}

.textart8 h9 {
	font-size: 1.2em;
	font-weight: 700;
}
.textart8 h10 {
	font-size: 1.4em;
	font-weight: 700;
}
#articulo8f2 {
    background: none repeat scroll 0 0 #FFFFFF; /*#012232*/
	/*padding-top: 200px;*/
	border-bottom: 1px solid #5B6770; /*#001925;*/
	padding: 0.3125em 0;
}


#articulo8f2 h2 {
    color: #FF8200;
	font-size: 50px;
	line-height: 100px;
}

#articulo8f2 a{
    display: inline-block;
	color: #000; 
	text-decoration: none;
	padding: 10px 20px;
	line-height: normal;
	font-size: 13px;
	font-weight: normal;
	-webkit-transition: all 500ms ease; 
	-o-transition: all 500ms ease;
    transition: all 500ms ease;
}

#articulo8f2 a:hover {
	background: #FF8200;
	border-radius: 80px;
	}

#articulo8f2 {
	background: #f3f3f3 none repeat scroll 0 0;
	box-shadow: 0px -10px 9px -11px rgba(0, 0, 0, 0.5);
	padding: 1em 1em;
	position: relative;
	z-index: 3;
}
#articulo8f3 {
    background: none repeat scroll 0 0 #FFFFFF; /*#012232*/
	/*padding-top: 200px;*/
	border-bottom: 1px solid #5B6770; /*#001925;*/
	padding: 0.3125em 0;
}


#articulo8f3 h2 {
    color: #FF8200;
	font-size: 50px;
	line-height: 100px;
}

#articulo8f3 a{
    display: inline-block;
	color: #000; 
	text-decoration: none;
	padding: 10px 20px;
	line-height: normal;
	font-size: 13px;
	font-weight: normal;
	-webkit-transition: all 500ms ease; 
	-o-transition: all 500ms ease;
    transition: all 500ms ease;
}

#articulo8f3 a:hover {
	background: #FF8200;
	border-radius: 80px;
	}

#articulo8f3 {
	background: #f3f3f3 none repeat scroll 0 0;
	box-shadow: 0px -10px 9px -11px rgba(0, 0, 0, 0.5);
	padding: 1em 1em;
	position: relative;
	z-index: 3;
}

#articulo8f4 {
    background: none repeat scroll 0 0 #FFFFFF; /*#012232*/
	/*padding-top: 200px;*/
	border-bottom: 1px solid #5B6770; /*#001925;*/
	padding: 0.3125em 0;
}


#articulo8f4 h2 {
    color: #FF8200;
	font-size: 50px;
	line-height: 100px;
}

#articulo8f4 a{
    display: inline-block;
	color: #000; 
	text-decoration: none;
	padding: 10px 20px;
	line-height: normal;
	font-size: 13px;
	font-weight: normal;
	-webkit-transition: all 500ms ease; 
	-o-transition: all 500ms ease;
    transition: all 500ms ease;
}

#articulo8f4 a:hover {
	background: #FF8200;
	border-radius: 80px;
	}

#articulo8f4 {
	background: #f3f3f3 none repeat scroll 0 0;
	box-shadow: 0px -10px 9px -11px rgba(0, 0, 0, 0.5);
	padding: 1em 1em;
	position: relative;
	z-index: 3;
}
#articulo8f5 {
    background: none repeat scroll 0 0 #FFFFFF; /*#012232*/
	/*padding-top: 200px;*/
	border-bottom: 1px solid #5B6770; /*#001925;*/
	padding: 0.3125em 0;
}


#articulo8f5 h2 {
    color: #FF8200;
	font-size: 50px;
	line-height: 100px;
}

#articulo8f5 a{
    display: inline-block;
	color: #000; 
	text-decoration: none;
	padding: 10px 20px;
	line-height: normal;
	font-size: 13px;
	font-weight: normal;
	-webkit-transition: all 500ms ease; 
	-o-transition: all 500ms ease;
    transition: all 500ms ease;
}

#articulo8f5 a:hover {
	background: #FF8200;
	border-radius: 80px;
	}

#articulo8f5 {
	background: #f3f3f3 none repeat scroll 0 0;
	box-shadow: 0px -10px 9px -11px rgba(0, 0, 0, 0.5);
	padding: 1em 1em;
	position: relative;
	z-index: 3;
}
#articulo8f6 {
    background: none repeat scroll 0 0 #FFFFFF; /*#012232*/
	/*padding-top: 200px;*/
	border-bottom: 1px solid #5B6770; /*#001925;*/
	padding: 0.3125em 0;
}


#articulo8f6 h2 {
    color: #FF8200;
	font-size: 50px;
	line-height: 100px;
}

#articulo8f6 a{
    display: inline-block;
	color: #000; 
	text-decoration: none;
	padding: 10px 20px;
	line-height: normal;
	font-size: 13px;
	font-weight: normal;
	-webkit-transition: all 500ms ease; 
	-o-transition: all 500ms ease;
    transition: all 500ms ease;
}

#articulo8f6 a:hover {
	background: #FF8200;
	border-radius: 80px;
	}

#articulo8f6 {
	background: #f3f3f3 none repeat scroll 0 0;
	box-shadow: 0px -10px 9px -11px rgba(0, 0, 0, 0.5);
	padding: 1em 1em;
	position: relative;
	z-index: 3;
}


#articulo8f7 {
    background: none repeat scroll 0 0 #FFFFFF; /*#012232*/
	/*padding-top: 200px;*/
	border-bottom: 1px solid #5B6770; /*#001925;*/
	padding: 0.3125em 0;
}


#articulo8f7 h2 {
    color: #FF8200;
	font-size: 50px;
	line-height: 100px;
}

#articulo8f7 a{
    display: inline-block;
	color: #000; 
	text-decoration: none;
	padding: 10px 20px;
	line-height: normal;
	font-size: 13px;
	font-weight: normal;
	-webkit-transition: all 500ms ease; 
	-o-transition: all 500ms ease;
    transition: all 500ms ease;
}

#articulo8f7 a:hover {
	background: #FF8200;
	border-radius: 80px;
	}

#articulo8f7 {
	background: #f3f3f3 none repeat scroll 0 0;
	box-shadow: 0px -10px 9px -11px rgba(0, 0, 0, 0.5);
	padding: 1em 1em;
	position: relative;
	z-index: 3;
}

#articulo8f8 {
    background: none repeat scroll 0 0 #FFFFFF; /*#012232*/
	/*padding-top: 200px;*/
	border-bottom: 1px solid #5B6770; /*#001925;*/
	padding: 0.3125em 0;
}


#articulo8f8 h2 {
    color: #FF8200;
	font-size: 50px;
	line-height: 100px;
}

#articulo8f8 a{
    display: inline-block;
	color: #000; 
	text-decoration: none;
	padding: 10px 20px;
	line-height: normal;
	font-size: 13px;
	font-weight: normal;
	-webkit-transition: all 500ms ease; 
	-o-transition: all 500ms ease;
    transition: all 500ms ease;
}

#articulo8f8 a:hover {
	background: #FF8200;
	border-radius: 80px;
	}

#articulo8f8 {
	background: #f3f3f3 none repeat scroll 0 0;
	box-shadow: 0px -10px 9px -11px rgba(0, 0, 0, 0.5);
	padding: 1em 1em;
	position: relative;
	z-index: 3;
}

#articulo8f9 {
    background: none repeat scroll 0 0 #FFFFFF; /*#012232*/
	/*padding-top: 200px;*/
	border-bottom: 1px solid #5B6770; /*#001925;*/
	padding: 0.3125em 0;
}


#articulo8f9 h2 {
    color: #FF8200;
	font-size: 50px;
	line-height: 100px;
}

#articulo8f9 a{
    display: inline-block;
	color: #000; 
	text-decoration: none;
	padding: 10px 20px;
	line-height: normal;
	font-size: 13px;
	font-weight: normal;
	-webkit-transition: all 500ms ease; 
	-o-transition: all 500ms ease;
    transition: all 500ms ease;
}

#articulo8f9 a:hover {
	background: #FF8200;
	border-radius: 80px;
	}

#articulo8f9 {
	background: #f3f3f3 none repeat scroll 0 0;
	box-shadow: 0px -10px 9px -11px rgba(0, 0, 0, 0.5);
	padding: 1em 1em;
	position: relative;
	z-index: 3;
}

#articulo8f10 {
    background: none repeat scroll 0 0 #FFFFFF; /*#012232*/
	/*padding-top: 200px;*/
	border-bottom: 1px solid #5B6770; /*#001925;*/
	padding: 0.3125em 0;
}


#articulo8f10 h2 {
    color: #FF8200;
	font-size: 50px;
	line-height: 100px;
}

#articulo8f10 a{
    display: inline-block;
	color: #000; 
	text-decoration: none;
	padding: 10px 20px;
	line-height: normal;
	font-size: 13px;
	font-weight: normal;
	-webkit-transition: all 500ms ease; 
	-o-transition: all 500ms ease;
    transition: all 500ms ease;
}

#articulo8f10 a:hover {
	background: #FF8200;
	border-radius: 80px;
	}

#articulo8f10 {
	background: #f3f3f3 none repeat scroll 0 0;
	box-shadow: 0px -10px 9px -11px rgba(0, 0, 0, 0.5);
	padding: 1em 1em;
	position: relative;
	z-index: 3;
}

#articulo8f11 {
    background: none repeat scroll 0 0 #FFFFFF; /*#012232*/
	/*padding-top: 200px;*/
	border-bottom: 1px solid #5B6770; /*#001925;*/
	padding: 0.3125em 0;
}


#articulo8f11 h2 {
    color: #FF8200;
	font-size: 50px;
	line-height: 100px;
}

#articulo8f11 a{
    display: inline-block;
	color: #000; 
	text-decoration: none;
	padding: 10px 20px;
	line-height: normal;
	font-size: 13px;
	font-weight: normal;
	-webkit-transition: all 500ms ease; 
	-o-transition: all 500ms ease;
    transition: all 500ms ease;
}

#articulo8f11 a:hover {
	background: #FF8200;
	border-radius: 80px;
	}

#articulo8f11 {
	background: #f3f3f3 none repeat scroll 0 0;
	box-shadow: 0px -10px 9px -11px rgba(0, 0, 0, 0.5);
	padding: 1em 1em;
	position: relative;
	z-index: 3;
}

#articulo8f12 {
    background: none repeat scroll 0 0 #FFFFFF; /*#012232*/
	/*padding-top: 200px;*/
	border-bottom: 1px solid #5B6770; /*#001925;*/
	padding: 0.3125em 0;
}


#articulo8f12 h2 {
    color: #FF8200;
	font-size: 50px;
	line-height: 100px;
}

#articulo8f12 a{
    display: inline-block;
	color: #000; 
	text-decoration: none;
	padding: 10px 20px;
	line-height: normal;
	font-size: 13px;
	font-weight: normal;
	-webkit-transition: all 500ms ease; 
	-o-transition: all 500ms ease;
    transition: all 500ms ease;
}

#articulo8f12 a:hover {
	background: #FF8200;
	border-radius: 80px;
	}

#articulo8f12 {
	background: #f3f3f3 none repeat scroll 0 0;
	box-shadow: 0px -10px 9px -11px rgba(0, 0, 0, 0.5);
	padding: 1em 1em;
	position: relative;
	z-index: 3;
}

#articulo8f13 {
    background: none repeat scroll 0 0 #FFFFFF; /*#012232*/
	/*padding-top: 200px;*/
	border-bottom: 1px solid #5B6770; /*#001925;*/
	padding: 0.3125em 0;
}


#articulo8f13 h2 {
    color: #FF8200;
	font-size: 50px;
	line-height: 100px;
}

#articulo8f13 a{
    display: inline-block;
	color: #000; 
	text-decoration: none;
	padding: 10px 20px;
	line-height: normal;
	font-size: 13px;
	font-weight: normal;
	-webkit-transition: all 500ms ease; 
	-o-transition: all 500ms ease;
    transition: all 500ms ease;
}

#articulo8f13 a:hover {
	background: #FF8200;
	border-radius: 80px;
	}

#articulo8f13 {
	background: #f3f3f3 none repeat scroll 0 0;
	box-shadow: 0px -10px 9px -11px rgba(0, 0, 0, 0.5);
	padding: 1em 1em;
	position: relative;
	z-index: 3;
}
#articulo8f14 {
    background: none repeat scroll 0 0 #FFFFFF; /*#012232*/
	/*padding-top: 200px;*/
	border-bottom: 1px solid #5B6770; /*#001925;*/
	padding: 0.3125em 0;
}


#articulo8f14 h2 {
    color: #FF8200;
	font-size: 50px;
	line-height: 100px;
}

#articulo8f14 a{
    display: inline-block;
	color: #000; 
	text-decoration: none;
	padding: 10px 20px;
	line-height: normal;
	font-size: 13px;
	font-weight: normal;
	-webkit-transition: all 500ms ease; 
	-o-transition: all 500ms ease;
    transition: all 500ms ease;
}

#articulo8f14 a:hover {
	background: #FF8200;
	border-radius: 80px;
	}

#articulo8f14 {
	background: #f3f3f3 none repeat scroll 0 0;
	box-shadow: 0px -10px 9px -11px rgba(0, 0, 0, 0.5);
	padding: 1em 1em;
	position: relative;
	z-index: 3;
}

#articulo15 {
    background: none repeat scroll 0 0 #FFFFFF; /*#012232*/
	/*padding-top: 200px;*/
	border-bottom: 1px solid #5B6770; /*#001925;*/
	padding: 0.3125em 0;
}


#articulo15 h2 {
    color: #FF8200;
	font-size: 50px;
	line-height: 100px;
}

#articulo15 a{
    display: inline-block;
	color: #000; 
	text-decoration: none;
	padding: 10px 20px;
	line-height: normal;
	font-size: 13px;
	font-weight: normal;
	-webkit-transition: all 500ms ease; 
	-o-transition: all 500ms ease;
    transition: all 500ms ease;
}

#articulo15 a:hover {
	background: #FF8200;
	border-radius: 80px;
	}

#articulo15 {
	background: #f3f3f3 none repeat scroll 0 0;
	box-shadow: 0px -10px 9px -11px rgba(0, 0, 0, 0.5);
	padding: 1em 1em;
	position: relative;
	z-index: 3;
}

#finaldelarticulo15 {
    background: none repeat scroll 0 0 #FFFFFF; /*#012232*/
	/*padding-top: 200px;*/
	border-bottom: 1px solid #5B6770; /*#001925;*/
	padding: 0.3125em 0;
}
#finaldelarticulo15 a{
    display: inline-block;
	color: #000; 
	text-decoration: none;
	padding: 10px 20px;
	line-height: normal;
	font-size: 13px;
	font-weight: normal;
	-webkit-transition: all 500ms ease; 
	-o-transition: all 500ms ease;
    transition: all 500ms ease;
}

#finaldelarticulo15 a:hover {
	background: #FF8200;
	border-radius: 80px;
	}



#partenomina {
    background: none repeat scroll 0 0 #FFFFFF; /*#012232*/
	border-bottom: 1px solid #5B6770; /*#001925;*/
	padding: 0.1000em 0; /*0.3125em 0;*/
}
.inicionomina{
	padding-top: 100px;
}
.inicioplanilla{
	padding-top: 300px;
}
#partenomina a{
    display: inline-block;
	color:  #FF8200;
	text-decoration: none;
	padding: 10px 15px;
	line-height: normal;
	font-size: 10px;
	font-weight:;
	-webkit-transition: all 500ms ease; 
	-o-transition: all 500ms ease;
    transition: all 500ms ease;
}

#partenomina a:hover {
	background:#5B6770; /*#FFFFFF;*/
	border-radius: 15px;
	}
#partenomina a h5 {
	color: #5B6770;
	font-size: 10px;
	line-height: 15px;
	}

@media screen and (max-width:950px){
	header .logos,
	header nav{
		width: 100%;
		text-align: center;
		line-height: 100px;
	}

	.header2{
		height: auto;
	}
	
	.header2 .logos, 
	.header2 nav{
		line-height: 50px;
	}