/* style.css */

/* reset */
html, body, p, h1, h2, h3, h4, h5, h6, div, img, table, td, tr, th, span, hr, form, input, textarea, ul, ol, li, blockquote { background: no-repeat; border: 0; padding: 0; margin: 0; }
ul, ol, li { list-style: none; }
table { border-collapse: collapse; }

/* basic structure */
html { height: 100%; }
body { height: 100%; text-align: center; background-color: #222; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000; }
a { color: #000; }
a:hover { color: #EC7405; }
#divPage { position: relative; text-align: left; width: 920px; margin: 0 auto; background-color: #FFF; min-height: 100%; position: relative; background: repeat-y url(../img/MiddleBg.jpg); }
body.Home #divPage { position: relative; text-align: left; width: 920px; margin: 0 auto; background: #FFF; min-height: 100%; position: relative; }
.Pointer { cursor: pointer; }

/* Header menus */
#divHeaderMenus { width: 100%; overflow: hidden; height: 35px; background-color: #FFF; }
#ulMenuLang { float: left; height: 35px; overflow: hidden; }
#ulMenuLang li { height: 19px; padding: 10px 12px 6px; float: left; }
#ulMenuLang li a { text-decoration: none; }
#ulMenuLang li.Selected { color: #EC7405; background-color: #EBEBEB; }
#ulMenuLang li.Selected a { color: #EC7405; }
#ulMenuHeader { float: right; padding: 10px 40px 0px 0px; }
#ulMenuHeader li { display: inline; margin: 0px 0px 0px 18px; padding-right: 22px; background-position: top right; }
#liMenuHeader_Contacto { background-image: url(../img/Contactico.jpg); }
#liMenuHeader_Intranet { background-image: url(../img/Intranetico.jpg); }

/* Header */
#divHeader { height: 191px; background-color: #FFF; position: relative; }
#divHeader a { display: block; position: absolute;  left: 26px; top: 15px; width: 200px; height: 170px; text-decoration: none; }
body.Home #divHeader.Lang_es { background-image: url(../es/img/Header_Home.jpg); height: 272px; }
body.Home #divHeader.Lang_en { background-image: url(../en/img/Header_Home.jpg); height: 272px; }
body.Home #divHeader a { left: 82px; top: 20px; width: 211px; height: 216px; }
body.Grupo #divHeader.Lang_es { background-image: url(../es/img/Header_Grupo.jpg); }
body.Grupo #divHeader.Lang_en { background-image: url(../en/img/Header_Grupo.jpg); }
body.ServInd #divHeader.Lang_es { background-image: url(../es/img/Header_ServInd.jpg); }
body.ServInd #divHeader.Lang_en { background-image: url(../en/img/Header_ServInd.jpg); }
body.ServMov #divHeader.Lang_es { background-image: url(../es/img/Header_ServMov.jpg); }
body.ServMov #divHeader.Lang_en { background-image: url(../en/img/Header_ServMov.jpg); }
body.Logistica #divHeader.Lang_es { background-image: url(../es/img/Header_Logistica.jpg); }
body.Logistica #divHeader.Lang_en { background-image: url(../en/img/Header_Logistica.jpg); }
body.GestCalidad #divHeader.Lang_es { background-image: url(../es/img/Header_GestCalidad.jpg); }
body.GestCalidad #divHeader.Lang_en { background-image: url(../en/img/Header_GestCalidad.jpg); }
body.RrHh #divHeader.Lang_es { background-image: url(../es/img/Header_RrHh.jpg); }
body.RrHh #divHeader.Lang_en { background-image: url(../en/img/Header_RrHh.jpg); }
body.Actualidad #divHeader.Lang_es { background-image: url(../es/img/Header_Actualidad.jpg); }
body.Actualidad #divHeader.Lang_en { background-image: url(../en/img/Header_Actualidad.jpg); }
body.Actualidad #divHeader a { left: 487px; top: 0px; width: 174px; height: 182px; }

/* MenuPral */
#ulMenuPral { position: absolute; left: 0px; top: 226px; width: 100%; overflow: visible; height: 21px; background-color: #FFF; border: solid #FFF; border-width: 4px 0px 4px; }
body.Home #ulMenuPral { top: 307px; }
#ulMenuPral a { text-decoration: none; }
#ulMenuPral li { position: relative; overflow: visible; float: left; margin: 0px 0px 3px 3px; }
#ulMenuPral li.First { margin-left: 0px; }
#ulMenuPral li img { display: block; }
#ulMenuPral ul.MenuPralSub { width: 100%; min-width: 100px; position: absolute; top: 21px; background-color: #DDD; display: none; }
#ulMenuPral ul.MenuPralSub li { float: none; padding: 4px 8px 0px; }
#ulMenuPral ul.MenuPralSub li.Hover { background-color: #FFF; }
#ulMenuPral ul.MenuPralSub li.Hover a { color: #EC7405; }

/* Middle */
#divMiddle { overflow: hidden; padding: 30px 0px 98px; margin-top: 21px; }

/* Home */
body.Home p.SuperText { font-size: 22px; margin: 0px 30px 30px; }
#divHeadlines { width: 916px; margin: 0px 2px 40px; overflow: hidden; background: repeat-y center url(../img/HomeHeadlinesBg.gif); }
#divHeadlines h1 { font-size: 100%; margin: 18px 0px; }
#divHeadlines p { margin: 4px 0px 0px; }
#divHeadlines a { text-decoration: none; }
#divHeadlines div.Headline { width: 194px; margin-left: 28px; float: left; }
#divHeadlines div.Headline.Hover, #divHeadlines div.Headline.Hover a { color: #333; }
#divBanners { width: 916px; margin: 0px 2px 30px; overflow: hidden; background: center repeat-y url(../img/HomeBannersBg.gif); }
#divBanners img.Banner { width: 416px; height: 104px; margin-left: 28px; float: left; }

/* Firm */
#divFirm { float: left; width: 137px; padding-left: 19px; }

/* ManuSec */
#ulMenuSec { float: right; width: 142px; text-align: right; padding: 0px 0px 0px 10px; text-transform: uppercase; }
#ulMenuSec li { border-right: 3px solid #848587; padding: 10px 3px 3px 0px; }
#ulMenuSec > li.Selected { padding: 7px 3px 0px 0px; margin: 3px 0px; }
#ulMenuSec li.Selected { border-color: #EC7405; }
#ulMenuSec li.Selected > a { color: #EC7405; }
#ulMenuSec li.First { padding-top: 0px; margin-top: 0px; }
#ulMenuSec ul { margin: 12px 0px; }
#ulMenuSec ul li { border-right: 0px; padding: 0px 0px 6px 0px; }

/* Content */
#divContent { float: right; width: 505px; margin-right: 20px; padding: 0px 0px 36px 57px; }
* html #divContent { padding-bottom: 136px; } /* Hack for IE6 */
body.ServInd #divContent { padding-top: 93px; background: no-repeat 57px 0px url(../img/Content_ServIndBg.jpg); }
body.ServMov #divContent { padding-top: 93px; background: no-repeat 57px 0px url(../img/Content_ServMovBg.jpg); }
body.Logistica #divContent { padding-top: 93px; background: no-repeat 57px 0px url(../img/Content_LogisticaBg.jpg); }

/* Content text styles */
#divContent p, #divContent h1, #divContent h2, #divContent ul, #divContent blockquote { margin-right: 50px; }
#divContent h1 { font-size: 18px; font-weight: normal; }
#divContent h1.NotFirst { padding-top: 18px; }
#divContent h1.TextBlocks { text-transform: uppercase; font-size: 110%; font-weight: bold; }
#divContent h2 { font-size: 15px; margin-top: 18px; }
#divContent p { margin-top: 18px; line-height: 1.3em; }
#divContent p.NoSpace, #divContent ul.NoSpace { margin-top: 0px; }
#divContent p.Strong { font-weight: bold; }
#divContent p.SuperStrong { font-weight: bold; font-size: 140%; }
#divContent p.Right { text-align: right; margin-right: 30px; }
#divContent p.Download { text-align: right; margin: 2px 30px 44px; font-size: 10px; text-transform: uppercase; }
#divContent p.Download a { text-decoration: none; }
#divContent p.Download a:hover { color: #333; }
#divContent p.Download img { position: relative; top: 8px; margin-left: 3px; }
#divContent img.Block { display: block; margin-top: 18px; }
#divContent img.Block.First { display: block; margin-top: 0px; }
#divContent img.Right { float: right; margin-right: 0px; }
#divContent ul { margin-top: 12px; }
#divContent ul li { list-style: disc; margin: 6px 0px 0px 14px; }
#divContent hr { border-bottom: 5px solid #BBB; margin: 18px 0px 36px; }
#divContent ul.Years li { list-style: none; margin-top: 9px; padding-left: 5.5ex; position: relative; }
#divContent ul.Years li span.Year { font-weight: bold; position: absolute; top: 0px; left: 0px; }
* html #divContent ul.Years li span.Year { left: -5.5ex; }
#divContent ul ul { margin-bottom: 13px; }
#divContent ul ul li { list-style: none; margin: 3px 0px 0px 16px; padding-left: 9px; background: no-repeat 0px 8px url(../img/ContentLiLiBullet.gif); }
#divContent blockquote { /*font-family: Georgia, serif;*/ line-height: 1.4em; margin-top: 24px; margin-bottom: 18px; font-style: italic; }
#divContent blockquote em { font-style: normal; }

/* Content Form */
table.Form { width: 445px; margin-top: 18px; }
table.Form td { padding-bottom: 8px; vertical-align: top; }
table.Form td.Label { width: 100px; padding: 2px 4px 6px 0px; }
table.Form td.Right { text-align: right; }
table.Form input.Text { border: 1px solid; border-color: #666 #999 #999 #666; padding: 2px; }
table.Form input.Long { width: 340px; }
table.Form input.Short { width: 170px; }
table.Form input.File { border: 1px solid; border-color: #666 #999 #999 #666; padding: 2px; }
table.Form input.Submit { padding: 2px 8px; margin-bottom: 3px; color: white; cursor: pointer; font-weight: bold; background: repeat-x #231F20 url(../img/FormInputButtonBg.jpg); }
table.Form span.FormError { font-weight: bold; font-size: 115%; color: #FF0000; }
p.FormMessage { font-weight: bold; text-transform: uppercase; }

/* Noticias */
#divContent div.Noticia { width: 405px; margin-top: 20px; padding-top: 18px; border-top: 1px solid #CCC; }
#divContent div.Noticia.First { margin-top: 0px; padding-top: 0px; border-top: 0px; }
#divContent div.Noticia span.Date { font-size: 13px; }
#divContent div.Noticia p.Subtitle { margin-top: 4px; margin-bottom: 6px; }
#divContent div.Noticia img { display: block; }
#divContent div.Noticia p { margin-top: 6px; }
#divContent div.Noticia p.Action { font-weight: bold; }
#divContent div.NoticiaDetail span.RoundBorders { display: block; margin-top: 18px; }

/* Round Borders of Noticias */
span.RoundBorders { }
span.RoundBorder { width: 16px; height: 16px; position: absolute; background-repeat: no-repeat; }
span.RoundBorder.LeftTop { background-image: url(../img/round-border-left-top.png); left: 0; top: 0; }
span.RoundBorder.RightTop { background-image: url(../img/round-border-right-top.png); right: 0; top: 0;  }
span.RoundBorder.LeftBottom { background-image: url(../img/round-border-left-bottom.png); left: 0; bottom: 0; }
span.RoundBorder.RightBottom { background-image: url(../img/round-border-right-bottom.png); right: 0; bottom: 0; }

/* Footer y Aviso Legal */
#divFooter { height: 22px; color: #FFF; font-size: 9px; width: 920px; padding-top: 50px; text-align: center; background-color: #000; background-image: url(../img/Footer.jpg); position: absolute; left: 0px; bottom: 24px; }
#divAvisoLegal { height: 16px; color: #FFF; font-size: 9px; width: 920px; padding: 3px 0px 6px; text-align: center; position: absolute; left: 0px; bottom: 0px; background-color: #222; }
#divAvisoLegal a { color: #CCC; }
#divAvisoLegal a:hover { color: #FFF; }

/* Text Frame */
body.TextFrame { background: #FFF; margin: 0; }
body.TextFrame #divContent { float: none; text-align: left; padding: 10px; width: 480px; }
body.TextFrame #divContent p, body.TextFrame #divContent h1, body.TextFrame #divContent h2, body.TextFrame #divContent ul { margin-right: 0; }