/*  

Theme Name: Celf 2010

Theme URI: http://www.icelf.com.br

Author: Celf Web

Author URI: http://www.icelf.com.br/#web

*/

/* Reset CSS */
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,strong,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;
	margin:10px 0;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
html, body {
width:100%;
height:100%;
}
body {
font-family:Arial, Verdana, Helvetica;
font-size:small;
}
h1 {
font-size:4em;
}
h2 {
font-size:3.5em;
}
h3 {
font-size:3em;
}
h4 {
font-size:2.5em;
}
h5 {
font-size:2em;
}
h6 {
font-size:1.5em;
}
strong {
font-weight:bolder;
}
em, dfn, var, cite {
font-style:italic;
}
p {
margin:10px 0;
}

.imgReplace {
background-position:0 0;
background-repeat:no-repeat;
display:inline-block;
overflow:hidden;
vertical-align:text-top;
}
.imgReplace span {
display:block;
line-height:18px;
overflow:hidden;
padding-top:99999em;
text-indent:-9999em;
}

.clear {
clear:both;
}
/* Fim - Reset CSS */

body {
background:url("images/bg.jpg") repeat-x scroll center top #E1E8EE;
}
#main {
background:url("images/cerebro.png") no-repeat scroll center 30px transparent;
height:100%;
min-height:713px;
width:100%;
}
.page {
width:100%;
height:100%;
_height:auto !important;
min-width:970px;
min-height:713px;
padding-top:5px;
position:relative;
}
#audiovisual {
height:auto;
}
#logoCelf {
background:url("images/logo-celf.png") no-repeat scroll left top transparent;
display:block;
height:127px;
left:50%;
margin-left:-470px;
position:relative;
top:20px;
width:420px;
}
#menu {
margin-right:50px;
position:absolute;
right:50%;
top:260px;
width:100%;
}
#menu li {
-moz-border-radius:0 4px 4px 0;
-webkit-border-radius:0 4px 4px 0;
border-radius:0 4px 4px 0;
background:url("images/menu-bg.jpg") repeat-y scroll right top #2F176F;
margin:6px 0;
text-align:right;
}
#menu li a {
color:#86C627;
display:inline-block;
font-size:2em;
overflow:hidden;
padding:3px 0 2px;
text-align:left;
text-decoration:none;
width:350px;
}
.title {
-moz-border-radius:0 4px 4px 0;
-webkit-border-radius:0 4px 4px 0;
border-radius:0 4px 4px 0;
background:url("images/title-bg.jpg") repeat-y scroll right top #84c225;
color:#86C627;
display:block;
font-size:2.5em;
margin-left:-50px;
position:relative;
right:50%;
text-align:right;
width:100%;
}
.title .block {
display:inline-block;
padding:4px 0 2px;
text-align:left;
width:350px;
}
.branco {
color:white;
}
.limite {
margin:25px auto 50px;
width:970px;
}
.portifolio li {
float:left;
margin:15px;
}
.portifolio li a {
-moz-box-shadow:0 5px 20px #999999;
-webkit-box-shadow:0 5px 20px #999999;
box-shadow:0 5px 20px #999999;
background-color:#FFFFFF;
display:block;
margin:5px;
padding:5px;
}
.portifolio li a:hover,
.portifolio li.teste a {
-moz-box-shadow:0 5px 30px #555555;
-webkit-box-shadow:0 5px 30px #555555;
box-shadow:0 5px 30px #555555;
margin:0;
padding:0;
}
.portifolio li a img {
display:inline-block;
height:130px;
width:190px;
}
.portifolio li a:hover img,
.portifolio li.teste a img {
height:150px;
width:210px;
}
#goTop {
display:none;
left:50%;
margin-left:380px;
position:fixed;
top:15px;
z-index:1;
}
#goTop a {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:#DDD;
padding:7px 20px;
display:block;
text-decoration:none;
font-size:1.6em;
color:#AAA;
}
#goTop a:hover {
color:#555;
background-color:#D1D1D1;
}