@import url('reset.css');
@import url('fuentes.css');

/*--- Estilos Generales---*/
/*-- Aqui va el color de fondo de la pagina--*/
body {
background:#2d2d2d;
font-family:Arial, Helvetica, Sans-serif; 
}
/*---todos los textos con link seran blancos ---*/

a{text-decoration:none; color:#fff;}
/*--- se agrega el efecto de subrayado cuando pasa el mouse por un hipervinculo---*/
a:hover {text-decoration:underline;}

#wrap {
/*-aqui se define el tamaņo del ancho de la pagina, centrado-*/
width:960px;
margin:auto;
/*-se usa para que los efectos del header no afecten an body-*/
clear:both;
}

/*---HEADER*---*/

header{
width:100%;
float:left;
/*--El siguiente codigo fue generado a partir del sitio: http://www.colorzilla.com/gradient-editor/ --*/
background: #d3d2d1; /* Old browsers */
background: -moz-linear-gradient(top,  #d3d2d1 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d2d1), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d3d2d1 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d3d2d1 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d3d2d1 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d3d2d1 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d2d1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
/*esto se agrego manualmente para dar sombra*/
box-shadow:0px 3px 5px #000;
	-moz-box-shadow:0px 3px 5px #000;
	-webkit-box-shadow:0px 3px 5px #000;

}
/*-- la siguiente seccion tiene por fin centrar el titulo--*/
#subheader {
	width:960px;
	margin:auto;
}

#logotipo{
	float:left;
	width:380;
	padding:10px 0px;
}

#logotipo a {
	font-family:sourcesans-light;
	font-size:50px;
	color:#000;
}

#logotipo a:hover {text-decoration:none;}

/*--Menu--*/
header #subheader nav {
	float:left;
	width:540px;
	padding:30px 0px;
	text-align:right;
}

header #subheader nav ul li  {
	display:inline;
	font-family:sourcesans;
}
header #subheader nav ul li  a {
	color:#000;
	font-size:18px;
	/*--espaciado--*/
	padding:10px;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
}
header #subheader nav ul li  a:hover {
	color:#fff;
	background:#1798af;
	text-decoration:none;
}

/*---MAIN---*/
#main {
	width:100%;
	margin:20px 0px 0px 0px;
	float:left;
}

/*slideshow*/
#slideshow {
	width:920px;
	height:260px;
	float:left;
	background:#000;
	border:solid 20px #fff;
	margin-bottom: 10px;
}
#slideshow .pagination {
	margin:26px auto;
	width:100px;
}

#slideshow .pagination li {
	float:left;
	margin:0px 5px;
	list-stile:none;
}

#slideshow .pagination li a {
	display:block;
	width:12px;
	height:0px;
	padding-top:12px;
	background:#fff;
	float:left;
	overflow:hidden;
	border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
	}
	
#slideshow .pagination li.current a{
	background:#1798af;
}


	#slideshow img {
		width:960px;
		height:260px;
	}
/*-- Bienvenidos --*/
#Bienvenidos {
		width:920px;
		float:left;
		padding:20px;
		background: #77c65f; /* Old browsers */
			background: -moz-linear-gradient(top,  #77c65f 1%, #2d4c1e 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#77c65f), color-stop(100%,#2d4c1e)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #77c65f 1%,#2d4c1e 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #77c65f 1%,#2d4c1e 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #77c65f 1%,#2d4c1e 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #77c65f 1%,#2d4c1e 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77c65f', endColorstr='#2d4c1e',GradientType=0 ); /* IE6-9 */


		margin:20px 0px;
		border-radius:10px;
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
		box-shadow:0px 2px 2px #000;
			-moz-box-shadow:0px 2px 2px #000;
			-webkit-box-shadow:0px 2px 2px #000;
	}
	
	#bienvenidos article h3 {
		font-family:sourcesans-light;
		color:#fff;
		font-size:40px;
		margin-bottom:10px;
		}
	#bienvenidos article {
		color:#fff;
		line-height:27px;
	}
	/*--CONTENIDO--*/
	
	#CONTENIDO {
		WIDTH:700PX;
		Float:left;
	}
	
	#contenido article {
		float:left;
		margin-bottom:20px;
		
	}

	#contenido article .titulo{
		font-size:22px;
		font-family:sourcesans;
		color:#fff
	}
	#contenido article .fecha{
		font-size:14px;
		font-family:sourcesans;
		color:#1798af;
		margin-bottom:5px;
	}
	
	#contenido article .thumb{
		width:220px;
		height:150px;
		float:left;
		margin:0px 10px 10px 0px;
	}
	
	#contenido article > p {
		color:#8c8c8c;
		font-size:14px;
		text-align:justify;
		line-height: 20px;
		
	}

/*--- SIDEBAR---*/
aside{
	width:220px;
	float:left;
	margin-left:20px;
	background:#4d78b3;
	padding:10px 10px 0px 10px;
	border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
	box-shadow:0px 4px 2px #000;
		-moz-box-shadow:0px 4px 2px #000;
		-webkit-box-shadow:0px 4px 2px #000;
	}
aside .widget {
	margin-bottom:10px;
	float:left;
}
aside .widget  > h3 {
	background:#fff;
	color:#4d78b3;
	width:220px;
	padding:10px 0px;
	text-align:center;
	font-weight:bold;
	margin-bottom:10px;
}
asside .widget a {color:#fff;}
asside .widget ul li {margin-bottom:5px;}
asside .widget img {width:220px;}
asside .widget img {height:260px;}

/*FOOTER*/
footer
{
	width:100%;
	float:left;
	/*sirve para eliminar los estilos que venga arrastrando*/
	clear:both;
	box-shadow:0px 2px 2px #000;
		-moz-box-shadow:0px 2px 2px #000;
		-webkit-box-shadow:0px 2px 2px #000;
	border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		background: #207cca; /* Old browsers */
		background: -moz-linear-gradient(top,  #207cca 0%, #cccccc 0%, #97b2c9 0%, #230f0f 0%, #2790ad 0%, #2790ad 0%, #515151 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#207cca), color-stop(0%,#cccccc), color-stop(0%,#97b2c9), color-stop(0%,#230f0f), color-stop(0%,#2790ad), color-stop(0%,#2790ad), color-stop(100%,#515151)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #207cca 0%,#cccccc 0%,#97b2c9 0%,#230f0f 0%,#2790ad 0%,#2790ad 0%,#515151 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #207cca 0%,#cccccc 0%,#97b2c9 0%,#230f0f 0%,#2790ad 0%,#2790ad 0%,#515151 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #207cca 0%,#cccccc 0%,#97b2c9 0%,#230f0f 0%,#2790ad 0%,#2790ad 0%,#515151 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #207cca 0%,#cccccc 0%,#97b2c9 0%,#230f0f 0%,#2790ad 0%,#2790ad 0%,#515151 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207cca', endColorstr='#515151',GradientType=0 ); /* IE6-9 */

}
footer section {
	width:440px;
	float:left;
	padding:20px;
}
footer #Acerca-de{
	font-family:Arial, Helvetica, Sans-serif;
	font-size:12px;	
	color:919191;
	text-align:justify;
	line-height:20px;
}

footer #acerca-de h3{
	font-family:sourcesans-light;
	font-size:30Px;
	color:#fff;
	margin-bottom:5px;
}

footer #Redes_Sociales > div {
	width:210px;
	height:60px;
	float:left;
	background:#ff8000;
	margin-right:1px;
	margin-bottom:15px;
	/*transparencia*/
	opacity:0.5;
}
footer #redes_sociales > div a {
	width:220px;
	height:60px;
	display:inline-block;
}

/*sigue en video 8 minuto 15:00*/



footer #redes_sociales .Email {
	background:url(../imagenes/correo.png);
}

footer #redes_sociales .facebook {
	background:url(../imagenes/facebook.png);
}

footer #redes_sociales .Telefono {
	background:url(../imagenes/telefono.png);
	
}

footer #redes_sociales > div:hover {
	opacity:1;
}

#copyright {
	float:left;
	width:960px;
	margin:10px 0px;
	color:#fff;
	text-Align:right;
	fontfamily:Arial, Helvetica, Sans-serif;
}