body{
	/*background: #F5F5F5;*/
	background: #fff;
	margin: 0;
	padding-top: 185px;
}
	img{
		border: 0;
	}
	.clear{
		clear: both;
	}

	header{
		width: 100%;
		height: 185px;
		background: #dfdfdf;
		position: absolute;
		top: 0;
		z-index: 50;
	}

		@media screen{
			header{
				position: fixed;
			}
		}

		#header-content{
			background: url(../img/bg-header.jpg);
			margin: 0 auto;
			width: 980px;
			height: 185px;
		}
			.header-int{
				float: left;
				height: 105px;
				padding-left: 15px;
				width: 535px;
			}
			.header-logo-osi{
				float: left;
				margin: 0 0 20px 115px;
				height: 80px;
				padding-top: 15px;
				width: 300px;
			}
			.header-fecha{
				float: left;
				height: 55px;
				padding: 4px 0 0 110px;
				width: 290px;
			}
	footer{
		float: left;
		background: url(../img/bg-footer.jpg);
		height: 60px;
		margin-top: 30px;
		width: 100%;
	}
		#footer-content{
			background: url(../img/bg-footer-1.jpg);
			height: 40px;
			margin: 0 auto;
			width: 980px;
		}

	#wrapper{
		margin: 0 auto;
		width: 980px;
		position: relative;
	}

		#visor{
			float: left;
			height: 340px;
			width: 980px;
		}
			#cubo-registro{
				background: url(../img/bg-registro_.jpg);
				height: 190px;
				width: 200px;
				position: absolute;
				top: 120px;
				right: 20px;
				text-align: center;
				z-index: 19;
			}

		#barra-titulo{
			background: url(../img/img-barra-titulo.jpg);
			float: left;
			font-family: 'Roboto', sans-serif; color: #fff; font-size: 18px; line-height: 55px;
			height: 55px;
			margin: 0 0 40px 0;
			text-align: center;
			width: 980px;

			position: relative;
		}
			#redes{
				position: absolute;
				height: 30px;
				right: 0;
				top: 60px;
				width: 100px;
			}
				#redes img{
					margin-left: 10px;
				}

		#barra-titulo img{
			float: right;
		}

		#count-down{
			background: #0092D3;
			position: absolute;
			top: 320px;
			left: 20px;
			width: 200px;
			height: 90px;
			z-index: 20;
		}
			.tit-count{
				float: left;
				font-family: 'Roboto', sans-serif; color: #fff; font-size: 12px;
				background: #0A2C64;
				padding: 5px 10px;
				width: 180px;
			}

		#presidente{
			border: 1px solid #ccc;
			float: left;
			
			margin-bottom: 20px;
			padding: 0 20px;
			width: 940px;
		}
			#presidente img{
				float: left;
				margin-right: 40px;
			}

		.cubos{
			float: left;
			height: 220px;
			width: 310px;
		}
			.cubos:nth-child(2n+3){
				margin: 0 20px;
				width: 320px;
			}
			.cubos img{
				border: 0;
			}

		#noticias{
			float: left;
			width: 330px;
			height: 200px;
			margin: 20px 20px 0 0;
			overflow-y: scroll;
		}
			.noticias-lista{
				/*background: #ff0;*/
				width: 310px;
			}
		#video{
			float: left;
			width: 300px;
			height: 200px;
			margin: 20px 20px 0 0;
		}

		#banner-1{
			float: left;
			width: 310px;
			height: 150px;
			margin-top: 20px;

			background: #dfdfdf;
		}

.img-left{
	float: left;
	margin-right: 15px;
}
.p-lef{
	float: left;
	width: 600px;
}

/* INTERIORES */
#col-uno{
	float: left;
	width: 600px;
	margin-right: 60px;
}
	#body-formulario{
		float: left;
		padding: 0 30px;
		width: 510px;
	}
		.contact-tit{
			background: #0B2C65;
			font-family: 'Roboto', sans-serif; color: #fff; font-size: 15px; text-align: center;
			float: left;
			padding: 5px;
			width: 500px;
		}

	#body-mapa{
		float: left;
		width: 900px;
		padding: 0 40px;
	}

	/* EXPOSITORES */
	#col-expo{
		float: left;
		margin-right: 40px;
		width: 600px;
	}
		#col-expo img{
			float: left;
			width: 90px;
		}
		.col-expo-tit{
			background: #F7EFD7;
			float: left;
			padding: 10px;
			width: 485px;

			position: relative;
		}
			.expo-flag{
				position: absolute;
				top: 20px;
				right: 10px;
			}
				.expo-flag img{
					width: 40px!important;
					height: 26px;
				}

		.col-expo-des{
			float: left;
			padding: 10px;
			width: 485px;
			margin-bottom: 30px;
		}
		.btn-mas{
			background: #666;
			border-radius: 5px;
			color: #fff;
			font-size: 11px;
			float: right;
			padding: 4px 8px;
			cursor: pointer;
			margin-top: 5px;
			-webkit-transition: all .5s linear;
			-moz-transition: all .5s linear;
			-ms-transition: all .5s linear;
			-o-transition: all .5s linear;
		}
		.btn-mas:hover{
			background: #333;
		}
		.body-expo{
			padding-top: 20px;
		}

#col-dos{
	float: left;
	width: 320px;
}

	#col-dos img{
		width: 320px;
	}

.enlaces-txt{
	float: left;
	font-family: 'Roboto', sans-serif; color: #333; font-size: 18px; line-height: 55px;
	margin-bottom: 50px;
	width: 600px;
}
	.enlaces-txt img{
		border: 0;
		float: left;
		margin-right: 20px;
	}


.btn-programas{
	background: #0B2C65;
	font-family: 'Roboto', sans-serif; color: #fff; font-size: 14px;
	cursor: pointer;
	padding: 10px;
	position: absolute;
	top: 170px;
	right: 0;
}
	.btn-programas-2{
		background: #0B2C65;
		font-family: 'Roboto', sans-serif; color: #fff; font-size: 14px;
		cursor: pointer;
		padding: 10px;
		float: left;
		margin-right: 10px;

		-webkit-transition: all .5s linear;
		-moz-transition: all .5s linear;
		-ms-transition: all .5s linear;
		-o-transition: all .5s linear;
	}
	.btn-programas-2:hover{
		background: #222;
	}
	.btn-programas-selected{
		background: #222;
		cursor: default;
	}

/* OBJETOS */
label{
	float: left;
	font-family: 'Roboto', sans-serif; color: #333; font-size: 14px;
	padding: 5px 10px;
	width: 250px;
}
.txt-form{
	font-family: 'Roboto', sans-serif; color: #333; font-size: 14px;
	float: left;
	padding: 5px 10px;
	width: 485px;
	margin-bottom: 10px;
}
input{
	font-family: 'Roboto', sans-serif; color: #333; font-size: 14px;
	float: left;
	padding: 10px;
	width: 510px;
	margin-bottom: 10px;
}
textarea{
	font-family: 'Roboto', sans-serif; color: #333; font-size: 14px;
	float: left;
	height: 100px;
	padding: 10px;
	width: 340px;
	margin-bottom: 10px;
}
select{
	font-family: 'Roboto', sans-serif; color: #333; font-size: 14px;
	float: left;
	padding: 5px 10px;
	width: 510px;
	margin-bottom: 10px;
	margin-right: 100px;
}
.btn{
	background: #0B2C65;
	border: 0px;
	cursor: pointer;
	font-family: 'Roboto', sans-serif; color: #fff; font-size: 14px;
	float: right;
	margin: 20px 0;
	padding: 8px 10px;
	width: 100px;	
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-ms-transition: all .5s linear;
	-o-transition: all .5s linear;
}
	.btn:hover{
		background: #0088D3;
	}

	.btn-left{
		float: none;
		display: inline-block;
		text-decoration: none;
	}

.bullets{
	margin: 0;
	padding: 0 15px;
}

.btn-subir{
	background: url(../img/img-top.jpg);
	border-radius: 50px;
	cursor: pointer;
	float: right;
	font-family: 'Roboto', sans-serif; color: #fff; font-size: 12px; text-align: center;
	height: 30px;
	width: 30px;
}

/* TABLE */
table{
	border-right: 1px solid #333;
	border-top: 1px solid #333;
	margin-bottom: 10px;
}
td{
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
	padding: 10px;
	text-align: center;
	margin: 0;
}
.td1{
	background: #0B2C65;
	cursor: pointer;
	font-family: 'Roboto', sans-serif; color: #fff; font-size: 18px;
	margin: 0;
	padding: 10px;
}
	.download{
		background: #0f0;
		height: 38px;
		position: absolute;
		width: 55px;

		top: 280px;
		right: 0;
	}

.td2{
	background: #DFDFDF;
	font-weight: bold;
}

.pro-body{
	margin-bottom: 20px;
}

#result{
	border: 1px dashed #ccc;
	float: left;
	font-family: 'Roboto', sans-serif; color: #333; font-size: 18px; text-align: center;
	margin-left: 30px;
	padding: 30px;
	width: 450px;
}

.err{
	background: #FFBFBF;
	border: 0;
}

.errmail{
	background: #333;
	float: left;
	font-family: 'Roboto', sans-serif; color: #fff; font-size: 12px;
	margin-bottom: 10px;
	padding: 5px 10px;
	width: 490px;
}