/*Autor : Diego Kaimoti

Template Joomla desenvolvido para Nova Funerária*/



*{margin:0;padding:0;}



body{

	font-family: Verdana, Geneva, sans-serif;

	background:url(../images/bg.jpg) repeat-x #f5f5f5 top;

	font-family:Arial, Helvetica, sans-serif;

}



#wrap{

	width:980px;

	margin:0 auto 10px;

}



#logo{

	width: 199px;

	height:173px;

	background:url(../images/logo.jpg) no-repeat;

	margin: 0 auto;

}



#topo{

	width:980px;

	height:210px;

	float:left;

	background: url(../images/topo.png) no-repeat top;

	margin:0 auto;

}



/* Menu */



#menu{

	float:left;

	width:958px;

	height:36px;

	text-decoration:none;

	text-align:center;

	font-size:12px;

	font-family: Arial, Helvetica, sans-serif;

}



#menu ul{

	width:958px;

	text-align:center;

	padding: 7px 0;

}



#menu li{

	display:inline;

}



#menu a{

	text-decoration: none;

	color:#ffffff;

	font-size: 18px;

	margin: 2px 0 0 0;

	padding: 9px 12px;

	text-align:center;

	margin-bottom:2px;

}



#menu a:hover{

	color: #270a6c;

	background-color:#ececec;

}





/*Display principal*/



#display{

	width:956px;

	height:210px;

	margin: 0 0 0 9px;

	float:left;

	border-left: 1px solid #E7E7E7;

	border-right: 1px solid #E7E7E7;

}



#slide-controls{

	margin-top:250px;

}



/* característica para tirar a barra preta do slide control do Display*/

div#header_hotslider div#slide-holder div#slide-controls {

	background:none !important;

}



/* Botão com números de slides*/



div#header_hotslider div#slide-holder div#slide-controls div#slide-nav{

	right:60px;

	padding-right:30px;

}

/*conteudo */ 
.items-more{
	margin:15px 0;
}

.items-more a{
	margin-top:10px;
	text-decoration:none;
	color:#280A6C;
}

.item-more a:hover{
	font-weight:bold;
}

.pagination{
	width:600px;
	margin-top: 6px;
	float:left;
	text-decoration:none !important;
	font-size:14px;
}

.pagination-start{
	margin-right: 5px;
}

.pagination-prev{
	margin-right: 5px;
}

.pagination-next{
	margin: 0 5px;
}

.counter{
	font-size:14px;
	color:#280A6C;
	margin-top:10px;
}

.pagenav{
	margin: 0 5px;
}

.pagenav a{
	margin-right:5px;
}

.pagination ul{
	width:600px;
	text-align:left;
	padding: 3px 0;
}

.pagination li{
	display:inline;
}

.pagination a{
	text-decoration: none;
	color:#280A6C;
	font-size: 14px;
	margin: 2px 0 0 0;
	text-align:left;
}

#conteudo{

	width:956px;

	min-height:325px;

	float:left;

	clear:both;

	margin:0 0 0 10px;

	background-color:#FFF;

	border-left: 1px solid #E7E7E7;

	border-right: 1px solid #E7E7E7;

	text-decoration:none !important;

}



#conteudo #content h2{

	color:#280A6C; /*#666666;*/

	font-size:23px;

	margin-bottom:10px;

}

.tabela{
	text-decoration:none;
	border:none;
}


#plano{

	width:276px;

	min-height:268;

	background-color:#f7f7f7;

	border: 1px solid #dcdcdc;

	float:right;

	margin: 0 0 20px 15px;

	font-size:12px;

	text-align: left !important;

}



#plano p{

	margin: 10px 22px;

	font-size: 13px;

	color:#666666;

	padding: 0 10px;

}



#plano h3{

	font-size:23px;

	color:#666666;

	margin:10px 22px;

}



#content{

	font-size: 12px;

	text-decoration:none;

	margin:20px 25px;

	color: #666666;

	text-align: justify;

}





.blog h2{      /* para títulos de Falecimentos, estilo blog category*/ 

	font-size:14px !important;

	font-weight:bold;

	margin-top:5px;

}



.blog h2 .subheading-category{

	font-size:23px !important;

}



.item-page p{

	margin: 10px 10px;
	line-height:175%;
}

.item-page ul{
	margin: 5px 0 5px 30px;
}
	

.blog-featured p{

	margin-top:15px;

}

/*** GMAPS*/

#gmaps{
	width:400px;
	height:350px;
	margin-top:20px;
	margin-left:5px;
	float:left;
}

/*rodape*/



#footer{

	width:958px;

	height:26px;

	text-align:left;

	margin: 20px auto 0;

	clear:both;

	font-size:11px;

	font-weight:bold;

	background: url(../images/rodape.jpg) no-repeat;

}

#footer p{

	color:#FFF;

	font-size:11px;

	padding: 7px 0 0 15px;

}

#footer img{
	float:right;
	padding: 0 15px 0 0;
}

/* Chronoforms */
#chronoform_Faleconosco{
	width:440px;
	float:left;
	clear:none;
	padding-left:5px;
	padding-bottom:10px;
	margin-bottom:5px;
	margin-left:20px;
	font-family: Arial, Helvetica, sans-serif;
}

#chronoform_Faleconosco h4{
	font-size:23px !important;
	font-family:Arial, Helvetica, sans-serif;
	float: left;
	margin:0 auto;
	color:#280A6C;
}

#chronoform_Faleconosco h5{
	text-decoration:none;
	font-size:14px !important;
	font-family:Arial, Helvetica, sans-serif;
}

#chronoform_Faleconosco a{
	color:#979596;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	fonte-size:26px;
}
#chronoform_Faleconosco a:hover{
	color:#000;
}

.cfdiv_select select, .cfdiv_text label {
    width: 50px;
}

.ccms_form_element {
    clear: both;
    padding: 5px 0 10px 5px;
    position: relative;
}

.ccms_form_element label {
    float: left;
    font-weight: bold;
    line-height: 18px;
    margin: 6px 0 9px;
    width: 80px;
}

.ccms_form_element {
    clear: both;
    padding: 0;
    position: relative;
}