.clear {clear: both; display: block;}
body {
	background-image: url('bg1.png'), url('bg2.png');
	background-repeat: no-repeat;
	background-size: 50% auto, auto auto;
	background-position: top left, bottom right;
}

div#general {
	width: 1000px;
	height: 1000px;
	margin: 0 auto;
}

.left {float: left;}
h1 {
	background: url('logo.png') top left no-repeat;
	width: 321px;
	height: 72px;
	text-indent: -9999px;
	margin-top: 52px;
}
h1 a {display: block; height: 100%; width: 100%;}
h2 { font: bold 26px Arial, Helvetica, sans-serif; color: #fff; margin-top: 26px;}

#redes {float: right; margin-top: 109px;}
#redes > p {
	width: 218px;
	background: url('siguenos.png') top left no-repeat;
	width: 217px;
	height: 39px;
	text-align: center;
	font: 19px Arial, Helvetica, sans-serif;
	color: #fff;
	line-height: 39px;
}
#redes ul {list-style: none; float: right; margin-top: 9px;}
#redes li {float: left; margin-left: 9px;}

#content {clear: both; margin-top: 16px;}
#content > iframe {float: left;}
#content > .twitter-timeline {float: right; width: 306px;}

#botones {background: url('conocenos.png') top left no-repeat;}
#enlacesysocials { padding-top: 23px;}
#enlacesysocials ul {list-style: none;}
#enlacesysocials li {float: left;}
#enlaces li {margin-right: 9px;}
#enlaces span {
	width: 0px; 
	height: 0px; 
	border-top: 5px solid #0071b3;
	border-left: 5px solid #0071b3;
	border-bottom: 5px solid transparent;
	border-right: 5px solid transparent;
	float: left;
	margin: 1px 1px 0 1px;
}
#enlacesysocials li:first-child span {
	border-right: 5px solid transparent;
}
#enlacesysocials ul:first-child li:first-child span {
	border-top: 5px solid #fff;
	border-left: 5px solid #fff;
	border-bottom: 5px solid transparent;
	border-right: 5px solid transparent;
}
#enlaces a {font: 13px Arial, Helvetica, sans-serif; color: #0071b3; text-decoration: none; margin-right: 5px;}
#enlaces li:first-child a {color: #fff;}
#enlaces li:hover span {
	border-top: 5px solid #fff;
	border-left: 5px solid #fff;
	border-bottom: 5px solid #0071b3;
	border-right: 5px solid #0071b3;
}
#enlaces li:first-child:hover span {
	border-top: 5px solid #0071b3;
	border-left: 5px solid #0071b3;
	border-bottom: 5px solid transparent;
	border-right: 5px solid transparent;
}
#enlaces li:hover {
	background-color: #0071b3;
}
#enlaces li:first-child:hover {
	background-color: transparent;
}
#enlaces li:hover a {color: #fff;}
#enlaces li:first-child:hover a {color: #0071b3;}
.twitter-share-button {width: 87px !important;}
.IN-widget {margin-right: 8px;}

h3 {font: bold 21px Arial, Helvetica, sans-serif; color: #1d1d1b; margin: 26px 0 10px 0;}
nav ul {
	list-style: none; 
	border-top: 1px solid #1d1d1b;
	border-bottom: 1px solid #1d1d1b;
	height: 46px;
}
nav li {float: left; margin-right: 46px;}
nav li:last-child {margin-right: 0;}
nav a {text-decoration: none; color: #1d1d1b; font: 16px Arial, Helvetica, sans-serif; line-height: 46px;}

footer ul {text-align: center; list-style: none; width: 100%; margin-top: 120px;}
footer li {display: inline;}
footer a {text-decoration: none; color: #0071b3; font: 11px Arial, Helvetica, sans-serif;}
footer p {text-align: center; color: #0071b3; font: 11px Arial, Helvetica, sans-serif; margin-top: 5px;}


@media screen and (max-width:1000px) {
	div#general {width: 100%;}
	#content > .twitter-timeline {float: left;}
	nav li {margin-right:0; width: 33%; border-bottom: 1px solid #1d1d1b;}
	nav li a {display: block;}
}
@media screen and (max-width:900px) {
	body{background-size: 67% auto, auto auto; padding-left: 15px;}
	h1 {background-size: 86%;}
	h2 {font-size: 22px;}
}
@media screen and (max-width:790px) {
	#content iframe:first-child {width: 100%;}
}
@media screen and (max-width:680px) {
	body{background-size: 93% auto, auto auto;}
	h1 {background-size: 78%;}
	h2 {font-size: 18px;}
	nav li {width: 50%;}
}
@media screen and (max-width:580px) {
	body {
		background-image: url('bg2.png');
		background-repeat: no-repeat;
		background-size: auto auto;
		background-position: bottom right;
		padding-left: 0;
	}
	#content {margin-top: 0;}
	header {background-color: #0071b3; padding-left: 15px;}
	#redes	{
		margin-top: 0;
		position: absolute;
	}
	#redes > p {
		width: auto;
		text-align: left;
		height: 35px;
	}
	#redes ul {
		margin-top: 0;
	}
	#redes li:first-child {
		margin-left: 0;
	}
	.left {
		padding-top: 34px;
	}
	h1 {margin-top: 52px;}
	h2 {margin-top: 11px; margin-bottom: 7px;}
	footer ul {margin-top: 40px;}
}
@media screen and (max-width:400px) {
	nav li {width: 100%;}
}