/* CSS Document */


body {
margin: auto;
text-align: center;
color: #666;
background: #FF9933 url(imagenes/fondo.jpg) repeat;	
}

p {
font-family: Verdana,Geneva, Arial, sans-serif;
font-size: 80%;
font-weight: 500;
}


#idioma {
padding: 10px;
margin-bottom: 5px;
text-align:left;
margin-left:5px;
}

#castellano{
margin-left: 440px;
}

#contenedor{
margin: 0 auto;
width:780px;
background:#FFFFFF;
margin: -5px 0px 5px-5px;
} 

#cabecera{
background-image: url(imagenes/cabecera.jpg) no-repeat;
}

a {
font-family: Lucida Grande, Arial, sans-serif;
font-size: 100%;
text-decoration: none;
}

h1{
padding-right: 280px;
font-family: Lucida Grande, Arial, sans-serif;
font-size: 120%;
color: #FF6600;
}

h2 {
font-family: Lucida Grande, Arial, sans-serif;
font-size: 100%;
color:#FF6600;
}

.aseguros{
font-family: Lucida Grande, Arial, sans-serif;
font-size: 80%;
color: #666666;
}

/*--------------------------------------------------------MENU-----------------------------------------------*/

#menu {
margin-left: 0px;
}


ul {
margin-left:10px;
padding: 10px 0px;
width:742px;
list-style:none;
background-image: url(imagenes/fondoMenu.jpg);
float:left;
}

html>body ul {
margin-left:17px;
padding: 10px 0px;
width:742px;
list-style:none;
background-image: url(imagenes/fondoMenu.jpg);
float:left;
}


ul li{
background: url(imagenes/bolicheBlanco.jpg) no-repeat left 50%;
padding-left: 10px;
margin-left: 10px;
float:left;
}

html>body ul li{
background: url(imagenes/bolicheBlanco.png) no-repeat left 50%;
padding-left:10px;
padding-top: 3px;
margin-left:7px;
float:left;
}


ul li a {
display: block;
padding: 0 0.3em 0 1.5em;
line-height: 2.1em;
color:#fff;
font-size: 70%;
text-decoration: none;
}

ul a:hover {
color:#333333;
}

#menuCastellano ul {
margin: 10px 0px 10px 9px;
}

html>body #menuCastellano ul {
margin-left:20px;
}


#menuCastellano ul li{
margin-left: 10px;
background: url(imagenes/bolicheBlanco.jpg) no-repeat left 50%;
padding-left:10px;
float:left;
}

html>body #menuCastellano ul li{
margin-left: 3px;
background: url(imagenes/bolicheBlanco.png) no-repeat left 50%;
padding-left:10px;
float:left;
}


ul a {
display: block;
padding: 0 0.2 em;
line-height: 2.1em;
color:#fff;
text-decoration: none;
}

ul a:hover {
color:#333333;
}

#vacio {
height: 50px;
clear:both;
margin-left: 10px;
padding:10px 0px 10px 650px;
background: url(imagenes/FondoVacio.jpg) no-repeat;
}

#vacioContacte {
clear:both;
margin-left: 10px;
padding:10px 0px 10px 650px;
}
 
/*--------------------------------------------------------layout TresCol-----------------------------------------------*/



#izquierda {
float:left;
width: 230px;
margin: 20px 0 20px 20px;
text-align:left;
}

#izquierda h1 {
text-align:left;
}

#centro {
float:left;
width: 230px;
margin: 20px 0 20px 20px;
background: #FFFFFF;
}

#centro p, h1 {
text-align: center;
}


#derecha {
float:left;
width: 230px;
margin: 20px 10px 20px 20px;
text-align: right;
}

html>body #derecha {
float:left;
width: 230px;
margin: 20px 0 20px 20px;
text-align: right;
}


#derecha h1 {
text-align: right;
}

#pie {
clear:both;
background: url(imagenes/fondoPie.jpg) repeat-x;
line-height: 0.1em;
padding: 20px 0px 20px 0px;
}


#pie a{
color: #666666;
}


/*--------------------------------------------------------layout dosCol-----------------------------------------------*/


#home {
margin-bottom: 20px;
}

#quiSom {
margin-bottom: 20px;
}

#experiensia {
margin-bottom: 20px;
}


#izquierdaDos {
float:left;
width: 360px;
margin: 0px 0 20px 20px;
text-align:left;
}

html>body #izquierdaDos {
float:left;
width: 360px;
margin: 0px 0 20px 20px;
text-align:left;
}


#derechaDos {
float:left;
width: 320px;
margin: 50px 0 20px 20px;
padding-left: 0px;
text-align: right;
}

#experiensia #derechaDos{
float:left;
width: 320px;
margin: 50px 0 20px 20px;
padding-right: 12px;
text-align: right;
}


#izquierdaSeguros {
float:left;
width: 300px;
margin: 0px 0 50px 40px;
text-align:left;
}

html>body #izquierdaSeguros {
float:left;
width: 300px;
margin: 0px 0 50px 40px;
text-align:left;
}

#derechaSeguros {
float:left;
width: 360px;
margin: 20px 0 50px 20px;
text-align:left;
}


/*--------------------------------------------------------layout unaCol-----------------------------------------------*/


#areasTreball {
width:760px;
margin-bottom:20px;
padding:20px 0px;
}



#areasTreball h1 {
margin-left:290px;
}

#ICONO {
width:300px;
margin: 20px 0px 40px 50px;
*margin: 20px 0px 40px 10px !important; /*---marginlelft areas para IE7---------*/
}

html>body #ICONO {
width:300px;
margin: 20px 0px 40px 230px;
}


#iconos {
width:100px;
float:left;
margin:0px 0px;
}

*localizacion{
width:760px;
margin-bottom: 20px;
padding:20px;
}

#mapa {
padding:10px 0px 60px 0px;
}

#contacte {
width:760px;
margin-bottom:20px;
}

#contacte h1{
padding-right: 0px;
}


/*---#formulari {
float:left;
margin:20px 0px 20px 100px;
}


html>body #formulari {
float:left;
margin:20px 0px 20px 150px;
}---*/