/* Body */

body 
{
 background: background-color: #ffffff;
 color: #000000;
 margin-top:0px;
 margin-left:3px;
 margin-right:3px;
 margin-bottom:0px;

}

/* unvisited link */
a:link {
    color:#3366cc;
}

/* visited link */
a:visited {
    color:#3366CC;
}

/* mouse over link */
a:hover {
    color:#0099FF;
}

/* selected link */
a:active {
    color:#0099FF;
}


/* Common Styles */

    .header_category_name           { color: #000000; font-family: impact, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; text-transform: uppercase; }
    .header_breadcrumb              { color: #666666; font-family: impact, Arial, Helvetica, sans-serif; font-size: 18px; text-transform: uppercase; }
    .header_breadcrumb a            { color: #999999 !important; text-decoration: none; }
    .header_breadcrumb a:hover      { color: #999999 !important; text-decoration: underline; }

    .logo_text                      { font-family: Arial, Helvetica, sans-serif; font-size: 30px;  font-weight: bold; letter-spacing: -0.05em  }
    .logo_sub                       { font-family: Arial, Helvetica, sans-serif; font-size: 14px;  font-weight: bold; letter-spacing: -0.05em  }

    .image_caption                    { font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
    .more_headlines                 { color: #CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; }
    .global_updated                 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; }

    .general_text                   { font-family: Arial, Helvetica, sans-serif; font-size: 16px; }


/* Article Summaries */

    .summary_title                  { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; }
    .summary                        { font-family: Arial, Helvetica, sans-serif; font-size: 16px; }
    .summary_date                   { font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
    
    .summary_breadcrumb            { color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; }
    .summary_breadcrumb a          { color: #999999 !important; text-decoration: none; }
    .summary_breadcrumb a:hover    { color: #999999 !important; text-decoration: underline; }


/* Article Pages */

    .article_title                  { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; }
    .article_text                   { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
    
    .bg_printer_page                { background-color: #FFFFFF; }
    

/* Estilos agregados por mi */

h1 { font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #036; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #369; }


.auto-style12 {
	font-size: small;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

.auto-style13 {
	text-align: right;
}
.auto-style15 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

.auto-style16 {
	font-family: Calibri;
	font-weight: bold;
	font-size: large;
}



/* AQUI EMPIEZA EL MENU HAMBURGUESA */


.nav-button { display: none; } /* hide the navigation button by default */

@media only screen and (min-width: 0px) and (max-width: 1400px) {

	/* Navigation Button
	-------------------------------------------------------- */

	.nav-button {
		display: block;
		position: absolute;
		top: 7px;
		left: 7px;
		width: 50px;
		height: 35px;
		background: url('../images/menu-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/menu-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/menu-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/menu-icon-large.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
		cursor: pointer;
		border: 0 none;
		border-bottom: 1px solid rgba(255,255,255,.1);
		box-shadow: 0 0 4px rgba(0,0,0,.7) inset;
		border-radius: 5px;
		z-index: 999;
		text-indent: -9999px;
	}
	.nav-button:hover { 
		background-color: rgba(0,0,0,.1); 
	}
	.nav-button.open {
		background: url('../images/close-icon-large.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/close-icon-large.png'),    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/close-icon-large.png'),     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background: url('../images/close-icon-large.png'),      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 21px, 100%;
	}

	/* Navigation Bar
	-------------------------------------------------------- */

	body { padding-top: 50px; } 

	.primary-nav {
		width: 100%;
		float: none;
		background-color: #238be3; /* change the menu color */
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		background-image:      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
		display: block;
		height: 50px;
		margin: 0;
		padding: 0;
		overflow: hidden;
		box-shadow: 0 1px 2px rgba(0,0,0,.6);
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 998;
		clear: both;
	}
	.primary-nav li {
		display: none;
		width: 100%;
		font-family: Arial;
	}
	.primary-nav li a {
		display: block;
		width: 90%;
		padding: 10px 5%;
		font-size: 14px;
		font-weight: bold;
		text-shadow: -1px -1px 0 rgba(0,0,0,.15);
		color: white;
		text-decoration: none;
		border-bottom: 1px solid rgba(0,0,0,.2);
		border-top: 1px solid rgba(255,255,255,.1); 
	}
	.primary-nav li a:hover {
		background-color: rgba(0,0,0,.5);
		border-top-color: transparent;
	}
	.primary-nav > li:first-child {
		border-top: 1px solid rgba(0,0,0,.2);
	}

	/* Toggle the navigation bar open  */

	.primary-nav.open { 
		height: auto; 
		padding-top: 50px;
	}
	.primary-nav.open li { 
		display: block; 
	}

	/* Submenus – optional .parent class indicates dropdowns */

	.primary-nav > li:hover > a {
		background: rgba(0,0,0,.5);
		border-bottom-color: transparent;
	}
	.primary-nav li.parent > a:after {
		content: "▼";
		color: rgba(255,255,255,.5);
		float: right;
	}
	.primary-nav li.parent > a:hover {
		background: rgba(0,0,0,.75);
	}
	.primary-nav li ul {
		display: none;
		background: rgba(0,0,0,.5);
		border-top: 0 none;
		padding: 0;
	}
	.primary-nav li ul a {
		border: 0 none;
		font-size: 12px;
		padding: 10px 5%;
		font-weight: normal;
	}
	.primary-nav li:hover ul {
		display: block;
		border-top: 0 none;
	}

} /* End Mobile Styles */