@import url(dropdown_menu.css);

@import url(form.css);



html, body {border: 0; margin: 0; padding: 0;}



body {

  	font: 90%/1 arial, helvetica, sans-serif;

	background: url(../images/bg_repeat.jpg) repeat 0 0;

	line-height: 130%;

  	width: 100%;

  	min-width: 970px;

}

/***** Common Formatting *****/



h1, h2, h3, h4, h5, h6 {

  	margin: 0;

  	padding: 0;

  	font-weight: normal;

}



.right {float: right;}



p {margin: 0; padding: 0 0 18px 0;}



ul {list-style: none; margin: 0; padding: 0;}



blockquote {

  	font-family: Georgia, "Times New Roman", Times, serif;

  	font-style: italic;

  	color: #666;

	margin: 10px 20px;

	display: block;

}



blockquote span.open {

	background: url(../images/quote_open.gif) no-repeat left top;

	padding: 0 0 0 15px;

}



blockquote span.close {

	background: url(../images/quote_close.gif) no-repeat bottom right;

	padding: 0 15px 0 0;

}



code {

  	display: block;

  	font: normal 1em arial,Tahoma,sans-serif;

  	background-color: #F5F4F3;

  	border: #E2DBD8 1px solid;

  	color: #666666;

  	padding: 3px 5px;

  	margin: 10px 15px;

  	

}



codo {

  margin: 5px 0;

  padding: 15px;

  text-align: left;

  display: block;

  overflow: auto;  

  font: normal 1em Tahoma,sans-serif;

  /* white-space: pre; */

  border: 1px solid #E5F0FB;

  background: #F4F8FD;

}



pre {

  	padding: 1em;

  	border: 1px dashed #2f6fab;

  	color: black;

  	background-color: #f9f9f9;

  	line-height: 1.1em;

}



small {font-size: 0.85em;}



big {font-size: 1.4em;}



.red {

	color: #FF0000;

}





/***** Links *****/



a {

  	text-decoration: none;

  	color: #0099CC;

}



a:hover {text-decoration: none; color: #00CCFF;}



a img {

  border: none;/*remove border for linked images*/

}

/***** Global Classes *****/

.clear {clear: both;}



.alignleft {display: block; float: left;}



.alignright {display: block; float: right;}



.aligncenter {

  	display: block;

  	text-align: center;

  	margin: 0 auto;

}



.endOfSection {

  	clear: both;

  	width: 100%;

  	height: 0;

  	line-height: 0;

  	font-size: 0;

  	padding: 0;

  	margin: 0;

  	border: 0;

}



/* images */

img {border: none;}



img.alignleft,

img.alignright,

img.aligncenter {

	display: block;

	padding: 3px;

	background: #F5F4F3;

	border: 1px solid #E8E4E2;

}



img.alignleft {

	float: left;

	margin: 0 10px 2px 0;

}



img.alignright {

	float: right;

	margin: 0 0 2px 10px;

}



img.aligncenter {

	margin: 5px auto;

}



/***** Main Layout ****/



#container {

  	width: 100%;

  	height: 100%;

  	text-align: center;/* IE fix to center the page */

  	background: url(../images/bg.jpg) repeat-x 0 0;

	position: relative;

	z-index: 0;

}



#wrapper {

  	width: 960px;

  	background: url(../images/bg_content1.jpg) repeat-y top left;

  	margin: 0 auto;/* center the page in Firefox */

  	text-align: left;

	position: relative;

	z-index: 2;

}



/***** TOP PAGE *****/

#top {

	height: 90px;

	padding: 0 50px 5px;

  	background: #F4F4EA url(../images/bg.jpg) repeat-x 0 0;

}



#top .logo {

	width: 64px;

  	height: 80px;

  	float: left;

  	clear: left;

  	margin-top: 15px;

	margin-left: 20px;

  	background: url(../images/fotocopiadora.jpg) no-repeat;

}



#top .logo a span {

	color: #66FF00;

}





#top .logo a {

	display: block;

	width: 100%;

	height: 100%;

	color: white;

	font-size: 2.0em;

	padding-left: 70px;

	line-height: 75px;

}



#top .logo a:hover {

	color: white;

}



/* Login */

#top ul.login {

  	height: 36px;

	width: auto;

  	float: right;

  	clear: right;

  	font-weight: bold;

	line-height: 36px;

	margin-right: 50px;

  	color: white;

  	font-size: 80%;

	text-align: center;

  	background: url(../images/login_r.jpg) no-repeat right 0;

	padding-right: 40px;

}



#top ul.login li.left {

  	background: url(../images/login_l.jpg) no-repeat left 0;

  	height: 36px;

	width: 40px;

	padding: 0;

	margin: 0;

  	display: block;

	float: left;

}



#top ul.login li {

 	text-align: left;

  	padding: 0 6px;

	display: block;

	float: left;

	height: 36px;

  	background: url(../images/login_bg.jpg) repeat-x 0 0;

}



#top ul.login li a {

	color: #8EF433;

}



#top ul.login li a:hover {

	color: white;

}



/***** HEADER *****/

#header {

	width: 100%;

	height: 198px;

	background: url(../images/header2.jpg) no-repeat;

	position: relative;

	z-index: 1;

	color: white;

	font-family: "Trebuchet MS",Tahoma, Arial, sans-serif;

}



#header .intro {

	width: 500px;

	height: 130px;

	padding: 50px 0 0 30px;

}



#header .intro h1 {

	font-size: 1.8em;

	padding: 5px 0 5px 0;

	font-weight: bold;

	text-transform: uppercase;

}



#header .intro h2 {

	font-size: 1.4em;

	padding: 0;

	margin: 0;

	font-weight: bold;

}



#header .intro p {

	font-size: 1.2em;

	padding: 0;

	margin: 0;

	color: #333;

}



/***** Search Box *****/

#header #searchform {

	position: absolute;

	z-index: 2;

	left: 600px;

	top: 180px;

	width: 205px;

}



#header #searchform .searchField {

	border: none;

	background: transparent;

	width: 158px;

	height: 23px;

	line-height: 23px;

}



#header #searchform .searchSubmit {

	background: transparent url(../images/searchButton.jpg) no-repeat 0 0;

	width: 40px;

	height: 26px;

	border: none;

	cursor: pointer;

}



#content1 {

	padding: 0 0 0 0;

}



/***** central *****/

#central {

	float: left;

	width: 335px;

	padding: 0;

	margin: 0;

	align:left;

}

#central p {

	padding: 5px 0  5px;

}





/***** NOTE *****/

#note {

	float: left;

	width: 650px;

	height: 735px;

	padding: 0 0 0 0;

	margin: 0 0 0 5px;

	background: #5297a2;

	text-align: justify;

	font-size: 0.9em;

}



#note h1 {

	height:112px;

	font-size: 1.4em;

	margin: 0 0 0 0;

	color: #006699;

	background: #5297a2 url('../images/agenpri_footer1.jpg') no-repeat bottom;

}



#note h2 {

	height: 140px;

	font-size: 1.9em;

	padding: 0 0 0 100px;

	margin: 0 0 0 0;

	color: white;

	font-family: "Trebuchet MS",Tahoma, Arial, sans-serif;

	background: #5297a2 url(../images/agenpri_top1.jpg) no-repeat top;

}



#note h3 {

	float: none;

	height: 450px;

	width: 602px;

	margin: 0 0 0 24px;

	padding: 0 0 0 0;

	font: normal 3em EscolarRegular;

	background: #5297a2 url(../images/agenpri_mid2.jpg) repeat-y;

	line-height: normal;

}



#note h4 {

	height: 140px;

	font-size: 1.9em;

	padding: 0 0 0 100px;

	margin: 0 0 0 0;

	color: white;

	font-family: "Trebuchet MS",Tahoma, Arial, sans-serif;

	background: #5297a2 url(../images/agenpri_top2.jpg) no-repeat top;

}



#note p {

	width: 450px;

	padding: 0px 0  0px 75px;

	margin: 0 0 0 0;

}



/***** CONTENT *****/

#content {

	float: left;

	width: 335px;

	padding: 20px;

	margin: 0;

	text-align: justify;

	font-size: 0.9em;

}



#content h1 {

	background: #F8F7F3 url(../images/post_h1.jpg) no-repeat 0 bottom;

	border: #EEEEDF 1px solid;

	height: 20px;

	font-size: 1.4em;

	font-variant: small-caps;

	font-weight: bold;

	padding: 5px 0 0 30px;

	margin: 10px 0;

	color: #006699;

}



#content h2 {

	background: #F8F7F3 url(../images/post_h2.jpg) no-repeat 0 bottom;

	border: #EEEEDF 1px solid;

	height: 20px;

	font-size: 1.4em;

	font-variant: small-caps;

	font-weight: bold;

	padding: 5px 0 0 30px;

	margin: 10px 0;

	color: #65C80B;

}



#content h3 {

	background: #FF9D9D url(../images/error.gif) no-repeat 5px 4px;

	display: block;

	min-height: 35px;

	width: 565px;

	float: left;

	margin: 10px 0;

	padding: 7px 10px 7px 40px;

	border-top: #FF3300 1px solid;

	border-bottom: #FF3300 1px solid;

	line-height: normal;

}



#content h4 {

	font-size: 1.2em;

	color: #333;

	font-weight: bold;

	margin: 10px 0 10px 20px;

}



#content h5 {

	

	display: block;

	min-height: 35px;

	margin: 10px 0;

	padding: 7px 10px 7px 30px;

	font-size: 1.0em;

	font-variant: small-caps;

	border: #000000 1px solid;

	line-height: normal;

}



#content a {

  	text-decoration: none;

  	color: #0099CC;

}



#content a:hover {

	text-decoration: underline; 

	color: #000;

}



#content p {

	padding: 5px 0  5px 15px;

}



#content ul, #content ol {

	padding: 5px 0 5px 20px;

	margin-left: 15px;

}



#content ul li {

	background: url(../images/bullet.jpg) 0 6px no-repeat;

	padding-left: 15px;

}



#content .lock {

	width: 920px;

	height: 64px;

	background: url(../images/lock.jpg)  no-repeat right -4px;

	position: relative;

	z-index: 1;

	color: white;

	font-family: "Trebuchet MS",Tahoma, Arial, sans-serif;

}



#content .unlock {

	width: 920px;

	height: 64px;

	background: url(../images/unlock.jpg)  no-repeat right -4px;

	position: relative;

	z-index: 1;

	color: white;

	font-family: "Trebuchet MS",Tahoma, Arial, sans-serif;

}



#content .churro {

	width: 640px;

	height: 64px;

	background: url(../images/unlock.jpg)  no-repeat right -4px;

	position: relative;

	z-index: 1;

	color: white;

	font-family: "Trebuchet MS",Tahoma, Arial, sans-serif;

}



#content .lock h2 {

	background: #F8F7F3 url(../images/post_h2.jpg) no-repeat 0 bottom;

	border: #EEEEDF 1px solid;

	height: 20px;

	width: 820px;

	font-size: 1.4em;

	font-variant: small-caps;

	font-weight: bold;

	padding: 5px 0 0 30px;

	margin: 10px 0;

	color: #65C80B;

}



#content .unlock h2 {

	background: #F8F7F3 url(../images/post_h2.jpg) no-repeat 0 bottom;

	border: #EEEEDF 1px solid;

	height: 20px;

	width: 820px;

	font-size: 1.4em;

	font-variant: small-caps;

	font-weight: bold;

	padding: 5px 0 0 30px;

	margin: 10px 0;

	color: #65C80B;

}

#content .churro h2 {

	background: #F8F7F3 url(../images/post_h2.jpg) no-repeat 0 bottom;

	border: #EEEEDF 1px solid;

	height: 20px;

	width: 540px;

	font-size: 1.4em;

	font-variant: small-caps;

	font-weight: bold;

	padding: 5px 0 0 30px;

	margin: 10px 0;

	color: #65C80B;

}









/* Back to top */



#content a.backToTop {

	display: block;

	clear: both;

	width: 100%;

	height: 20px;

	margin-top: -5px;

	margin-bottom: 4px;

	background: url(../images/content_backToTop.jpg) no-repeat right 0;

}



#content a:hover.backToTop {

	border: none;

	background: url(../images/content_backToTop.jpg) no-repeat right -20px;

}



/* content typography */

#content .dwnld,

#content .note,

#content .error {

	display: block;

	width: 565px;	

	min-height: 35px;

	float: left;

	margin: 10px 0;

	padding: 7px 10px 7px 40px;

	border-top: #EBE8D7 1px solid;

	border-bottom: #EBE8D7 1px solid;

	line-height: normal;

}



#content .dwnld {background: #EBFEDA url(../images/dwnld.jpg) no-repeat 5px 4px;}



#content .note {background: #FFF9D7 url(../images/info.jpg) no-repeat 5px 4px;}



#content .error {

	background: #FF9D9D url(../images/link.jpg) no-repeat 5px 4px;

	border-top: #FF3300 1px solid;

	border-bottom: #FF3300 1px solid;

	min-height: 20px;

}



/***** SIDEBAR1 *****/

#sidebar1 {

	float: left;

	width: 280px;

	padding-left: 30px;

	margin-left: 5px;

	font-size: 0.8em;

	background: url('../images/sidebar_bg1.jpg') no-repeat 0 0;

}



#sidebar1 h2 {

	font-size: 1.4em;

	font-variant: small-caps;

	color: #65C80B;

	border-bottom: 1px solid #ccc;

	width: 230px;

	font-weight: bold;

	margin: 20px 0 10px 5px;

	text-align: right;

}



/* News */

#sidebar1 ul#news li  {

	line-height: normal;

	border-bottom: dotted 1px #ccc;

	margin: 0 0 5px 0;

	padding: 0;

}



#sidebar1 ul#news li a img {

	display: block;

	float: left;

	border: #EDEBE9 1px solid;

	background: #F5F4F3;

	padding: 3px;

	margin: 0 5px 0 0;

}



#sidebar1 ul#news li a:hover img {

	border: #ccc 1px solid;

	background: #eee;

}



#sidebar1 ul#news li h3 {

	color: #CC3300;

	font-size: 1em;

	font-weight: bold;

	margin: 0;

	display: block;

	float: left;

	width: 188px;

	padding: 0;

}



#sidebar1 ul#news li p {

	margin: 0;

	padding: 0 0 5px 0;

}



#sidebar1 ul#news li a {

	text-decoration: underline;

}





/***** SIDEBAR *****/

#sidebar {

	float: left;

	width: 250px;

	padding-left: 5px;

	margin: 0 0 10px 10px;

	font-size: 0.8em;

	background: url(../images/sidebar_bg.jpg) no-repeat 0 0;	

}



#sidebar h2 {

	font-size: 1.4em;

	font-variant: small-caps;

	color: #65C80B;

	border-bottom: 1px solid #ccc;

	width: 230px;

	font-weight: bold;

	margin: 20px 0 10px 5px;

}



/* News */

#sidebar ul#news li  {

	line-height: normal;

	border-bottom: dotted 1px #ccc;

	margin: 0 0 5px 0;

	padding: 0;

}



#sidebar ul#news li a img {

	display: block;

	float: left;

	border: #EDEBE9 1px solid;

	background: #F5F4F3;

	padding: 3px;

	margin: 0 5px 0 0;

}



#sidebar ul#news li a:hover img {

	border: #ccc 1px solid;

	background: #eee;

}



#sidebar ul#news li h3 {

	color: #CC3300;

	font-size: 1em;

	font-weight: bold;

	margin: 0;

	display: block;

	float: left;

	width: 188px;

	padding: 0;

}



#sidebar ul#news li p {

	margin: 0;

	padding: 0 0 5px 0;

}



#sidebar ul#news li a {

	text-decoration: underline;

}



/***** FOOTER *****/

#footer {

	clear: both;

	width: 960px;

	height: 150px;

	background: #F4F4EA url(../images/footer_bg.jpg) repeat-x 0 0;

	color: #999;

	font-size: 0.9em;

}



#footer a {

	color: #999;

	border-bottom: 1px dotted #555;

}



#footer a:hover {

	color: #bbb;

	border-bottom: none;

}



#footer .foot_l {

	background: url(../images/footer_l.jpg) no-repeat left top;

	width: 80px;

	height: 74px;

	float: left;

}



#footer .foot_l a {

	display: block;

	width: 100%;

	height: 100%;

	text-decoration: none;

	border: 0;

}



#footer .foot_r {

	background: url(../images/footer_r.jpg) no-repeat right top;

	width: 26px;

	height: 74px;

	float: right;

	clear: none;

}



#footer .foot_content {

	display: block;

	clear: none;

	width: 800px;

	float: left;

	clear: none;

	padding: 10px 0 0 0;

	text-align: center;

}



#footer .foot_content p {

	margin: 0;

	padding: 0;

	line-height: 20px;

}



#footer .foot_content .logo {

	display: block;

	width: 196px;

	height: 38px;

	margin-top: 3px;

	float: left;

}



#footer .foot_content .logo a {

	display: block;

	width: 100%;

	height: 100%;

	cursor: pointer;

	border: none;

	background: url(../images/footer_logo.jpg) no-repeat 0 0;

}



#footer .foot_content .logo a:hover {

	display: block;

	background: url(../images/footer_logo.jpg) no-repeat 0 -38px;

}



#footer .foot_info {

	display: block;

	clear: both;

	width: 850px;

	margin: 0 auto;

	text-align: center;

	font-size: 0.80em;

	line-height: normal;

}





/* Back to top */

#footer .backToTop {

	display: inline;

	width: 40px;

	height: 74px;

	float: right;

}



#footer .backToTop a {

	display: block;

	width: 100%;

	height: 100%;

	border: none;

	background: url(../images/footer_backToTop.jpg) no-repeat 0 0;

}



#footer .backToTop a:hover {

	border: none;

	background: url(../images/footer_backToTop.jpg) no-repeat 0 -74px;

}



#footer ul li {

	display: inline;

}



#boton {

	margin: 0 auto;

}



#boton ul {

  width: 275px;

  float: left;

  margin: 0;

  padding: 0;

  text-align: center;

  background:  transparent;

}



#boton ul li {

  display: inline;

  margin: 0;

  padding: 10px 0 0 0;

  list-style: none;

  background:  transparent;

}



#boton ul li a {

  float: left;

  width: 40%;

  height: 4.5em;

  margin: 5px 5px;

  padding: 10px 0 0 0;

  font: 400 1.2em arial, sans-serif;

  letter-spacing: 0.1em;

  height: 90px;

  border: 1px dashed #2f6fab;

  text-decoration: none;

}



#boton ul li a:hover,

#boton ul li a.here {

  height: 90px;

  border: 1px solid #949490;

  background: #F4F8FD;

}



#boton ul li a:hover span.desc,

#boton ul li a.here span.desc {

  color: #553;

}



#boton ul li a span {

  display: block;

  padding: 2px 7px;

}





#boton ul li a span.desc {

  font-size: 0.8em;

  color: #8C8D94;

}



#batan {

	margin: 0 auto;

}



#batan ul {

  width: 585px;

  float: left;

  margin: 0;

  padding: 0;

  text-align: left;

  background: transparent ;

}



#batan ul li {

  display: inline;

  margin: 0;

  padding: 10px 0 0 0;

  list-style: none;

}



#batan ul li a {

  float: left;

  width: 100%;

  height-min: 50px;

  margin: 5px 5px ;

  padding: 10px 10px 10px 10px;

  font: 0.9em arial, sans-serif;

  color: #666666;

  letter-spacing: 0.1em;

  text-decoration: none;

  background: #FFF ;

}



#batan ul li a dwnld {background: #EBFEDA url(../images/dwnld.jpg) no-repeat 5px 4px;}

#batan ul li a note {background: #FFF9D7 url(../images/info.jpg) no-repeat 5px 4px;}

#batan ul li a error {background: #FF9D9D url(../images/link.jpg) no-repeat 5px 4px;}



#batan ul li a:hover.dwnld {

background: #F4F8FD url(../images/dwnld.jpg) no-repeat 5px 4px;

}

#batan ul li a:hover.note {

background: #F4F8FD url(../images/info.jpg) no-repeat 5px 4px;

}

#batan ul li a:hover.error {

background: #F4F8FD url(../images/link.jpg) no-repeat 5px 4px;

}



/* CONTENT TOGGLE */

h6.toggle-heading {

	margin: 0 0 5px 0;

	padding: 0;

}



h6.toggle {

	position: relative;

	font-size: 15px;

	margin: 5px 0 0 0;

	padding: 0 0 0 15px;

	height: 28px;

}



h6.toggle a {

	margin: 0;

	display: block;

	background-color: transparent;

	color: #303030;

	font-size: 15px;

	margin: 0 0 0 15px;

}



h6.toggle span.indicator {

	position: absolute;

	left: 0;

	top: 0;

	height: 20px;

	width: 20px;

	background: url(../images/icon-contentslider1.png) no-repeat 0 0 transparent;

	cursor: pointer;

}



h6.toggle.active span.indicator {

	background: url(../images/icon-contentslider1.png) no-repeat -20px 0 transparent;

}



div.toggle_div {

	background-color: #ffffff;

     -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    -khtml-border-radius: 4px;

	border: 0px solid #eeeeee;

	padding: 12px;

	font-size: 15px;

	line-height: 20px;

	margin: 5px 0 10px 0;

	background-color: #f9f9f9;

}



div.toggle_div p  {

	padding: 0;

	font-size: 15px;

	vertical-align: baseline;

}