/***********************************************************
*   Archivo: 		boletin.css                            *
*   Descripción:    Hoja de estilos para el boletín UDB    *
*   Fecha creación: 04-Oct-2013                            *
*   Autor:          Ricardo Ernesto Elías Guandique        *
*   Diseñador:      José Erazo                             *
***********************************************************/

/* Creando una definición de fuentes personalizada con Myriad Pro */
@font-face {
    font-family: 'MyriadPro'; 
    src: url('http://www.udb.edu.sv/boletinudb/fonts/MyriadPro-Regular.eot'); 
    src: url('http://www.udb.edu.sv/boletinudb/fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'), 
         url('http://www.udb.edu.sv/boletinudb/fonts/MyriadPro-Regular.woff') format('woff'), 
         url('http://www.udb.edu.sv/boletinudb/fonts/MyriadPro-Regular.ttf') format('truetype'), 
         url('http://www.udb.edu.sv/boletinudb/fonts/MyriadPro-Regular.svg#CrimsonRoman') format('svg'); 
    font-weight: normal;
    font-size: 16px; 
    font-style: normal; 
}

@font-face {
    font-family: 'MyriadPro-Bold'; 
    src: url('http://www.udb.edu.sv/boletinudb/fonts/MyriadPro-Bold.eot'); 
    src: url('http://www.udb.edu.sv/boletinudb/fonts/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'), 
         url('http://www.udb.edu.sv/boletinudb/fonts/MyriadPro-Bold.woff') format('woff'), 
         url('http://www.udb.edu.sv/boletinudb/fonts/MyriadPro-Bold.ttf') format('truetype'), 
         url('http://www.udb.edu.sv/boletinudb/fonts/MyriadPro-Bold.svg#CrimsonRoman') format('svg'); 
    font-weight: bold; 
    font-size: 16px;
}

/* Reseteando todos los estilos por defecto de los navegadores */
* {
	border: 0;
	margin: 0;
	padding: 0;
}

ul {
	list-style: none;
}

#wrapper {
	border: 1px solid #444;

-moz-box-shadow: 3px 5px 4px 0px rgba(45,44,45,0.75); /* Firefox */
-webkit-box-shadow: 3px 5px 4px 0px rgba(45,44,45,0.75); /* WebKit */
-o-box-shadow: 3px 5px 4px 0px rgba(45,44,45,0.75);
-ms-box-shadow: 3px 5px 4px 0px rgba(45,44,459,0.75);
box-shadow: 3px 5px 4px 0px rgba(45,44,45,0.75); /* Standard */ 

filter: progid:DXImageTransform.Microsoft.Shadow(color='#313031', Direction=90, Strength=3);
height: auto;
margin: 0 auto;
width: 1024px;
zoom: 1;
}

header {
	background: url("http://www.udb.edu.sv/boletinudb/img/topbanner-boletinudb.jpg") no-repeat top left;
	height: 148px;
	margin: 0 auto;
	width: 1024px;
}

#social img {
	border: 0;
}

header h1 {
	display: none;
}

header h4 {
	color: #fff;
	font-family: 'MyriadPro';
	font-style: normal;
	font-weight: normal;
	font-size: 0.75em;
	left: 624px;
	position: relative;
	top: 112px;
	width: 24%;
}

section {
    margin: 0 auto;
	width: 1024px;
}

article {
	padding: 0;
	margin: 0;
	border: 0;
}

#titlemainnews {
    background: url("http://www.udb.edu.sv/boletinudb/2016/abr/img/degradado-gris.jpg");
    height: 125px;
	width: 1024px;
}

#titlemainnews #titulo {
    display: inline-block;
    width: 85%;
}

#titlemainnews #social {
	display: inline-block;
	padding-top: 8px;
	margin-right: 8px;
	vertical-align: top;
	width: 12.8%;
}

#titlemainnews div#titulo h2 {
    background: url("http://www.udb.edu.sv/boletinudb/2016/abr/img/bullet-yellow.jpg") no-repeat 1.4% 36%;
    color: #1163ac;
    font-family: 'MyriadPro-Bold';
    font-size: 3em;
    font-weight: bold;
    line-height: 1em;
    padding-left: 6.5%;
    padding-top: 1.8%;
    padding-bottom: 0;
}

#titlemainnews div#titulo a:link {
	text-decoration: none;
} 

#main-content {
	border-bottom: 5px solid #0182ff;
	height: 380px;
}

#main-content #picturecover {
	display: inline-block;
	height: 384px;
	width: 57.9%;
	z-index: 10;
}

#main-content #picturecover .imgtitle {
	background: rgba(255,255,255,0.75);
	font-family: 'MyriadPro-Bold';
    font-size: 0.75em;
    left: 277px;
    position: relative;
    top: -20px;
    width: 54%;
    z-index: 100;
}

#main-content #abstractcover {
	display: inline-block;
	vertical-align: top;
	width: 41.6%;
	z-index: 1;
}

#abstractcover .abstract-box {
	background-color: #13b3ff;
	height: 100%;
	width: auto;
}

#abstractcover .abstract-box p {
	color: #fff;
	font-family: 'MyriadPro';
	font-size: 1.25em;
	font-weight: normal;
	font-style: normal;
	line-height: 1.2em;
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 32px;
	padding-bottom: 24px;
	text-align: center;
}

#abstractcover .abstract-box h6 {
	color: #fff;
	font-family: 'MyriadPro';
	font-size: 0.9em;
	font-weight: normal;
	line-height: 1em;
	padding: 1em 1em;
	text-align: center;
}

#abstractcover .resume-box p {
    color: #000;
    font-family: 'MyriadPro';
    font-size: 1em;
    font-weight: normal;
    line-height: 1.1em;
    padding: 1.4em 0.75em;
}

#abstractcover .resume-box p a {
    color: #10b0ff;
    font-family: 'MyriadPro-Bold';
    font-weight: bold;
	text-decoration: none;
}

#abstractcover .resume-box p a:link {
	color: #10b0ff;
	text-decoration: none;
}

#abstractcover .resume-box p a:visited {
	color: #0090c0;
	text-decoration: none;
}

#abstractcover .resume-box p a:hover {
	color: #30cfff;
	text-decoration: none;
}

/* Estilos para el bloque secundario de noticias */
#sec-content {
    padding-top: 10px;
}

#sec-content #secondnew .imgsectitle {
    background: rgba(255,255,255,0.7);
	font-family: 'MyriadPro-Bold';
    font-size: 0.75em;
    left: 360px;
    position: relative;
    top: -25px;
    width: 28%;
    z-index: 100;
}

#sec-content #secondnew {
	display: inline-block;
	padding-left: 26px;
	padding-top: 12px;
	vertical-align: top;
	width: 55.5%;
}

#sec-content #asidenews {
    display: inline-block;
    padding-top: 12px;
    vertical-align: top;
	width: 41.4%;
}

#sec-content #asidenews ul {
	list-style: none;
}

#sec-content #secondnew ul li{
	margin-bottom: 6px;
	margin-top: 12px;
}

#secondnew h3 {
    padding-top: 0;
	line-height: 1.1;
}

#secondnew h3 a:link,
#secondnew h3 a:visited {
	text-decoration: none;
	color: #1163ac;	
	font-family: 'MyriadPro-Bold';
	font-size: 1.4em;
	font-weight: bold;	
}

#secondnew h3 .second-title {
    list-style: none;
}

#secondnew p {
    font-family: 'MyriadPro';
    font-size: 1em;
    font-weight: normal;
    padding-left: 09;
    padding-top: 6px;
    padding-bottom: 26px;
    padding-right: 36px;
    text-align: justify;
}

#secondnew p a {
    color: #10b0ff;
    display: block;
    font-family: 'MyriadPro-Bold';
    font-weight: bold;
	text-decoration: none;
	margin-bottom: 12px;
}

#secondnew p a:link {
    color: #10b0ff;
	text-decoration: none;
}

#secondnew p a:visited {
    color: #0090c0;
	text-decoration: none;
}

#secondnew p a:hover {
    color: #30cfff;
	text-decoration: none;
}

#asidenews ul #img-aside {
    display: inline-block;
    vertical-align: top;
    width: 37.5%;
}

#asidenews ul li {
	margin-bottom: 36px;
}

#asidenews ul #text-aside {
	display: inline-block;
	margin-top: -2px;
	width: 59.8%;
}

#asidenews ul li #text-aside h4{
	color: #000;
	font-family: 'MyriadPro-Bold';
	font-size: 1em;
	font-weight: bold;
	line-height: 1.1em;
	margin-bottom: 8px;
}

#asidenews ul li #text-aside p {
	color: #111;
	font-family: 'MyriadPro';
	font-size: 1em;
	font-weight: normal;
}

#asidenews ul li #text-aside p a {
    color: #10b0ff;
    font-family: 'MyriadPro-Bold';
    font-size: 0.9em;
    font-weight: bold;
	text-decoration: none;	
}

#asidenews ul li #text-aside p a:link {
	color: #10b0ff;
	text-decoration: none;
}

#asidenews ul li #text-aside p a:visited {
	color: #0090c0;
	text-decoration: none;
}

#asidenews ul li #text-aside p a:hover {
	color: #30cfff;
	text-decoration: none;
}

footer {
	border-bottom: 6px solid #00b9ff;
	margin: 0 auto;
	width: 1024px;
}