/* 2015-03-27: Pongo nuevos fonts Open Sans y Montserrat */ HTML { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } BODY { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } DIVXXX { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } SPANXXX { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } APPLET { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } OBJECT { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } IFRAME { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } H1 { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } H2 { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } H3 { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } H4 { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } H5 { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } H6 { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } P { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } BLOCKQUOTE { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } PRE { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } A { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } ABBR { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } ACRONYM { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } ADDRESS { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } BIG { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } CITE { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } CODE { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } DEL { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } DFN { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } EM { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } FONT { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } IMG { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } INS { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } KBD { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } Q { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } S { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } SAMP { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } SMALL { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } STRIKE { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } STRONG { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } SUB { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } SUP { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } TT { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } VAR { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } B { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } U { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } I { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } CENTER { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } DL { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } DT { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } DD { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } OL { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } ULXXX { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } LIXXX { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } FIELDSET { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } FORM { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } LABEL { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } LEGEND { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } TABLE_XXX { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } CAPTION { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } TBODY { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } TFOOT { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } THEAD { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } TRXXX { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } TH { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } TDXXX { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; PADDING-LEFT: 0px; OUTLINE-WIDTH: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-SIZE: 100%; VERTICAL-ALIGN: baseline; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px } BODY { LINE-HEIGHT: 1 } OL { LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none } ULXXX { LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none } BLOCKQUOTE { QUOTES: none } Q { QUOTES: none } BLOCKQUOTE:before { CONTENT: none } BLOCKQUOTE:after { CONTENT: none } Q:before { CONTENT: none } Q:after { CONTENT: none } :focus { OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: 0px } INS { TEXT-DECORATION: none } DEL { TEXT-DECORATION: line-through } TABLE { BORDER-SPACING: 0; BORDER-COLLAPSE: collapse } /* responsive fr */ .container_12 { WIDTH: 960px; MAX-WIDTH:90%; MARGIN-LEFT: auto; MARGIN-RIGHT: auto } /* responsive fr */ .container_16 { WIDTH: 960px; MAX-WIDTH:90%; MARGIN-LEFT: auto; MARGIN-RIGHT: auto } .grid_1 { POSITION: relative; DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 10px; MARGIN-RIGHT: 10px } .grid_2 { POSITION: relative; DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 10px; MARGIN-RIGHT: 10px } .grid_3 { POSITION: relative; DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 10px; MARGIN-RIGHT: 10px } .grid_4 { POSITION: relative; DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 10px; MARGIN-RIGHT: 10px } .grid_5 { POSITION: relative; DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 10px; MARGIN-RIGHT: 10px } .grid_6 { POSITION: relative; DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 10px; MARGIN-RIGHT: 10px } .grid_7 { POSITION: relative; DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 10px; MARGIN-RIGHT: 10px } .grid_8 { POSITION: relative; DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 10px; MARGIN-RIGHT: 10px } .grid_9 { POSITION: relative; DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 10px; MARGIN-RIGHT: 10px } .grid_10 { POSITION: relative; DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 10px; MARGIN-RIGHT: 10px } .grid_11 { POSITION: relative; DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 10px; MARGIN-RIGHT: 10px } .grid_12 { POSITION: relative; DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 10px; MARGIN-RIGHT: 10px } .grid_13 { POSITION: relative; DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 10px; MARGIN-RIGHT: 10px } .grid_14 { POSITION: relative; DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 10px; MARGIN-RIGHT: 10px } .grid_15 { POSITION: relative; DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 10px; MARGIN-RIGHT: 10px } .grid_16 { POSITION: relative; DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 10px; MARGIN-RIGHT: 10px } .container_12 .grid_3 { WIDTH: 220px } .container_16 .grid_4 { WIDTH: 220px } .container_12 .grid_6 { WIDTH: 460px } .container_16 .grid_8 { WIDTH: 460px } .container_12 .grid_9 { WIDTH: 700px } .container_16 .grid_12 { WIDTH: 700px } /* responsive fr */ .container_12 .grid_12 { WIDTH: 940px; MAX-WIDTH:100%; } .container_16 .grid_16 { WIDTH: 940px } .alpha { MARGIN-LEFT: 0px } .omega { MARGIN-RIGHT: 0px } .container_12 .grid_1 { WIDTH: 60px } .container_12 .grid_2 { WIDTH: 140px } .container_12 .grid_4 { WIDTH: 300px } .container_12 .grid_5 { WIDTH: 380px } .container_12 .grid_7 { WIDTH: 540px } .container_12 .grid_8 { WIDTH: 620px } .container_12 .grid_10 { WIDTH: 780px } .container_12 .grid_11 { WIDTH: 860px } .container_16 .grid_1 { WIDTH: 40px } .container_16 .grid_2 { WIDTH: 100px } .container_16 .grid_3 { WIDTH: 160px } .container_16 .grid_5 { WIDTH: 280px } .container_16 .grid_6 { WIDTH: 340px } .container_16 .grid_7 { WIDTH: 400px } .container_16 .grid_9 { WIDTH: 520px } .container_16 .grid_10 { WIDTH: 580px } .container_16 .grid_11 { WIDTH: 640px } .container_16 .grid_13 { WIDTH: 760px } .container_16 .grid_14 { WIDTH: 820px } .container_16 .grid_15 { WIDTH: 880px } .container_12 .prefix_3 { PADDING-LEFT: 240px } .container_16 .prefix_4 { PADDING-LEFT: 240px } .container_12 .prefix_6 { PADDING-LEFT: 480px } .container_16 .prefix_8 { PADDING-LEFT: 480px } .container_12 .prefix_9 { PADDING-LEFT: 720px } .container_16 .prefix_12 { PADDING-LEFT: 720px } .container_12 .prefix_1 { PADDING-LEFT: 80px } .container_12 .prefix_2 { PADDING-LEFT: 160px } .container_12 .prefix_4 { PADDING-LEFT: 320px } .container_12 .prefix_5 { PADDING-LEFT: 400px } .container_12 .prefix_7 { PADDING-LEFT: 560px } .container_12 .prefix_8 { PADDING-LEFT: 640px } .container_12 .prefix_10 { PADDING-LEFT: 800px } .container_12 .prefix_11 { PADDING-LEFT: 880px } .container_16 .prefix_1 { PADDING-LEFT: 60px } .container_16 .prefix_2 { PADDING-LEFT: 120px } .container_16 .prefix_3 { PADDING-LEFT: 180px } .container_16 .prefix_5 { PADDING-LEFT: 300px } .container_16 .prefix_6 { PADDING-LEFT: 360px } .container_16 .prefix_7 { PADDING-LEFT: 420px } .container_16 .prefix_9 { PADDING-LEFT: 540px } .container_16 .prefix_10 { PADDING-LEFT: 600px } .container_16 .prefix_11 { PADDING-LEFT: 660px } .container_16 .prefix_13 { PADDING-LEFT: 780px } .container_16 .prefix_14 { PADDING-LEFT: 840px } .container_16 .prefix_15 { PADDING-LEFT: 900px } .container_12 .suffix_3 { PADDING-RIGHT: 240px } .container_16 .suffix_4 { PADDING-RIGHT: 240px } .container_12 .suffix_6 { PADDING-RIGHT: 480px } .container_16 .suffix_8 { PADDING-RIGHT: 480px } .container_12 .suffix_9 { PADDING-RIGHT: 720px } .container_16 .suffix_12 { PADDING-RIGHT: 720px } .container_12 .suffix_1 { PADDING-RIGHT: 80px } .container_12 .suffix_2 { PADDING-RIGHT: 160px } .container_12 .suffix_4 { PADDING-RIGHT: 320px } .container_12 .suffix_5 { PADDING-RIGHT: 400px } .container_12 .suffix_7 { PADDING-RIGHT: 560px } .container_12 .suffix_8 { PADDING-RIGHT: 640px } .container_12 .suffix_10 { PADDING-RIGHT: 800px } .container_12 .suffix_11 { PADDING-RIGHT: 880px } .container_16 .suffix_1 { PADDING-RIGHT: 60px } .container_16 .suffix_2 { PADDING-RIGHT: 120px } .container_16 .suffix_3 { PADDING-RIGHT: 180px } .container_16 .suffix_5 { PADDING-RIGHT: 300px } .container_16 .suffix_6 { PADDING-RIGHT: 360px } .container_16 .suffix_7 { PADDING-RIGHT: 420px } .container_16 .suffix_9 { PADDING-RIGHT: 540px } .container_16 .suffix_10 { PADDING-RIGHT: 600px } .container_16 .suffix_11 { PADDING-RIGHT: 660px } .container_16 .suffix_13 { PADDING-RIGHT: 780px } .container_16 .suffix_14 { PADDING-RIGHT: 840px } .container_16 .suffix_15 { PADDING-RIGHT: 900px } .container_12 .push_3 { LEFT: 240px } .container_16 .push_4 { LEFT: 240px } .container_12 .push_6 { LEFT: 480px } .container_16 .push_8 { LEFT: 480px } .container_12 .push_9 { LEFT: 720px } .container_16 .push_12 { LEFT: 720px } .container_12 .push_1 { LEFT: 80px } .container_12 .push_2 { LEFT: 160px } .container_12 .push_4 { LEFT: 320px } .container_12 .push_5 { LEFT: 400px } .container_12 .push_7 { LEFT: 560px } .container_12 .push_8 { LEFT: 640px } .container_12 .push_10 { LEFT: 800px } .container_12 .push_11 { LEFT: 880px } .container_16 .push_1 { LEFT: 60px } .container_16 .push_2 { LEFT: 120px } .container_16 .push_3 { LEFT: 180px } .container_16 .push_5 { LEFT: 300px } .container_16 .push_6 { LEFT: 360px } .container_16 .push_7 { LEFT: 420px } .container_16 .push_9 { LEFT: 540px } .container_16 .push_10 { LEFT: 600px } .container_16 .push_11 { LEFT: 660px } .container_16 .push_13 { LEFT: 780px } .container_16 .push_14 { LEFT: 840px } .container_16 .push_15 { LEFT: 900px } .container_12 .pull_3 { LEFT: -240px } .container_16 .pull_4 { LEFT: -240px } .container_12 .pull_6 { LEFT: -480px } .container_16 .pull_8 { LEFT: -480px } .container_12 .pull_9 { LEFT: -720px } .container_16 .pull_12 { LEFT: -720px } .container_12 .pull_1 { LEFT: -80px } .container_12 .pull_2 { LEFT: -160px } .container_12 .pull_4 { LEFT: -320px } .container_12 .pull_5 { LEFT: -400px } .container_12 .pull_7 { LEFT: -560px } .container_12 .pull_8 { LEFT: -640px } .container_12 .pull_10 { LEFT: -800px } .container_12 .pull_11 { LEFT: -880px } .container_16 .pull_1 { LEFT: -60px } .container_16 .pull_2 { LEFT: -120px } .container_16 .pull_3 { LEFT: -180px } .container_16 .pull_5 { LEFT: -300px } .container_16 .pull_6 { LEFT: -360px } .container_16 .pull_7 { LEFT: -420px } .container_16 .pull_9 { LEFT: -540px } .container_16 .pull_10 { LEFT: -600px } .container_16 .pull_11 { LEFT: -660px } .container_16 .pull_13 { LEFT: -780px } .container_16 .pull_14 { LEFT: -840px } .container_16 .pull_15 { LEFT: -900px } .clear { WIDTH: 0px; DISPLAY: block; HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both; OVERFLOW: hidden } .clearfix:after { LINE-HEIGHT: 0; WIDTH: 0px; DISPLAY: block; HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both; FONT-SIZE: 0px; CONTENT: ' ' } * HTML .clearfix { ZOOM: 1 } *:first-child + HTML .clearfix { ZOOM: 1 } BODY { /* POSITION: absolute; WIDTH: 100%; FONT: 16px "Segoe UI", "Open Sans", "Lucida Grande", "Lucida Sans Unicode"; BACKGROUND: url(page-bg.png) #EEEEEE repeat-x left top; COLOR: #222 */ /* POSITION: absolute; WIDTH: 100%; FONT: 15px "Open Sans", "Lucida Grande", "Lucida Sans Unicode"; BACKGROUND: url(page-bg.png) #EEEEEE repeat-x left top; COLOR: #222 */ POSITION: absolute; WIDTH: 100%; FONT: 0.938em "Open Sans", "Lucida Grande", "Lucida Sans Unicode"; BACKGROUND: url(page-bg.png) #EEEEEE repeat-x left top; COLOR: #222 } A IMG { BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-TOP: medium none; BORDER-RIGHT: medium none } A { COLOR: #025596; TEXT-DECORATION: none } A:hover { TEXT-DECORATION: underline } #wrapper { POSITION: relative; DISPLAY: block } #header { POSITION: absolute; TOP: 0px; LEFT: 0px } #logoWrapper { } #logo { MARGIN-TOP: 30px } #loginWrapper { COLOR: #fff } #templateLogin { TEXT-ALIGN: center; TEXT-TRANSFORM: uppercase; FLOAT: left; HEIGHT: 20px; FONT-SIZE: 12px; PADDING-TOP: 10px } #templatePhone { TEXT-ALIGN: center; TEXT-TRANSFORM: uppercase; FLOAT: left; HEIGHT: 20px; FONT-SIZE: 12px; PADDING-TOP: 10px } #templatePhone { } #templateLogin { WIDTH: 77px; MARGIN-LEFT: 15px; FONT-SIZE: 10px } #templateLogin A { DISPLAY: block; COLOR: #fff; TEXT-DECORATION: none } #templatePhone A { DISPLAY: block; COLOR: #fff; TEXT-DECORATION: none } #templatePhone A { COLOR: #d92328 } #productOffering { POSITION: absolute; BOTTOM: -600px; COLOR: #333; FONT-SIZE: 11px; LEFT: 0px } #productOffering H1 { TEXT-TRANSFORM: uppercase } #productOffering H2 { TEXT-TRANSFORM: uppercase } #mainMenu { PADDING-TOP: 15px } #contentWrapper { MARGIN-TOP: 205px } .isHome#contentWrapper { MARGIN-TOP: 120px } #contentHeaderWrapper { POSITION: absolute; TOP: 102px; LEFT: 0px } #contentHeader { MARGIN: 10px 0px 0px 7px; WIDTH: 946px; BACKGROUND: url(features.png) no-repeat left bottom; HEIGHT: 95px; CLEAR: both } .gen#contentHeader { BACKGROUND: url(gen.png) no-repeat left bottom } .about#contentHeader { BACKGROUND: url(about-us.png) no-repeat left bottom } .features#contentHeader { BACKGROUND: url(features.png) no-repeat left bottom } .legal#contentHeader { BACKGROUND: url(legal-information.png) no-repeat left bottom } .pricing#contentHeader { BACKGROUND: url(pricing.png) no-repeat left bottom } .resources#contentHeader { BACKGROUND: url(resources.png) no-repeat left bottom } /* FR agregue el border radius para quitar el uso de las imagenes en los bordes*/ #columnWrapper { MIN-HEIGHT: 400px; WIDTH: 100%; BACKGROUND: url(content-bg.png) #fff repeat-y left top; FLOAT: left; border-radius: 16px; } .columnWrapper { MIN-HEIGHT: 400px; WIDTH: 100%; BACKGROUND: url(content-bg.png) #fff repeat-y left top; FLOAT: left; border-radius: 16px; } .is2Col#columnWrapper { WIDTH: 100%; BACKGROUND: url(l2-bg.png) repeat-y left top } .isHome#columnWrapper { BACKGROUND: none transparent scroll repeat 0% 0% } #mainCol { } .hasSideBar#mainCol { PADDING-BOTTOM: 20px; PADDING-LEFT: 0px; WIDTH: 610px; PADDING-RIGHT: 45px; FLOAT: right; PADDING-TOP: 20px } #mainColPad { } #mainColContent { PADDING-BOTTOM: 25px; PADDING-LEFT: 45px; PADDING-RIGHT: 45px; PADDING-TOP: 25px } #leftPad { } .sidebarButtons { TEXT-ALIGN: center } #contentTopBrdr { BACKGROUND: url(content-top-brdr-eeeeee.png) no-repeat left top; PADDING-TOP: 11px } #contentBtmBrdr { BACKGROUND-COLOR: #fff; CLEAR: both } .hasSideBar#contentBtmBrdr { BACKGROUND-COLOR: #fff; CLEAR: both } #contentBtmBrdr { BACKGROUND: url(content-btm-brdr-eeeeee.png) no-repeat left bottom; HEIGHT: 12px } .hasSideBar#contentBtmBrdr { BACKGROUND: url(l2-content-btm-brdr.png) no-repeat left bottom; HEIGHT: 13px } #contentBottomWrapper { } #contentBottom { HEIGHT: 160px; FONT-SIZE: 12px; PADDING-TOP: 5px } #cbContactUs { FLOAT: left } #cbGetInvolved { FLOAT: left } #cbNewsletter { FLOAT: left } .cbGetInvolvedIcon { FLOAT: left } .cbGetInvolvedLink { FLOAT: left } #cbContactUs { } #cbGetInvolved { } .cbGetInvolvedItem { CLEAR: both } .cbGetInvolvedIcon { TEXT-ALIGN: center; WIDTH: 50px } .cbInvolvedIcon { MARGIN-RIGHT: 15px } .cbGetInvolvedLink { PADDING-TOP: 5px } #cbNewsletter { } #footerSpan { MARGIN-TOP: 30px; WIDTH: 100%; BACKGROUND: url(footer-bg-blue.png) repeat-x left top; HEIGHT: 300px; COLOR: #999999 } #footerWrapper { } #footer { COLOR: #D3E7F2; FONT-SIZE: 11px } #footer A { COLOR: #D3E7F2 } #copyright { MARGIN-TOP: 10px; FLOAT: right } #footerMenu { HEIGHT: 150px; CLEAR: both } #footerMenu DIV { FLOAT: left } #footerMenu H2 { COLOR: #fff; FONT-SIZE: 14px; FONT-WEIGHT: normal } #footerMenuHeaderWrap { PADDING-BOTTOM: 0px; MIN-HEIGHT: 55px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: url(footer-menu-bg.png) no-repeat center 1px; CLEAR: both; PADDING-TOP: 30px } #footerMenuHeader { MARGIN: auto; MIN-HEIGHT: 50px; WIDTH: 780px } #footer .sectionHeader { COLOR: #fff; FONT-SIZE: 14px } .footerHeader { FLOAT: left; COLOR: #fff; FONT-SIZE: 14px } #footerGoBtn { BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; WIDTH: 41px; BACKGROUND: url(go-blue.png) no-repeat left top; HEIGHT: 29px; FONT-SIZE: 0px; BORDER-TOP: medium none; CURSOR: pointer; BORDER-RIGHT: medium none } #footerAwards { CLEAR: both } .hpHeadline { /*FONT-FAMILY: Georgia, Times New Roman, serif; COLOR: #FFFFFF;*/ FONT-FAMILY: Montserrat, Georgia, Times New Roman, serif; COLOR: #FFFFFF; } .hpHeadMain { /* COLOR: #EEEEEE; FONT-SIZE: 26px */ COLOR: #EEEEEE; FONT-SIZE: 24px } .hpHeadMid { /*MARGIN-TOP: 5px; FONT-SIZE: 32px*/ MARGIN-TOP: 5px; FONT-SIZE: 16px } .hpHeadBot { MARGIN-TOP: 5px; COLOR: #fff; FONT-SIZE: 20px } .hpSubDemo { FONT-SIZE: 12px } .hpDemoSml { FONT-SIZE: 9px } .hpDemoBtn { BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; MARGIN-TOP: 10px; WIDTH: 240px; BACKGROUND: url(start-demo-now-red.png) no-repeat left top; HEIGHT: 64px; FONT-SIZE: 0px; BORDER-TOP: medium none; CURSOR: pointer; BORDER-RIGHT: medium none } .hpConSub { PADDING-BOTTOM: 0pt; PADDING-LEFT: 30px; PADDING-RIGHT: 0pt; MARGIN-BOTTOM: 0px; FONT-SIZE: 16px; PADDING-TOP: 10px } .hpPlus { PADDING-BOTTOM: 0pt; PADDING-LEFT: 250px; PADDING-RIGHT: 0pt; MARGIN-BOTTOM: 0px; FONT-SIZE: 16px; PADDING-TOP: 10px } #hpMedia { /*Este es para el header CON video*/ /*POSITION: relative; PADDING-BOTTOM: 0px; PADDING-LEFT: 50px; PADDING-RIGHT: 0px; BACKGROUND: url(big_rectangle_blue_round_video.png) no-repeat left top; HEIGHT: 272px; PADDING-TOP: 30px*/ /*Este es para el header CON imagen laptop*/ POSITION: relative; PADDING-BOTTOM: 0px; PADDING-LEFT: 50px; PADDING-RIGHT: 0px; BACKGROUND: url(big_rectangle_blue_round_laptop.png) no-repeat left top; HEIGHT: 272px; PADDING-TOP: 30px /*Este es para el header CON imagen Cu3er*/ /*POSITION: relative; PADDING-BOTTOM: 0px; PADDING-LEFT: 30px; PADDING-RIGHT: 0px; BACKGROUND: url(big_rectangle_blue_round.png) no-repeat left top; HEIGHT: 272px; PADDING-TOP: 30px*/ /*Este es para el header SIN imagen*/ /*POSITION: relative; PADDING-BOTTOM: 0px; PADDING-LEFT: 50px; PADDING-RIGHT: 0px; BACKGROUND: url(big_rectangle_blue_round_peke.png) no-repeat left top; HEIGHT: 185px; PADDING-TOP: 15px*/ } #hpMediaTxt { /*Este es para el header CON video*/ /*WIDTH: 520px*/ /*Este es para el header SIN video*/ WIDTH: 850px } #hpMediaVideo { POSITION: absolute; WIDTH: 320px; HEIGHT: 215px; TOP: 35px; CURSOR: pointer; RIGHT: 35px } #hpFeatures { MARGIN: 18px 0px 0px } #hpFeaturesTop { } #hpFeaturesMid { PADDING-BOTTOM: 15px; DISPLAY: block; FLOAT: left } #hpFeaturesBtm { PADDING-BOTTOM: 12px; MARGIN-BOTTOM: 30px; FLOAT: left } #hpFeaturesRight { BORDER-LEFT: #ccc 1px solid; MARGIN: 15px 10px 0px 0px; PADDING-LEFT: 45px; WIDTH: 300px; FLOAT: right } .hpSectionHeader { PADDING-BOTTOM: 0px; PADDING-LEFT: 50px; PADDING-RIGHT: 0px; HEIGHT: 38px; FONT-SIZE: 20px; PADDING-TOP: 13px } .hpFeatureWrap { MARGIN: 20px 0px 0px 60px; WIDTH: 500px; FLOAT: left; FONT-SIZE: 13px } .hpFeatureIcon { FLOAT: left } .hpFeatureTxt { FLOAT: left } .hpFeatureIcon { WIDTH: 100px } .hpFeatureTxt { WIDTH: 400px } .hpFeatureTitle { COLOR: #025596; FONT-SIZE: 18px } #hpCustVideosWrapper { MARGIN: 30px 0px; HEIGHT: 189px; CLEAR: both } #hpCustVideos { MARGIN: 20px 0px 0px 15px } #hpCustVideos IMG { CURSOR: pointer } #hpBuzz { HEIGHT: 383px } #hpBuzzStuff { MARGIN: 20px 0px 0px 50px; WIDTH: 300px; FLOAT: left; CLEAR: both; FONT-SIZE: 12px } .hpBuzzItem { BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 10px; MARGIN: 5px 0px; WIDTH: 300px; FLOAT: left; CLEAR: both } .hpBuzzItemDate { FONT-FAMILY: Montserrat, Georgia, Times New Roman, serif; FLOAT: left; FONT-SIZE: 13px } .hpBuzzItemInfo { FLOAT: left } #hpTwitterFeed { PADDING-BOTTOM: 40px; MARGIN: 0px 30px 0px 0px; PADDING-LEFT: 40px; WIDTH: 400px; PADDING-RIGHT: 82px; BACKGROUND: url(hp-twitter-bg.jpg) no-repeat left top; FLOAT: right; HEIGHT: 350px; PADDING-TOP: 10px } .hpTweet { MARGIN: 10px 0px; FONT-SIZE: 12px } DIV.scrollableWrapper { POSITION: relative; WIDTH: 757px; FLOAT: left; HEIGHT: 90px; OVERFLOW: hidden } .scrollableBtn.prevPage { MARGIN: 15px; WIDTH: 48px; FLOAT: left; HEIGHT: 48px } .scrollableBtn.nextPage { MARGIN: 15px; WIDTH: 48px; FLOAT: left; HEIGHT: 48px } .scrollableBtn.prevPage { BACKGROUND: url(scroll-left.jpg) no-repeat left top; CURSOR: pointer; TEXT-DECORATION: none } .scrollableBtn.nextPage { BACKGROUND: url(scroll-right.jpg) no-repeat left top; CURSOR: pointer; TEXT-DECORATION: none } DIV.scrollableWrapper DIV.scrollableItems { POSITION: absolute; WIDTH: 100000em } DIV.scrollableWrapper DIV.scrollableItems DIV { FLOAT: left } DIV.scrollableItems DIV.active { BORDER-BOTTOM: #ccc 1px inset; BORDER-LEFT: #ccc 1px inset; BACKGROUND-COLOR: #fff; BORDER-TOP: #ccc 1px inset; BORDER-RIGHT: #ccc 1px inset } .overlay { Z-INDEX: 10000; BACKGROUND-COLOR: #333; WIDTH: 500px; DISPLAY: none; HEIGHT: 400px; -moz-box-shadow: 0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; -webkit-border-radius: 10px } .overlay .close { POSITION: absolute; WIDTH: 35px; BACKGROUND: url(close.png) no-repeat right top; HEIGHT: 35px; TOP: -15px; CURSOR: pointer; RIGHT: -15px } INPUT[type=text] { MARGIN: 6px 0px; HEIGHT: 20px } INPUT[type=password] { MARGIN: 6px 0px; HEIGHT: 20px } UL.main-menu { POSITION: absolute; TOP: 41px } UL.main-menu LI { FLOAT: left } UL.main-menu { OVERFLOW: visible } .main-menu A { /* COLOR: #fff; TEXT-DECORATION: none */ COLOR: #787878; TEXT-DECORATION: none } .main-menu A:hover { /* COLOR: #d92328 */ COLOR: #025596 } .main-menu LI.active { BACKGROUND: url(active-tab-lft.png) #e1e1e1 no-repeat left top } .main-menu LI.active-trail { BACKGROUND: url(active-tab-lft.png) #e1e1e1 no-repeat left top } .main-menu LI.active A { BACKGROUND: url(active-tab-rt.png) no-repeat right top; COLOR: #d92328 } .main-menu .active-trail A { BACKGROUND: url(active-tab-rt.png) no-repeat right top; COLOR: #d92328 } UL.main-menu LI { } UL.main-menu A { PADDING-BOTTOM: 10px; PADDING-LEFT: 24px; PADDING-RIGHT: 24px; DISPLAY: block; PADDING-TOP: 10px } #left UL.menu { MARGIN-TOP: 27px } #left UL.menu A { PADDING-BOTTOM: 15px; PADDING-LEFT: 30px; PADDING-RIGHT: 0px; DISPLAY: block; COLOR: #444444; TEXT-DECORATION: none; PADDING-TOP: 15px } #left UL.menu LI.active { MARGIN: 0px -20px 0px 0px; MIN-HEIGHT: 38px; WIDTH: 265px; BACKGROUND: url(sidebar-highlight2.png) no-repeat -10px 0px } #left UL.menu LI.active-trail { MARGIN: 0px -20px 0px 0px; MIN-HEIGHT: 38px; WIDTH: 265px; BACKGROUND: url(menu/sidebar-highlight2.png) no-repeat -10px 0px } #left UL.menu A.active { PADDING-BOTTOM: 16px; PADDING-LEFT: 40px; PADDING-RIGHT: 0px; COLOR: #fff; FONT-WEIGHT: bold; PADDING-TOP: 12px } #left UL.menu A.active-trail { PADDING-BOTTOM: 16px; PADDING-LEFT: 40px; PADDING-RIGHT: 0px; COLOR: #fff; FONT-WEIGHT: bold; PADDING-TOP: 12px } #left UL.menu LI { WIDTH: 238px; BACKGROUND: url(sidebar-item-bg.png) repeat-x left bottom; MARGIN-LEFT: 1px } #left UL.menu LI.active-trail UL.menu { PADDING-BOTTOM: 15px; MARGIN: 0px; PADDING-LEFT: 30px; WIDTH: 210px; PADDING-RIGHT: 0px; BACKGROUND: url(submenu-bg.png) #e9e9e9 no-repeat right bottom; PADDING-TOP: 8px } #left UL.menu LI.active LI { PADDING-BOTTOM: 0px; MARGIN: 0px 20px; MIN-HEIGHT: 0px; PADDING-LEFT: 0px; WIDTH: 200px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: url(submenu-list.gif); PADDING-TOP: 0px } #left UL.menu LI.active-trail LI { PADDING-BOTTOM: 0px; MARGIN: 0px 20px; MIN-HEIGHT: 0px; PADDING-LEFT: 0px; WIDTH: 200px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: url(submenu-list.gif); PADDING-TOP: 0px } #left UL.menu LI.active-trail LI A { PADDING-BOTTOM: 3px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #444444; FONT-SIZE: 12px; TEXT-DECORATION: underline; PADDING-TOP: 3px } #left UL.menu LI.active LI A { PADDING-BOTTOM: 3px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #444444; FONT-SIZE: 12px; TEXT-DECORATION: underline; PADDING-TOP: 3px } #left UL.menu LI LI A.active { PADDING-BOTTOM: 3px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #444444; FONT-SIZE: 12px; TEXT-DECORATION: underline; PADDING-TOP: 3px } #left UL.menu LI LI { MIN-HEIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0% } #left UL.menu UL LI.active { BACKGROUND: none transparent scroll repeat 0% 0% } #footerMenu UL { MARGIN: 15px 0px 0px; WIDTH: 190px; FLOAT: left } #footerMenu LI { FLOAT: left; CLEAR: both } #footerMenu A { COLOR: #666; TEXT-DECORATION: none } #footerMenu A:hover { TEXT-DECORATION: underline } P { MARGIN: 10px 0px } A.section:link { COLOR: #025596; TEXT-DECORATION: none } A.section:visited { COLOR: #025596; TEXT-DECORATION: none } A.section:hover { COLOR: #025596; TEXT-DECORATION: underline } .pageTitle { COLOR: #025596; FONT-SIZE: 32px } .pageSubTitle { FONT-SIZE: 22px } .sectionHeader { COLOR: #222; FONT-SIZE: 18px } .sectionSubHeader { COLOR: #b21f0b; FONT-SIZE: 14px } .clear { DISPLAY: block; CLEAR: both } UL.standard { LIST-STYLE-TYPE: disc; MARGIN-LEFT: 35px } .leftImg { MARGIN-BOTTOM: 2px; FLOAT: left; MARGIN-RIGHT: 25px } .leftImgBlock { MARGIN: 30px 25px 20px 0px; FLOAT: left } .rightTxtBlock { MARGIN: 15px 0px 10px 18px; WIDTH: 485px; FLOAT: left } .contentCol1 { PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; WIDTH: 290px; PADDING-RIGHT: 20px; FLOAT: left; PADDING-TOP: 10px } .contentCol2 { PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; WIDTH: 290px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 10px } .fullSection { MARGIN: 25px 0px } .featureSection { MARGIN: 25px 0px; FONT-SIZE: 13px } .callToActionButtons { MARGIN-TOP: 28px } .fullLong { TEXT-ALIGN: center; PADDING-BOTTOM: 30px; BACKGROUND-COLOR: #ccc; MARGIN: 0px auto; PADDING-LEFT: 0px; WIDTH: 875px; PADDING-RIGHT: 0px; PADDING-TOP: 30px } .plansWrap { PADDING-BOTTOM: 10px; MARGIN: 0px auto; PADDING-LEFT: 0px; WIDTH: 850px; PADDING-RIGHT: 0px; PADDING-TOP: 10px } .planContainer { BORDER-BOTTOM: #333 1px solid; BORDER-LEFT: #333 1px solid; WIDTH: 211px; FLOAT: left } .planTop { BORDER-BOTTOM: #333 1px solid; TEXT-ALIGN: center; PADDING-BOTTOM: 0px; BACKGROUND-COLOR: #666; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: #333 1px solid; PADDING-TOP: 1px } .planDetail { TEXT-ALIGN: center; MARGIN: 10px } .borderRight { BORDER-RIGHT: #333 1px solid } .contentCol1N { PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; WIDTH: 400px; PADDING-RIGHT: 40px; FLOAT: left; PADDING-TOP: 10px } .contentCol2N { PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; WIDTH: 400px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 10px } .jobTitle { FONT-STYLE: italic; MARGIN-TOP: -8px } .teamMember { MARGIN: 20px 0px } .leftImgMember { BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 6px; PADDING-LEFT: 6px; WIDTH: 125px; PADDING-RIGHT: 6px; MARGIN-BOTTOM: 2px; FLOAT: left; HEIGHT: 125px; BORDER-TOP: #ccc 1px solid; MARGIN-RIGHT: 25px; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 6px } .contentCol1Pricing { PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; WIDTH: 385px; PADDING-RIGHT: 40px; FLOAT: left; PADDING-TOP: 10px } .contentCol2Pricing { PADDING-BOTTOM: 10px; PADDING-LEFT: 12px; WIDTH: 385px; PADDING-RIGHT: 12px; FLOAT: left; PADDING-TOP: 10px } .legalPolicy { LINE-HEIGHT: 15px; MARGIN: 20px 0px } .center { TEXT-ALIGN: center } .botBorder { BORDER-BOTTOM: #ccc 1px solid; MARGIN: 10px 0px 10px 20px; WIDTH: 90%; DISPLAY: block } .botBorderRight { BORDER-BOTTOM: #ccc 1px solid; WIDTH: 480px; DISPLAY: block; MARGIN-LEFT: 124px } .botBorderRightTeam { BORDER-BOTTOM: #ccc 1px solid; WIDTH: 430px; DISPLAY: block; MARGIN-LEFT: 165px } #loginPanel { WIDTH: 503px; BACKGROUND: #333 } #loginPanelHeader { BACKGROUND: url(login-header.png) no-repeat left top; PADDING-TOP: 79px } #loginPanelBottom { PADDING-BOTTOM: 10px; BACKGROUND: url(login-bottom-brdr.png) no-repeat left bottom } #loginPanelContent { WIDTH: 503px; BACKGROUND: url(login-content-bg.png) repeat-y left bottom } .loginHeader { BACKGROUND: url(login-header.png) no-repeat left top; HEIGHT: 79px } #loginFormWrapper { MARGIN: 0px auto; WIDTH: 470px; HEIGHT: 300px } #loginPanel DL { FLOAT: left } #loginPanel DT { MARGIN: 10px 0px; FLOAT: left; FONT-SIZE: 16px } #loginPanel DD { MARGIN: 10px 0px; FLOAT: left; FONT-SIZE: 16px } #loginPanel DT { TEXT-ALIGN: right; WIDTH: 140px; CLEAR: both; MARGIN-RIGHT: 10px; PADDING-TOP: 5px } #loginPanel INPUT[type=text] { WIDTH: 170px; HEIGHT: 25px; FONT-SIZE: 16px } #loginPanel INPUT[type=password] { WIDTH: 170px; HEIGHT: 25px; FONT-SIZE: 16px } #loginSubmit { BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; WIDTH: 173px; BACKGROUND: url(log-me-in.png) no-repeat left top; HEIGHT: 47px; MARGIN-LEFT: 150px; CLEAR: both; FONT-SIZE: 0px; BORDER-TOP: medium none; BORDER-RIGHT: medium none } /* FR mios */ #languageLink { TEXT-ALIGN: right; TEXT-TRANSFORM: uppercase; HEIGHT: 20px; FONT-SIZE: 12px; PADDING-TOP: 10px; } #languageLink A { DISPLAY: inline; COLOR: #AAAAAA ; TEXT-DECORATION: none } #languageLinkText{ COLOR: #0A0A0A } .mycontent { MIN-HEIGHT: 400px; MARGIN-LEFT: 40px; MARGIN-RIGHT: 40px; } .highlightTitle { /* #025596 D92328 */ COLOR: #D92328; FONT-SIZE: 24px; FONT-WEIGHT: bold; FONT-FAMILY: Montserrat, Georgia, Arial; } .titleMedium { /* bluish */ COLOR: #025596; FONT-SIZE: 18px; FONT-WEIGHT: bold; FONT-FAMILY: Montserrat, Georgia, Arial; } .titleLarge { /* bluish */ COLOR: #025596; FONT-SIZE: 24px; FONT-WEIGHT: bold; FONT-FAMILY: Montserrat, Georgia, Arial; } .title14 { /* bluish */ COLOR: #025596; FONT-SIZE: 14px; FONT-WEIGHT: bold; FONT-FAMILY: Montserrat, Georgia, Arial; } .titleMediumRedish { COLOR: #D92328; FONT-SIZE: 18px; FONT-WEIGHT: bold; FONT-FAMILY: Montserrat, Georgia, Arial; } .titleMediumOrange { COLOR: #FF6B24; FONT-SIZE: 18px; FONT-WEIGHT: bold; FONT-FAMILY: Montserrat, Georgia, Arial; } .darkblue { COLOR: darkblue; } .smallfont { FONT-SIZE: 12px; } .mediumText { FONT-SIZE: 18px; } .mediumRedText { FONT-SIZE: 16px; COLOR: red; } .orderNowLink { FONT-SIZE: 24px; COLOR: blue; FONT-WEIGHT: bold; } /* Una sombra para el div */ .shadow { -webkit-box-shadow: 0 5px 4px -4px black; -moz-box-shadow: 0 5px 4px -4px black; box-shadow: 0 5px 4px -4px black; } /* Botones FRT 2017 */ .button_bg_dodgerblue { display:inline-block; padding:10px 15px 10px 15px; line-height:22px; color:#fff; background-color: #1e90ff; border:none; font-weight:normal; } .menu_button_bg_silver { display:inline-block; padding:5px 10px 5px 10px; line-height:22px; color:#fff; background-color: silver; border:none; font-weight:normal; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; } .menu_button_bg_silver:hover { padding:3px 8px 3px 8px; background-color: white; color: silver; border: 2px solid silver; } .menu_button_bg_dodgerblue { display:inline-block; padding:5px 10px 5px 10px; line-height:22px; color:#fff; background-color: #1e90ff; border:none; font-weight:normal; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; } .menu_button_bg_dodgerblue:hover { padding:3px 8px 3px 8px; background-color: white; color: #1e90ff; border: 2px solid #1e90ff; } .menu_button_bg_mediumseagreen { display:inline-block; padding:5px 10px 5px 10px; line-height:22px; color:#fff; background-color: MediumSeaGreen; border:none; font-weight:normal; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; } .menu_button_bg_mediumseagreen:hover { padding:3px 8px 3px 8px; background-color: white; color: MediumSeaGreen; border: 2px solid MediumSeaGreen; } /* Un tabbed Menu y Submenu */ /* En tabbedmenu_orig.css esta el original, ese no jala bien el submenu*/ .Menu { font-family: Arial, sans-serif; border-bottom: 1px solid #ccc; font-size: 11px; text-align: left; /* We are using text-align: left on ul to left align our menu to the page. If you want the menu aligned centered or right just change text-align to either center or right */ margin: 5px 0 5px 10px !important; padding: 0 0 3px 0; } .Menu li { margin: 0 2px 0 0 !important; border-bottom: none; display: inline; /* Menu links are horizontally aligned using display: inline */ } .Menu li a { margin: 0 -2px 0 0; padding: 3px 12px 3px 12px; /* Display: block won't work in this example, instead we are using padding */ color: #666; text-decoration: none; border: 1px solid #ccc; background: #f5f5f5; } .Menu li a:hover { background: #ededed; color: #000; } .Menu li#active { margin: 0 3px 0 0 !important; padding: 3px 6px 3px 8px; /* Display: block won't work in this example, instead we are using padding */ background: white; border: 1px solid #ccc; border-bottom: 1px solid white; } .Menu .subMenu { float: left; text-align: left; /* If both menus are going to be left-aligned we really don't need to use text-align: left on the sub menu, since this menu will get the alignment from "mother" settings */ width: 100%; margin: 6px 0 5px 0 !important; padding: 3px 0 3px 0; border-bottom: 1px solid #ccc; /*#F89226;*/ } * html .Menu .subMenu { margin: 2px 0 5px 0 !important; } .Menu .subMenu li { padding: 3px 0 3px 0; border: 0; } .Menu .subMenu li a { border: 0; background-color: #f5f5f5; /*#fc9;*/ } .Menu .subMenu li a:hover { background: #ededed; /*#d4de7c;*/ } .Menu .subMenu li#subActive { padding: 3px 6px 3px 8px; font-weight: bold; } /* Responsive styles */ .img-responsive { display: block; max-width: 100%; height: auto; } /* Codigo de http://www.responsivegridsystem.com/ para div de 2 columnas /* SECTIONS */ .section { clear: both; padding: 0px; margin: 0px; } /* COLUMN SETUP */ .col { display: block; float:left; margin: 1% 0 1% 1.6%; } .col:first-child { margin-left: 0; } /* GROUPING */ .group:before, .group:after { content:""; display:table; } .group:after { clear:both;} .group { zoom:1; /* For IE 6/7 */ } /* GRID OF TWO */ .span_2_of_2 { width: 100%; } .span_1_of_2 { width: 49.2%; } /* GO FULL WIDTH AT LESS THAN 480 PIXELS */ @media only screen and (max-width: 480px) { .col { margin: 1% 0 1% 0%; } } @media only screen and (max-width: 480px) { .span_2_of_2, .span_1_of_2 { width: 100%; } } /* END */ /* Botones planos http://css3buttongenerator.com/ */ .btn-blue { background: #3498db; background-image: -webkit-linear-gradient(top, #3498db, #2980b9); background-image: -moz-linear-gradient(top, #3498db, #2980b9); background-image: -ms-linear-gradient(top, #3498db, #2980b9); background-image: -o-linear-gradient(top, #3498db, #2980b9); background-image: linear-gradient(to bottom, #3498db, #2980b9); font-family: Open Sans; color: #ffffff; font-size: 16px; padding: 10px 20px 10px 20px; text-decoration: none; } .btn-blue:hover { background: #3cb0fd; background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db); background-image: -moz-linear-gradient(top, #3cb0fd, #3498db); background-image: -ms-linear-gradient(top, #3cb0fd, #3498db); background-image: -o-linear-gradient(top, #3cb0fd, #3498db); background-image: linear-gradient(to bottom, #3cb0fd, #3498db); text-decoration: none; } .btn-orange { background: #ffa500; background-image: -webkit-linear-gradient(top, #ffa500, #ffa500); background-image: -moz-linear-gradient(top, #ffa500, #ffa500); background-image: -ms-linear-gradient(top, #ffa500, #ffa500); background-image: -o-linear-gradient(top, #ffa500, #ffa500); background-image: linear-gradient(to bottom, #ffa500, #ffa500); font-family: Open Sans; color: #ffffff; font-size: 16px; padding: 10px 20px 10px 20px; text-decoration: none; } /* Video responsive para youtube courtesy: css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php */ .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }