@charset "UTF-8";
/* - - - - - - - - - - - - - - - - - - - - -

Empresa		:	Puntopy.com
Cliente		: 	BENITO ROGGIO E HIJOS S.A.


- - - - - - - - - - - - - - - - - - - - - */

/*** Reseters***/

@import url('../css/reset.css');

/*---------------------------------------*/


/***ELEMENTS***/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #f7f7ee;
}

	body#intro {
		background: url(../gfx/bg_intro.jpg) no-repeat top;
	}

	

p, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: black;
}

	p.links a, p.links a:hover {
		font-weight: bold;
	}
	
	p.links a:hover {
		color: #e50000;
	}

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: black;
}		

a:hover {
	color: white;
}

h2 {
	font-size: 18px;
	font-weight: bold;
	color: black;
}

h1.marginado, h2.marginado, h3.marginado {
	margin: 0 0 20px 0;
}



/*--------------------------------------------------*/


/*PAGE STRUCTURE*/
		
#contenedor {
	clear:both;
	width:100%;
	margin: 0 auto 0 auto;
}

.subcontenedor_color1, .subcontenedor_color2, .subcontenedor_color3 {
	float: left;
	width:100%;
	margin: 0 auto 0 auto;
}

	.subcontenedor_color1 {
		background-color: #d9d9ac;
	}
	
	.subcontenedor_color2 {
		background-color: #e8e8cd;
	}
	
	.subcontenedor_color3 {
		background-color: #b2b259;
	}


.subcontenedor_med {
	clear:both;
	width:920px;
	margin: 0 auto 0 auto;
}

.subcontenedor_cont {
	float: left;
	width:920px;
	position: relative;
}

	#top_colorbg {
		background-color: #b2b259;
	}
	
	#py_colorbg {
		background-color: #999926;
	}
	
	#red_colorbg {
		background-color: #e50000;
	}
	
	#red_colorbg_torso {
		background: #e50000 url(../gfx/img_torso.jpg) no-repeat 450px bottom;
		height: 80px;
		text-align: center;
		font-size: 18px;
		color: #cbd290;
	}
	
	#beige_colorbg, #beige_colorbgeng {
		background: #d9d9ac url(../gfx/bg_rayas.gif) no-repeat top right;
		width:820px;
		padding: 20px 50px;
	}
	
	#beige_colorbg {
		background: #d9d9ac url(../gfx/bg_rayas.gif) no-repeat top right;
	}
	
	#beige_colorbgeng {
		background: #d9d9ac url(../gfx/bg_rayas_eng.gif) no-repeat top right;
	}

	#footer_cont {
		background: #d9d9ac;
		width: 900px;
		padding: 20px 10px;
	}
	


	


/******BOTONERAS******/

#area_botonera {
	width: 880px;
	height: 50px;
	margin: 0 auto 0 auto;
	padding: 0 10px;
}

ul#menu {
	float: left;
	margin: 0;
	padding: 0;
}
	
	ul#menu li, ul#menu li a {
		float:left;
		font-size: 15px;
		font-weight: normal;
		text-decoration: none;
	}
	
	ul#menu li {
		margin: 15px 0 0 0;
		border-left: 2px solid red;
	}
	
	ul#menu li a {
		color: black;
		margin: 0 8px 0 8px;
	}
		
	ul#menu li a:hover {
		color: white;
	}
	
	
/******Subotoneras******/
		
	
#area_subotonera {
	width: 900px;
	height: 40px;
	padding: 0 10px;
}

ul#menu2 {
	float: left;
	margin: 0;
	padding: 0;
}
	
	ul#menu2 li, ul#menu2 li a {
		float:left;
		font-size: 12px;
		font-weight: normal;
		text-decoration: none;
	}
	
	ul#menu2 li {
		margin: 15px 0 0 0;
		border-left: 1px solid black;
	}
	
	ul#menu2 li a {
		font-weight: normal;
		/*margin: 0 15px 0 0;*/
		margin: 0 7px 0 7px;
	}
		
	ul#menu2 li a:hover {
		color: #afaf78;
		font-weight: bold;
		/*margin: 0 15px 0 0;*/
		margin: 0 7px 0 7px;
	}
	
	
	
/****** BOTONERAS ACTIVADOS ******/

body#inicio a.inicio,
body#historia a.historia,
body#somos a.somos,
body#servicios a.servicios,
body#areas a.areas,
body#roggio a.roggio,
body#contactos a.contactos,
.active {
	color: white;
}

#area_subotonera.s_construimos a#s_construimos,
#area_subotonera.s_organizacion a#s_organizacion,
#area_subotonera.s_gestion a#s_gestion,
#area_subotonera.s_desafios a#s_desafios,
#area_subotonera.a_ingenieria a#a_ingenieria,
#area_subotonera.a_comunicacion a#a_comunicacion,
#area_subotonera.a_montaje a#a_montaje,
#area_subotonera.a_lineas a#a_lineas,
#area_subotonera.a_innovacion a#a_innovacion,
#area_subotonera.a_proyectos a#a_proyectos,
#area_subotonera.r_apoyo a#r_apoyo,
#area_subotonera.r_resp a#r_resp,
#area_subotonera.r_torneo a#r_torneo {
	color: white;
	font-weight: bold;
}

	
		
/*--------------------------------------------------*/

	


/*CONTENIDO*/

#area_logo1 {
	width: 210px;
	margin: 0 auto 0 auto;
}

#idiomas {
	float: right;
	height: 30px;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0 0 0;
}

#idiomas_int {
	float: right;
	height: 30px;
	font-size: 10px;
	font-weight: bold;
	padding: 10px 10px 0 0;
	position: absolute;
	right: 0;
	top: 0;
}

#bottom_intro {
	float: left;
	width: 920px;
	position: absolute;
	left: 0;
	bottom: 0;
}

	#bottom_intro p {
		float: left;
		font-size: 12px;
	}

	#bottom_intro img {
		float: right;
	}
	
#mapa_inicio {
	float:right;
	width: 257px;
	height: 280px;
	position: absolute;
	left: 615px;
	bottom: -20px;
	z-index: 4;
}

#logo35 {
	width:450px;
}

.bloque {
	float: left;
	width: 920px;
	padding: 40px 0 0 0;
}

.cont_proyecto {
	float: left;
	width: 215px;
	margin: 0 20px 0 0;
}

	.cont_proyecto img, .cont_proyecto a img {
		width: 213px;
		height: 143px;
		border: 1px solid #bfb266;
	}
	
	.cont_proyecto img {
		float: left;
	}
	
	.cont_proyecto a:hover img {
		border: 1px solid red;
	}
	
	.cont_proyecto p {
		float: left;
		width: 215px;
		padding: 10px 0;
	}
	
.cont_proyectoin {
	float: left;
	width: 168px;
	margin: 0 20px 0 0;
}

	.cont_proyectoin img, .cont_proyectoin a img {
		width: 166px;
		height: 111px;
		border: 1px solid #bfb266;
	}
	
	.cont_proyectoin img {
		float: left;
	}
	
	.cont_proyectoin a:hover img {
		border: 1px solid red;
	}
	
	.cont_proyectoin p {
		float: left;
		width: 168px;
		padding: 10px 0;
		font-size: 11px;
	}

	
#col_izq {
	float: left;
	width: 280px;
	margin: 0 20px 0 0;
	padding: 20px 0 0 0;
}

#col_der {
	float: left;
	width: 620px;
	padding: 20px 0 0 0;
}

	#col_der p {
		text-align: justify;
	}
	

.foto_light {
	float: left;
}

.buscador {
	width: 233px;
	height: 20px;
	padding: 5px;
	border: 1px solid #d4d4d6;
	background-color: white;
	/*font-size: 12px;*/
	margin: 0 0 10px 0;
}

.buscador_coment {
	width: 233px;
	padding: 5px;
	border: 1px solid #d4d4d6;
	background-color: white;
	margin: 0 0 10px 0;
}






/*--------------------------------------------------*/



	
/****** FOOTER******/

#footer {
	float:left;
	width:900px;
}

	#footer_izq {
		float: left;
		width: 300px;
	}
	
	#footer_der {
		float: right;
		width: 600px;
		text-align: right;
	}
	
	#footer_der p {
		font-size: 11px;
		color: #636363;
	}
	
	#footer_der p span {
		font-size: 10px;
		color: #636363;
		font-weight: bold;
	}
	
	#footer_der img {
		padding: 10px 0;
	}

		
	
/*--------------------------------------------------*/
	
	
.clear {
	clear:both;
	visibility: hidden;
}