/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

@font-face {
    font-family: 'SourceSansPro-Regular';
    src: url('http://cmas.siu.buap.mx/portal_pprd/HTML/buap_plantilla/SourceSansPro-Regular.otf');
    src: url('http://cmas.siu.buap.mx/portal_pprd/HTML/buap_plantilla/SourceSansPro-Regular.eot');
    src: url('http://cmas.siu.buap.mx/portal_pprd/HTML/buap_plantilla/SourceSansPro-Regular.svg') format('svg'),
        url('http://cmas.siu.buap.mx/portal_pprd/HTML/buap_plantilla/SourceSansPro-Regular.woff')format('woff'),
        url('http://cmas.siu.buap.mx/portal_pprd/HTML/buap_plantilla/SourceSansPro-Regular.ttf')  format('truetype');
    font-weight: normal;
    font-style: normal;
}


body {
	margin-top: 15px;
	padding: 0;
	background: #FFFFFF;
	text-align: justify;
/*	font-family: Georgia, "Times Roman", Times, serif;
        font-family: Arial, Helvetica, sans-serif;*/
	    font-family: SourceSansPro-Regular;
	font-size: 16px;
	color: #616161;
}

/* la dos de letra son para las viñetas*/
.letra2 {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF6600;
}

.letra {
	text-align: justify;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px; 
	color: #616161;	
	line-height:25px; /* espacio entre lineas   / word-spacing:30px: espacio entre palabras*/
}

h1 {
	margin-top: 0;
	text-transform: none;
	color: #528DC8;
}

h1 {
	font-size: 1.6em;
	font-weight: normal;
}

h2 {
	font-size: 1.4em;
	color: #528DC8;
}

h3 {
	font-size: 1em;
	color: #528DC8;
}

h4 {
	font-size: 17px;
	color: #528DC8;
}

ul {
	font-family:  Arial, Helvetica, sans-serif;
}

a {
	text-decoration: none;
	color: #528DC8;
}

a:hover {
	border-bottom: none;
}

a img {
	border: none;
}

img.left {
	float: left;
	margin: 0 20px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 20px;
}
/* Header - sube/baja el bloque de cuerpo de la pagina principal, barra del MENU principal ESta es la BUENA del MENU*/
#header {
	width: 960px;
	margin: -20px auto; /*Sube y baja el MENU*/
	height: 85px;  /*sube el bloque de donde estan las imagenes*/
}



/* Page */

#page {
	width: 960px;
	margin: 60px auto;
	background: url(images/img05.jpg) repeat-y left top;
}

#page-bgtop {
	background: url(images/img04.jpg) no-repeat left top;
}

#page-bgbtm {
	background: url(images/img06.jpg) no-repeat left bottom;
}


/* Latest Post */

#latest-post {
	padding: 20px;
	border: 1px solid #E7E7E7;
}

/* Content */

#content {
	float: left;
	width: 500px;
	margin: 0px;
	padding: 20px 0px 0px 0px;
}

#content2 {
	float:none;
	vertical-align: text-top;
	width: 960px;
	margin: 0 auto;
	padding: -20px -20px -20px 0px;
}

#content4 {
	float:none;
	vertical-align: text-top;
	width: 1050px;
	margin: 0 auto;
	padding: -20px -20px -20px 0px;
}

#content3 {
	float: left;
	width: 915px;
	margin: 0px;
	padding: 20px 0px 0px 0px;
}

.post {
	padding-bottom: 15px;
	line-height: 200%;
}

.post h1 {
	font-weight: normal;
}
/*ESTO SIRVE PARA COLOCARLE UN CUADRO PUNTEADO A UNA IMAGEN EN UNA TABLA*/
.borde2 {
  -moz-border-radius: 8px;
  border: 2px outset #666666;
  margin: 0 auto;
  padding: 1px 10px; /*tamaño del cuadro*/
  text-align: center;

}
.border_style{
	border: 1px solid #CCCCCC; /* Grosor dela linea punteada*/ 
	border-color: #CCCCCC;
	border-style: dashed; /* estilos de linea none, hidden, dotted, dashed, solid, double, groove, ridge, inset y outset.*/
/*	padding: 1px 10px; sirve para la imagen alrededor*/
	 padding: 10px;
	}
	
	/* Esto es para el efecto de sombra*/

.elemento {
  -webkit-box-shadow: 2px 2px 5px #999;
  -moz-box-shadow: 2px 2px 5px #999;
  filter: shadow(color=#999999, direction=135, strength=2);
}	

.shadow {
    -moz-box-shadow: 3px 3px 4px #111; 
    -webkit-box-shadow: 3px 3px 4px #111;
    box-shadow: 3px 3px 10px #111; /* Eje X, Eje Y, Cantidad de efecto blur de la sombra, color de Sombra*/
    /* IE 8 */
	
	/* Atributos de Shadow Filter
      Extensión de la sombra, en píxeles. (Ejemplo: Strength=4), Dirección de la sombra, en grados. valores: 0, 45, 90, 135, 180, 225, 270, 315. (Ejemplo: Direction=135), Color de la sombra*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#111111')";
    /* IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#111111');
}

/*Raya division de imagenes */
.raya {
	font-size: 12px;
	color: #CCCCCC;
}

.byline {
	margin: -10px 20px 20px 20px;
}

.tag {
	padding: 0 15px;
}

.entry {
	padding: 0 20px 10px 0px;
}

.links {
	padding: 4px 0px;
	text-align: right;
	font-weight: bold;
}

.links a {
	border: none;
}

.links a:hover {
}


/* BUSQUEDA INTERNA 22/NOV/2013 */

#search {
	float: right;
	width: 280px;
	height: 60px;
	padding: 20px 0px 0px 0px;
	background: #E2E2E2;
	border-bottom: 4px solid #FFFFFF;
}

#search form {
	height: 41px;
	margin: 0;
	padding: 10px 0 0 20px;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search-text {
	width: 170px;
	padding: 6px 5px 2px 5px;
	border: 1px solid #DEDEDE;
	background: #FFFFFF;
	text-transform: lowercase;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #5D781D;
}

#search-submit {
	width: 50px;
	height: 22px;
	border: none;
	background: #B9B9B9;
	color: #000000;
}

/*AQUI ACABA CODIGO DE LA BUSQUEDA*/

/** INICIA CODIGO DEL SLIDER PRINCIPAL  */

#slider {
	position: relative;
	margin: 45px 45px 45px 65px; /*el primero es el margen superior, el segundo es el margen derecho, el tercero es el margen inferior y el cuarto es el margen izquierdo, de modo que las siguientes reglas CSS son equivalentes: margin-top: 10px;  /  margin-right: 20px;  /   margin-bottom: 30px; /  margin-left: 40px;*/
	width: 590px;
	border-bottom: 1px solid #D8D8D8;     /*Color deL borde, debajo de las bolitas */
}

#slider .viewer {
	width: 590px;
	height: 410px;
	border: solid 1px #D4D4D4;
	border-radius: 9px; /*esquina del cuadro redondeada*/
}

#slider .slide {
	width: 590px;
	height: 410px; /*390*/
	/*padding: 5px 5px 5px 5px; 2px lo mueve arriba*/
	padding-top: 25px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}

#slider .indicator {
	position: relative;
	z-index: 1;
	text-align: center;
	margin: 20px 0 0 0;
}

#slider .indicator span {
	display: inline-block;
	text-indent: -9999em;
	width: 12px;
	height: 12px;
	background: #E3DFDF;
	border-radius: 6px;
	margin: 0 2px 0 2px;
}

#slider .indicator span.active {
	background: #6E6E6E;
}
/* aqui acaba codido  DEL SLIDER */

#s {
	margin: 10px 0px 0 15px;
	padding: 2px 2px;
	width: 180px;
	height: 18px;
	border: 1px solid #949494;
	background: #FFFFFF;
	font-size: 10px;
	color: #000000;
}

#x {
	margin: 0;
	padding: 2px 5px;
	height: 25px;
	background: #CA8186;
	text-decoration: none;
	text-transform: uppercase;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
}
/* Calendar */

#calendar_wrap {
	padding: 0 15px;
	text-align: center;
}

#calendar_wrap table {
	width: 100%;
}

#calendar_wrap th {
}

#calendar_wrap td {
}

#calendar_wrap tfoot td {
	border: none;
}

#calendar_wrap tfoot td#prev {
	text-align: left;
	font-weight: bold;
	color:rgb(255,255,255);
	border: none;
}

#calendar_wrap tfoot td#prev a {
	border: none;
}

#calendar_wrap tfoot td#next {
	text-align: right;
	font-weight: bold;
	border: none;
}

#calendar_wrap tfoot td#next a {
	border: none;
}

/* Footer */

#footer {
	width:800px;
	height: 40px;
	margin: -30px 0px  0px 0px;
	padding-left: 250px;
}

#footer p {
	margin: 0  auto;  /*  margin: arriba, derecha, abajo e izquierda;   */
	text-align: left;
	font-size: 10px;
}

#footer a {
}

#footer .link {
	float: right;
}

#footer .copyright {
	float: left;
	color: #FFFFFF;  
}
#footer .copyright2 {
	float: left;
	color: #01304C;  /*color azul*/
}