/*  
Tema: Dome Design
Version: 1.0
Description: design por <a href="http://www.fgsolutions.com.br">FG Solutions</a>.
Author: Gabriel Carlini
gabriel@fgsolutions.com.br
*/

/* Default styles */
@import "reset.css";

/* Custom styles */
@import "custom.css";


body {background:#fff url(http://www.domedesign.com.br/imagens/bg-topo.jpg) repeat-x center top;}

.breadcrumb {font-family:Verdana, Geneva, sans-serif; margin-bottom:10px;}

#wrap {	background: none; height:207px;}

a.voltar {color:#0177bf; text-decoration:none; font-weight:bold; float:right; margin:20px 0;}
a:hover.voltar { text-decoration:underline;}



strong.espacoimg {float:left; margin-right:110px; margin-bottom:30px; height:176px;}

/* Top */

#top {width: 960px; margin: 0 auto; }


/* Menu */

#suckerfishnav {width:100%;}

#suckerfishnav, #suckerfishnav ul {
	margin-top:0px;
    float:left;
    list-style:none;
	height:60px;
    padding:0;
    width:700px;
    }
#suckerfishnav a {
    display:block;
    color:#5e5e5e;
    text-decoration:none;
    padding:18px 17px;
    }
#suckerfishnav a:hover { color:#fff;}
#suckerfishnav li {
    float:left;
    padding:0 12px;
	margin:0px 15px 0 0;
	padding:4px 5px 4px 5px;
	font-size:14px;
	font-weight:bold;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:190px;
    }
#suckerfishnav ul li li {
    border-bottom:1px solid  #CF0;
    }
#suckerfishnav li li a {
    width:160px;
    }
#suckerfishnav li ul ul {
    margin:-21px 0 0 500px;
	background:#93C;
    }
#suckerfishnav li li:hover {

color:#fff;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#fff;
    }

#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#fff;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
color:#fff;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
	margin-left:-5px;
	margin-top:7px;
color:#fff;
    background:#666;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {background:#5e5e5e; color:#fff}





/* Cat Nav */

#menu { 
	background:url(images/cat-nav.png) no-repeat top left;
	width:960px;
	height:50px;
	z-index: 999;
	position: relative;
}

#catnav, #catnav ul {
	padding: 0;
	margin: 0 15px;
	list-style: none; 
	line-height: 1;
	width:750px;
	z-index: 999;
	position: relative;
}

#catnav a {
	display: block;
	line-height: 50px;
	padding: 0 10px;
	z-index: 100;
color:#5e5e5e;
	font-size:14px;
	font-weight:bold;
}

#catnav li {
	float: left;
}
#catnav li:hover {
	background:#999;
}

/* Style drop down list */

#catnav li ul { position: absolute; width: 182px; left: -999em; margin:0; }
#catnav li ul li {	border: 1px solid #ccc; border-width:0 1px 1px; background: #FFF; z-index: 15; position: relative; }
#catnav li ul li:hover { background: #eee; }
#catnav li ul li a { line-height: 35px; font-size: 12px; color: #333; width: 160px; }
#catnav li ul ul {	margin: -36px 0 0 180px;  border-top: 1px solid #ccc; }
#catnav li ul ul li a { line-height: 35px; }
#catnav li ul li ul li a {	border-width:0 1px 1px 0px; }
#catnav li:hover ul, #catnav li.sfhover ul { left: auto; }
#catnav li:hover ul ul, #catnav li.sfhover ul ul { left: -999em; }
#catnav li:hover ul, #catnav li li:hover ul, #catnav li.sfhover ul, #catnav li li.sfhover ul { left: auto; }
#catnav li:hover, #catnav li.hover { position: static; } /* IE7 Fix */

/* Search */

#search { float:left; height:32px; display:block; margin:15px 0 0 20px; }
#search input { 
	background:url(/imagens/bg-busca.jpg) no-repeat; 
	border:0; 
	color:#5e5e5e;
	padding: 8px 10px;
	width:157px;
}

/* Header */

#header { width: 100%; height: 155px; clear: both; position: relative; }
#bg-topo-todo {}




#header a { width:450px; height:100px; display:block; padding-top:30px; }
#header h1 { position:absolute; left:-999em; }
#header img {float:right; border:0; margin-top:5px; }

/* Content */

#content { width: 960px; margin:0 auto; }
/*   * html #content { height: 550px; } */

#content.white { background:#fff; }


#featured {	padding:20px 0px 0px 20px;	width:940px; }
#featured h2 a { font-size:25px;}




/* Div post inteiro */

#mainpost {	padding:10px; width:940px; margin-right:10px; }


#main-full { padding:20px 0 0px 20px; width:920px; }


/* Content (style) */

#content a:hover {	text-decoration: none; }
#content h2, #content h3 { font-weight: bold; }
#content h2 { font-size: 24px; line-height:28px; padding-top:0; }
#content h3 {font-size: 20px; }
#content h4.info { font-family: "Trebuchet MS", Verdana, Geneva, sans-serif; font-size:24px; color: #2b7b44; padding:0 0 15px; }
#content h4 { font-size: 16px; }
#content h5 {font-size:18px; font-family: "Trebuchet MS", Verdana, Geneva, sans-serif; margin:20px 0 20px 0;}
#content h5 a {color:#0177BF; text-decoration:none;}
#content h5 a:hover {text-decoration:underline}
#content ol, #content ul { line-height: 18px; }
#content ul { padding-left: 50px; }
#content ul li { list-style: circle; padding: 3px 0; }
#content ol { padding-left: 57px; }
#content ol li { list-style: decimal; padding: 3px 0; }
#content blockquote {border-left:2px solid #777; color:#777; font-style:italic; margin:5px auto 15px; padding:0px 10px;	width:85%;}

/* Main Content (post) */

#content .post { padding:0 5px 15px 0; }
#content .post-title {	width: 100%; position: relative; }
#content .post-title h2, #content .post-title p.post-details, #content .post-title h3 { padding-right: 50px; }
#content h2 a, #content h3 a { color: #2A2A2A; text-decoration: none; }
#content h2 a:hover, #content h3 a:hover { text-decoration: none; }
#content p.post-details { line-height: 18px; margin-top: -10px; position: relative; }
#content p.post-details a { text-decoration: underline; color:#9F9F9F; }
#content p.post-details a:hover { color:#555; }
#content p.post-details {
	color: #9F9F9F;
	font-size: 11px;
	padding: 0 0px 0px 1px
}
#content .post h4 { margin-top: 1px; clear: both; width: 100%; }
#content .post h4.continue a {
	background: #A8BC70;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
}
#content .post h4.continue a:hover {background: #9fb26a;}
#content .post img.thumbnail {
	border:1px solid #DDDDDD;
	margin:5px 0 0;
}
#content .post img.thumbnail-left {
	margin:15px 10px 5px 0;
	float:left;
}
#content .post img.gallery { margin:0 7px 7px 0; }
#content h2.arh {
	border-bottom: #EBEBEB 1px solid;
	margin-top: -10px;
	margin-bottom: 10px;
	position: relative;
}

#featured h2 { font-size:34px; }

#featured .block { padding:0 30px 20px 0px; width:200px; float:left; }
#featured .block.last { padding-right:0px; }
#featured .block h2 { font-size:18px; line-height:20px; font-weight:normal }



/* Main Content (post>single) */

#content p.tags {
	background:url(images/ico-tag.gif) no-repeat center left;
	padding-left:25px;
	width: 100%;
	clear: both;
}
.single #content .advert_468x60 {margin: 15px 0 0px 0;}
#content .page h2 {padding-top: 5px;}

/* Comentarios */

#comments h3 { font-size: 17px;	font-weight: normal;padding: 10px 0 20px 0;}

#comments #comments_wrap {padding: 0; position: relative; }
#comments #comments_wrap h2 {font-size:17px; }
#comments ol.commentlist li { list-style-type:none; }

#comments .comment { margin-top: 10px; width: 100%; }
#comments .comment a { text-decoration: underline; width:85px; }
#comments .comment a:hover { text-decoration: none; }
#comments .comment small { font-size: 19px;	margin-top: -2px; }

#comments .comment {width: 900px; font-size:12px;}
#comments .comment p { padding: 0 0 0 2px; line-height: 19px;}
#comments .comment p a { width:80px;}
#comments .comment .inside {
	width: 110px;
	float: left;
	position: relative;
	overflow: hidden;
	min-height:70px;
}





/* Boxes index parte de cima */


#box-cima { padding:0; width:960px; float:left; margin-left:15px; }

#box-cima .box-valorize {width:917px; height:73px; float:left; margin:5px 0px 10px 25px; background:url(http://www.domedesign.com.br/imagens/valorize-seu-projeto.jpg) no-repeat;}

#box-cima .box-camera {width:931px; height:71px; float:left; margin:5px 0px 0px 12px; background:url(http://www.domedesign.com.br/imagens/para-cameras-cftv.jpg) no-repeat;}
#box-cima .box-camera h2 {font-family:"Trebuchet MS", Verdana, Arial; font-size:23px; color:#fff; padding: 20px 0px 0px 155px;}

#box-cima .box-domedesign {width:949px; height:237px; float:left; margin:5px 0px 0px 0px; background:url(http://www.domedesign.com.br/imagens/dome-design.jpg) no-repeat;}


#box-cima .box-domedesign .caracteristicas {width:685px; height:233px; float:right; margin:0; margin-left:10px; }
#box-cima .box-domedesign .caracteristicas p {margin: 0px 0px 0px 30px; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
#box-cima .box-domedesign .caracteristicas .espaco-seta {margin: 0px 10px 0px 0px; }
#box-cima .box-domedesign .caracteristicas h3 {font-family:"Trebuchet MS", Verdana, Arial; font-size:16px; color:#0177bf; padding: 20px 0px 5px 30px;}






/* Boxes index parte de baixo */

#box-baixo {padding: 5px 0px 15px 0px; width:960px; float:right; }
#box-baixo .representantes {width:462px; height:227px; float:left; background:url(http://www.domedesign.com.br/imagens/bg-representantes.jpg) no-repeat; margin-left:18px; _margin-left:9px}

#box-baixo .representantes h3 {font-family: "Trebuchet MS", Verdana, Arial; font-size:20px; color:#0177bf; padding: 35px 0px 5px 85px;}
#box-baixo .representantes h3 a {color:#0177bf;}
#box-baixo .representantes p { padding: 20px 18px 5px 25px;}
#box-baixo .representantes a { color:#06C; text-decoration:none;}
#box-baixo .representantes a:hover { text-decoration:underline;}


/* div artigo Página Inicial */
#box-baixo .artigos {width:462px; height:227px; float:right; background:url(http://www.domedesign.com.br/imagens/box-artigos.jpg) no-repeat;  }
#box-baixo .artigos h2 { font-family: "Trebuchet MS", Verdana, Arial; font-size:20px; color:#999; padding: 5px 0px 5px 37px; }
#box-baixo .artigos h4 { font-family: "Trebuchet MS", Verdana, Arial; font-size:20px; color:#0177bf; padding: 35px 0px 5px 85px; }
#box-baixo .artigos p { padding: 0px 15px 5px 37px; }


#box-direito { padding: 15px; width:430px; background:#ebebeb;}

#comments .comment .col-left {width: 88px; font-size:11px;}
#comments .comment .col-left p { padding: 0 0 0 2px; line-height: 19px;}
#comments .comment .col-left .inside {
	width: 110px;
	float: left;
	position: relative;
	overflow: hidden;
	min-height:70px;
}


#comments .comment .col-right {
	min-height: 92px;
	background: #e6e6e6;
	padding: 10px 15px;
	margin-left:100px;
	float:none; 
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	
}

* html #comments .comment .col-right { height: 100px; }
#comments .comment div.reply { float:right; padding: 3px 3px 0; font-size:11px; }
#comments .comment div.reply a { text-decoration:none; color:#aaa; }

#comments ul.children { margin:10px 0 0 25px; padding:0; }

#comments .navigation .alignright, #comments .navigation .alignleft { margin:10px 0;}
#comments .navigation a {
	color: #555;
}
#comments .commentlist {padding:0;}
#comments .commentlist p{padding:0 0 10px;}

#comments .commentlist #respond #form_wrap {
	padding:0 0 25px;
	margin:0;
	border:0;
	width:auto;
}
#comments .commentlist .children #respond #form_wrap .col-right{float:none;}
#comments .cancel-comment-reply {margin-bottom:10px;}

#commentform .btn {
	margin:0; 
	background:url(images/btn-submit.png) no-repeat;
 	color:#FFFFFF;
	font-weight:bold;
	width:79px;
	height:41px;
	padding:0;
	border:0;
	cursor:pointer;
}


				
/* Rodape */

p.numtelefone { margin-top:10px; padding:0;}


#footer {
	background:url(/imagens/bg-footer.jpg) repeat-x bottom;
background-color:#000;
	height:160px;
	margin: auto 0;
	color: #fff;
}

.footer-geral {width: 960px; margin:0 auto;}
.footer-left {margin:45px 0 10px 0; float:left; color:#5e5e5e;}
.footer-center { margin: 55px 0 0 120px; font-size:24px; float:left; color:#0177bf}
.footer-center3 {margin: 55px 0 0 95px;font-size:14px; float:left; color:#5e5e5e;}
.footer-right {float:right; margin:65px 20px 0 0;}