/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);

*{
    margin:0;
    padding:0;
}

body
	{
	/*background-image:url(images/fundo.jpg);
	background-position: center top;
	background-repeat: no-repeat;*/
	font-family: 'Open Sans', sans-serif;
	margin: 0;
	text-rendering: geometricprecision;
	}

a	
	{
	text-decoration: none;
	}

img
	{
	border: 0px;
	text-decoration: none;
	}

/************************************************************************************
HEADER
*************************************************************************************/
	
	#container, #header, #bottom, #servicos, #tit_internas
	{
	width: 1100px;
	height: auto;
	display: block;
	overflow: hidden;
	margin: auto;
	}

	#logotipo
	{
	width: 743px;
	height: 63px;
	display: block;
	background-image: url(images/logotipo.png);
	float: left;
	margin-right: 98px;
	margin-top: 10px;
	}
	
	#redes_sociais_top
	{
	width: 128px;
	height: 109px;
	float: left;
	margin-right: 43px;
	display: block;
	}
	
	.social-links 
			{
				background-repeat: no-repeat;
				background-position: 0 -82px;
				display: block;
				height: 38px;
				-webkit-transition: all 0.2s ease-out;
				   -moz-transition: all 0.2s ease-out;
					 -o-transition: all 0.2s ease-out;
					-ms-transition: all 0.2s ease-out;
						transition: all 0.2s ease-out;
				float: right;
			}

			.facebook {
				background-image: url(images/sup_fb.png);
				background-position: 0 0;
				height: 38px;
				width: 38px;
				margin-right: 6px;
				margin-top: 54px;
			}

			.twitter {
				background-image: url(images/sup_tw.png);
				background-position: 0 0;
				height: 40px;
				width: 39px;
				margin-right: 6px;
				margin-top: 54px;
			}

			.youtube {
				background-image: url(images/sup_you.png);
				background-position: 0 0;
				height: 38px;
				width: 38px;
				margin-top: 54px;
			}
			
			.facebook:hover { background-position: 0 -38px; }
			.twitter:hover { background-position: 0 -40px; }
			.youtube:hover { background-position: 0 -38px; }
			
	#logo_bosch
	{
	width: 88px;
	height: 109px;
	background-image: url(images/logo_bosch.png);
	display: block;
	float: left;
	}
	
/************************************************************************************
MENU
*************************************************************************************/	
	
	#menu
	{
	width: 900px;
	height: 27px;
	margin: auto;
	}
	
	.menu
	{
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	display: block;
	float: left;
	color: #434343;
	font-size: 14px;
	font-weight: 900;
	color: #FFF;
	margin-left: -5px; /* espacamento entre fundos dos botoes */
	}
	
	.m_home
	{
	width: 96px;
	background-image:url(images/f_home.png);
	}
	
	.m_home:hover, .m_home_on
	{
	width: 96px;
	background-image:url(images/f_home_on.png);
	}
	
	.m_quem
	{
	width: 140px;
	background-image:url(images/f_quem.png);
	}
	
	.m_quem:hover, .m_quem_on
	{
	width: 140px;
	background-image:url(images/f_quem_on.png);
	}
	
	.m_servicos
	{
	width: 107px;
	background-image:url(images/f_servicos.png);
	}
	
	.m_servicos:hover, .m_servicos_on
	{
	width: 107px;
	background-image:url(images/f_servicos_on.png);
	}
	
	.m_campanhas
	{
	width: 132px;
	background-image:url(images/f_campanhas.png);
	}
	
	.m_campanhas:hover, .m_campanhas_on
	{
	width: 132px;
	background-image:url(images/f_campanhas_on.png);
	}
	
	.m_galeria
	{
	width: 107px;
	background-image:url(images/f_galeria.png);
	}
	
	.m_galeria:hover, .m_galeria_on
	{
	width: 107px;
	background-image:url(images/f_galeria_on.png);
	}
	
	.m_parceiros
	{
	width: 125px;
	background-image:url(images/f_parceiros.png);
	}
	
	.m_parceiros:hover, .m_parceiros_on
	{
	width: 125px;
	background-image:url(images/f_parceiros_on.png);
	}
	
	.m_contactos
	{
	width: 137px;
	background-image:url(images/f_contactos.png);
	}
	
	.m_contactos:hover, .m_contactos_on
	{
	width: 137px;
	background-image:url(images/f_contactos_on.png);
	}

/************************************************************************************
SLIDER
*************************************************************************************/		
	
	#slider_bosch
	{
	width: 100%;
	height: auto;
	display: block;
	margin-top: 150px;
	}
	
	#barra_slider
	{
	width: 100%;
	height: 5px;
	display: block;
	background-color:#B3C5D9;
	}

/************************************************************************************
SLOGAN
*************************************************************************************/

	#slogan
	{
	width: 100%;
	height: 130px;
	line-height: 130px;
	vertical-align: middle;
	text-align: center;
	font-size:36px;
	font-weight:lighter;
	letter-spacing: 0px;
	font-style: italic;
	color:#2F669E;
	}		

/************************************************************************************
SERVIÇOS
*************************************************************************************/
	
	.servicos-links
	{
	font-family: 'Open Sans', sans-serif;
	text-rendering: geometricprecision;
	width: 241px;
	height: 48px;
	padding-top: 260px; /* 28px + 280px = 308px */
	background-color: #103B65;
	font-size: 18px;
	font-weight: 400;
	color: #FFF;
	text-align: center;
	display: block;
	moz-border-radius: 2px;
	border-radius: 2px;
	float: left;
	background-repeat: no-repeat;
	background-position: center top;
	z-index: -1;
	position: relative;
	/* letter-spacing: 0.3px; */
	}
	
	.serv1
	{
	background-image: url(images/mecanica_geral.jpg);
	}
	
	.serv2
	{
	background-image: url(images/servicos_adicionais.jpg);
	}
	
	.serv3
	{
	background-image: url(images/carrocaria.jpg);
	}
	
	.serv4
	{
	background-image: url(images/electronica.jpg);
	}
	
	.serv_mais
	{
	background-image:url(images/vermais.png);
	width: 248px;
	height: 308px;
	background-position: center 57px;
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin-right: 36px;
	}
	
	.serv_last
	{
	margin-right: 0px;
	}
	
	/* .serv_mais:hover
	{
	background-image:url(images/vermais_on.png);
	} 
	*/
	
	
/************************************************************************************
BOTTOM
*************************************************************************************/

	#bottom100
	{
	/* margin-top: 56px; */
	width: 100%;
	height: 135px;
	background-color: #727272;
	display: block;
	}
	
	#redes_sociais_bot
	{
	width: 468px;
	height: 135px;
	display: block;
	float: left;
	}
	
	.sociais-links2
	{
	width: 153px;
	height: 135px;
	display: block;
	background-color: #888888;
	margin-right: 3px;
	background-position: center center;
	background-repeat: no-repeat;
	float: left;
	transition: background-color 0.5s ease 0s;
	}
	
	.facebook2
	{
	background-image: url(images/bot_fb.png);
	}
	
	.twitter2
	{
	background-image: url(images/bot_tw.png);
	}
	
	.youtube2
	{
	background-image: url(images/bot_you.png);
	}
	
	.facebook2:hover
	{
	/* background-color: #5B5B5B; */
	background-image: url(images/bot_fb_on.png);
	}
	
	.twitter2:hover
	{
	/* background-color: #5B5B5B; */
	background-image: url(images/bot_tw_on.png);
	}
	
	.youtube2:hover
	{
	/* background-color: #5B5B5B; */
	background-image: url(images/bot_you_on.png);
	}
	
	#bottom_local
	{
	width: 311px;
	height: 135px;
	display: block;
	float: right;
	}
	
	.bottom_local
	{
	width: 154px;
	height: 135px;
	display: block;
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.1;
	font-style: italic;
	text-rendering: geometricprecision;
	color: #FFF;
	float: left;
	text-align: center;
	}
	
	.onde_estamos
	{
	background-color: #0370A9;
	background-image: url(images/localizacao.png);
	padding-top: 103px;
	height: 32px; /* 103px + 32px = 135px */
	margin-right: 3px;
	background-position: center 19px;
	}
	
	.opiniao
	{
	background-color: #103B65;
	background-image: url(images/opiniao.png);
	padding-top: 15px;
	height: 120px; /* 103px + 32px = 135px */
	background-position: center 49px;
	}
	
/************************************************************************************
internas
*************************************************************************************/

	#tit_internas h1
	{
	font-size: 41px;
	font-weight: 800;
	font-style: italic;
	letter-spacing: 0px;
	color: #2D649A;
	width: auto;
	padding-left: 60px;
	background-image: url(images/pontos_internas.png);
	background-repeat: no-repeat;
	height: 55px;
	background-position: 1px 30px;
	margin-bottom: 35px;
	margin-top: 60px;
	}
	
	#tit_internas p
	{
	font-size: 14px;
	font-weight: 600;
	color: #0670AA;
	width: 940px;
	margin-bottom: 37px;
	margin-top: 10px;
	padding-left: 62px;
	text-align: justify;
	}
	
	.internas100
	{
	width: 100%;
	height: auto;
	display: block;
	background-color: #F5F5F5;
	overflow: hidden;
	}
	
	.botao
	{
	width: 310px;
	height: 61px;
	line-height: 61px;
	vertical-align: middle;
	text-align: center;
	color: #FFFFFF;
	margin: 0px auto 30px auto;
	font-style: italic;
	font-weight: 700;
	font-size: 18px;
	background-color: #0471AA;
	display: block;
	moz-border-radius: 2px;
	border-radius: 2px;
	}
	
/************************************************************************************
QUEM SOMOS
*************************************************************************************/

	#fotos_quem_somos
	{
	width: 748px;
	height: auto;
	overflow: hidden;
	display: block;
	margin: auto;
	padding: 59px 0 85px;
	}
	
	#fotos_quem_somos img
	{
	float: left;
	}
	
/************************************************************************************
SERVIÇOS
*************************************************************************************/
	
	#servicos_int
	{
	width: 1028px;
	height: auto;
	display: block;
	margin: 22px auto 22px auto;
	overflow: hidden;
	background-color: #E7E7E7;
	}
	
	.frame_servicos1
	{
	width: 241px;
	height: 48px;
	padding-top: 260px; /* 28px + 280px = 308px */
	color: #FFF;
	text-align: center;
	display: block;
	moz-border-radius: 2px;
	border-radius: 2px;
	float: left;
	background-repeat: no-repeat;
	background-position: center top;
	
	text-transform: uppercase;
	letter-spacing: 0.6px;
	background-color: #225b91;
	font-weight: 300;
	text-rendering: geometricprecision;
	font-size: 17px;
	}
	
	.ft_serv1
	{
	background-image: url(images/mecanica_geral.jpg);
	}
	
	.ft_serv2
	{
	background-image: url(images/servicos_adicionais.jpg);
	}
	
	.ft_serv3
	{
	background-image: url(images/carrocaria.jpg);
	}
	
	.ft_serv4
	{
	background-image: url(images/electronica.jpg);
	}
	
	.frame_servicos2
	{
	width: 655px;
	height: 308px;
	float: left;
	overflow: hidden;
	display: block;
	}
	
	.frame_servicos2 ul
	{
	list-style-type: square;
 	list-style-position: outside;
 	list-style-image: url(images/square.png);
	padding: 50px 0 0 97px;
	width: 200px;
	height: auto;
	float: left;
	}
	
	.frame_servicos2 li
	{
	color: #2D669B;
	font-size: 13px;
	font-weight: 800;
	line-height: 33px;
	vertical-align: middle;
	padding-left: 10px;
	}
	
	.frame_servicos3
	{
	width: 132px;
	height: 308px;
	float: left;
	overflow: hidden;
	display: block;
	position: relative;
	}
	
	.frame_servicos3 a
	{
	position: absolute;
	bottom: 0px;
	height: 40px;
	padding-top: 97px; /* 97px + 40px = 137 px */
	width: 132px;
	background-image: url(images/i.png);
	background-repeat: no-repeat;
	background-position: 50px 30px;
	text-align: center;
	display: block;
	background-color: #B3C5D9;
	color: #2E659B;
	font-size: 14px;
	font-weight: 800;
	font-style: italic;
	}
	
/************************************************************************************
CAMPANHAS
*************************************************************************************/

	#campanhas
	{
	width: 1028px;
	height: auto;
	display: block;
	margin: 22px auto 22px auto;
	overflow: hidden;
	display: block;
	background-color: #B3C5D9;
	}
	
	#campanhas img
	{
	float: left;
	}
	
	.campanha_frame1
	{
	width: 404px; 
	min-height: 286px;
	height: auto;
	float: left;
	position: relative;
	background-repeat: no-repeat;
	overflow: hidden;
	display: block;
	}
	
	.campanha_desconto
	{
	width: 114px;
	height: 114px;
	position: absolute;
	right: 0;
	bottom: 0;
	background-color:#0050D7;
	}
	
	.txt_percentagem
	{
	font-size: 38px;
	line-height: 38px;
	height: 38px;
	font-style: italic;
	font-weight: 700;
	color: #FDCD00;
	width: 100%;
	text-align: center;
	padding-top: 13px;
	}
	
	.txt_desconto
	{
	font-size: 14px;
	font-style: italic;
	font-weight: 800;
	color: #FDCD00;
	width: 100%;
	text-align: center;
	}
	
	.txt_familia
	{
	font-size: 12px;
	font-style: italic;
	font-weight: 800;
	color: #FFFFFF;
	width: 100%;
	text-align: center;
	padding-top: 8px;
	height: 30px;
	}
	
	.campanha_frame
	{
	width: 600px; /* 624px - 24px - padding */ 
	min-height: 262px; /* 286px - 24px - padding */ 
	height: auto;
	float: left;
	position: relative;
	padding: 24px 0px 0px 24px;
	overflow: hidden;
	display: block;
	}
	
	.campanha_frame a
	{
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 40px;
	padding-top: 97px; /* 97px + 40px = 137 px */
	width: 132px;
	background-image: url(images/i2.png);
	background-repeat: no-repeat;
	background-position: 50px 30px;
	text-align: center;
	display: block;
	background-color: #022C5E;
	color: #FFF;
	font-size: 14px;
	font-weight: 800;
	font-style: italic;
	}
	
	.campanha_frame h2
	{
	font-size: 23px;
	font-style: italic;
	font-weight: 900;
	color: #022C5E;
	}
	
	.campanha_frame p
	{
	position: absolute;
	top: 60px;
	width: 450px;
	height: auto;
	font-size: 14px;
	font-style: italic;
	font-weight: 700;
	text-align: justify;
	color: #2E6699;
	}
	
	.campanha_frame span
	{
	position: absolute;
	bottom: 5px;
	font-size: 12px;
	font-style: italic;
	font-weight: 700;
	color: #2E6699;
	}
	
/************************************************************************************
GALERIA
*************************************************************************************/

	/*#galeria
	{
	width: 992px;
	height: 480px;
	overflow: hidden;
	display: block;
	margin: auto;
	position: relative;
	}*/
	
	#galeria
	{
	width: 992px;
	height: auto;
	overflow-y: hidden;
	overflow-x: hidden;
	position: relative;
	margin: auto;
	padding-top: 45px;
	}
	
	.foto_galeria
	{
	margin: auto;
	display: block;
	z-index: -1;
	}
	
	#bt_thumb_next
	{
	background-image: url(images/next.png);
	width: 51px;
	height: 51px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	cursor: pointer;
	}
	
	#bt_thumb_prev
	{
	background-image: url(images/prev.png);
	width: 51px;
	height: 51px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	cursor: pointer;
	}
	
	#div_prev
	{
	background-image: url(images/min_prev.png);
	width: 10px;
	height: 38px;
	position: absolute;
	left: 47%;
	bottom: 14px;
	z-index: 2;
	}
	
	#div_next
	{
	background-image: url(images/min_next.png);
	width: 10px;
	height: 38px;
	position: absolute;
	right: 47%;
	bottom: 14px;
	z-index: 2;
	}
	
	#menu_galeria
	{
	width: 992px;
	height: 214px;
	overflow: hidden;
	display: block;
	margin-top: 12px;
	margin-bottom: 60px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background-color: #E7E7E7;
	/* padding: 3px; */
	padding: 10px 10px 0 10px;
	}
	
	#menu_992
	{
	width: 992px;
	height: 214px;
	overflow: hidden;
	display: block;
	}
	
	#thumb_galeria
	{
	width: 196px;
	height: 200px;
	display: block;
	background-repeat: no-repeat;
	background-position: top center;
	float: left;
	margin-right: 3px;
	}
	
/************************************************************************************
PARCEIROS
*************************************************************************************/

	#parceiros
	{
	width: 813px;
	height: auto;
	overflow: hidden;
	display: block;
	margin: auto;
	background-color: #E7E7E7;
	padding: 90px 108px 90px 108px;
	}
	
	.parceiro
	{
	background-repeat: no-repeat;
	background-position: center center;
	width: 245px;
	height: 245px;
	float: left;
	border: 2px solid #B3C5DB;
	margin-right: 30px;
	margin-bottom: 30px;
	display: block;
	background-color: #FFFFFF;
	}
	
	.parceiro1
	{
	background-image: url(images/parceiro1.jpg);
	}
	
	.parceiro2
	{
	background-image: url(images/parceiro2.jpg);
	}
	
	.parceiro3
	{
	background-image: url(images/parceiro3.jpg);
	}
	
	.parceiro4
	{
	background-image: url(images/parceiro4.jpg);
	}
	
	.parceiro5
	{
	background-image: url(images/parceiro5.jpg);
	}
	
	.parceiro6
	{
	background-image: url(images/parceiro6.jpg);
	}
	
/************************************************************************************
CONTACTOS
*************************************************************************************/

	#links_contactos
	{
	width: 1100px;
	height: 51px;
	overflow: hidden;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
	#links_contactos a
	{
	width: 262px;
	height: 51px;
	line-height: 51px;
	vertical-align: middle;
	text-align: center;
	color: #FFFFFF;
	margin-right: 6px;
	font-style: italic;
	font-weight: 700;
	font-size: 18px;
	background-color: #0471AA;
	display: block;
	moz-border-radius: 2px;
	border-radius: 2px;
	float: left;
	}
	
	#links_contactos a:hover , .links_contactos_active
	{
	background-color: #B3C5D9;
	}
	
/************************************************************************************
CONTACTOS - form
*************************************************************************************/
	
	.form_contactos
	{
	width: 590px;
	height: auto;
	overflow: hidden;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin: 50px auto 35px;
	}
	
	.form_contactos p
	{
	font-size: 12px;
	font-weight: 800;
	color: #0E3B62;
	padding: 0 0 5px;
	}
	
	.form_contactos h2
	{
	font-size: 18px;
	font-style: italic;
	font-weight: 900;
	color: #0471AA;
	margin-bottom: 10px;
	text-align: right;
	text-transform: uppercase;
	}
	
	input, textarea
    {
	background-color:#EAEAEA;
	font-family: 'Open Sans',sans-serif;
    font-weight: 400;
	font-size: 14px;
	color: #0E3B62;
	line-height: 37px;
	height: 37px;
	vertical-align: middle;
	border: solid 2px #EAEAEA;
	padding-left: 3px;
	float: left;
	margin-bottom: 25px;;
	}
	
	input:focus , textarea:focus
    {
	background-color:#FFF;
	}
	
	.element_form_100
	{
	width: 590px;
	height: auto;
	}
	
	.element_form_50
	{
	width: 278px;
	height: auto;
	margin-right: 34px;
	float: left;
	}
	
	.element_form_100 input
	{
	width: 583px;
	}
	
	.element_form_50 input
	{
	width: 271px;
	}
	
	.element_form_100 textarea
	{
	width: 583px;
	height: 110px;
	margin-bottom: 16px;
	}
	
	input[type="submit"]
	{
	line-height: 40px;
	vertical-align: middle;
	text-align: center;
	color: #FFFFFF;
	font-style: italic;
	font-weight: 800;
	font-size: 16px;
	background-color: #103B65;
	display: block;
	border: 4px solid #103B65;
	moz-border-radius: 4px;
	float: right;
	cursor: pointer;
	
	height: 51px;
	padding: 0;
	width: 261px;
	border-radius: 4px;
	}
	
/************************************************************************************
CONTACTOS - form
*************************************************************************************/

	#interna_cinza2
	{
	width: 100%;
	height: auto;
	overflow: hidden;
	display: block;
	background-color: #CECECE;
	padding: 50px 0 25px 0;
	}
	
	#mapa_contactos
	{
	width: 1029px;
	height: 169px;
	overflow: hidden;
	display: block;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
	}
	
	#google_maps
	{
	width: 1029px;
	height: 169px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	}
	
	#f_contactos
	{
	width: 414px;
	height: 169px;
	background-image:url(images/f_mapa2.png);
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	}

	
	#f_contactos p
	{
	position: absolute;
	top: 54px;
	left: 59px;
	color: #133A61;
	font-size: 14px;
	font-weight: 900;
	font-style: italic;
	}
	
	#f_contactos span
	{
	position: absolute;
	top: 74px;
	left: 59px;
	color: #0071A9;
	font-size: 14px;
	font-weight: 800;
	font-style: italic;
	}
	
/************************************************************************************
. geral
*************************************************************************************/

	.last
	{
	margin-right: 0px;
	}

/************************************************************************************
TEMP
*************************************************************************************/
	
	.f_home
	{
	width: 1101px;
	height: 1100px;
	margin: auto;
	}
	
	.f_quem_somos
	{
	width: 1101px;
	height: 1100px;
	margin: auto;
	}
	
	.f_campanhas
	{
	width: 1102px;
	height: 1168px;
	margin: auto;
	}
	
	.f_servicos
	{
	width: 1101px;
	height: 2176px;
	margin: auto;
	}
	
	.f_galeria
	{
	width: 1099px;
	height: 941px;
	margin: auto;
	}
	
	.f_parceiros
	{
	width: 1101px;
	height: 815px;
	margin: auto;
	}
	
	.f_contactos
	{
	width: 1101px;
	height: 1451px;
	margin: auto;
	}
	
	.f_opiniao
	{
	width: 1101px;
	height: 1670px;
	margin: auto;
	}