/*    
 _ ___ __ _  ___ ___  
| '__ / _` |/ __/ _ \
| |  | (_| | (_| (_)  
|_|   \__,_|\___\___/
                                                                  
*/
img { border:0px; }
/* BASIC RESET */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}

/* HTML ELEMENTS */
body { background-color:#eee; background-size:cover; font:62.5% Georgia,'Times New Roman',serif; letter-spacing:1; min-height:100%; min-width:100%;	width:100%;	height:auto;	position:fixed; }

/* COMMON CLASSES */
.break { clear:both; }

/* HEADER */
#header { width:100%; }
.headerimg { background:no-repeat top center; background-size:cover; position:absolute; min-height:100%; min-width:100%; width:100%; height:auto; position:fixed; }

/* NAVIGATION */
#nav-outer { height:110px; padding-top:11px; position:relative; top:24px; background-image:url("../images/headerbg.png"); }
#navigation { height:100px; width:960px; margin:0 auto; background-image:url("../images/logo.png"); background-position:top left; background-repeat:no-repeat; }

/* SEARCH */
#search { background-color:#051733; float:right; width:220px; padding:10px; }
#searchtxt { padding:3px; width:150px; }
#searchbtn { border:1px solid #eee !important; background-color:#CD2B3A; color:#eee; padding:3px; margin-left:5px; }

/* MENU */
#logo { background:rgba(255, 255, 255, 0.7);height:135px; width:984px; padding:8px; position:relative; border-bottom:2px solid #bcbcbc;}
#logoimg { height:130px; }
#social { position:absolute;top:16px;right:0px;text-align:center; }
#transforma { margin:0 0 0px 0; padding:0; width:750px; height:50px;}
#menu { width:760px; margin:0px; padding:0px; }
#menu ul { width:760px; font-size:9pt; padding:0 0 5px 0; margin:0 0 7px 0; list-style:none; height:30px; position:relative; bottom:50px; left:250px; list-style:none; overflow:hidden; }
#menu ul li { float:left; position:relative; margin:0; font-size:8pt; font-family:arial; border-right:2px solid #297bc1; border-bottom:2px solid #194171;}
#menu ul li a { margin:0; display:block; padding:9px 17px 5px 16px; color:#000000; text-decoration:none; }
#menu ul li a:hover { padding:9px 17px 5px 16px;; color:#ffffff; background:#297bc1; }
#azulbg a { background:#297cc2; color:#fff !important; }

/* HEADER TEXT */
#changetext { margin:0 auto; width:1000px; padding:0px; position:absolute; left:50%; bottom: 10%;}
#headertxt { width:1020px; margin:0 0 0 -48%; font-family:arial; overflow:hidden; position:relative;}
#caption {  color:#fff; padding:0px; width:1000px; z-index:-99; }
#firstline { float:left; background:url(images/prourbano/ftex2.png) no-repeat 40%; color:#000; font-size:13pt; width:550px; height:40px; line-height:40px; margin:52px 0 0 0; padding:0 0 0 20px;}
#firstline label { font-size:14pt !important; }
#secondline { float:right; background:url(http://pp.centramerica.com/pp/bancofotos/445-16690.png) no-repeat -20%; color:#000; text-decoration:none; font-size:16px; padding:10px 10px 0 10px; margin:0;width:400px; height:95px;display:block; text-align:right;}
#secondline:hover { text-decoration:underline; color:#fff; }
#secondline img { height:70px; }

.pictured { background-color:#CC3333; color:#FFF; font-size:12px; padding:9px 16px; text-transform:uppercase; float:left; display:block; clear:both; margin-top:10px; }
.pictured a { font-size:16px; font-style:italic; letter-spacing:0; text-transform:none; color:#FFF; text-decoration:none; }
.pictured a:hover { text-decoration:underline; }

/* CONTROLS */
.btn { height:15px; width:16px; float:left; cursor:pointer; }
#back { background-image:url("images/ssasa/back.png");margin:0 4px 0 0; }
#next { background-image:url("images/ssasa/next.png"); }
#control { background-image:url("images/ssasa/pause.png");margin:0 4px 0 0; }

/* HEADER HAVIGATION */
#headernav-outer { position:absolute; top:20px; left:0px; width:200px; margin:0; height:30px; overflow:hidden;}

/* CONTENT */
#content { margin:0px; padding:0px; }

/* FOOTER */
.footer {
	position:absolute;
	left: 50%;
	bottom:20px;
	width:1020px;
	height:40px;
	margin:0 auto;
}
.footerimg {
	position:relative; 
	left:-47%;
	height:1000px;
}
/*
#scrolldisplay {
	position:absolute;
	top:340px;
	left:500px;
}
*/
#scrolldisplay {
	position:absolute;
	top:458px;
	left:160px;
}