﻿html
{
    margin:0px;
    padding:0px;
}

body 
{
    width: 950px;
    margin: auto;
    text-align: center;
    padding: 0px;
    font-family: Mariah;
    text-decoration: none;
    color: #000000;
    background: url('./Imagenes/fondoarabe.gif');

    
}
#idiomas
{   float:right;
    width:50px;
    text-align:right;
    margin-right:25px;
}
#imgTitulo
{
    float:left;
    margin-left:275px;
}

#contenedor
{
    filter:alpha(opacity=100);
    margin:auto;
    width:950px;
    height:100%;
    padding:0px;
    background: url('./Imagenes/fondoarabe.gif');
    overflow:hidden;
    text-align:left;
}

form
{
    margin:0px;
    padding:0px;
}
#cabecera
{
    vertical-align:middle;
    text-align:center;
    
}
#botoneraCosas
{
    width:100%;
    text-align:center;
    margin-top:70px;
}

#titulo
{
    vertical-align:middle;
    
    margin-top:15px;
    
    background-image:inherit;
    font-size:24pt;
    letter-spacing:-3px;
      
}
#titulo strong
{
    float:left;
    text-align:center;
    padding-left:320px;
}
#imagenArabe
{
    margin:60px 0px 0px 50px;
    float:left;
}

#menu
{
   font-size:16pt;
    width:800px;
    text-align:center;
    padding-left:150px;
    text-align:center;
	
}

ul#lista
{
	float:left;

    list-style:none;
    text-align:center;
	margin-left:-33px;
    
}
li.elementolista
{
    float:left;
    width:130px;

}
li.elementolista a:link
{
    text-decoration:none;
    color:Black;
}
.menuImg
{
    text-decoration:none;
    border-width:0px;
    
}
li.elementolista a img
{text-decoration:none;}

li.elementolista a:visited
{
    color:Black;
    text-decoration:none;
}
li.elementolista a:hover
{
    color:Red;
    text-decoration:none;
}
img#arcoarabe
{
    height:468px;
    width:420px;
}
div#textoenarco
{
    width:190px;
    float:left;
    font-size:smaller;
    text-align:center;
    word-spacing:1px;
    letter-spacing:-1px;
    
    line-height:15px;
    margin-top:100px;
    margin-left:40px;
}
div#capalogotipo
{
    position:fixed;
    bottom:0px;
    right:10px;
    
    
}
img#logotipo
{
    width:100px;
}
div#cuerpo
{
    margin:25px 50px 25px 50px;
    text-align:left;
}

.capacosa
{
	float:left;
    margin: 25px 0px 0px 75px;
    width:800px;

}
.capacosatitulo
{
    margin:0px;
    width:400px;
    font-size:larger;
    font-weight:bold;
	float:left;
}
.capacosadescripcion
{
    margin:10px 0px 0px 0px; 
    width:400px;

   
}
.capacosaidioma
{
    margin:10px 0px 0px 0px; 
    width:400px;
    float:left;
  
}

.capacosabotones
{
    margin:10px 0px 0px 0px; 
    width:400px;
    float:left;
   
}
.capacosaimagen
{

	margin-top:5px;
    width:300px;
    float:right;
    text-align:left;
	margin-left:50px;

}
    
  .lineahorizontal
  {
      width:800px;
      height:1px;
      background-color:Black;
      margin-top:10px;
      margin-left:75px;
  }
  #listado
  {
   margin:0px;
   width:100%;
  
  }
  .anular
  {
      position:absolute;
      top:0px;
      left:0px;
      margin:0px;
      width:100%;
      height:100%;
      background-color:Gray;
      filter:alpha(opacity=50);
      
  }
  .login
  {
      position:absolute;
    top:170px;
    left:400px;
    
    border-style:solid;
    border-width:2px;
    width:450px;
    height:200px;
    padding: 25px 10px 10px 25px;
    font-size:larger;
     background: url('./Imagenes/fondoarabe.gif');
  }
  
  .login2
  {
      position:absolute;
    top: 50px;
    left:300px;
    
    border-style:solid;
    border-width:2px;
    width:480px;
    height:500px;
    padding: 25px 10px 10px 25px;
    font-size:larger;
     background: url('./Imagenes/fondoarabe.gif');
  }
  
  .login3
  {
      position:absolute;
    top:180px;
    left:320px;
    
    border-style:solid;
    border-width:2px;
    width:440px;
    height:200px;
    padding: 25px 10px 10px 25px;
    font-size:larger;
     background: url('./Imagenes/fondoarabe.gif');
  }

#datoscontacto
{
    
	float:right;
    width:350px;
    margin-top:150px;
    margin-right:150px;
    text-align:left;
}

#formulariocontacto
{
    float:right;
    text-align:left;
    margin-top:70px;
    margin-right:50px;
}

#imagenadorno
{
    width:200px;
    margin-top:75px;
    margin-left:200px;
    filter:alpha(opacity=100);
    float:left;
}

#imagenadorno2
{
    width:300px;
    margin-top:25px;
    margin-left:75px;
    margin-right:70px;
    margin-bottom:20px;
    filter:alpha(opacity=100);
    float:left;
}


#imagenlateralderecha
{
    float:right;
    margin:25px 0px 0px 0px;
    width:425px;
    filter:alpha(opacity=100);
	    margin-top:10px;
}

#imagenlateralizquierda
{
    float:left;
    margin-top:60px;
    margin-left:0px;
    width:240px;
    height:300px;
    filter:alpha(opacity=100);
}

#imgArco
{
    width:100%;
    height:100%
}

#imgMapa
{
    width:100%;
    
    }

#barco
{
    float:left;
    margin-top:-100px;
    margin-left:190px;
    filter:alpha(opacity=100);
    width:75px;
}

#barco2
{
    float:left;
    margin-top:100px;
    margin-left:-240px;
    filter:alpha(opacity=100);
    width:60px;
}

#recorridoBarco2
{
    width:275px;   
    margin-top:20px;
}

#imgBarco
{
    width:80px;
}

#imgBarco2
{
    width:60px;
}

#textofundacion2
{
    float:left;
    width:400px;
	margin-top:15px;

}

#TextoEnArabe
{
    position:absolute;
    top:140px;
    left:100px;
    width:200px;
    filter:alpha(opacity=100);
}
.textoPortada2
{
    float:left;
    font-size:smaller;
    text-align:center;
    word-spacing:1px;
    letter-spacing:-1px;
    width:550px;
    margin-left:300px;
    margin-top:-70px;
}