@import url("css/reset.css");

/*================================================ ESTRUTURA HEADER.php ================================================*/
/*HEADER*/
header{ width:100%; height:19em; background:url(img/header.png) repeat-x center; position:relative; }
.logo{ width:14.5em; height:10em; float:left; margin-top:3.8em; background:url(img/logo.png) no-repeat center; border:0 none; text-indent:-999em; }

#rede{ float:right; width:8.5em; height:4.5em;}
#rede ul{ list-style:none;}
#rede ul li{display:inline-block; float:left; margin:0; padding:0;}
#rede a.facebook{ background:url(img/facebook.png) no-repeat center; height:4em; width:4em; display:block; border:o none;}
#rede a.facebook:hover{ background:url(img/facebook-hover.png) no-repeat center;}
#rede a.twitter{ background:url(img/twitter.png) no-repeat center; height:4em; width:4em; display:block; margin-top:-.2em; border:o none;}
#rede a.twitter:hover{ background:url(img/twitter-hover.png) no-repeat center;}

#search{ float:right; margin:.7em 2em 0 0; background:#FFF; border-radius:.5em; padding:.3em .3em .1em .3em; width:28em;}
#search input[type="text"]{width:230px; padding:0 .4em; height:2.3em; float:left; border:0 none; line-height:2.3em;}
#search input[type="submit"]{ background:url(img/lupa.png) no-repeat center; width:2.4em; height:2.5em; float:right;}

#info{ width:19.5em; line-height:2.5em; margin:-5em 8em 0 0; float:right; font-size:1.3em;}
.shadow-main{ background:url(img/shadow-main.png) repeat-x; width:100%; height:2.5em; }

/*NAV*/
nav{float:left; margin-top:1.7em;}
nav ul{ list-style:none;}
nav li{ display:inline-block; float:left; margin:0; padding:.7em;}
nav a{ font-weight:800; color:#FFF !important; font-size:1.4em; display:block; text-shadow:1px 1px 1px #000;}
nav li:first-child{ padding-left:0;}
nav a:hover{color:#F60 !important;}

/*================================================ ESTRUTURA INDEX.php ================================================*/
/*SECTION*/
section{ width:100%;}
#slider{ width:92em; height:28em; margin:0 auto; background:url(img/sombra-slides.png) no-repeat bottom center;}
.content{ margin-right:2em; float:left; width:72em;}

/*CONTENT*/
article.noticias{ padding-bottom:1em; border:1px solid #CCC; width:71.8em; float:left;}
.block-destaque{ width:70em; margin:1em; padding-bottom:1em; float:left; border-bottom:1px dashed #CCC;}
 .block-destaque figure{ width:33.8em; height:25.8em; border:1px solid #CCC; margin:0; float:left; overflow:hidden;}
 .block-destaque figure:hover{ border-color:#F60;}
 .block-destaque figure img{ width:33em; height:25em; margin:.4em;}
 .block-destaque .text{ width:35em; *width:34.9em;/*IE7*/ height:26em; float:left; margin-left:1em; position:relative;}
 .block-destaque .post-data{ position:absolute; bottom:0; left:0;}
 
.block-lista-destaque{ width:70em; margin:0 1em; display:block; float:left;}
.box{ list-style:none; float:left; width:16em; margin:0 1em; *margin:0 .95em;/*IE7*/ }
.box figure{ width:15.8em; height:12.8em; border:1px solid #CCC; overflow:hidden; display:block;}
.box figure:hover{ border-color:#F60;}
.box figure img{ width:15em; height:12em; margin:.4em;}
.box .text{position:relative; display:block; height:15em; }
.box .text h6{ margin:.5em 0;}

article.projetos{ width:72em; float:left;  margin-top:1em;}
.projetos ul{ list-style:none; margin-top:1em;}
.projetos li{ width:22.8em; float:left; margin:0 .9em;}
.projetos figure{ width:22em; height:18.6em; background:url(img/sombra-foto.png) no-repeat center bottom; padding-bottom:.8em;}
.projetos figure img{ width:22em; height:17.6em; border:.4em solid #CCC; display:block;}
.projetos figure img:hover{ border-color:#F60;}
.projetos .text{ position:relative; padding-bottom:3em;}
.projetos h6{ font-size:1em; font-weight:300; line-height:1.4em;}

/*================================================ ESTRUTURA SIDABAR.php ================================================*/
/*SIDEBAR*/
aside.sidebar{ width:24em; float:left;}
.widget-social{ border:.1em solid #CCC; padding:.5em;}
aside .facebook, aside .twitter{display:block; min-height:27.8em; display:block;}
aside .facebook h6, aside .twitter h6{ margin-bottom:.5em;}
aside .facebook{ margin-top:1.1em; }

.parceiros{ margin-top:2em; max-height:31em; padding:.5em .5em 3.2em .5em; border:.1em solid #CCC; position:relative;}
.parceiros ul{ list-style:none;}
.parceiros ul li{ display:block; margin-top:.8em;}
.parceiros li img{ border:.1em solid #CCC; display:block; width:97.5%; padding:.2em; max-height:12em;}
.parceiros li img:hover{ border-color:#F60; }
.parceiros .more{ right:.5em; bottom:.5em;}

/*================================================ ESTRUTURA FOOTER.php ================================================*/
footer{ background:url(img/bottom.jpg) repeat-x center top #4D7AFF; width:100%; height:20em; clear:both; float:left; margin-top:2em;}
.bottom{ width:98em; height:19.6em; background:url(img/coqueiros.png) no-repeat center top; margin-top:.4em; float:left;}
#widget-footer{ width:32em; height:17em; float:right; text-align:right; padding:.5em 0;}
#widget-footer p{ color:#666; margin-top:3em; font-weight:bold; font-size:1.4em;}

#rodape{ width:100%; height:5em; margin-top:1.6em; float:left; clear:both;}
#rodape .site-name{ float:left; font-size:1.4em; color:#CCC; font-weight:800; width:33%; margin-top:1em;}
#rodape .copy{ width:33%; font-size:1.2em; float:left; text-align:center; margin-top:1.4em;}
#rodape .ds{ float:right; width:33%;}
#rodape .ds a{ background:url(img/cyss.png) no-repeat center center; width:4.2em; float:right; height:5em;}

/*================================================ ESTRUTURA SINGLE.php ================================================*/
.resumo{ color:#999; font-weight:800; padding-bottom:.5em;}

.post-meta{height:4.4em; border-bottom:1px dashed #CCC; border-top:1px dashed #CCC; display:block; margin-bottom:1em;}
.post-meta .post-data{ font-size:1.3em; line-height:3.4em; }
.post-meta .comments{ float:right; width:4em; height:4em; margin-top:.2em; background:url(img/comments.png) no-repeat center; text-align:center;}
.post-meta .comments a{  color:#FFF;  font-weight:800; line-height:2.4em;  font-size:1.3em; padding:.3em;}
.post-meta .comments a:hover{ color:#EEE !important;}

.single .content figure{ padding:.5em; border: 1px solid #CCC; margin:0 1em 0 0; text-align:center; float: left; overflow: hidden;} 
.single .content figure img{ display:block; margin-bottom:.3em;}
.single .content figure a{ color:#333; font-size:1.3em; font-style:italic;}
.single .content figure:hover{ border-color:#F60;}

.tags{ border-top: 1px dashed #CCC; font-size:1.3em; clear:both; width:100%; padding:1.3em 0 0 0; margin-top:1em; float:left;}
.tags a{ margin-left:.3em;}

.single .content a:hover{ color:#F60; }
.social{ margin-top:2em; float:left; width:100%;}

/*================================================ ESTRUTURA PAGE.php ================================================*/
.page .title{ border-bottom: 1px dashed #CCC; margin-bottom: 1em; padding-bottom: .5em;}
.page .content li{ font-size: 1.4em; }
.page .content ul, .page .content ol{ margin:1.5em 0;}  

.page .content ul li{ margin-left: 1.3em; }
.page .content ol li{ margin-left: 1.5em; }

.form{ width:40.2em;}
.form .label{ float:left; width:6.3em; line-height:1.8em; font-size:1.4em; text-align:right;}
.form input, .form textarea{ border:1px solid #CCC; padding:.3em; width:300px; resize:none; overflow:hidden;}
.form input[type="submit"]{ float:right; width:10em; cursor:pointer;}
.form input[type="submit"]:hover{ background:#111; color:#FFF;}
.wpcf7-validation-errors, .wpcf7-mail-sent-ok{ font-size:1.3em;}

/*================================================ ESTRUTURA COMENTARIOS ================================================*/
.comentarios{ float:left; display:block; width:100%; margin-top:2em;}
.comentarios #comments{ font-size:2em; margin-bottom:.5em; border-top: 1px dashed #CCC; padding-top:.5em;}
.comentarios input{ background:#FFF; border:1px solid #CCC; padding:.5em; width:35em;}
.comentarios textarea{ background:#FFF; border:1px solid #CCC; padding:.5em; width:35em; resize:none; overflow:hidden;}
.comentarios input[type="submit"]{width:10em; float:right; margin-right:18em; border:none; background:#EEE;}
.comentarios input[type="submit"]:hover{ cursor:pointer; background:#F60; color:#FFF;}

.comentarios label{ width:35em; display:block;}

#commentlist ul{ list-style: none; margin:0; padding:0; width:100%;}
#commentlist li{ float:left; width:70.8em; border:1px solid #CCC; padding:.5em .5em 0 .5em; margin:.5em 0;}
#commentlist img{ float:left; margin:0 1em 0 0; border:1px solid #CCC; padding:.2em;}
#commentlist p{ margin:0 0 .5m 0; padding:0;}

/*================================================ ESTRUTURA CATEGORY.php ================================================*/

.category .title{ border-bottom: 1px dashed #CCC; margin-bottom: 1em; padding-bottom: .5em;}
.category .caixa{margin-bottom:1.5em; display:block; border-bottom:1px dotted #CCC; padding-bottom:.5em; position:relative;}
.category .caixa:hover{ background:#F2F2F2;}
.caixa figure{ width:15.8em; height:12.8em; border:1px solid #CCC; overflow:hidden; float:left; margin:.5em 1em 0 0;}
.caixa figure:hover{ border-color:#F60;}
.caixa figure img{ width:15em; height:12em; margin:.4em;}
.caixa .more{ bottom:.5em;}

/*================================================ ESTRUTURA ARCHIVE-PARCEIROS.php ================================================*/
.archive-parceiros .title{ border-bottom: 1px dashed #CCC; margin-bottom: 1em; padding-bottom: .5em;}
.archive-parceiros .caixa{ list-style:none; float:left;  width:22.8em; border:1px solid #CCC; margin:0 .5em 1em .5em; text-align:center; padding-bottom:.5em;}
.archive-parceiros .caixa:hover{ color:#F60; border-color:#F60;}
.archive-parceiros .caixa figure{width:100%; border:0 none; margin:0 0 .5em 0;}
.archive-parceiros .caixa figure img{display:block; width:97.5%; max-height:13.2em;}

/*================================================ ESTILOS WORDPRESS ================================================*/

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
blockquote {
width:60%;
color:#000;
background:#fff url('img/blockquotes-1.png') 1.4em 1.6em no-repeat;
margin-left:auto; 
margin-right:auto;
padding:1.6em 1.6em 0.2em 9em;
border:1px solid #CCC;
}
blockquote:hover{ background-color:#EEE;}

/*PROFILE*/
#theme-my-login input, #theme-my-login textarea, #theme-my-login select { border:1px solid #CCC; padding:5px !important; width:350px;}
#theme-my-login input[type="submit"]{ width:130px; cursor:pointer;}
#theme-my-login input[type="submit"]:hover{ color:#999; background:#FFF;}
#theme-my-login input[type="checkbox"]{ width:20px;}
#theme-my-login{  font-size:13px !important;}
.message{ font-size:13px;}
#theme-my-login .description{ clear:both; display:block; font-size:13px;}
#theme-my-login table{ padding-bottom:5px; border-bottom:1px solid #CCC; width:720px;}
#theme-my-login h3{ margin:10px 0; font-size:18px; background:#EEE; padding:5px;}
#theme-my-login ul{ list-style:none;}
#theme-my-login p{ margin:5px 0 0 0 !important;  font-size:13px !important;}
.tml-action-links a{ font-size:13px;}
.tml-action-links a:hover{ color:#000;}
.tml-action-links a:after{ content:" >>>"; }

/*AGENDA - TEMPLATE */
.agenda .boxer { width:150px; padding:5px; position:relative; float:left; margin:0 8px 10px 8px; border:1px solid #CCC; }
.agenda .boxer h3{ font-size:1.2em; margin-bottom:5px; min-height:29px;}
.agenda .boxer a:hover{ color:#000;}

.agenda .title{ border-bottom: 1px dashed #CCC; padding-bottom: .5em;}
#event-google-map{ margin:20px 0 !important;}
.image{ margin:5px; padding-right:5px; float:left;}
.archive-meta{float:left; padding:0 5px; margin:0 10px 10px 0;}
.informacoes-organizer{ margin:0 0 10px 0; float:left; width:100%; background:#EEE;}
.enderecos{ float:left; margin-right:30px;}
.locals h4{ margin-top:10px;}

.cycloneslider-template-default .cycloneslider-slides {
	height: 223px;
	width: 920px;
}

.cycloneslider-template-default .cycloneslider-pager {
    position: absolute;
    z-index: 200;
    top: inherit !important; 
    bottom: 15px !important;
    right: 45% !important;
}