body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
q:before,q:after { content:'';}
abbr,acronym { border:0;}
strong {font-style:normal;font-weight:bold;}

body{font-family:arial;font-size:11px;color:#606060;}

A {color:#606060;text-decoration:none; outline: 0px; }
A:hover {color:#0185d9;}

span.Bold { font-weight: bold; }
.none { display: none; }

#container {width:100%;height:100%;text-align:center;vertical-align:middle; display: none;}
#content{ position: relative; width:764px;height:526px;background:#91b4d4;margin:auto;text-align:left;overflow:hidden;}
#flash { position: absolute; top: 0px; width: 760px; height: 522px; left:0px; }

#content #language { top: 25px; left: 71px; position: absolute; display: inline; font-size: 9px; color: #fefcfc; }
#content #language LI { float: left; margin-right: 2px; }
#content #language LI { color: #c2c1c7; }
#content #language LI A { color: #c2c1c7; }
#content #language LI.selected  A{ color: #858585; }
.home #content #language LI { color: white; }
.home #content #language LI A { color: white; }
.home #content #language LI.selected  A{ color: #bbd6ef; }

#intro_language {  position: absolute; font-size: 9px; color: #fefcfc; width: 760px; padding: 18px 0px 0px 237px; }
.ie7 #intro_language { float: left; }
#intro_language LI { float: left; margin-right: 2px; }
#intro_language LI { color: #c2c1c7; }
#intro_language LI A { color: #c2c1c7; }
#intro_language LI.selected  A{ color: #858585 !important; }


#content #menuLevel1 { position: relative; top: 388px; left: 70px; width: 180px; }
.webkit #content #menuLevel1 { top: 389px; }
#content #menuLevel1 a { color: #c2c1c7; text-decoration:none;font-size: 9px; letter-spacing: 1px; line-height: 15px; }
#content #menuLevel1 a:hover { color: #606060; }
#content #menuLevel1 ul li { margin-bottom: 2px;}
#mnuHome a { font-size: 8px !important;}
.home #content #menuLevel1 li a { color: white;  }
.home #content #menuLevel1 li a:hover { color: white; }
#content #menuLevel1 li.activa a { color: #606060; }
.home #content #menuLevel1 li.activa a { color: white; }

#content #secciones { width: 630px; height: 300px; left: 70px; top: -10px; position: relative; }
#content #home {position:absolute; top:167px; left: 116px; }

#content #nuestroTrabajo {width:525px;height:135px; position:absolute;  display:none; ldine-height:18px;}
#content #nuestroTrabajo #contentWorkDescription { width: 355px; margin-top: -1px; display:block; position: absolute; right: 5px;  font-size: 9px; letter-spacing: 1px; line-height: 15px;}
#content #nuestroTrabajo #workExample #examplePagination UL { position: absolute; height:30px; right: -115px; top: -41px; }
#content #nuestroTrabajo #workExample #examplePagination UL LI { display:inline;margin:0px 3px 0px 0px; margin-right: 4px; padding-right: 5px; background: url(../img/separador.gif) 100% 3px no-repeat; }
#content #nuestroTrabajo #workExample #examplePagination UL LI.ultimo { background: none; }
#content #nuestroTrabajo #workExample #examplePagination UL LI A { font-size: 11px; font-weight: bold;}
#content #nuestroTrabajo #workExample #workPhoto { text-align:center;height:300px; margin-top: 9px; position: relative; width: 630px; }
#content #nuestroTrabajo #workExample #workPhoto IMG { }

#content #menuNuestroTrabajo { position: absolute; bottom: 0px;  }
#content #menuNuestroTrabajo #workTypeMenu { left: 100px; text-align:left; width:130px; height: 95px;}
#content #nuestroTrabajo .workSubMenu { margin:0px; padding: 0px; display: none; line-height: auto !important;}
#content #nuestroTrabajo .workSubMenu LI { padding: 0px; margin: 0px 7px 0px 0px;}
#content #nuestroTrabajo .workSubMenu li { width: 110px; }
#content #nuestroTrabajo .workSubMenu LI SPAN {display:none;}
#content #nuestroTrabajo #identidadMenu {display:none;}


#menuLevel2 { display: none; position: absolute; bottom: 48px; left: 169px; width: 130px; height: 90px; overflow: hidden; }
#menuLevel2 ul#workTypeMenu { line-height: 15px;}
#menuLevel2 ul#workTypeMenu li { margin-bottom: 0px; }
#menuLevel2 ul#workTypeMenu li a { font-weight: normal;}
	
#content #nuestroTrabajo #workContainer { width: 110px;  overflow:hidden; position: absolute; left: 224px; top: 323px; height: 90px; }

#content #nuestroTrabajo #workContainer ul li { line-height: 15px;}
#content #nuestroTrabajo #workContainer ul li a { text-transform: none;}
#content #nuestroTrabajo #contentWorkDescription { position: absolute; top: 324px; left: 351px;  width: 280px; line-height: 15px; height: auto; }
.webkit #content #nuestroTrabajo #contentWorkDescription { top: 326px; }
.ie #content #nuestroTrabajo #contentWorkDescription { top: 326px; }

#content #nuestroTrabajo #prev a { cursor: pointer; position: absolute; left: 224px; top: 308px; width: 8px; height: 7px; background: url(../img/previo.gif) 0px 0px no-repeat; }
#content #nuestroTrabajo #next a { cursor: pointer; position: absolute; left: 224px; top: 422px; width: 8px; height: 7px; background: url(../img/siguiente.gif) 0px 0px no-repeat;}
.webkit #content #nuestroTrabajo #prev a { top: 310px; }
.webkit #content #nuestroTrabajo #next a { top: 425px;}

#content #nuestroTrabajo #prev,
#content #nuestroTrabajo #next { display: none; }
#content #nuestroTrabajo #prevWT,
#content #nuestroTrabajo #nextWT { display: none; }
#content #nuestroTrabajo #prevWT a { cursor: pointer; position: absolute; left: 100px; top: 308px; width: 8px; height: 7px; background: url(../img/previo.gif) 0px 0px no-repeat; }
#content #nuestroTrabajo #nextWT a { cursor: pointer; position: absolute; left: 100px; top: 422px; width: 8px; height: 7px; background: url(../img/siguiente.gif) 0px 0px no-repeat;}

#content #nuestroTrabajo P {width:360px;height:60px;float:right;line-height:14px;overflow:hidden; margin-top: 0px;}
.webkit #nuestroTrabajo P { position: absolute; left: 175px;}
 
#content #esencia {  position: absolute; top: 50px; display:none; line-height:18px; color: #878686; font-size: 12px;}

#content #estudio { width:540px;height:276px; top: 10px; position:absolute; display:none;}
#content #estudio IMG { top: 0px; position: absolute;}
#content #estudio #navStudio { position: absolute; top: -48px; right: -32px; }
#content #estudio #navStudio UL { }
#content #estudio #navStudio UL LI { float: left; margin-right: 4px; padding-right: 5px; background: url(../img/separador.gif) 100% 3px no-repeat; }
#content #estudio #navStudio UL LI.ultimo { background: none; padding-right: 0px; margin-right: 0px;}
#content #estudio #navStudio UL LI A { font-weight: bold; color: #c2c1c7; }
#content #estudio #navStudio UL LI A.activo { color: #858585;}

#content #hablemos {position:absolute; top: 17px; left: 0px; font-size:14px;display:none;}
#content #hablemos P {line-height:20px;}
#content #hablemos H1 {width:315px;height:76px;overflow:hidden;text-indent:-1000px;background:url(../img/logohablemos.gif) no-repeat;margin:0px 0px 10px 0px;}
#content #hablemos P strong {display:block;margin:0px 0px 40px 0px;}

.comunicacionMenu,.identidadMenu,.packagingMenu,.webMenu{text-transform:uppercase;font-weight:bolder;font-size:10px;color:#cdcdcd;}

.comunicacionMenu:hover {color:#0185d9;}
.identidadMenu:hover {color:#cd1419;}
.packagingMenu:hover {color:#6fad25;}
.webMenu:hover {color:#fe7317;}

.homeMenu {color:#fff;}
.sectionMenu {color:#cdcdcd;}
.selectedMenu {color:#606060;}

.homeMenu:hover,.sectionMenu:hover,.selectedMenu:hover {color:#606060;}

#flash_video { display: none; position: absolute; margin: 0px auto 0px auto; top: 0px; width: 330px; height:290px; padding: 18px 0px 0px 10px; background: #7c7c7c; }
#flash_video A { float: right; margin-top: -290px; margin-right: 10px;display: block; font-weight: bold; color: white; text-transform: uppercase; font-size: 10px;}

#mnuHome { text-transform: uppercase;}


div#loading {
	width: 540px; height: 20px; padding-top: 0px; position: relative; margin: 0px auto 0px auto; 
	text-align: center; display: none;
	z-index: 99999;
}
div#loading img { float: left; margin-right: 540px; margin-left: -50px;}
div#loading span{
	font-size: 11px;
	font-weight: normal;
	font-family: Arial;
	color: #D8D8D8;
  display: block; width: 20px; float: left;
}
div#loading span.over { color: #9bb2c4; }