/* CSS Document */
html {
background:#3999C9 url(../imagenes/fondo.gif) repeat-x;
}
*{
margin:0;
padding:0;
}

body{
background: url(../imagenes/fondoBody.jpg) no-repeat top center;
color: #555;
font-size: 0.8em;
font-family: Helvetica, Arial, sans-serif, Tahoma;
padding-bottom:50px
}

#encabezado {
width: 781px;
height: 301px;
margin: 0 auto;
background: url(../imagenes/fondo-encabezado2.jpg) no-repeat 0 89px;
position: relative
}

#logo {
width: 190px;
height: 141px;
background: url(../imagenes/fondo-logo.jpg) no-repeat;
position: absolute;
top: 7px;
left: 28px;
padding-top:15px
}

#banner {
width: 553px;
height: 91px;
position: absolute;
top: 2px;
right: 0;
_right:-2px
}

/******************************************************************MENU ESPAÑOL********************************************************************************************/
#menu {position: absolute; top:100px;left:218px; background:transparent url(../imagenes/menu.jpg); overflow:hidden;width:558px; height:24px; }
#menu li{list-style:none;float:left;display:inline; }
#menu a {
	display:block;
 	float:left;
   	height:0;
	overflow:hidden;
	text-decoration:none;
	padding-top:24px;
}
#menu a:hover {background:transparent url(../imagenes/menu-hover.jpg) no-repeat 537px 24px;}

#menu a#inicio {width:96px;}
#menu a#quienes-somos {width:135px}
#menu a#servicios {width:108px}
#menu a#enlaces {width:98px}
#menu a#contactenos {width:121px;}

#menu a#inicio:hover {background-position: 0 0; z-index:50;}
#menu a#quienes-somos:hover {background-position: -96px 0; z-index:50;}
#menu a#servicios:hover {background-position: -231px 0; z-index:50;}
#menu a#enlaces:hover {background-position: -339px 0; z-index:50;}
#menu a#contactenos:hover {background-position: -437px 0; z-index:50;}
/*************************************************************************************************************************************************************************/

/******************************************************************MENU INGLÉS********************************************************************************************/
#menu-en {position: absolute; top:100px;left:218px; background:transparent url(../imagenes/menu-ingles.jpg); overflow:hidden;width:558px; height:24px; }
#menu-en li{list-style:none;float:left;display:inline; }
#menu-en a {
	display:block;
 	float:left;
   	height:0;
	overflow:hidden;
	text-decoration:none;
	padding-top:24px;
}
#menu-en a:hover {background:transparent url(../imagenes/menu-ingles-hover.jpg) no-repeat 558px 24px;}


#menu-en a#home {width:96px;}
#menu-en a#who-we-are {width:122px}
#menu-en a#services {width:114px}
#menu-en a#links {width:95px}
#menu-en a#contact-us {width:131px;}

#menu-en a#home:hover {background-position: 0 0; z-index:50;}
#menu-en a#who-we-are:hover {background-position: -96px 0;z-index:50;}
#menu-en a#services:hover {background-position: -218px 0;z-index:50;}
#menu-en a#links:hover {background-position: -332px 0;z-index:50;}
#menu-en a#contact-us:hover {background-position: -427px 0; z-index:50; }
/*************************************************************************************************************************************************************************/

#contenedor {
width:723px;
padding: 0 20px 120px 28px;
background:#deeff6 url(../imagenes/fondo-contenido.gif) no-repeat bottom;
margin: -100px auto 0 auto;
position: relative
}
#contenido {
float: right;
width: 520px;
}
#columna-lateral {
width:180px;
float:left;
text-align: center
}

#selector-idioma {
background: url(../imagenes/fondo-idioma.gif) no-repeat;
width:50px;
height:16px;
text-align: center;
line-height: 16px;
position:absolute;
top:139px;
left:89px;
z-index:99;
font-size: 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold
}

a#selector-idioma  {
color: #fff;
padding: 0 4px;
text-decoration: none
}

h1 {
font-size: 1.2em;
font-family: Trebuchet Ms, Arial
}

p {
margin-top: 20px;
}

#piedepagina {
background: url(../imagenes/fondo-pie.gif) no-repeat ;
border-top:1px solid #aaa;
position:relative;
padding-top:5px;
font-size:10px;
width:771px;
margin: -5px auto 0 auto;
}

.direccion {
text-align: center;
line-height: 1.5em;
font-size:11px;
margin:3px 0 0 0
}

.direccion a {
color: #555
}

.enlaces, .enlaces-en {
list-style:none;
color:#fff;
width:506px;
text-align:center;
margin:13px 0 0 168px;_margin:15px 0 0 168px
}
.enlaces-en {
margin:12px 0 0 152px
}
.enlaces li,  .enlaces-en li {
float:left;
margin-right: 10px
}
.enlaces a,  .enlaces-en a{
color:#fff
}
.enlaces .margin-left {
margin-left: 33px;_margin-left: 16px
}
.enlaces-en .margin-left {
margin-left: 87px;_margin-left: 43px
}
.copyright {
clear:both;
color:#fff;
width:771px;
text-align:center;
margin:45px 0 0 0;_margin:5px 0 0 0
}

.copyright a {
text-decoration: none;
color:#fff;
}

.links a {
text-transform: capitalize;
}
* html .clearfix {height: 1%}
.clearfix {display: inline-block}
html[xmlns] .clearfix {display: block}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}