@charset "utf-8";
/* CSS Document */

/* Generic */
html {height: 100%;}
body {margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif;}
a img {border: none;}
* :focus {outline: 0;}

::selection {background: #fffbcc;} /* Safari */
::-moz-selection {background: #fffbcc;} /* Firefox */

/* hr */
div.hr {width: 960px; height: 1px; background-color: #d9d9d9; margin: 60px auto 0 auto;}
div.hr hr {display: none;}

/* Headings */
h1, h2 {margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif;}

/* Layout */
.spacer {height: 1px; background: url(../images/spacer.gif) repeat-x; margin: 30px auto; clear: both;}


/* Header */
#header {width: 100%;}
#header .wrapper {position: relative; z-index: 10000; width: 960px; margin: 0 auto;}
#header #logo a {float: left; display: block; width: 308px; height: 22px; margin: 34px 0 0 0;}
#header #logo a {background: url(../images/elcamedia-logo.gif) no-repeat 0 0;}
#header #logo a:hover {background: url(../images/elcamedia-logo.gif) no-repeat 0 -22px;}
#header #lang {font-size: 11px; float: right; color: #999999; border-left: 1px solid #d9d9d9;}
#header #lang a, #header #lang span {text-decoration: none; color: #cccccc; padding: 0 5px 0 5px; border-right: 1px solid #d9d9d9;}
#header #lang a:hover, #header #lang span {color: #999999;}


/* Navigation */
#navigation {float: right; margin: 30px 0 0 0; height: 40px; text-align: right; z-index: 10000;}


/* Homepage slider */
#banner {position: relative; width: 100%;}
#slider {width: 958px; height: 508px; border: 1px solid #d9d9d9; margin: 0 auto; background: url(../images/img-loader.gif) no-repeat 50% 50%;}


/* Content */
#content {position: relative; width: 100%; margin: 0; padding: 0; color: #666666;}
#content .wrapper {width: 940px; height: auto; min-height: 340px; margin: 0 auto; padding: 50px 0 60px 0; background: url(../images/vspacer.gif) no-repeat 630px top;}
#content a {color: #7ab700;}
#content a:hover {text-decoration: none;}
/* Top */
#content .top {width: 960px; height: 200px; margin: 0 auto; background: url(../images/gradient-top.gif) repeat-x 0 0; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;}
#content .topclean {width: 960px; height: 80px; margin: 0 auto; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;}
#content .top img {float: left; margin: 0 20px 0 80px;}
#content .top h1 {float: left; margin: 75px 20px 0 70px; font-size: 32px; font-weight: normal; color: #666666;}
#content .top h1.multiline {margin: 55px 20px 0 70px;}
#content .top h1.paragraph {margin: 45px 20px 0 70px;}
/* Left */
#content .left {float: left; width: 600px; margin-right: 30px;}
#content .left p {font-size: 14px; line-height: 28px; color: #666666; padding: 0 20px 0 0;}
#content .left p img {float: left; margin: 0 10px 10px 0; padding: 5px 0 0 0;}
#content .left p sup {font-size: 11px;}
#content .left h1 {font-size: 32px; font-weight: normal; color: #666666; margin-top: 40px; letter-spacing: -1px;}
#content .left h1.first {margin-top: 0;}
#content .left h3 {font-family: Arial, Helvetica, sans-serif; font-size: 26px; font-weight: normal; color: #666666; margin: 25px 0 10px 0; letter-spacing: -1px;}
#content .left ul.list {list-style-type: none; padding-left: 0; margin-left: 0;}
#content .left ul.list li {font-size: 14px; line-height: 22px; list-style-image: none; background: url(../images/ul.gif) no-repeat left 8px; padding: 0 0 8px 10px;}
/* Right */
#content .right {float: right; width: 290px; font-size: 12px; line-height: 20px;}
#content .right h2 {font-size: 14px; font-weight: bold;}
#content .right ul.list {list-style-type: none; padding-left: 0; margin-left: 0;}
#content .right ul.list li {list-style-image: none; background: url(../images/ul.gif) no-repeat left 8px; padding: 0 0 8px 10px;}
#content .right .listleft {margin-right: 10px;}
#content .right .listleft, #content .right .listright {float: left; width: 140px;}
#content .right ul.listleft, #content .right ul.listright {list-style-type: none; padding-left: 0; margin-left: 0; margin-bottom: 30px;}
#content .right ul.listleft li, #content .right ul.listright li {list-style-image: none; background-image: url(../images/ul.gif); background-repeat: no-repeat; background-position: left 8px; padding: 0 0 0 10px;}
#content .right p img {float: left; margin: 0 20px 5px 0; padding: 5px 0 0 0;}
/* Blockquotes */
#content .left blockquote {background: url(../images/blockquote.gif) no-repeat; margin: 40px 0; padding: 0 0 0 35px;}
#content .left blockquote em {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal;}


/* News */
#content .right ul.news {list-style-type: none; padding: 0; margin: 10px 0 0 0; color: #666666; border-top: 1px solid #d9d9d9;}
#content .right ul.news li {list-style-image: none; padding: 10px 0; border-bottom: 1px solid #d9d9d9;}


/* Footer */
#footer {position: relative; width: 100%; margin: 0 0 200px 0; padding: 50px 0 0 0; font-size: 11px; line-height: 16px; color: #666666;}
#footer .wrapper {width: 940px; margin: 0 auto;}
#footer .left {float: left; width: 620px; margin-right: 20px;}
#footer .right {float: right; width: 290px;}
#footer h3 {font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #a0a0a0; letter-spacing: -1px;}
#footer a {color: #7ab700; text-decoration: underline;}
#footer a:hover {text-decoration: none;}
#footer ul {list-style: none; padding: 0; margin: 0;}
#footer li {float: left; margin: 0 15px 30px 0; display: inline;}
#footer .legal, #footer .legal a {color: #999999;}


/* Floats */
.left {float: left;}
.right {float: right;}
.clear {clear: both;}


/* File types */
a.pdf {background: url(../images/ico/ico-pdf.png) no-repeat left top; padding: 0 0 5px 20px;}
a.external {background: url(../images/ico/ico-external.png) no-repeat left center; padding-left: 15px;}
a.local.external {background: none; padding: 0;}
/*a.email {background: url(images/email.png) no-repeat left center; padding-left: 20px; line-height: 16px;}*/