@charset "UTF-8";
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, center,
dl, dt, dd, ol, 
fieldset, form, label, legend, input, textarea, submit, 
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 { 	
	line-height:auto;
	font-style:normal;
	padding:0;	margin:0;    font-size:15px; 
} 
*,body{	 font-family: Arial, sans-serif;  font-family: 'Maven Pro', sans-serif; color: #000;	} 
html, body {	width:100%;	height: 100%; 	}
body{	min-width:320px; background:#00468b; }

div, form{ padding:0; margin:0 auto;	 } 
a{	cursor:pointer;  }
a:hover{	color:#00468b;   }
img, a img, img a{	 text-decoration:none;	border:0;	}

h1, h2, h3, h4{ padding:0; margin:0 0 10px 0; }
h1{	padding:0; max-width:700px; margin:0 auto; text-align:center;	}
h1 b, h2 b, h3 b{	font-weight:bold;	 }
h1, h1 a, h1 span, h2, h2 a, h2 span, h3, h3 a, h3 span{	font-weight:normal;	  text-align:justify; }
h1, h1 a, h1 span, h1 b{	font-size:50px;  text-decoration:none; text-align:center; color:#00468b; 	}
h2, h2 a, h2 span, h2 b{	font-size:32px; 	}
h3, h3 a, h3 span, h3 b{	font-size:24px; }
h4, h4 a, h4 span, h4 b{	font-size:18px; }
h3.white{	color:#fff;	}

.clearboth{			float:none; clear:both;	width:100%; font-size:1px; height:0px; line-height:1px; border:0 !important; }	
.clearboth_line{			float:none; clear:both;	width:100%; font-size:1px; height:1px; line-height:1px; border-top:1px solid #00468b; }	
.clearboth10{	clear:both; float:none; width:100%; height:10px; max-height:10px; 	}
.clearboth20{	clear:both; float:none; width:100%; height:20px; max-height:20px; 	}

/******  Contenido Pagina  ******************************************/	
.logo{	position:fixed; top:0;	left:0; z-index:99999;	width:99px;	height:99px;	 margin:0;  padding:0; 	}
.header{	position:fixed; top:0;	z-index:9999;	width:100%;	height:42px;		margin:0 auto;  padding:0; background:#fff;   border-bottom:1px solid #ccc;  }	
	.btn_header_first{ 	float:left;	width:99px;	min-width:99px;		}
	.btn_header{		float:left;	width:auto;	height:15px;  line-height: 15px; font-size:15px;	padding:14px 15px 13px 15px;	 color:#23203b; text-align:center; 	margin-right:0px;	}	
	.btn_header:hover{		background-color:#12e0da;	}	
	.btn_header.blog{	border-left:2px solid #00468b; 	}	
	.btn_header.blog:hover{		background-color:#00468b; color:#fff;	}	
	.btn_header.active{		background-color:#00468b; color:#fff;	}	

.page{			width:100%; 	min-height:100%;  height:100%;  	 }
	.sub_page{	width:100%;	 min-height:60%; height:auto;	margin:0 auto;   padding:0;	 padding-top:5px;  float:left;	}	
	.sub_page_contact{	width:100%;	 min-height:50px; height:auto;	margin:0 auto;   padding:0;	 padding-top:50px;  float:left;	}	
	#sub_page1{	
		background:#eee url('images/bg1a.jpg') 50% 0 no-repeat;	
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}	
	#sub_page2,	#sub_page4{	background:#00468b;	  }	
	#sub_page3{	
		background:#eee url('images/bg3a.jpg') 50% 0 no-repeat;	
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}	
	.sub_page_header{	width:100%;	 height:112px; 	text-align:right; float:left; position:relative;  	 margin-top:-112px; background:url('images/sub_header.png') 100% 0 no-repeat; }
	.sub_page_header2{	width:100%;	 height:115px; 	text-align:right; float:left; position:relative;  	 background:url('images/sub_header2.png') 0 -3px no-repeat; 	  }
	.sub_page_content{	width:100%;	 height:auto; min-height:100%; 		}
	.sub_page_content_contact{	width:100%;	 height:auto; 	}
	
	.sub_page_footer{	float:left;	width:100%;	 height:32px; 	padding:10px 0; 	margin-top:-32px;	}
		.creditos_pdn{ 	width:290px; height:32px; float:right; text-align:right; 	}
		.creditos_pdn a, 	.creditos_pdn_txt a{ 	 color:#fff; font-family: Arial, sans-serif;   	}
		.creditos_pdn_txt{ 		display:none; font-family: Arial, sans-serif;   float:right; width:250px; height:24px; padding-top:8px; text-align:center; background:#000; color:#fff; font-size:12px;	-moz-border-radius:4px 4px 4px 4px;	border-radius:4px 4px 4px 4px;		-webkit-border-radius:4px 4px 4px 4px;	 }
		.creditos_pdn_ico{ 	float:right; width:32px; height:32px; padding-right:8px; text-align:center; }

		
	.box_80{		width:90%;	 max-width:900px;   height:80%;	margin:0 auto;   padding:0;  padding-top:2%;	text-align:center;   	 }	
	.box{				width:90%;	 max-width:900px;   min-height:60%;	 height:auto;	margin:0 auto;   padding:0;  padding-top:2%;	text-align:center;    	 }	
	.box_post{				width:90%;	 max-width:900px;   min-height:60%;	 height:auto;	margin:0 auto;   padding:0;  padding-top:80px;	text-align:center;   background:#fff;  	 }	
	.box_home{		width:100%;	 max-width:600px;  height:270px;	margin:0 auto;   padding:0; position:relative; top:50%; margin-top:-130px; text-align:left;  }	
		.imgbienvenido{	width:100%;	 max-width:540px; margin:0;  	}
		.box_home p,	.box_home h1{	text-align:left; color:#fff; }	
		.box_home p{	
			text-shadow: 0px 2px 4px #000;
			font-size:18px; 
		}		
		.box_home h1{	
			text-shadow: 0px 4px 8px #000;
		}	
		
	.box_servicios{		width:100%;	  height:auto;	margin:0 auto;   padding:0;  }	
		.box_servicios_item{		float:left;	width:20%;	  height:auto;	margin:0 auto;   padding:0;  }	
	
		.box_servicios_item .img{	width:100%; 	 text-align:center; }	
		.box_servicios_item .title{	width:86%; height:80px; 	 text-align:center;  }	
		.box_servicios_item .title h3{	 text-align:center;  }	
		.box_servicios_item .txt{		width:86%; margin:0 auto;    }	
		.box_servicios_item .txt p{	font-size:13px; color:#fff; font-family:Arial; text-align:left; }	
		.box_servicios_item .txt p ul li, .box_servicios_item .txt ul, .box_servicios_item .txt ul li{	font-size:13px; color:#fff; font-family:Arial; text-align:left; margin:0; padding:0; margin-bottom:13px; }	
		#servicios_1{ 	background:url('images/servicios_1.png') 50% 50% no-repeat;	}
		#servicios_2{ 	background:url('images/servicios_2.png') 50% 50% no-repeat;	}
		#servicios_3{ 	background:url('images/servicios_3.png') 50% 50% no-repeat;	}
		#servicios_4{ 	background:url('images/servicios_4.png') 50% 50% no-repeat;	}
		#servicios_5{ 	background:url('images/servicios_5.png') 50% 50% no-repeat;	}
		.box_servicios_item.blog{		float:none;	width:100%;	  height:auto;	margin:0 auto; margin-bottom:20px;  padding:0; }	
			.box_servicios_item.blog .img{	width:120px; 	 text-align:center; margin:0 auto; }	
			.box_servicios_item.blog .title{	width:86%; height:auto; 	 text-align:center;  }	
			.box_servicios_item.blog  .txt{		width:80%; padding:5% 10%; margin:0 auto;  background:#00468b;		-moz-border-radius:4px 4px 4px 4px;	border-radius:4px 4px 4px 4px;		-webkit-border-radius:4px 4px 4px 4px;	  }	
	
	.box_float100{		float:left;	width:100%;	  min-height:70%;	height:auto;	margin:0 auto;   padding:0;   }	
	.box_float100.top{		 height:80%;  margin-top:5%;	 }	
	.box_float{				float:left; 	width:50%;	  height:auto;	margin:0 auto;   padding:0;   }	
	.mini_box_acerca_left{	width:92%; 	height:auto; padding:0 4%;	margin:0 auto; margin-top:40px;		 text-align:center; 	}
	.mini_box_acerca_left.bottom{	margin-top:20px;		 	}
		.mini_box_acerca_left h4, .mini_box_acerca_left p{	 text-align:center; 	margin:0; padding:0; color:#00468b; font-weight:bold; margin-bottom:10px;		text-shadow: 0px 2px 2px #666; }
		.mini_box_acerca_left p{	 font-size:16px;	}
	
	.mini_box_acerca{	width:92%; background:#00468b;	height:auto; padding:15px 4%;	margin:0 auto; margin-top:40px;		 text-align:left; 	color:#fff; opacity:0.8;		
	-moz-border-radius:4px 4px 4px 4px;	border-radius:4px 4px 4px 4px;		-webkit-border-radius:4px 4px 4px 4px;	
	}
	.mini_box_acerca p{	font-size:14px; color:#fff; font-family:Arial; text-align:left; }	
	
	

	.box_contacto{	width:90%; background:#00468b;	height:auto; padding:15px 0;	margin:0 auto; margin-top:40px;		 text-align:center; 	}
	.box_contacto h1, .box_contacto h2, .box_contacto h3, .box_contacto h4, .box_contacto p{  text-align:center; 	 color:#fff;	}
	.ico_contacto{	margin:0 auto; text-align:center;	}

	.div_in_form{	float:left;  width:100%; margin-top:10px;	}
.label{	width:100%; text-align:left; font-weight:bold;	float:left; color:#fff; display:none;	}
.input{	width:98%; text-align:left;  float:left; padding:1%;	}
.textarea{	width:98%;	max-width:98%; padding:1%; text-align:left;  float:left; height:80px; max-height:80px;	}
.select, .select option{	font-size:16px;		}
.submit{		 		background:#00468b url('images/btn_enviar.png') 50% 50% no-repeat; border:0; padding:0; cursor:pointer; color:#fff; width:160px; height:30px;		
	-moz-border-radius:6px 6px 6px 6px;		
	border-radius:6px 6px 6px 6px;	
	-webkit-border-radius:6px 6px 6px 6px;	}
.submit:hover{		background:#000 url('images/btn_enviar.png') 50% 50% no-repeat; 	}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #00468b;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #00468b;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #00468b;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #00468b;
}

/*** BLOG ***/

		.box_left70{	width:66%; float:none;	text-align:left; margin:0 auto; 	}
		/* .box_left30{	width:28%; float:left; padding:2%; margin-left:2%;	background:#00468b;	} */

	.post{	width:100%; height:auto;	float:left;		}   	 
	.post.home{	width:96%; background-color:#e5f2ed; 		}
	.post_img{		float:left; width:30%;   height:180px;  text-align:center;	background:#000;   }
	.post_img_mini{		float:left; width:100px;   height:100px;  text-align:center;	background:#000; margin-right:10px;   }
	.post_text{	float:left; width:66%; margin-left:4%;	 height:180px; text-align:left; 	 }
		.text_post{	height:138px;  width:100%;  margin-bottom:10px;	}
		.text_post h3{ text-transform:uppercase;	}
		.text_post h3 a{ text-decoration:none;	}
		.text_post h3 a:hover{ text-decoration:underline;	}
		.read_post{	float:right;	width:80px; height:12px; padding:10px;	text-align:center; font-size:12px;	 background:#00468b; color:#fff;		}
		.read_post:hover{	background:#12e0da; 	}

	.post_img_id{		float:none; width:100%;   height:auto; margin:0 auto;	 padding:0; text-align:center;	   }
	.post_text_id{		float:none; width:100%; height:auto; margin:0 auto;	 height:auto; text-align:left; font-size:14px;	 }
	.post_text_id p{		font-size:14px;	 }
	
	.post_galeria{	width:32%; height:auto; float:left; margin:0;		background-color:#dbdbdb; margin-left:1%; margin-bottom:1%;	}

/*** FIN  BLOG ***/



/*** PAGINACION ***/	
.paginacion{	width:100%;  height:32px;		}
	.page_prev, .page_next{ width:32px; height:32px; 	}
	.page_prev{	float:left;  background:#000 url("images/btn_prev.png") 50% 50% no-repeat;	 }
	.page_next{ 	float:left; background:#000 url("images/btn_next.png") 50% 50% no-repeat; margin-left:1px; 	 }
	.page_num{ 	float:left;  width:22px; height:22px; padding:5px;	background:#000; margin-left:1px; font-size:18px; text-align:center; color:#fff;	}
	.page_prev:hover, 	.page_next:hover, .page_num:hover{ 	background-color:#00468b; 	}
	.page_num.active{ 		background:#00468b; 	}
/*** FIN PAGINACION ***/	


/******  Loader  ******************************************/
	.div_loader{ 		width:100%; min-width:100%; max-width:100%;		margin:auto;  text-align:center;		padding:0;		min-height:40px; height:auto; 		position: fixed;		top: 0;		left: 0;		list-style: none;		z-index:100000;		font-size:20px; font-weight:normal; 		display:none;	}	
	.div_loader_close{ 		width:32px; min-width:32px; max-width:32px;		margin:auto;  text-align:center;		padding:0;		height:auto;		position: fixed;		top: 10px;		right: 10px;		list-style: none;		z-index:100000;		font-size:1px;		display:none;	}	
	.alert, .ok, .loader_error, .wait{		text-align:center; padding:20px 0; min-height:20px; height:auto;		}	
	.alert{ 				background:#f2d651; 		border-bottom:0px solid #636200; 			  }		
		.alert, .alert a, .alert h1, .alert h2, .alert h3, .alert p, .alert b, .alert p b{ 			color:#3e3d40 !important;	  }				
	.ok{ 					background:#58c140;		border-bottom:0px solid #18e326;  				 }
		.ok, .ok a, .ok h1, .ok h2, .ok h3, .ok p, .ok b, .ok p b{ 			color:#006313;	  }				
	.loader_error{ 	background:#c14040; 		border-bottom:0px solid #630000; 		 			 }
		.loader_error, .loader_error a, .loader_error h1, .loader_error h2, .loader_error h3, .loader_error p, .loader_error b, .loader_error p b{ 			color:#630000;	  }				
	.wait{ 				background:#40c1bf;		border-bottom:0px solid #006362; 			  	 }
		.wait, .wait a, .wait h1, .wait h2, .wait h3, .wait p, .wait b, .wait p b{ 			color:#006362;	  }		
		
	.alert, .alert a, .ok, .ok a, .loader_error,  .loader_error a, .wait, .wait a{			font-size:20px;  text-transform:uppercase;	}
	.alert a, .ok a, .loader_error a, .wait a{	color:#000;	cursor:pointer; text-decoration:underline; 	} 
/******  FIN Loader	******************************************/	 

h1.peke{	font-size:42px;  	}
.bg_white{		background:#fff;	}
.txt_white{		color:#fff;	}
.txt_center{			text-align:center; 	}
.mostrar_500{	display:none; }
	
@media screen and (max-width:900px){				

}


@media screen and (max-width:800px){	
	.ocultar_800{	display:none; }
	.mostrar_800{	display:block; }	
	
	.box_servicios_item{		float:left;	width:100%;	  height:auto;	margin:0 auto; margin-bottom:20px;  padding:0; }	
	.box_servicios_item .img{	width:120px; 	 text-align:center; margin:0 auto; }	
		.box_servicios_item .title{	width:86%; height:auto; 	 text-align:center;  }	
	
	.box_float100.top{		min-height:80%; height:auto;  margin-top:5%;	 }	
	.box_float{				float:left; 	width:100%;	  height:auto;	margin:0 auto;   padding:0;   }	
	.box_float.right{				padding-bottom:200px;   }	
}



@media screen and (max-width:600px){	
	.ocultar_500{	display:none; }
	.mostrar_500{	display:block; }

}


@media screen and (max-width:500px){	
	
}