body {
font-family: book antiqua ;
font-size:12px;
background:#FFFFFF;
text-align:center;
margin:0 0 0 0;
}

#page {
  background: #C2C2C3;
  width:810px;
  height:547px;
  margin:0 auto;
  padding:0;
  border: 1px solid #F1F1F1;
}

#leftside {
  background-image: url(../images/home1.jpg);
  background-repeat:no-repeat;
  float:left;
  width:170px;
  height:574px;
}

#leftside_servicios {
  background-image: url(../images/servicios1.jpg);
  background-repeat:no-repeat;
  float:left;
  width:170px;
  height:574px;
}

#leftside_recorridos {
  background-image: url(../images/recorridos1.jpg);
  background-repeat:no-repeat;
  float:left;
  width:170px;
  height:574px;
}

#leftside_flota {
  background-image: url(../images/flota1.jpg);
  background-repeat:no-repeat;
  float:left;
  width:170px;
  height:574px;
}

#leftside_meteorologia {
  background-image: url(../images/meteorologia1.jpg);
  background-repeat:no-repeat;
  float:left;
  width:170px;
  height:574px;
}

#leftside_contacto {
  background-image: url(../images/contacto1.jpg);
  background-repeat:no-repeat;
  float:left;
  width:170px;
  height:574px;
}

#leftside_ubicacion {
  background-image: url(../images/ubicacion1.jpg);
  background-repeat:no-repeat;
  float:left;
  width:170px;
  height:574px;
}

/**********************************/
/******* Estilo menu costado *****/

 .menu{
  width:168px;
  height: 572px;
  float:left;
  font-size:11px;
  font-weight:bold;
  color: #18549E;
}

 .menu a{
  text-decoration:none;
    color:#18549E;
}

.menu a:hover{
  color:#18549E;
}

 .menu a:visited{
  color:#18549E;
}

 .menu .menu1{
  float:left;
  margin-top:325px;
  padding-left:25px;
}

.menu .menu2{
  float:left;
  margin-top:8px;
  padding-left:25px;
}

 .menu .menu3{
  float:left;
  margin-top:10px;
  padding-left:25px;
}

 .menu .menu4{
  float:left;
  margin-top:8px;
  padding-left:25px;
}

 .menu .menu5{
  float:left;
  margin-top:8px;
  padding-left:25px;
}

 .menu .menu6{
  float:left;
  margin-top:8px;
  padding-left:25px;
}

/**********************************/
/******* FIN estilo menu costado */

#content {
  background-image: url(../images/home2.jpg);
  background-repeat:no-repeat;
  float:right;
  width:640px;
  height:574px;
  margin-left:0px;
}

#content_servicios {
  background-image: url(../images/servicios2.jpg);
  background-repeat:no-repeat;
  float:right;
  width:640px;
  height:574px;
}

#content_flota {
  background-image: url(../images/flota2.jpg);
  background-repeat:no-repeat;
  float:right;
  width:640px;
  height:574px;
}

#content_ubicacion {
  background-image: url(../images/ubicacion2.jpg);
  background-repeat:no-repeat;
  float:right;
  width:640px;
  height:574px;
}

#content_meteorologia {
  background-image: url(../images/meteorologia2.jpg);
  background-repeat:no-repeat;
  float:right;
  width:640px;
  height:574px;
}

#content_contacto {
  background-image: url(../images/contacto2.jpg);
  background-repeat:no-repeat;
  float:right;
  width:640px;
  height:574px;
}

#content_recorridos {
  background-image: url(../images/recorridos2.jpg);
  background-repeat:no-repeat;
  float:right;
  width:640px;
  height:574px;
}

#content_crucero {
  background-image: url(../images/crucero.jpg);
  background-repeat:no-repeat;
  float:right;
  width:640px;
  height:574px;
}

 .texto_home { 
 
  float:left;
  width:318px;
  height:89px;	
  margin-top:177px;
  padding-left:108px;
  font-size:11px;
  color:#6B6B6B;
  text-indent: 30px;
  text-align: left;
  overflow-y: auto;
}

 .texto_servicios { 
 
  float:left;
  width:318px;
  height:155px;	
  margin-top:187px;
  padding-left:108px;
  font-size:11px;
  color:#6B6B6B;
  text-indent: 30px;
  text-align: left;
  overflow-y: auto;
}

 .texto_crucero { 
 
  float:left;
  width:318px;
  height:135px;	
  margin-top:187px;
  padding-left:108px;
  font-size:11px;
  color:#6B6B6B;
  text-align: left;
  overflow-y: auto;
}

 .texto_recorridos { 
 
  float:left;
  width:318px;
  height:75px;	
  margin-top:187px;
  padding-left:108px;
  font-size:11px;
  color:#6B6B6B;
  text-align: left;
  overflow-y: auto;
}

 .texto_contacto { 
 
  float:left;
  width:318px;
  height:75px;	
  margin-top:187px;
  padding-left:108px;
  font-size:11px;
  color:#6B6B6B;
  text-align: left;
  overflow-y: auto;
}

 .texto_meteorologia { 
 
  float:left;
  width:318px;
  height:140px;	
  margin-top:187px;
  padding-left:108px;
  font-size:11px;
  color:#6B6B6B;
  text-align: left;
  overflow-y: auto;
}

 .texto_flota { 
 
  float:left;
  width:318px;
  height:75px;	
  margin-top:187px;
  padding-left:108px;
  font-size:11px;
  color:#6B6B6B;
  text-align: left;
  overflow-y: auto;
}


 .texto_ubicacion {
 
  float:left;
  width:318px;
  height:11opx;
  margin-top:187px;
  padding-left:108px;
  font-size:11px;
  color:#6B6B6B;
  text-align: left;
  overflow-y: auto;
  height:140px;	
}


 .contacto {
 
  float:left;
  width:400px;
  height:30px;	
  margin-top:101px;
  margin-left:53px;
  font-size:15px;
  font-weight: bold;
  color:#6B6B6B;
  text-align: left;
}

.contacto a {
  color:#6B6B6B;
}

.contacto a:hover {
  color:#6B6B6B;
}

.ubicacion {
  
  float:left;
  width:400px;
  height:30px;	
  margin-top:-5px;
  margin-left:53px;
  font-weight: bold;
  font-size:15px;
  color:#6B6B6B;
  text-align: left;
}

.ubicacion a {
  color:#6B6B6B;
}

.ubicacion a:hover {
  color:#6B6B6B;
}

 .velero {
 
  float:left;
  width:400px;
  height:30px;	
  margin-top:-55px;
  margin-left:48px;
  font-size:13px;
  font-weight: bold;
  color:#18549E;
  text-align: left;
}

.velero a {
  color:#18549E;
}

.velero a:hover {
  color:#18549E;
}

 .crucero {
 
  float:left;
  width:400px;
  height:30px;	
  margin-top:-30px;
  margin-left:48px;
  font-size:13px;
  font-weight: bold;
  color:#18549E;
  text-align: left;
}

.crucero a {
  color:#18549E;
}

.crucero a:hover {
  color:#18549E;
}
#content .menu { 
  float:left;
  width:318px;
  height:84px;	
  margin-top:177px;
  margin-left:108px;
  font-size:11px;
  color:#6B6B6B;
}

#footer {
  text-align:right;
  font-size:11px;
  font-weight:bold;
  float: left;
  width:812px;
  height:25px;
  background: #EDF8FB;
}

#footer a {
  font-family: arial ;
  color:#747777;
}
#footer a:hover {
  color:#18549E;
}
