/*_____________________basics________________________*/

* {
	margin: 0;
	padding: 0;
}
body {
	background: #2a53a1 url(../images/background_page_05.gif) repeat-y top;
	/*margin: 0 auto;*/
    font: 100%/1.25 normal Georgia, Arno Pro, Times New Roman;
    color: #333333;
}

 /***** Headings *****/

h1, h2, h3, h4, h5, h6 {
  font-weight:normal;
}

h1 {
  letter-spacing:-1px;
  font-size:2em;
}

h2 {
  letter-spacing:-1px;
  font-size:1.2em;
  color: #333333
}

h3 {
  font-size:1em;
  font-weight:bold;
}

.end{
  margin-bottom: 32px;  
}

.linkaog{
  color: #109fc2;
  text-decoration: none;
  font-weight: bold;
}

.nc{
  color: #dc7e00;
  font-weight:normal;
}

/*__________________header_______________________*/

/*________________topmenu__________________*/

#container {
  background-color: #FAFAFA;
  margin: 0 auto;
  width: 780px;
  height: 100%;
}

#menubar {
  background: url(../images/topbar_67.gif) repeat-x;
  width: 780px;
  height: 39px;
}

#openimg {
  background: url(../images/toplogo_01.gif) no-repeat;
  width: 229px;
  height: 39px;
  float: left;
}

#menubar ul{
  list-style: none;
  float: left;
}

#menubar li{
  display: inline;
  float: left;
}

#menubar li a{
  float: left;
  text-decoration: none;
}

#inicio {
  background: url(../images/topmenu_e_55.gif) no-repeat;
  display: block;
  height: 39px;
  width: 41px;
  margin-left: 30px;
  font: 2px  Georgia, "Times New Roman", Times, serif;
  color: #848383;
}

#qs {
  background: url(../images/topmenu_e_57.gif) no-repeat;
  display: block;
  height: 39px;
  width: 62px;
  margin-left: 33px;
  font: 2px  Georgia, "Times New Roman", Times, serif;
  color: #848383;
}

#ac {
  background: url(../images/topmenu_e_59.gif) no-repeat;
  display: block;
  height: 39px;
  width: 100px;
  margin-left: 33px;
  font: 2px  Georgia, "Times New Roman", Times, serif;
  color: #848383;
}

#serv {
  background: url(../images/topmenu_e_61.gif) no-repeat;
  display: block;
  height: 39px;
  width: 54px;
  margin-left: 33px;
  font: 2px  Georgia, "Times New Roman", Times, serif;
  color: #848383;
}

#contc {
  background: url(../images/topmenu_e_63.gif) no-repeat;
  display: block;
  height: 39px;
  width: 72px;
  margin-left: 33px;
  font: 2px  Georgia, "Times New Roman", Times, serif;
  color: #848383;
}

#closeimg {
  background: url(../images/topbar_79.gif) no-repeat;
  display: block;
  float: right;
  height: 39px;
  width: 4px;
}

  /*__________________Content_______________________*/

#content {
  background-color: #FAFAFA;
  width: 780px;
}

/*==================Columnas de igual altura===========================*/
/* Start Mac IE5 filter \*/
#info, #sidebar {
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important;
}
@media all and (min-width: 0px) {
#info, #sidebar {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;

}
#info:before, #sidebar:before {
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;
	background: inherit;
	padding-top: 32767px !important;
	margin-bottom: -32767px !important;
	height: 0;
}
}
/* End Mac IE5 filter */

#content {
	overflow: hidden;
	float: left;
	float/**/: none;
}
	/* easy clearing */
#content:after{
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#content{
	display: inline-block;
}
/*\*/
#content{
	display: block;
}
/* end easy clearing */
#footer{
	clear: both;
}
/* Safari needs this - otherwise the ghost overflow, though painted
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
#footer{
	position: relative;
	z-index: 1000;
}

/*==============aqui termina lo de las columnas de igual altura====================*/

/*________________sidebar__________________*/

#sidebar {
  background: #507abb url(../images/backside_189.gif) repeat-y left top;
  /*border-bottom: 1px solid #ffffff; */
  border-left: 1px solid #ffffff;
  width: 240px;
  float: left;
}

#imgr {
  background: #FFCC33 url(../images/sideright_78.gif) no-repeat right;
  width: 14px;
  height: 415px;
  float: right;
}

#topsidebarint {
  background: url(../images/topsidebarint_08.gif) no-repeat;
  width: 225px;
  height: 36px;
  display: block;
  float: left;
}

#aog {
  background: url(../images/sideopc_92.gif) no-repeat;
  width: 225px;
  height: 62px;
  display: block;
  float: left;
  margin-top: 20px;
  font: 2px  Georgia, "Times New Roman", Times, serif;
  color: #507ABB;
}

#oonl {
  background: url(../images/sideopc_e_86.gif) no-repeat;
  width: 225px;
  height: 62px;
  display: block;
  float: left;
  margin-top: 10px;
  font: 2px  Georgia, "Times New Roman", Times, serif;
  color: #507ABB;
}

#nwc {
  background: url(../images/sideopc_e_110.gif) no-repeat;
  width: 225px;
  height: 62px;
  display: block;
  float: left;
  margin-top: 10px;
  font: 2px  Georgia, "Times New Roman", Times, serif;
  color: #507ABB;
}

#nuc {
  background: url(../images/sideopcint_e_134.gif) no-repeat;
  width: 225px;
  height: 63px;
  display: block;
  float: left;
  margin-top: 10px;
  font: 2px  Georgia, "Times New Roman", Times, serif;
  color: #507ABB;
}

/*________________zoneinfo__________________*/

#info {
  background: #fafafa;
  border-bottom: 1px solid #ffffff;
  width: 539px;
  float: left;
}

#info h1{
  background: url(../images/backtitle_94.gif) repeat-x;
  width: 539px;
  height: 33px;
  margin-top: 14px;
  color: #1a3b7a;
  float: left;
}

#info h3{
  color: #1a3b7a;
  font-weight: bold;
  letter-spacing: 1px;
  margin-left: 80px;
}

#info h4{
  color: #1a3b7a;
  font-weight: bold;
  letter-spacing: 1px;
  margin-left: 80px;
}

#info p{
  float: left;
  width: 490px;
  text-align: justify;
  margin-left: 10px;
  margin-top: 10px;
}

#info blockquote{
  background: #fafafa url(../images/quote.gif) no-repeat left top;
  width: 450px;
  height: 40px;
  margin-left: 5px;
  padding-left: 40px;
  padding-top: 12px;
  font-weight: bolder;
  color: #1a3b7a;
  float: left;
}

#clear{
  clear: both;
}

#callus {
  float: left;
  width: 190px;
  height: 107px;
  background: #ececec url(../images/telf_147.gif) no-repeat left;
  margin-left: 10px;
  padding-top: 5px;
}

#mailus {
  float: left;
  width: 295px;
  height: 107px;
  background: #ececec url(../images/mail_147.gif) no-repeat left;
  padding-top: 5px;
}

#imgsbot{
  background-color: #ffffff;
  width: 509px;
  float: left;
  margin-left: 8px;
}

#imgsinsidetop{
  width: 509px;
  height:3px;
  float: left;
}

#imgsinsideleft{
  background: url(../images/borders_48.gif) no-repeat;
  float: left;
  width: 4px;
  height: 195px;
}

#imgsinsideright{
  background: url(../images/borders_50.gif) no-repeat;
  float: right;
  width: 10px;
  height: 195px;
}

#l{
  float: left;
  margin-left: 6px;
  margin-top: 6px;
}

#r{
  float: left;
  margin-left: 6px;
  margin-top: 6px;
}

#imgsinsidebottom{
  float: right;
  width: 509px;
  height: 11px;
}

/*_____________________________Forms___________________________*/

#imgsform{
  background-color: #ffffff;
  width: 514px;
  float: left;
}

#imgsformtop{
  width: 514px;
  height:9px;
  float: left;
}

#imgsformleft{
  background: url(../images/forms_22.gif) no-repeat;
  float: left;
  width: 5px;
  height: 389px;
}

#leftshort{
  background: url(../images/imgform_27.gif) repeat-y;
  width: 5px;
  height: 100%;
}

#imgsformright{
  background: url(../images/imgform_24.gif) no-repeat;
  float: right;
  width: 10px;
  height: 389px;
}

#rightshort{
  background: url(../images/imgform_29.gif) repeat-y;
  width: 10px;
  height: 100%;
}

#imgsformbottom{
  float: right;
  width: 514px;
  height: 15px;
}
/*_____________________campos_____________*/

#formbox{
  width: 487px;
  margin-left: 5px;
  background: #eeeeee;
  height: 386px;
  float:left;
}

#formbox div{
  width: 487px;
  height: 33px;
  float: left;
}

#formbox img{
  width: 487px;
  height: 386px;
  float: left;
}

#formbox div label{
  width: 150px;
  float: left;
  border-right: #FFFFFF 2px solid;
  height: 27px;
  text-align: right;
  margin-right: 5px;
  padding-top: 6px;
  font-size: 13pt;
}

#formbox div input {
  float: left;
  margin-top: 6px;
}

.requirednc{
  padding-top: 6px;
  float:left;
  color: #dc7e00;
}

.labelback{
  background: url(../images/bklineform_36.gif) repeat-x;
}

.endsection{
  border-bottom: 2px solid #FFFFFF ;
}

#formbox div h3{
  padding-top: 5px;
  color: #333333;
  float:left;
  margin-left:5px;
  margin-right:8px;
}

#formbox #textarea{
  width: 487px;
  float: left;
  height: 120px;
}

#formbox #textarea label{
  width: 150px;
  float: left;
  border-right: 2px solid #FFFFFF;
  height: 115px;
  text-align: right;
  margin-right: 5px;
  padding-top: 6px;
  font-size: 13pt;
}

#formbox #textarea textarea{
  float: left;
  margin-top: 6px;
}

#formbox div #enviar{
  float: right;
  margin-top: 0;
}


/*__________________________end forms________________________*/


#info ul{
  float: left;
  width: 490px;
  text-align: justify;
  margin-left: 10px;
  margin-top: 10px;
}

#info ul li{
  list-style-type: none;
}



/*__________________footer_______________________*/

#footer{
  background: #1a3b7a;
  width: 780px;
  height: 20px;
  clear: both;
  border-top: 1px solid #ffffff;
}

#footer h5{
  color: #FFFFFF;
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: .6em;
  margin-top: 10px;
  margin-bottom: 10px;
}