/*
Copyright (c) 2012
Theme Name: Versão 2012
Theme URI: http://promofestaseventos.com.br
Description:  PromoFestas e Eventos
Author: FB Aplicações
Version: 1.0
*/
/*padrão*/
div, ul, li, img, span, iframe, input, textarea{border-radius:3px 3px 3px 3px; -moz-border-radius:3px 3px 3px 3px; -webkit-border-radius:3px 3px 3px 3px;}
.quadrado{border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;}
/*body*/

body{font-family:arial,helvetica,freesans,sans-serif;); background:#FFE7CE; color:#333; font-size:13px;}

#linhaTopo{width:100%; height:10px; float:left; background:#F90; }	
#principal{width:900px; height:auto; margin:0 auto;}
#header{width:900px; height:auto; margin:0 auto; float:left; margin-top:3px;}
#logo{background-image:url(../../images/layout/logo_promofestas.png); background-repeat:no-repeat; width:539px; height:109px; margin-top:10px; float:left;}
#nav{width:898px; height:38px; background:url(../../images/layout/bg_menu.png) #FF9A00; float:left; margin-top:15px; border:1px solid #FF9A00;}

#s1{width:350px; height:56px; float:right;margin-top:40px;}
#s1 a{float:left; margin-left:25px;}
/*contents*/
#content{width:888px; min-height:430px; padding:0 5px; border:1px solid #fff; background:#FFF; float:left; margin-top:5px;}	
#content_left{float:left; width:165px; height:auto; margin-left:5px;}
#content_right{ width:690px; height:auto; float:left; margin-left:23px; padding-top:20px;}
.cabeca{float:left; margin-bottom:10px; border-bottom:3px solid #F60; color:#F60; font-size:24px; width:100%;}

#box-noticias{
	width:310px;
	height:123px;
	padding:5px;
	float:left;
	border:1px solid #CCC;
	margin-left:8px;
}
#box-noticias a{
	display:block;
	font-size:12px;
	color:#666;
	margin-top:3px;
}#box-noticias a:hover{text-decoration:underline;}

#box-bemvindo{
	width:332px;
	height:123px;
	padding:5px;
	float:left;
	border:1px solid #CCC;
	margin-left:10px;
	font-size:13px;
}
/*start form busca*/
#form-busca-index{
	float:right;
	width:306px;
	height:30px;
	margin-top:3px;
	margin-right:3px;
}
#form-busca-index #q{
	font-family:Arial,'Trebuchet MS',sans-sarif;
	border:1px solid #EBEBEB;
	border-right:none;
	color:#999999;
	font-size:13px;
	font-weight:bold;
	background:#fff;
	padding:2px 3px 2px 5px;
	width:212px;
	height:26px;
	border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;
	float:left;
	
}
#form-busca-index #q:focus{background-color:#FFF;}

#form-busca-index .btn-busca{
	background:url(../../images/layout/bg-search.png) #CCC;
	padding:2px 3px;
	padding-left:5px;
	width:85px;
	height:32px;
	font-size:13px;
	color:#666; font-weight:bold;
	display:block;
	border:0;
	cursor:pointer;
	float:left;
	border-radius: 0px 5px 5px 0px;
	-moz-border-radius: 0px 5px 5px 0px;
	-webkit-border-radius: 0px 5px 5px 0px;
}
#form-busca-index .btn-busca:hover{ color:#393185;}
/*end form busca #00c8f0*/	
/*menus*/
#menu{display:block; float:left;}
#menu li{float:left; position:relative; float:left;}
#menu li a{
	display:block;
	float:left;
	margin:3px 5px 0px 5px;
	padding:8px 9px 11px 9px;
	font-size:14px;
	color:#F00;
	font-weight:bold;
	text-decoration:none;
	_border:0;
}

#menu li a:hover, #menu li a.ativo{
	border-color:#D2D2D2;
	background:#fff;
	
}
 #menu li a.ativo{
 background:#fff;
 }
 #menu > ul > li:hover > a {
    background: #fff;
    color: #F00;
	-moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
	border-bottom:1px solid #E31E24;
}
#menu li ul{
	margin:0;
	margin-left:4px;
	display:none;
	position:absolute;
	left:0;
	top:38px;
	min-width:160px;
	border:1px solid #FF9A00;
	border-top:1px solid #fff;
	padding-bottom:3px;
	background:#fff;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
	
}
#menu ul li:hover ul, #menu ul li.hover ul {
	z-index: 101;
	display: block;
	position:absolute;
}
#menu  li span{
	background:#ccc;
	display:block;
	height:1px;
	position:absolute;
	top:-1px;
	right:0;
}

 
#menu li:hover ul{
	display:block;
}
#menu li  ul li,
#menu li  ul li a{
	float:none;
	clear:both;
}
#menu li ul li a{
	border-left:3px solid #CCC;
	font-size:13px;
	display:block;
	color:#666;
	width:180px;
	padding-left:4;
	margin:0px;
	
}


#menu li ul li a:hover{
	border-left:3px solid #F00;
	color:#F00;
	background:transparent;

	
}
/*menu vertical*/
#menuV {
	width: 150px;
	height:auto; 
	float:left; margin-top:20px;
}
#menuV li a {
	padding: 10px 0px 5px 15px;
	cursor: pointer;
	position: relative;
	width:150px; height:20px; float:left;
	border-bottom:1px solid #666;
    font-weight:bold; color:#666; font-size:15px;
    background: url(../../images/icones/q2.png) left no-repeat;
	margin-bottom:1px;
	text-decoration:none;
}
#menuV li a:hover{background: url(../../images/icones/q1.png) left no-repeat; border-bottom:1px solid #E31E24; color:#E31E24;}

/*footer*/
#rodape{width:898px; height:80px; background:url(../../images/layout/bg-rodape.png) #EBEBEB; border:1px solid #EBEBEB; clear:both; float:left;  margin-top:5px;}
#fLinks{margin-top:5px;}
#fLinks a{font-size:13px; color:#666; border-right:1px dotted #666; padding:0px 7px;}
#fLinks a:hover{ text-decoration:underline;}
#copyright {
	width: 520px;
	font-size: 12px;
	padding-left: 5px;
	margin-top:18px;
	color: #666;
	float: left; }
 
#fb {
	width: 122px;
	font-size: 11px;
	color: #666;
	float: right; margin-right:2px; }

/*produtos*/
.grandeP{width:700px; height:auto; float:left;}
.grandeP li{width:160px; height:150px; border:1px solid #36F; float:left; margin-left:10px; margin-bottom:15px;}
.grandeP li a{width:160px; height:150px; float:left;}
.grandeP li a span{font-size:13px; font-weight:bold; color:#F00; background:#FFED00; float:left; width:160px; height:20px; text-align:center;}
.grandeP li a img{float:left; width:160px; height:130px;}

#imagens{width:382px; height:auto; float:left;} 
#imagens li{width:80px; height:70px; float:left; margin-top:10px; margin-left:11px;}
#imagens li a{width:80px; height:70px; float:left; border:1px solid red; padding:2px; } 
#imagens li a img{width:80px; height:70px; float:left;}

.imgP{width:380px; height:200px; float:left; border:1px solid #09F;}
#conteudoP{width:300px; height:auto;; float:right; margin-left:8px;} 
#conteudoP h2{font-size:18px; color:#F00; float:left; width:300px;}
#texto{float:left; margin-left:6px; margin-top:8px; width:292px; height:auto; font-size:14px; color:#666;}
/*start forms*/
.form-c{float:left; width:300px; margin-left:10px;}
.form-c label{float:left; display:block; margin-bottom:2px;}
.form-c span{float:left; display:block; font-size:14px; color:#666; width:300px; font-weight:bold;}
.form-c input, textarea{float:left; display:block; border:1px solid #F60; background:#F9F9F9; padding:2px 3px; color:#F60; font-weight:bold; font-size:14px;} 
.btP{padding:5px 10px; border:1px solid #09F; background-color:#016A41; cursor:pointer; font-weight:bold; color:#FFD7D7;}
.btP:hover{background:#01A362;}

/*botões*/
.button_grey, .button_grey_sm, .button_green_sm, .button_red_sm, .button_gold {
	background: url(../../images/icones/button.png) 0 0 repeat-x;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
	font-family: Helvetica, Arial, sans-serif;
	text-shadow: 1px 1px rgba(255, 255, 255, 0.5); }
 
.button_grey:hover, .button_grey_sm:hover, .button_green_sm:hover, .button_red_sm:hover, .button_gold:hover { text-decoration: none; }
 
.button_grey, .button_grey_sm {
	border: 1px solid #b8b8b8;
	color: #373737;
	font-weight: bold;
	margin-top: 15px; }
 
.button_grey, .button_grey:hover[disabled], .button_grey:active[disabled] {
	background-position: 0 0;
	color: #373737;
	font-size: 14px;
	padding: 12px 25px; }
 
.button_grey:hover, .button_grey_sm:hover { color: #000; }
 
.button_grey:active { background-position: 0 -100px; }
 
.button_grey_sm, .button_grey_sm:hover[disabled], .button_grey_sm:active[disabled] {
	background-position: 0 -200px;
	font-size: 12px;
	padding: 8px 25px; }
 
.button_grey_sm:active { background-position: 0 -300px; }
 
.button_green_sm, .button_red_sm {
	font-size: 12px;
	font-weight: bold;
	padding: 6px 10px; }
 
.button_green_sm, .button_green_sm:hover[disabled], .button_green_sm:active[disabled] {
	background-position: 0 -400px;
	border: 1px solid #a1b5a0;
	color: #215c01;
	font-size: 12px;
	font-weight: bold; }
 
.button_green_sm:hover { color: #133600; }
 
.button_green_sm:active { background-position: 0 -500px; }
 
.button_red_sm, .button_red_sm:hover[disabled], .button_red_sm:active[disabled] {
	background-position: 0 -600px;
	border: 1px solid #b5a0a0;
	color: #5c0103; }
 
.button_red_sm:hover { color: #3c0001; }
 
.button_red_sm:active { background-position: 0 -700px; }
 
.button_red_sm[disabled], .button_green_sm[disabled], .button_red_sm:hover[disabled], .button_green_sm:hover[disabled] {
	background: #d5d5d5 url(../images/indicator.gif) no-repeat center center;
	border: 1px solid #707070;
	text-indent: -999px;
	overflow: hidden;
	outline: none; }
 
.button_red_sm::-moz-focus-inner, .button_green_sm::-moz-focus-inner, .button_red_sm[disabled]::-moz-focus-inner, .button_green_sm[disabled]::-moz-focus-inner { border: 0; }
 
.button_gold, .button_gold:hover[disabled], .button_gold:active[disabled] {
	background-position: 0 -800px;
	border: 1px solid #b5b0a0;
	color: #574600;
	font-size: 14px;
	font-weight: bold;
	padding: 12px 25px; }
 
.button_gold:hover { color: #302700; }
 
.button_gold:active { background-position: 0 -900px; }
 
.button_grey[disabled], .button_grey_sm[disabled], .button_green_sm[disabled], .button_red_sm[disabled], .button_gold[disabled], .button_grey:hover[disabled], .button_grey_sm:hover[disabled], .button_green_sm:hover[disabled], .button_red_sm:hover[disabled], .button_gold:hover[disabled] {
	cursor: default;
	opacity: 0.5; }
	
	/*paginacao*/
#paginacao {
	width: 350px;
	margin-left: 150px;
	margin-top: 10px;
	padding: 4px 4px 6px 4px;
	float: left;
	font: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 12px; 
	}
 
	#paginacao span {
		margin: 0 0 0 3px;
		padding: 3px 8px;
		background-color:#FFFFBF;
		float:left;
		color: #3E3E00;
		border: 1px solid #3E3E00;
		text-decoration: none;
		font-size: 12px;
		border-radius: 2px 2px 2px 2px;
		-moz-border-radius: 2px 2px 2px 2px;
		-webkit-border-radius: 2px 2px 2px 2px;
		 }
 
	#paginacao a {
		margin: 0 0 0 3px;
		padding: 3px 8px;
		background-color:#F3F3F3;
		color: #333;
		float:left;
		border: 1px solid #999;
		text-decoration: none;
		border-radius: 2px 2px 2px 2px;
		-moz-border-radius: 2px 2px 2px 2px;
		-webkit-border-radius: 2px 2px 2px 2px;
		 }
 
		#paginacao a:hover {
			background-color:#FFE8E8;
			color:#C00;
			text-decoration: none; }
/*end paginação*/
/*novidades*/
.boxcat{width:680px; min-height:70px; border-bottom:1px solid #CCC; padding:13px 5px 5px 5px; position:relative; float:left;}
		.boxcat h2{font-size:18px; color:#F00; float:left; width:330px;}
		.boxcat p{float:left; color:#666; font-size:12px; width:350px; height:auto; margin-top:6px; line-height:1.4;}
		.boxcat p img{border:none; padding:0; margin:0;}
		.boxcat p span{font-size:13px; font-weight:bold; color:#F60; margin:0; padding:0;}
		.boxcat img{ 
			float:left;
			margin-right:5px; 
			border:1px solid #09F; 
			padding:2px; float:left;
			border-radius: 2px 2px 2px 2px;
			-moz-border-radius: 2px 2px 2px 2px;
			-webkit-border-radius: 2px 2px 2px 2px;
			}
		.maisinfo{width:95px;height:20px;float:right;font-size:18px;position:absolute;left:600px; top:105px;}
		.maisinfo img{border:0px; margin:0px; float:left;}.maisinfo a{color:#666; text-decoration:none;} .maisinfo a:hover{text-decoration:underline;}				