/*-------------------------------------------------- 

style sheets for the sobre.html

--------------------------------------------------*/

/* background
--------------------------------------------------*/
body {background: #fff;}
.background .detail {background: url('../images/bg-ecodicas.jpg') left top repeat-x; display: block; overflow: hidden; position: relative;}

/* logo
--------------------------------------------------*/
h1 a {background-image: url('../images/logo-ibsolution-negative.png');}


/* main-content
--------------------------------------------------*/
.main-content {clear:both; overflow: hidden; display: block;}

/* content header and bg
--------------------------------------------------*/
.content {display:block; width:610px; margin:0 16px 2em 0; padding:0 0 35px 0; background: url('') left bottom no-repeat; overflow: hidden; float: left;}
.content h3 {background:url('../images/content-ecodicas-title.png') no-repeat; display: block; width:602px; height:80px; overflow: hidden; text-indent: -9999em;}
.content .content-bg {background:url('') repeat-y; padding:1em 2.6em 0 2em; }

/* paragraphs
--------------------------------------------------*/
.content p {font:normal 14px/1.5em Arial, Helvetica, sans-serif; color:#4e4e4f; padding:0 0 1em 0;}
.content em,cite {font-style:italic; font-family: Georgia, Times, "Times New Roman", serif;}
.content blockquote p {background:url('../images/quotes.gif') left top no-repeat; font: italic 18px/1.4em Georgia, Times, "Times New Roman", serif; color:#a0a0ac; padding: 0 4em 0 4em; margin:0 0 1em 1em;}
.content address {font:normal 10px/1em Arial, Helvetica, sans-serif; display: block; text-align: right;}
.content address strong {font:bold 12px/1em Arial, Helvetica, sans-serif;}
.content br {clear:both;}

/* headings
--------------------------------------------------*/
.content h4 {font:normal 20px/1.2em "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; color:#606074; margin:1em 0 1em 0; padding: 0 0 0.4em 0; border-bottom:1px dotted #ccc; }
.content h5 {font:bold 14px/1.2em "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; color:#4e4e4f; padding:0 0 0.4em 0; margin:0;}

/* links
--------------------------------------------------*/
.content a {color:#606074; padding: 0 0.1em;}
.content a:hover {background-color:#606074; color:#fff; text-decoration: none;}

/* lists
--------------------------------------------------*/
.content ul,ol {margin:0 0 1em 2em;}
.content ul ul {margin:0 0 0 1em;}
.content ol ol {margin:0 0 0 1em;}
.content ul {list-style: disc;}
.content ol {list-style:decimal;}
.content li {font:normal 14px/1.5em Arial, Helvetica, sans-serif; color:#4e4e4f; padding: 0 0 0.2em 0;}
 
/* btns
--------------------------------------------------*/
.content .btn {float:left;width:100%; margin:0; padding: 0;}
.content .btn ul {margin:0; padding:0; list-style: none;}
.content .btn li {margin:0; padding:0; list-style: none; font: bold 11px/1em Tahoma, sans-serif; text-transform: lowercase;}
.content .btn a {float:left;background:url("../images/btn-left.png") no-repeat left top;margin:0;padding:0 0 0 10px;text-decoration:none;}
.content .btn a span {float:left;display:block;background:url("../images/btn-right.png") no-repeat right top;padding:6px 34px 10px 0;color:#ffffff;}
.content .btn a:hover span {color:#fbb161;}
.content .btn a:hover {background-position:0% -27px;}
.content .btn a:hover span {background-position:100% -27px;}