/* CSS Document */

/* CSS reset */
* {  margin:0;padding:0;} 

/*General*/
html, body {
  height: 100%;
  overflow: hidden;
  margin: 0pt;
}  
  
body {
  height: 100%;
  overflow: hidden;
  margin: 0pt;
/*  color:#333;*/
  color:#666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 60%;
	font-style: normal;
	font-weight: normal;
	text-align: left;
/*	background: transparent url(../images/fondo-degradado.png) repeat-x;*/
/*  background-color:#0044ff;*/
  background-color:#EEE;
/*  color:#000033;*/
}


h1 {
  font-size:1.3em;
  margin-bottom:5px;
 /* color:#FF5555;*/
/*  color:#000088;*/
}

h2, h3, h4, h5, h6 {
  font-size:1.2em;
  /*font-style:italic;*/
  margin-bottom:5px;

/*  color:#000066;*/
}

h1, h2{
  /*color:#F55;*/
 /* color:#CB4F00;*/
 color:#CB4F00;
}

h3{
  color:#0057A9;
  border-bottom:dotted 1px #0057A9;
}

h3.sinraya{
  border:none;
  text-transform:uppercase;
}

a.sinraya, a:visited.sinraya{
  text-decoration:none;
}

#textoder h3 {
/*  font-size:1.1em;*/
/*color:#000088;*/
border: none;
}

p{
  font-size:1em;
/*  color:#000066;*/
}

li {
/*  color:#000066;*/
  margin-left:15px;
}


img {
  border:none;
}

a, a:hover, a:visited, a:link, a:active {
  color:#666;
  border:none;
}



.tdder {
  text-align:left;
  width:50%;
}

.barquitos img {
  width:160px;
  height:100px;
}

/*#capitanes td.barquitos img {
  width:100px;
  height:100px;
}*/


#capitanes h2{
  text-align:center;
}



#contenedor{
  width: 1000px; 
  top:0px;
  position: relative; margin-left: auto; margin-right: auto;
/*background: #FFEEDD;
    background: url(../images/DSC02427.JPG) no-repeat;
  position: relative; */
  min-height: 100%; 
  height: auto !important;
  height: 100%; 
}



#gracias {
  position:absolute;
  top:0px;
  right:0px;
  padding-left:5px;
  padding-right:10px;
  width:35%;
  height:300px;
  overflow:auto;
}



#destacados, #noticias {
  position:relative;
  width:190px;
  padding-left:5px;
  padding-right:10px;
}

#destacados h2, #noticias h2{
/*  line-height:2em;*/
  border-bottom:1px dotted #AAC;
}

#noticias a, #noticas a:visited, #noticias a:hover{
  text-decoration:none;
}

#header {
  position:relative;
  top:0px;
  left:0px;
  width:100%;
  height:40px;
 /* border-bottom: 3px solid #CB4F00;*/
}

#logo1 {
  /*position:relative;
  float:left;*/
  position:absolute;
  top:0px;
  left:0px;
/*  background:#FF0000;*/
 /* background: url(../images/proyatelogo1.png) no-repeat;*/
  height:65px;
  width:170px; 
  z-index:9999;
}

#logo2 {
  position:relative;
  top:5px;
/*  background:#FF0000;*/
  background: url(../images/proyatelogo2.png) no-repeat;
  height:25px;
  width:700px; 
  margin-left:auto;
  margin-right:auto;

}

#selector-idiomas {
  position:absolute;
  top:0px;
  right:5px;
  text-align:right;
}

#menu1{
  position:absolute;
  bottom:0px;
/*  left:150px;
  float:left;*/
  left:5px;
  width:850px;
  height:25px;
  padding-left: 150px;  
/*  margin-left:auto;
  margin-right:auto; */


    border-top: 3px solid #CB4F00;
 /* background:transparent url(../images/fondomenu.png) no-repeat right;*/
}

#menu1 a {
	font-weight:bold;

}

#navi {  
	list-style:none;
	margin:0;
	padding:0;
font-family:‘Palatino Linotype’,‘Book Antiqua’,Palatino,serif;
}
#navi li {
	margin:0px;
	padding:0; /*Ya no necesito el padding, tambien quitare el borde que puse antes.*/
	float:left;
	width:120px;
	height:35px;
}


#navi li a {
  display:block; /*Convertimos el vínculo en un bloque.*/
 /* background-image:url(../images/silueta-yate2.png);
  background-position: center bottom;*/
	padding:0px 5px;
	text-decoration:none;
	text-align:center;
font-size:12px;
height:15px;
line-height:10px;
	color:#FFF;

}

#navi li a:hover { /*Ahora vamos con el hover:*/
	color:#CB4F00;
/*	border: 1px dotted #FCF;*/
/*	background-color:#003366;*/
/*  background-image:url(../images/silueta-yate2-hov.png);*/

}
#navi li a:link, #navi li a:active  { /*Ahora vamos con el hover:*/
  border:none;
}
#navi li a.activo{
  color:#CB4F00;
}

/*espaciadores*/
.espaciador-micro{
  height:2px;
}


.espaciador-mini{
  height:5px;
}

.espaciador-normal{
  height:20px;
}

.espaciador-mediano{
  height:50px;
}

.espaciador-grande{
  height:200px;
}

.gris{
  color:#aaaaaa;
}
.grisn{
  color:#666666;
}

.negrita {
  font-weight:bold;
}

#disponibles.icono, #disponibles2.icono {
  width:15px;
  height:15px;
  border-color:#FF0000;
}

#disponibles.icono img, #disponibles2.icono img {
  width:15px;
  height:15px;
}



/*colores footer */
#inferior a, #inferior a:link, #inferior a:visited {
  text-decoration:none;
  color:#333;
 /* background-color:#000066;*/
  padding-left:5px;
  padding-right:5px;
  padding-top:2px;
  padding-bottom:1px;

}

#inferior a:hover {
  color:#339;
}

.minilink {
  font-size:0.9em;
}



.subrayado {
  border-bottom:1px solid #000066;
}

.cabecera{
 /* border-bottom: 1px solid #1A70C2;*/
     border-bottom: 1px solid #666; 
}

.cabecera2{
  /*border-bottom: 1px solid #1A70C2;*/
   border-bottom: 1px solid #666; 
}



.cajacuadrada {
  border-bottom:1px solid #CCC;
  border-right:1px solid #CCC;
  padding-bottom:10px;
  padding-right:5px;
}


#seccion1{
  position:relative;
  width:1000px;
  height:315px;
  top:10px;
  left:0px;
  border: 1px solid #aaa;
}

#seccion12{
  position:relative;
  width:1000px;
  height:275px;
  top:10px;
  left:0px;
  border: 1px solid #aaa;
}


#textoder{
position:relative;
width:199px;
  height:315px;
top:0px;
left:0px;
padding:0px 5px 0px 5px;

border-right:1px solid #aaa;
}

#textoder .abajo{
  position:absolute;
  bottom:5px;
}

#textoizq .abajo{
  position:absolute;

}

#textoizq .abajo{
  right:6px;
   bottom:5px; 
}

#textoder .abajo{
  right:25px;
text-align:center;
}

.abajo a, .abajo-en a{
  text-align:center;

}
#textoder .abajo-en{
  position:absolute;
  bottom:5px;
    width:150px;
}


#textoder .abajo-en{
  right:30px;
text-align:center;
}

#aworld{
  position:absolute;
  top:-100px;

/*top:-130px;*/

  left:-120px;
  /*left:-125px;*/
  text-align:center;

}

#bola{
  position:absolute;
  top:-58px;
 /*top:-88px;*/
  left:-160px;
  /*left:-165px;*/
}

#yach{
  position:absolute;
  top:-65px;
  /*top:-95px;*/
  left:-175px;
  /*left:-180px;*/
  width:150px;
  height:50px;
  border: solid 3px #336;
  
}

#logobola{
    position:absolute;
  top:100px;
  left:1000px;


}

#logobola2{
    position:absolute;
  top:85px;
  left:485px;


}

#logobola3{
    position:absolute;
  top:81px;
  left:485px;


}



#textoder2{
position:relative;
width:199px;
  height:275px;
top:0px;
left:0px;
padding:0px 5px 0px 5px;

border-right:1px solid #aaa;
}



#fotocentral{
position:absolute;
left:211px;
width:580px;
top:0px;
text-align:center;
}

#fotocentral img{
position:relative;
max-width:580px;
height:auto;
/*max-height:315px;*/
max-height:315px;
top:0px;
left:8px;
}

#fotocentral .capi{
  position:relative;
  top:55px;
  width:320px;
  height:200px;
}

#fotocentral2{
position:absolute;
left:211px;
width:580px;
top:0px;
text-align:center;
}

#fotocentral2 img{
position:relative;
width:579px;
height:215px;
top:0px;
left:-1px;
}

#fotocentral3{
position:absolute;
left:210px;
width:580px;
top:0px;

text-align:center;
height:500px;
z-index:9999;
}

#fotocentral3b{
position:absolute;
left:211px;
width:580px;
top:0px;
text-align:center;
}

#fotocentral4{
position:absolute;
left:210px;
width:579px;
top:0px;
text-align:center;
}

#fotocentral4 img{
position:relative;
width:579px;
height:275px;
top:0px;
left:0px;
}
#fotocentral5{
position:absolute;
left:210px;
width:579px;
top:0px;
text-align:center;
}

#fotocentral5 img{
position:relative;
width:579px;
height:275px;
top:0px;
left:0px;
}


#textoizq{
position:absolute;
width:200px;
  height:315px;
top:0px;
right:0px;
padding:0px 5px 0px 5px;

border-left:1px solid #aaa;
overflow-y:hidden;
overflow-x:hidden;
}

#textoizq2{
position:absolute;
width:200px;
  height:275px;
top:0px;
right:0px;
padding:0px 5px 0px 5px;

border-left:1px solid #aaa;
overflow-y:auto;
overflow-x:hidden;
}


#seccion2{
  position:relative;
  width:1000px;
  top:20px;
  left:0px;

}

#quienes {
position:relative;
top:0px;
left:0px;
width:490px;
height:140px;
  border:1px solid #aaa;
  padding:5px;
}

#quienes-gran {
position:relative;
top:0px;
left:0px;
width:490px;
height:250px;
  border:1px solid #aaa;
  padding:5px;
}
#quienes-gran2 {
position:relative;
top:0px;
left:0px;
width:620px;
height:250px;
  border:1px solid #aaa;
  padding:5px;
}


#abc{
  position:relative;
  top:0px;
  left:0px;
  width:1px;
  height:0px;
}

#quienes-gran2-modif {
position:relative;
top:297px;
left:0px;
width:620px;
height:250px;
  border:1px solid #aaa;
  padding:5px;
}



.texto_index{
  margin:5px;
}


.transpor a, #quienes3 a, #contacto3 a{
  text-decoration:none;
  border-bottom:1px solid #F55;
}
.links h2{
  text-transform:uppercase;
 /* color:#CB4F00;*/
}


#quienes2 {
position:relative;
top:0px;
left:0px;
width:490px;
height:85px;
  border:1px solid #aaa;
  padding:5px;
}

#quienes3 {
position:relative;
top:0px;
left:0px;
width:490px;
height:20px;
  border:1px solid #aaa;
  padding:5px;
}

#quienes4 {
position:relative;
top:0px;
left:0px;
width:490px;
height:80px;
  border:1px solid #aaa;
  padding:5px;
}

#quienes4 h2, #quienes2 h2, #quienes-gran2 h2, #contacto-gran2 h2{
  text-transform:uppercase;
/*  color:#F55;*/
}

.links a{
  text-decoration:none;
  border-bottom:1px dotted #aaa;
}



#contacto{
position:absolute;
top:0px;
right:0px;
width:480px;
height:140px;
border:1px solid #aaa;
padding:5px;
}

#contacto-gran{
position:absolute;
top:0px;
right:0px;
width:480px;
height:250px;
border:1px solid #aaa;
padding:5px;
}

#contacto-gran2{
position:absolute;
top:0px;
right:0px;
width:350px;
height:160px;
border:1px solid #aaa;
padding:5px;
font-weight:bold;
font-size:1em;
}

#contactoindex{
position:absolute;
top:-5px;
right:0px;
width:480px;
height:140px;
border:1px solid #aaa;
padding:5px;
}


#contacto2{
position:absolute;
top:0px;
right:0px;
width:480px;
height:85px;
border:1px solid #aaa;
padding:5px;
}

#contacto3{
position:absolute;
top:0px;
right:0px;
width:480px;
height:20px;
border:1px solid #aaa;
padding:5px;
}

#contacto4{
position:absolute;
top:0px;
right:0px;
width:480px;
height:80px;
border:1px solid #aaa;
padding:5px;
}

.textransp{
margin:7px 0px 7px 0px;
padding:5px;
border:1px solid #aaa;
}


#recuadrobuscar{
  position:relative;
 /* width:1000px;*/
 width:580px;
  height:100px;
  top:0px;
  left:-1px;
  border-top:1px solid #aaa;

}

#formulariobuscar{
  position:relative;
/*  width:700px;*/
  top:0px;
/*  left:150px;*/
}

#formulariobuscar h2{
/*  border-bottom:1px solid #CB4F00;*/
  font-style:normal;
  line-height:130%;
}

#formulariobuscar .centrado, #formulariobuscar .centrado input, #formulariobuscar .centrado3, #formulariobuscar .centrado3 input{
  position:absolute;
  width:56px;
  height:20px;
  top:77px;
  left:406px;
  border:1px solid #aaa;
  font-size:0.9em;
  background-color:#06c;
  color:#FFF;
}

#formulariobuscar .centrado2, #formulariobuscar .centrado2 input{
  position:absolute;
  width:57px;
  height:20px;
  top:77px;
  left:233px;
  border:1px solid #aaa;
  font-size:0.9em;
  background-color:#06c;
  color:#FFF;
}

.botonazul{
  width:57px;
  height:20px;
  border:1px solid #aaa;
  font-size:0.9em;
  background-color:#06c;
  color:#FFF;

}


#solicita-info{
  padding-right:5px;
}




#solicita-info input, #solicita-info textarea{
  width:100%;
}

.botonazo{
  width:65px;
  height:20px;
  border:1px solid #aaa;
  font-size:0.9em;
  background-color:#06c;
  color:#FFF;

}

#solicita-info .botonazo{
  position:relative;
  left:60px;
  top:5px;
  width:65px;
  height:20px;
  border:1px solid #aaa;
  font-size:0.9em;
  background-color:#06c;
  color:#FFF;
  
}


#formulariobuscar option{
left:180px;
}


.col1{
position:relative;
top:0px;
left:10px;
width:280px;
text-align:left;
}

.col2{
position:absolute;
top:18px;
right:10px;
width:300px;
text-align:right;
}

.col1b{
position:relative;
top:20px;
left:50px;
width:460px;
text-align:left;
}

.col2b{
position:absolute;
top:180px;
right:50px;
width:460px;
text-align:right;
}

.mante1{
  font-weight:bold;
  border-bottom:solid 1px #CB4F00;

}





img.transpotes{
  position:relative;
  top:10px;
  left:10px;
  width:100px;
  height:120px;
  margin-right:60px;
  }

#disponibles{
  position:relative;
  width:100%;
  top:0px;
  left:0px;
}

#disponibles h3, #disponibles h3 a{
  text-transform: uppercase;
  color: #CB4F00;
  border:none; 
}

#disponibles h3{
  border-bottom: 1px #666 solid; 
}

.tabla1, .tabla3{

width:450px;
}

.tabla2{

width:90px;
}




.tabla1a, .tabla2a, .tabla3a{

width:300px;
}



.flotante{
  position:fixed;
  bottom:10px;
  left:250px;
  z-index:6;
  width:150px;
  height:30px;
}

.flotante2{
  position:fixed;
  bottom:10px;
  left:50px;
  z-index:7;
    width:150px;
  height:30px;

}


.flotante3{
  position:fixed;
  bottom:10px;
  left:0px;
  z-index:7;
    width:100px;
  height:30px;

}
/*
.subras1{
  border:1px solid #CCC;
}*/

.subras2{
  font-weight:bold;
 /*border-bottom:1px solid #F55;*/
/* border-bottom:1px solid #0057A9;*/
 border-bottom:1px solid #666;
 color:#0057A9;
}

.subras1{
  border:1px solid #aaa;
  border-bottom:none;
}

.subras3{
  border:1px solid #aaa;
  border-top:none;
  border-bottom:none;
}


.subras4{
  border:1px solid #aaa;

  border-top:none;
}

#servicios3 img{
/*  height:100px;
  width:auto;*/
}

.h2mini{
  font-size:1em;
  /*font-weight:normal;*/
}

#condiciones{
  position:absolute;
  top:0px;
  left:550px;
  width:400px;
  
}

#datos{
  position:relative;
  /*top:100px;*/
}


    .slideshow-thumbnails {
    	height: 300px;
    	left: auto;
    	right: 00px;
    	top: 0;
    	width: 100px;
    }
    .slideshow-thumbnails ul {
    	height: 500px;
    	width: 100px;
    }    


.nohayfoto{
position:relative;
top:55px;
  width:330px;
  height:200px;
}

.grande{
  font-size:1.4em;
  color:#0057A9;
  font-weight:bold;
}

.copi{
	height:20px;
	/*width:500px;*/
	width:100%;
	left:0px;
	position:fixed;
	bottom:0px;
  text-align:center;
  color:#333;
  z-index:-999999;
}

div.texto-titulos{
 /* font-size:1.2em; 
  position: absolute;
  top:367px;
  left:10px;
  */
 /* font-style:italic;*/
}


p.texto-index2{
/*margin-top:32px;*/

}

select{
  color:#CB4F00;
}

.uper{
  text-transform:uppercase;
}

.azul, a.azul, a:visited.azul, a.azula, a:visited.azula{
  color:#0057A9;
}

a.azula, a:visited.azula{
text-decoration:none;
}

hr{
color:#666;
}