/*

Ditta Comunicação

Webdesigner: Michel Michelon

Suporte: Gabriel Lopes

Webmaster: Edson Luiz Siqueira

*/



/* Body */



html, body {

	width: 100%;

	min-width: 100%;

	height: 100%;

	min-height:100%;

	margin:0;

	padding:0;

	background-color: #fafafa;

	/*background-image:url(../img/estrutura/fundo.jpg);

	background-repeat: repeat-x;*/

	}

	* html{ 

	height: 100%;

	}



div {

	font-family: Arial, Helvetica, Sans-Serif;

	font-size:12px;

	color: #000;

}



#conteudo {

	position: absolute;

	min-width: 100%;

	min-height: 100%;

	left: 0px;

	top: 0px;

	margin: 0;

}



a {

	text-decoration: none;

}



/* Cabeçalho */



#cabecalho {

	position: relative;

	width: 950px;

	height: 120px;

	margin: 0;

	background: #000;

}

/*	

#c_menu {

	position: absolute;

	left: 12px;

	top: 124px;

	width: 932px;

}

*/

/* Inicio menu*/	

#c_menu {

	position: absolute;

	width: 100%;

	height: 39px;



}



#c_menu2 {

	position: absolute;

	width: 700px;

	height: 80px;

	padding-top: 15px;

	text-align: left;

	color: #FFF;

	font-family: Molengo, Arial;

	font-size: 14px;

	top:5px;

	left:250px;

}



#separa{

	float:left;

	text-align: left;

	width:2px;

	height: 122px;

	margin-top:-20px;

	font-family: Molengo, Arial;

	font-size: 16px;

	background: #000;

	/*background-color:#FFF;*/

}



#i_menu {

	float:left;

	text-align: left;

	height: 50px;

	padding-top: 25px;

	background: transparent;

	color: #FFF;

	font-family: Molengo, Arial;

	font-size: 15px;

	cursor:pointer;

}





#i_menu:hover {

	background: #FFF;

	cursor: pointer;

	color:#000;

}







/* fim menu */

/*

#c_social {

	position: absolute;

	left: 704px;

	top: 85px;

	width: 230px;

	height: 36px;

	text-align:right;

}





#c_portal {

	position: absolute;

	left: 701px;

	top: 7px;

	width: 234px;

	height: 76px;

	text-align:right;

}

*/

#c_logo {

	position: absolute;

	left: 5px;

	top: 40px;

	z-index: 99;

}

#c_logo a {

	text-decoration:none;

}

#c_logo img {

	border:none;

}



#rodape {

	position: relative;

	width: 950px;

	height: 77px;

	margin-top: 13px;

	

	background: #000;

}

	

#r_ditta {

	position: absolute;

	left: 781px;

	top: 25px;

}

#r_ditta a {

	text-decoration:none;

}

#r_ditta img {

	border:none;

}



#r_endereco {

	font-family: Molengo;

	text-align: left;

	color: #FFF;

	font-size: 13px;

	position: absolute;

	left: 30px;

	top: 20px;

	height: 14px;

	text-decoration:none;

}

#r_endereco a {

	color:#FFF;

	text-decoration:none;

}



#paginas {

	position: relative;

	width: 950px;

	min-height: 500px;

	margin: 0;

	/*background: #000;*/

}

/* ......................... home inicio ......................... */

#home_t {

	position: relative;

	width:950px;

	height:370px;

	margin-top:20px;

	/*padding-left:10px;*/

		}

#descricao_p {

	position:relative;

	width:220px;

	height:350px;

	padding: 5px 5px 5px 5px;

	/*background:#000;*/

	float:left;

}

#titulo_home {

	position: relative;

	width:220px;

	font-family: Molengo, Arial;

	font-size: 20px;

	color: #000;

	text-align: left;

	padding-left:10px;

}

/* 

   O GABRIEL É UM TCHOTCHONFOLO 

   Caxias do sul - 27 de Janeiro de 2011 10:26:20

*/



#titulo_home a{

	color: #000; 

}

#titulo_home a:visited{

    text-decoration: none;

}

#titulo_home a:hover{

    text-decoration: none;

}



#texto_home {

	position: relative;

	width:200px;

	/*height:30px;*/

	font-family: Molengo, Arial;

	font-size: 12px;

	color: #000;

	text-align: left;

	top:20px;

}

#img_home{

	position:relative;

	width:200px;

	top:10px;

	}

#slider{

	position: relative;

	width:950px;

	height:330px;

	top:15px;

		}

									

/* ......................... home fim ......................... */



/* ......................... inicio produtos ......................... */

#produtos_t {

	position:relative;

	width:950px;

	margin-top:20px;

	padding-left:20px;

		}

		

#produtos_p {

	position:relative;

	width:370px;

	/*height:300px;*/

	padding: 5px 5px 5px 5px;

	/*background:#000;*/

	float:left;

}

#titulo_produtos {

	position: relative;

	width:220px;

	font-family: Molengo, Arial;

	font-size: 20px;

	color: #000;

	text-align: left;

	float:left;

}

#texto_produtos {

	position: relative;

	width:360px;

	/*height:30px;*/

	font-family: Molengo, Arial;

	font-size: 13px;

	color: #000;

	text-align: left;

	top:20px;

	float:left;

}

#video {

	position: relative;

	width:500px;

	top:30px;

	float:right;

	/*background-color:#000;*/

	top:0px;

    z-index:-999;

}

#video_p {

	position: relative;

	width:500px;

	height:375px;

	top:30px;

	float:right;

	/*background-color:#000;*/

	background:url(../img/estrutura/video.png) no-repeat;

	padding-left:4px;

	padding-top:5px;

	top:0px;

	left:-70px;

    

}



#galeria {

	position: relative;

	width:370px;

	height:450px;

	/*background:#000;*/

	float:left;

	top:40px;

}



#img_produtos {

	position: relative;

	width:170px;

	padding: 5px 5px 5px 5px;

	float:left;

	}

	

#titulo_galeria {

	position: relative;

	width:220px;

	font-family: Molengo, Arial;

	font-size: 16px;

	color: #000;

	text-align: left;

	float:left;

	padding-left:5px;

	padding-bottom:5px;

}



#contato {

	position:relative;

	width:950px;

	margin-top:20px;

	padding-left:20px;

		}



#f_contato{

		margin:0;

		width:620px;

		height:300px;

		overflow:hidden;

		float: right;

		margin-left: 25px;

		margin-bottom: 20px;

		}

	#f_contato h3{

		display:none;

		}	

	#f_contato fieldset{

		margin:0;

		padding:0;

		border:none;	

		float:left;

		display:inline;

		width:200px;

		}	

	#f_contato fieldset.last{

		width:254px;

		margin-left:17px;

		}

	#f_contato legend{display:none;}	

	#f_contato p{margin:.5em 0;}	

	#f_contato label{display:block;}	

	#f_contato input, #f_contato textarea{		

		width:192px;

		border:1px solid #ddd;

		background:#fff url(../img/contato/form_input.gif) repeat-x;

		padding:3px;

		}		

	#f_contato textarea{

		width:390px;

		height:220px;

		overflow:auto;

		}					

	#f_contato p.submit{

		margin:0 140px;

		clear:both;

		position:relative;

		}	

	#f_contato button{

		padding:0;

		position:absolute;

		left:-15px;

		top:-3em;

		width:74px;

		height:32px;

		text-indent:-8000px;

		overflow:hidden;

		border:none;

		background:url(../img/contato/enviar.jpg) no-repeat 0 0;

		color:#fff;

		cursor:pointer;

		}



	#f_contato button:hover{

		background:url(../img/contato/enviar2.jpg) no-repeat 0 0;

		}		

		

.youtube-player{

    z-index:999;

}		

		

.classname { text-align:center; background:#FFF; /*padding:100px 50px 100px 50px;*/  -moz-border-radius: 5px;  -webkit-border-radius: 5px; border-radius: 5px;behavior:url(border-radius.htc);}



.classname{-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;behavior:url(border-radius.htc);}



#qsomos_t {

	position: relative;

	width:950px;

	height:370px;

	margin-top:20px;

		}

#qsomos_p {

	position:relative;

	width:400px;

	padding: 5px 5px 5px 5px;

	float:left;

	margin-bottom:20px;

	margin-left:40px;

}

#titulo_qsomos {

	position: relative;

	width:400px;

	font-family: Molengo, Arial;

	font-size: 20px;

	color: #000;

	text-align: left;

}





#titulo_qsomos a{

	color: #000; 

}

#titulo_qsomos a:visited{

    text-decoration: none;

}

#titulo_qsomos a:hover{

    text-decoration: none;

}



#texto_qsomos {

	position: relative;

	width:400px;

	font-family: Molengo, Arial;

	font-size: 13px;

	color: #000;

	text-align: left;

	top:20px;

}

#img_qsomos{

	position:relative;

	width:200px;

	top:10px;

	}

/* Formulário de contato */    

.erro {color: #EC1137;font-size: 11px;}

.success {color:green; font-size: 13px;}

.error {color:red; font-size:13px;}

#f_contato input, textarea{color:#2C2725;}   





