/* Documento de definición de estilos del sitio ceutaturistica.com (CSS versión 2.1)*/

/*IE no entiende los márgenes auto para centrar el div "contenedor"
pero poniendo en body "text-align: center" IE lo centra todo*/

BODY {
    margin: 0 auto 0 auto;
    background-color: #f5f5f5;
    text-align: center;
}

/*PÁRRAFOS*/
p{
    font-family: Verdana;
    font-style: normal;
    text-align: justify;
}   

.center-p{
    text-align: center;
}   

.sangria{
    text-indent: 50px;
}

.small{
    font-family: Verdana;
    font-style: normal;
    text-align: center;
    font-size: 10pt;
}   


/*FIN PÁRRAFOS*/

/*ENCABEZAMIENTOS*/
h1{
    text-align: center;
    font-family: Verdana;
    color: #669999;
    font-size: 26pt;
    font-weight: normal;
    text-decoration: underline;
    margin: 0px 0px 10px 0px;
}

h2
{
     font-family: Verdana;
     color: brown;
     font-weight: normal;
     text-align: center;
     font-size: 20pt;
     text-decoration: underline;
     clear:both;
}

h3
{
     font-family: Verdana;
     font-weight: normal;
     text-align: left;
     font-size: 14pt;
     text-decoration: underline;
}

h4
{
     font-family: Verdana;
     font-weight: normal;
     text-align: left;
     font-size: 11pt;
     text-decoration: underline;
}

h5
{
     font-family: Verdana;
     font-weight: normal;
     color: #669999;
     text-align: center;
     font-size: 11pt;
     text-decoration: underline;
}

/*FIN ENCABEZAMIENTOS*/

/*IMÁGENES*/
/*para centrar las imágenes*/
img{
    display: block;
    margin: auto;
}

/*Este código no funciona con IE por lo que es necesario crear una clase*/
/*En la página iría <img class="img-centrar" src="ruta">*/

.img-centrar{
text-align: center;
}

/*para poner las imágenes a la izquierda del texto*/

img.float-left { 
    float: left; 
    margin: 4px; 
}

/*para poner las imágenes a la derecha del texto*/

img.float-right { 
    float: right; 
    margin: 4px; 
}
/*FIN DE IMÁGENES*/

/*LISTAS*/
ul{
        list-style-type: square;
}

li {
      margin: 0 0 0 50px;
      padding:0 0 0 0;
}



/*FIN DE LISTAS*/

/*TABLAS*/

table{
    border-color: #bcd2e6;
    border-width: 1px; 
    border-style: solid;
    border-spacing:5px;
    border-collapse: collapse;
    padding:10px;
    font: 10pt Verdana;
    text-align: center; 
    margin: 20px auto 0px auto; 
    empty-cells: show;
}

.table-tabla2{
    width: 95%;
    / width: 98%;
}

td {
      border:1px solid;
      border-color: #bcd2e6;
}

th {
    font-family:Verdana;
    color: #FF6600; 
    border:1px solid;
    border-color: #bcd2e6;
} 

/*FIN TABLAS*/

/*CONTENEDOR*/

#contenedor{
    width: 98%;
    max-width: 1260px;
    min-width: 1000px;
    background-image:url('../img/fondo-1.gif');
    background-color: #f5f5f5;
    text-align: center;
    margin: 0 auto 0 auto;
     font-family:Verdana;
}

/*para centrar el contenedor con IE*/

.centrar{
    position: absolute;
    left:1%;
}

/*FIN CONTENEDOR*/

/*CABECERA*/
#cabecera{
    width:100%;
    height:190px;
    text-align: center;
    overflow:hidden;
    padding: 0px 0px 0px 0px;
    margin: 0 auto 0 auto;
}

a#cabecera {
       display: block;
       width: 950px;
       height: 190px;
       text-align: center;
       background: url('../img/cabecera.jpg') no-repeat;
}

a#cabecera:hover{
      
background: url('../img/cabecera-bis.jpg') no-repeat;
       width: 950px;
       height: 190px;
}

/*FIN CABECERA*/

/*BOTONES NAVEGACIÓN*/
/*color borde #bcd2e6 ,, color fondo #F4F7FB*/

  #tabs1 {
  float:left;
  width:100%; 
  background-image:url('../img/fondo-1.gif');
  
  font-family: Verdana;
  font-size: 10pt;
  line-height:normal;
  text-align:center;
  border-bottom:1px solid #bcd2e6;
      }

    #tabs1 ul {
	margin:0;
	padding:3px 0px 0px 5px;
	list-style:none;
      }

    #tabs1 li {
      display:inline;
      margin:0;
      padding:0;
      }

    #tabs1 a {
      float:left;
      background:url('../img/tableft1.gif') no-repeat left top;
      margin:0;
      text-decoration:none; 
      padding: 0px 0px 0px 4px;
      }

    #tabs1 a span {
      float:left;
      display:block;
      background:url('../img/tabright1.gif') no-repeat right top;
      color:#627EB7; 
      padding: 5px 10px 4px 6px;
      }
#tabs1 a span {float:none;}

#tabs a:hover span {
      color:#627EB7;
      }

    #tabs1 a:hover {
      background-position:0% -42px;
      }
    #tabs1 a:hover span {
      background-position:100% -42px;
      }
/*fin de código de botones de navegación*/

/*código miga de pan*/

#migadepan{
    font: 10pt Verdana;
    text-align: left;
    background-color: #fffaf0;
    padding: 0px 0px 0px 10px;
    border-bottom: 1px solid #bcd2e6;
}

/*fin de código de miga de pan*/

#cuerpo{
    width: 100%;
    margin: 10px auto 0px auto;
    background-image:url('../img/fondo-1.gif');
    background-color: #f5f5f5;
    overflow: hidden;
}

#izquierda{
    float: left;
    width: 16%;
   / width: 17%;
   background-color: #F4F7FB;
    font: 10pt Verdana;
    text-align: center;
    padding-top:10px;
    padding-right:5px;
    padding-left:5px;
    margin-right:5px;
    margin-bottom: -20000px;
    padding-bottom: 20000px;
    border-top: 1px solid #bcd2e6;
    border-right: 1px solid #bcd2e6;
    border-left: 1px solid #bcd2e6;
}

#centro{
    float: left;
    width: 53%;
   / width: 53%;
    margin-bottom: -20000px;
    padding-bottom: 20000px;
    margin-right:5;
    background-color: #fcfcfc;
    padding-top: 10;
    padding-right: 5;
    padding-left: 5;
    font: 12pt Verdana;
    text-align: justify;
    border-top: 1px solid #bcd2e6;
    border-right: 1px solid #bcd2e6;
    border-left: 1px solid #bcd2e6;
}

#derecha{
    float: left;
    width:26%; 
    / width: 27%;
    background-color: #F4F7FB;
    font: 10pt Verdana;
    text-align: center;
    padding-top: 10px;
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: -20000px;
    padding-bottom: 20000px;
    border-top: 1px solid #bcd2e6;
    border-right: 1px solid #bcd2e6;
    border-left: 1px solid #bcd2e6;

}

#dos{
    float: left;
    width:79%; 
    / width: 80%;
    background-color: #fcfcfc;
    padding-top: 10px;
    padding-right: 5px;
    padding-left: 5px;
    margin-left:10px;
    margin-bottom: -20000px;
    padding-bottom: 20000px;
    font: 12pt Verdana;
    text-align: justify;
    border-top: 2px solid #bcd2e6;
    border-right: 2px solid #bcd2e6;
    border-left: 1px solid #bcd2e6;
}

#pagina-index{
    clear:both;
    width:100%;
    height:105px;
    background-image:url('../img/fondo-1.gif');
    background-color: #f5f5f5;
    font: 10pt Verdana;
    margin: 20px 0 0 0;
    padding: 0 0 0 0;
}

#caja1 {
    position:absolute;
    width:31%;
    left:0%;
    background-color: #E0EAF8;
    padding: 0 5px 0 0;
    text-align: justify;
    border-top: 1px solid #bcd2e6;
    border-right: 3px solid #bcd2e6;
    border-bottom: 3px solid #bcd2e6;
    border-left: 1px solid #bcd2e6;
}

#caja2 {
    position:absolute;
    width:31%; 
    / width:32%;
    left:34%;
    / left:33%;
    background-color: #EAF1FB;
    padding: 0 5px 0 0;
    text-align: justify;
    border-top: 1px solid #bcd2e6;
    border-right: 3px solid #bcd2e6;
    border-bottom: 3px solid #bcd2e6;
    border-left: 1px solid #bcd2e6;
}

#caja3 {
    position:absolute;
    width:31%; 
    / width:32%;
    left:68%;
    / left:67%;
    background-color: #F8FBFE;
    padding: 0 5px 0 0;
    text-align: justify;
    border-top: 1px solid #bcd2e6;
    border-right: 3px solid #bcd2e6;
    border-bottom: 3px solid #bcd2e6;
    border-left: 1px solid #bcd2e6;
}

#anunciopie{
    clear:both;
    background-image:url('../img/fondo-1.gif');
    margin: 15px 0 0 0; 
    padding: 0 0 0 0px;
    font: 9pt Verdana;
    text-align:center;
}

#pie{
    background-image:url('../img/fondo-1.gif');
    background-color: #F4F7FB;
    margin: 10px 0 0 0; 
    padding: 0 0 0 0px;
    text-align:center;
    clear: both;
    font: 8pt Verdana;
    color: #bcd2e6;
}