@import url("reset.css");

body{
  background: #ffffff url("../img/candina-fondo.jpg") 0px 24px repeat-x;
  font-size: 80%;
  font-family: Arial;
}

#envoltorio{
  width: 950px;
  margin: 0px auto 20px auto;
  overflow: auto;
}

#lateral{
  width: 268px;
  height: 645px;
  padding: 20px 21px 0px 39px;
  background: #ffffff url("../img/candina-lateral.jpg") no-repeat;
  text-align: center;
  float:left;
  font-family: helvetica;
}

  #lateral h1{
    font-weight: bold;
    font-size: 1.4em;
    margin: 5px 0px 8px 0px; 
  }
  
  #lateral object{
	margin-left:0.5px;
  }
  
  #lateral ul{
	width:149px; /* 144,164 */
	margin:30px auto 0 auto;
  }
  
   #lateral ul.cast{/* para castellano */
	width:162px;
  }
  
  #lateral ul li{
	overflow:hidden;
	margin:0 0 10px 0;
	color:#454545;
	font-weight:bold;
	line-height:2em;
	text-align:left;
  }
  
  #lateral ul li.cast{/* para castellano */
	margin:0 0 10px 0;
  }
  
  #lateral ul li span{
	float:left;
	width:67px;/*65px*/
	font-size:1.1em;
	line-height:2em;
	text-align:right;
}	

#lateral ul li.cast span{/* para castellano */
		width:80px;
}
     
 * html #lateral ul li span{/* filtro IE6 sólo */
 	line-height:1em;
	height:30px;
	padding-top:10px;
	clear:left;
 }
 
  #lateral ul li a{
  	float:right;
	width:79px;
	background: transparent url(../img/candina-boton-fondo.jpg) no-repeat center;
	text-align:center;
	text-decoration:none;		
	font-weight:normal;
	color:#000;
	font-size:0.9em; /* antes 1em */
  }
  
  * html #lateral ul li a{/* filtro IE6 sólo */
	padding-top:5px;
	height:30px;
  }
  
  #lateral ul li a:hover{
	text-decoration:underline;
  }
    
#cabecera{
  width: 622px;
  height: 147px;
  background: transparent url("../img/candina-cabecera-fondo.jpg") left top no-repeat;
  float: left;
  margin-top: 24px;
}

  #cabecera a{
    color: #d1d1d1;
    text-decoration: none;
  }
  
  #cabecera a:hover{
    text-decoration: underline;
  }

  #cabecera ul.menu{
    margin-top: 50px;
  }
  
    #cabecera ul.menu li{
      color: #ffffff;
      font-size: 1em;
      font-weight: bold;
      float: left;
      width: 160px;
    }
    
      #cabecera ul.menu li ul{
        padding-top: 3px;
      }
      
        #cabecera ul.menu li ul li{
          font-size: 0.9em;
          font-weight: normal;
          float: none;
          padding-top: 2px;
        }
          
          #cabecera ul.menu li ul li a{
            color: #d1d1d1;
            text-decoration: none;
          }
          
          #cabecera ul.menu li ul li a:hover{
            text-decoration: underline;
          }
          
  #cabecera #idiomas{
    width: 117px;
    float: right;
  }
  
    #cabecera #idiomas ul.idiomas{
      border-bottom: 1px dashed #6a6a6a;
      padding-bottom: 8px;
      margin-bottom: 10px;
    }
    
      #cabecera #idiomas ul li{
        margin-bottom: 2px;
      }
      
#contenido{
  width: 622px;
  float: left;
  background: #eaeceb url("../img/candina-contenido-fondo.jpg") repeat-y;
  font-size: 1.1em;
}

  #contenido h2{
    width: 572px;
    height: 43px;
    color: #dfa329;
    font-size: 1.9em;
    font-weight: normal;
    padding: 170px 0px 0px 50px;
    margin-bottom: 7px;
    margin-top: 2px;
  }
  
  #contenido h2.contact{
    background: transparent url("../img/candina-h2-contact.jpg") left top no-repeat;
  }
  
  #contenido h2.history{
    background: transparent url("../img/candina-h2-history.jpg") left top no-repeat;
  }
  
  #contenido h2.staff{
    background: transparent url("../img/candina-h2-staff.jpg") left top no-repeat;
  }
  
  #contenido h2.offices{
    background: transparent url("../img/candina-h2-offices.jpg") left top no-repeat;
  }
  
  #contenido h2.professional{
    background: transparent url("../img/candina-h2-professional.jpg") left top no-repeat;
  }
  
  #contenido h2.services{
    background: transparent url("../img/candina-h2-services.jpg") left top no-repeat;
  }
  
  #contenido h2.legal{
    background: transparent url("../img/candina-h2-legal.jpg") left top no-repeat;
  }
  
  #contenido h2.vacances{
    background: transparent url("../img/candina-h2-vacances.jpg") left top no-repeat;
  }
  
  #contenido #texto{
    width: 622px;
    background: #eaeceb url("../img/candina-texto-fondo.jpg") repeat-y;
  }
  
    #contenido #texto #textocab{
      width: 622px;
      height: 34px;
      background: #eaeceb url("../img/candina-texto-cabecera.jpg") no-repeat;
    }
    
    #contenido #texto #textocont{
      padding: 0px 50px;
    }
      
      #contenido #texto #textocont .borde-lineas-gris{
        border-bottom: 1px dashed #dadada;
      }
      
      #contenido hr.doble-borde-lineas-gris{
        border-top: 1px dashed #dadada;
        border-bottom: 1px dashed #dadada;
        border-left: 0px;
        border-right: 0px;
        height: 2px;
      }
      
      #contenido #texto #textocont h3{
        padding-bottom: 5px;
        margin-bottom: 10px;
      }
      
      #contenido #texto #textocont h3.naranja{
        color: #dfa329;
        font-size: 1.2em;
      }
      
      #contenido #texto #textocont h3.gris{
        color: #969696;
        font-size: 1.2em;
        text-transform: uppercase;
        margin-bottom: 3px;
        padding-bottom: 0px;
      }
      
      #contenido #texto #textocont h3.puntos{
        background: #ffffff url("../img/candina-contact-form-p-fondo.jpg") bottom left no-repeat;
        padding-bottom: 12px;
        margin-top: 15px;
        text-transform: uppercase;
      }
      
      #contenido #texto #textocont h4{
        margin-bottom: 5px;
        font-weight: bold;
        font-size: 1.1em;
      }
      
      #contenido #texto #textocont p{
        padding-bottom: 2px;
        margin-bottom: 13px;
        line-height: 120%;
        overflow: hidden;
      }
      
      #contenido #texto #textocont p.subtitulo{
        font-size: 0.8em;
        padding-bottom: 2px;
        margin-top: -10px;
      }
      
      #contenido #texto #textocont p span.pais{
        float: left;
        width: 150px;
        padding-bottom: 1px;
      }
      
        #contenido #texto #textocont p span.pais a{
          color: #000000;
          text-decoration: none;
        }
        
        #contenido #texto #textocont p span.pais a:hover{
          text-decoration: underline;
        }
      
      #contenido #texto #textocont p span.br{
        width: 300px;
      }
      
      #contenido #texto #textocont p span.naranja{
        color: #dfa329;
        font-size: 1.3em;
        font-weight: bold;
      }
      
      #contenido #texto #textocont p span.destacar{
        font-weight: bold;
        font-size: 1.1em;
      }
      
      #contenido #texto #textocont p a{
        color: #dfa329;
        text-decoration: underline;
      }
      
      #contenido #texto #textocont p a:hover{
        text-decoration: none;
      }
      
      #contenido #texto #textocont ul{
        margin-bottom: 10px;
      }
      
        #contenido #texto #textocont ul li{
          margin-bottom: 3px;
          line-height: 120%;
        }
        
          #contenido #texto #textocont ul li a{
            color: #000000;
            text-decoration: none;
          }
        
          #contenido #texto #textocont ul li a:hover{
            text-decoration: underline;
          }
          
      #contenido #texto #textocont ol{
        background: #ffffff url("../img/candina-4-puntos-naranja.jpg") left top no-repeat;
        margin-top: 15px;
        padding-top: 25px;
      }
      
        #contenido #texto #textocont ol li{
          line-height: 120%;
          background: #ffffff url("../img/candina-contact-form-p-fondo.jpg") bottom left no-repeat;
          padding-bottom: 21px;
          margin-bottom: 10px;
        }
        
        #contenido #texto #textocont ol li.final{
          background: #ffffff url("../img/candina-contact-form-p-fondo-ultimo.jpg") bottom left no-repeat;
          padding-bottom: 25px;
        }
        
          #contenido #texto #textocont ol li span.gris{
            color: #969696;
            font-size: 1.2em;
            font-weight: bold;
          }
      
      #contenido #texto #textocont form.contact{
        background: #ffffff url("../img/candina-4-puntos-naranja.jpg") left top no-repeat;
        margin-top: 15px;
        padding-top: 25px;
      }
      
        #contenido #texto #textocont form.contact p{
          color: #dfa329;
          font-size: 1.2em;
          font-weight: bold;
        }
        
        #contenido #texto #textocont form.contact p.puntos{
          background: #ffffff url("../img/candina-contact-form-p-fondo.jpg") bottom left no-repeat;
          padding-bottom: 21px;
        }
        
        #contenido #texto #textocont form.contact p.puntos-final{
          background: #ffffff url("../img/candina-contact-form-p-fondo-ultimo.jpg") bottom left no-repeat;
          padding-bottom: 25px;
        }
        
        #contenido #texto #textocont form.contact input.datos{
          background-color: #dadada;
          border: 1px solid #dadada;
          width: 522px !important;
          width: 518px;
          margin-top: 5px;
        }
        
        #contenido #texto #textocont form.contact textarea{
          background-color: #dadada;
          border: 1px solid #dadada;
          width: 522px !important;
          width: 518px;
          height: 150px;
          margin-top: 5px;
        }
        
        #contenido #texto #textocont form.contact input.boton{
          background: #dfa329 url("../img/candina-boton-fondo.jpg") no-repeat;
          color: #000000;
          margin-right: 2px;
          text-decoration: none;
          width: 71px;
          height: 22px;
          font-size: 1em;
          text-align: center;
          cursor: pointer;
          border: 0px;
          font-size: 0.7em;
        }
        
        #contenido #texto #textocont form.contact input.boton:hover{
          text-decoration: underline;
        }
        
      #contenido #texto #textocont .servicio{
        overflow: auto;
        margin-top: 20px;
		    clear: both;
      }
      
          #contenido #texto #textocont .servicio img{
            float: left;
            margin-top: 40px;
          }
          
          #contenido #texto #textocont .servicio .descripcion{
            float: right;
            width: 340px;
          }
          
            #contenido #texto #textocont .servicio .descripcion h3{
              color: #dfa329;
              font-size: 1.3em;
              font-weight: bold;
              background: #ffffff url("../img/candina-services-h3.jpg") bottom left no-repeat;
              padding-bottom: 10px;
            }
    
    #contenido #texto #textopie{
      width: 622px;
      height: 156px;
      background: #eaeceb url("../img/candina-texto-pie.jpg") no-repeat;
    }
    
  #contenido #texto #textocont .job{
    border-bottom: 1px solid #000000;
    margin-bottom: 15px;
  }
  
    #contenido #texto #textocont .job h3{
      margin-bottom: 0px;
      text-transform: uppercase;
      font-size: 1.1em;
    }
    
    #contenido #texto #textocont .job p.ciudad{
      margin-bottom: 0px;
      text-transform: uppercase;
    }
    
    #contenido #texto #textocont .job p.descripcion{
      margin-bottom: 5px;
    }
    
  #contenido #pie{
    width: 572px;
    height: 85px;
    background: #ffffff url("../img/candina-pie-fondo.jpg") left bottom no-repeat;
    padding: 20px 50px 0px 0px;
  }
  
    #contenido #pie p{
      border-bottom: 1px dashed #dadada;
      padding-bottom: 3px;
      font-size: 0.9em;
    }