html,body{margin:0;padding:0}
body{
	font:76% Verdana, Arial, Helvetica, sans-serif;
	background: #1a637c ;
	color: #000000;	
}

div#header {height:65px;margin:0;}

div#banner {
background-image:url(../images/LOGO.png);
background-repeat:no-repeat;
height:166px;
margin-bottom:15px;
margin-top:-40px;
}

a:link {text-decoration: underline; color:#FFFFFF;}
a:visited {text-decoration: none; color: #000000;}
a:active {text-decoration: none; color:#000000;}
a:hover {text-decoration: underline; color: #180088;}

div#container{text-align:left;}
div#container{width:900px;margin:0 auto;}

p{margin:0 10px 10px;}
 
div#content p{line-height:1.4;}
div#content{width:830px; margin-left:55px; margin-bottom:45px;}

div#extra{background:#FF8539}
div#extra{float:left;clear:left;width:200px}

hr {
  border: none;
  background-color: #FFFFFF;
  color: #FFFFFF;
  height: 1px;
   width: 65%;
}

.topRight{
 background:#0F4C57; 
background-image: url(../images/top-right2a.jpg);
background-repeat:no-repeat;
}

.topServ{
background:#0F4C57; 
background-image: url(../images/top-right2a-servicios.jpg);
background-repeat:no-repeat;
}

.faq{
background:#0F4C57; 
background-image: url(../images/faq.jpg);
background-repeat:no-repeat;
}

#text{
background: #d6d4d4;
border-top:none;
border-left: 2px solid #CBC8C8;
border-bottom: 2px solid #CBC8C8;
border-right: 2px solid #CBC8C8;
width:500px;
margin-left:9px;
margin-top:-5px;
padding-top:8px;
}

#text2{
background:#d6d4d4;
border-top:none;
border-left: 2px solid #CBC8C8;
border-bottom: 2px solid #CBC8C8;
border-right: 2px solid #CBC8C8;
width:239px;
margin-left:3px;
margin-top:-0px;
padding-top:8px;
}

.navBar {
background-image:url(../images/navBAR.png);
background-repeat:no-repeat;
width:250px;
padding:5px;
}

.navBarH{
background-image: url(../images/LONG-BAR.png);
background-repeat:no-repeat;
width:510px;
padding:5px;
}

.dentroBar {
margin-top:-8px;
margin-left:8px;
color: #FFFFFF;
font-family: Calibri;
font-size: 15px;
font-weight:bold;
}

#wrapper {
margin:0px;
}

.img{ margin:0 5px 5px 5px; }


/*navigation begin*/
#nav{
	background-image:url(../images/NAV-BAR.png);
	background-repeat:no-repeat;
	height:62px;
	width: 720px;
	margin-top:-15px;
	z-index:50;
	margin-left: 120px;
}
#menu {
float:right;
width:720px;
margin-top:2px;
padding-left:0px;
}

#navigation
{
padding:0;
margin:0;
color: #FFFFFF;
font-family: Calibri;
font-size: 15px;
font-weight:bold;
white-space:nowrap;
list-style-type:none;
margin-left: 15px;
}
#navigation li {display:inline;}
#navigation li a
{
padding:1em 1em;
color: #FFFFFF;
text-decoration:none;
float:left;
}
#navigation li a:hover
{
color:#000000;
font-weight: bold;
}
/*navigation end*/

/*rounded corners begin*/
.curves{display:block}
.curves *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
 filter: alpha(opacity=80);
 opacity: .8;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  background:#FDF8F8}
.curves1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #a3a66a;
  border-right:1px solid #a3a66a;
  background:#d5d4ba}
.curves2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #6f7718;
  border-right:1px solid #6f7718;
  background:#dfdcc8}
.curves3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #dfdcc8;
  border-right:1px solid #dfdcc8;}
.curves4{
  border-left:1px solid #a3a66a;
  border-right:1px solid #a3a66a}
.curves5{
  border-left:1px solid #d5d4ba;
  border-right:1px solid #d5d4ba}
.curvesfg{
  background:#FDF8F8;
  opacity: .8; /* for all other browsers*/
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*first!*/
 filter: alpha(opacity=80); /* second!*/
 padding:15px;
 }
/*rounded corners end*/

/*footer*/
#footer{
    position: relative;
	text-align: center;
	line-height: 29px;
	z-index:50;
	}
.footer a{
	margin: 15px;
	color:#FFFFFF;
	font-family: Calibri;
    font-size: 15px;
	font-weight:bold;
	text-decoration: none;
}
.footer a:hover{
	color: #000000;
	font-weight:bold;
	text-decoration:none;
}
.footer a:active{
	color: #FFFFFF;
	text-decoration:none;
}
/*footer end*/

/*button MAS*/
.masButton{
width:96px;
margin-left:400px;
margin-top:5px;
margin-bottom:6px;
}

.mas {
 position:relative;
 width:96px;
 height:34px; /* aqui esta el truco */
 text-indent:-9999px;
 background: url(../images/btn_MAS2.png);
 background-position: top left;
 background-repeat:no-repeat;
 border:0px;
}

.mas:hover {
 background-position:0 -34px;/* con esto cambiamos la porcion de imagen que se muestra */
}
/*button MAS end*/

/*button MAPA*/
.mapaButton{
width:110px;
margin-left:120px;
margin-top:4px;
margin-bottom:0px;
}

.mapa {
 position:relative;
 width:98px;
 height:34px; /* aqui esta el truco */
 text-indent:-9999px;
 background: url(../images/BTN-MAPA.png);
 background-position: top left;
 background-repeat:no-repeat;
 border:0px;
}

.mapa:hover {
 background-position:0 -34px;/* con esto cambiamos la porcion de imagen que se muestra */
}
/*button MAPA end*/

/*button DESCARGAR*/
.descButton{
width:130px;
margin-left:20px;
margin-top:0px;
margin-bottom:0px;
}

.descargar {
 position:relative;
 width:97px;
 height:32px; /* aqui esta el truco */
 text-indent:-9999px;
 background:url(../images/BTNS-DES.png);
 background-position: top left;
 background-repeat:no-repeat;
 border:0px;
}

.descargar:hover {
 background-position:0 -34px;/* con esto cambiamos la porcion de imagen que se muestra */
}
/*button DESCARGAR end*/

/*button English*/
.english{
width:97px;
margin-left:715px;
margin-top:-44px;
margin-bottom:20px;
}

.englishB {
 position:relative;
 width:97px;
 height:24px; /* aqui esta el truco */
 text-indent:-9999px;
 background: url(../images/BTNS-eng.png);
 background-position: top left;
 background-repeat:no-repeat;
 border:0px;
}

.englishB:hover {
 background-position:0 -24px;/* con esto cambiamos la porcion de imagen que se muestra */
}
/*button English end*/



img{ border:0; }