/*------------------:::::::::::>>>  CSS Document  <<<::::::::::::::----------------*/
/*-------------:::::::::::::>>>  creado por Víctor Bonilla  <::::::::::::----------*/
/*-----------------::::::::::::>>> bonamerda@gmail.com <<<:::::::::::----------*/
@import url("reset.css");
@import url("header.css");

/*-------------------------------------------------------------------------------*/   
/*------------------------------->> Globales <<----------------------------------*/   
/*-------------------------------------------------------------------------------*/   
body {
	background:url(img/body_bg.png) repeat-x #2d9ae5;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0060AF;
}
h1 {
	font-family: "Trebuchet MS", Tahoma, Verdana, Georgia;
	font-size:16px;
	font-weight:bold;
	height:30px;
	width:80%;
	text-align:left;
	background:url(img/h1_bullet.png) no-repeat #FFFFFF;
	padding-left:40px;
	padding-bottom:5px;
	margin:-10px 0px 0px 50px;
	border-bottom:3px solid #0161a2;
}
h2 {
	font-family: "Trebuchet MS", Tahoma, Verdana, Georgia;
	font-size:16px;
	font-weight:bold;
	height:20px;
	width:550px;
	text-align:left;
	padding-left:20px;
	padding-bottom:5px;
	margin:20px 50px;
	border-bottom:2px solid #0161a2;
}
/*h2 {font-family: "Trebuchet MS", Tahoma, Verdana, Georgia;
	font:14px;
	width:100%;
	text-align:center;
	padding-bottom:10px;
}*/
h3 {
	font-family: "Trebuchet MS", Tahoma, Verdana, Georgia;
	font:13px;
	font-weight:bold;
	width:100%;
	margin-left:-10px;
	padding-left:10px;
	padding-bottom:2px;
	border-bottom:solid 1px #0060AF;
	margin-bottom:10px;
}
hr {border:none; border-top:2px dotted #0161a2; width:80%; clear:both;}

/*---------------------------------------------------------------------------------*/   
/*------------------------------->> estructura <<----------------------------------*/   
/*---------------------------------------------------------------------------------*/   

#foto {
	position:absolute;
	z-index:999;
	right:0px;
	top:0px;
}
#page {
	width:1005px;
	height:auto!important;
	height:100%;
	margin-left: auto;
	margin-right: auto;
}
#header {
	position:relative;
	float:left;
	width:1008px;
	height:80px;
	padding-top:4px;
	z-index:1000;
	/*border-bottom:solid 8px #0060AF;*/
}
#principal {
	position:relative;
	float:left;
	width:100%;
	height:auto!important;
	margin-top:0px;
	padding-top:20px;
	/*background:url(img/fondo.png) repeat-x top  #DFF1FF;*/
	color:#0060AF;
}
	#lateral {
		position:relative;
		float:left;
		width:210px;
		height:auto!important;
	}
	#menu_derecho {
		position:relative;
		float:right;
		width:264px;
		height:761px;
		padding:0px;
		margin-right:30px;
		margin-bottom:20px;
		background:url(img/menu_derecha_bg.png) no-repeat;
	}
		#menu_derecho ul {
			position:relative;
			float:left;
			top:90px;
		}
		#menu_derecho li {
			position:relative;
			float:left;
			width:180px;
			margin-top:17px;
			left:2px;
			padding-bottom:12px;
			list-style-type:none!important;
			border-bottom:1px solid #0060AF;
			text-align:center;
			line-height:18px!important;
		}
	
#menu {
	position:absolute;
	float:left;
	width:213px;
	margin-bottom:40px;
	margin-top:48px;
}
#submenu {
	position:absolute;
	float:left;
	width:213px;
	bottom:40px;
	top:550px;
}
	#submenu a:link {font-size:13px; font-weight:bold; text-decoration:none; color:#FFFFFF; }
	#submenu a:visited {font-size:13px; font-weight:bold; text-decoration:none; color:#FFFFFF;}
	#submenu a:hover {font-size:13px; font-weight:bold; text-decoration: underline; color:#FFFFFF;}

#wrap_contenidos {
	position:relative;
	float:right;
	width:790px;
	height:auto!important;
	z-index:10;
}

	#contenidos_top {
		position:relative;
		float:right;
		width:816px;
		height:56px;
		background:url(img/page_bg_top.png) no-repeat transparent;
	}
	#contenidos_bottom {
		position:relative;
		float:right;
		width:816px;
		height:63px;
		background:url(img/page_bg_bottom.png) no-repeat transparent;
	}
	#contenidos {
		position:relative;
		float:right;
		width:816px;
		height:auto!important;
		background:url(img/page_bg.png) repeat-y transparent;
	}
		#contenidos  a:link { color:#0161a2; text-decoration:none; font-weight:bold;}
		#contenidos  a:visited { color:#0161a2; text-decoration:none; font-weight:bold;}
		#contenidos  a:hover { color:#0161a2; text-decoration:underline; font-weight:bold;}

		#contenidos ul { margin:5px 20px;}
		#contenidos li { margin:5px 20px; list-style:disc; line-height:16px;}

	#contenidos_mid {
		position:relative;
		float:left;
		width:510px;
		*width:520px;
		height:auto!important;
		padding:10px;
	}
.mlat {
	position:relative;
	float:left;
	width:190px;
	height:25px;
	padding-top:10px;
	padding-left:10px;
	font-weight:bold;
}
#blado_iz {
	position:relative;
	float:right;
	width:200px;
	margin-bottom:10px;
	border:solid 2px #00D19E;	
}
#blado_iz a:link {
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	color:#0060AF;
}
#blado_iz a:hover {
	font-size:13px;
	font-weight:bold;
	text-decoration: underline;
	color:#0060AF;
}
#blado_iz a:visited {
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	color:#0060AF;
}
.mlat_iz {
	position:relative;
	float:right;
	width:190px;
	height:25px;
	padding-top:10px;
	padding-left:10px;
	font-weight:bold;
}

#bloke {
	position:relative;
	float:left;
	height:auto!important;
	margin-bottom:10px;
	padding:10px 40px;
}
	#bloke p {
		margin:10px 120px 10px 80px;
		line-height:16px;
		padding:0px;
	}

#bloke_mini {
	position:relative;
	float:left;
	margin-left:80px;
	width:300px;
	height:auto!important;
	margin-bottom:10px;
	padding:10px;
}
	#bloke_mini p {
		margin:10px 20px 10px 10px;
		line-height:16px;
		padding:0px;
	}
#bloke_mini02 {
	position:relative;
	float:left;
	margin-left:10px;
	width:300px;
	height:auto!important;
	margin-bottom:10px;
	padding:10px;
}

#blokec {
	position:relative;
	float:left;
	width:700px;
	height:auto!important;
	border-top:solid 2px #00D19E;
	margin-bottom:10px;
	padding:10px;
	background: url(img/fondob.png) repeat-x bottom #BFE2FF;
}
#bloke_wide {
	position:relative;
	float:left;
	height:auto!important;
	margin-bottom:10px;
	padding:10px 40px;
}
	#bloke_wide p {
		margin:20px 75px 10px 75px;		
		line-height:16px;
	}
	.wide {
		margin:10px 0px 10px 50px;
		width:610px;
		line-height:16px;
		padding:0px;
		padding-left:10px;
	}
#bloke_sub {
	position:relative;
	float:left;
	width:430px;
	height:auto!important;
	margin-bottom:10px;
	padding:10px 40px;
}
	#bloke_sub p {
		margin:20px auto 10px 35px;		
		line-height:16px;
		text-align:justify;
	}
	.sub {
		margin:10px 0px 10px 30px;
		width:410px;
		line-height:16px;
		padding:0px;
		padding-left:10px;
	}
	ul.sub  {
		margin:10px 0px 10px 30px;
		width:380px;
		line-height:16px;
		padding:0px;
		padding-left:10px;
		list-style-type:decimal;
	}
	h2.sub a:link { color:#0161a2; background-color:#FFFFFF; text-decoration:none;}
	h2.sub a:visited { color:#0161a2; background-color:#FFFFFF; text-decoration:none;}
	h2.sub a:hover { color:#FFFFFF; background-color:#0161a2; text-decoration:none;}

#bloke_xtra {
	position:relative;
	float:left;
	height:auto!important;
	margin-bottom:10px;
	padding:10px 10px;
}
	#bloke_xtra p {
		margin:20px 75px 10px 75px;		
		line-height:16px;
	}
	.xtra {
		margin:10px 0px 10px 50px;
		width:610px;
		line-height:16px;
		padding:0px;
		padding-left:10px;
	}
	ul.xtra  {
		position:relative;
		float:left;
		margin:10px 0px 20px 10px!important;
		width:650px;
		line-height:16px;
		padding:0px;
		padding-left:10px;
		list-style-type:decimal;
		left:60px;
	}
.img {
	position: relative;
	float:left;
	padding:10px;
	width:120px;
}
.text {
	position:relative;
	float:left;
	padding:10px;
}
#menu_horizontal {
	position:relative;
	float:right;
	height:20px;
	width:300px;
	margin-right:40px;
	text-align:right;
}
	.linkmenu {
		position:relative;
		float:right;
		cursor:pointer;
		padding-right:13px;
		font-size:13px;
		font-weight:bold;
	}

#pie {
	position:relative;
	float:left;
	width:1000px;
	height:20px;
	text-align:center;
	padding-top:10px;
	color:#FFFFFF;
}
#pie a:link {color:#FFFFFF; font-weight:bold; text-decoration:none;}
#pie a:visited {color:#FFFFFF; font-weight:bold; text-decoration:none;}
#pie a:hover {color:#FFFFFF; font-weight:bold; text-decoration:underline;}
/*-----------------------------------:::::>> Clases <<:::::-----------------------------------*/
.sublink {
	position:relative;
	float:left;
	width:200px;
	height:45px;
	line-height:16px;
	padding-top:10px;
	padding-left:10px;
	font-weight:bold;
}

.mini {margin:15px 0px; width:93%; padding-left:10px;}

.img_news {
	position:relative;
	float:left;
	margin-left:60px;
	margin-right:20px;
}
.info {
	float:right;
	font-size:12px;
	margin-right:130px;
	margin-top:20px;
}	
.info_mini {
	float:right;
	font-size:12px;
	margin-right:20px;
	margin-top:20px;
}	
.info_wide {
	float:right;
	font-size:12px;
	margin-right:75px;
	margin-top:20px;
}	
/*-----------------------------------:::::>> Clases Genericas <<:::::-----------------------------------*/
.block {display:block;}
.left {float:left;}
.clear {clear:both;}