/* CSS Document */
* {
	padding:0px;
	margin:0px;
}

body {
	background-image:url(../img/fondo.jpg);
	background-repeat:repeat-x;
	background-color:#A17099;
}
img {
	border:0px;
}
a {
	text-decoration:none;
}

#exterior {
	display:block;
	margin:auto;
	width:950px;
}

/*------------------------------ CABECERA ----------------------------*/

#cabecera {
	display:block;
	float:left;
	width:950px;
	background-image: url(../img/cabecera.jpg);
	background-repeat: no-repeat;
	background-position:top;
}
#cabecera .inicio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FEFFFF;
	display: block;
	float: left;
	font-size: 10px;
	padding-top: 3px;
	width: 70px;
}
#cabecera a img {
	display: block;
	float: right;
}

/*----- IDIOMAS ---*/

#cabecera #idiomas {
	display:block;
	float:left;
	width: 878px;
}
#cabecera  #idiomas  .cat {
	display: block;
	float: right;
	margin-right: 15px;
	margin-top: 3px;
	width:18px;
	height: 12px;
	background-image: url(../img/idioma_cat.jpg);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1px;
}
#cabecera  #idiomas  .cast {
	display: block;
	float: right;
	margin-right: 15px;
	margin-top: 3px;
	width:18px;
	height: 12px;
	background-image: url(../img/idioma_cast.jpg);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1px;
}
#cabecera  #idiomas  .en {
	display: block;
	float: right;
	margin-right: 15px;
	margin-top: 3px;
	width:18px;
	height: 12px;
	background-image: url(../img/idioma_en.jpg);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1px;
}
#cabecera  #idiomas  .fr {
	display: block;
	float: right;
	margin-top: 3px;
	width:18px;
	height: 12px;
	background-image: url(../img/idioma_fr.jpg);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1px;
}

/*----------------------- MENU CABECERA -----------------------*/

#cabecera #menu {
	display: block;
	float: left;
	width: 948px;
	margin-top: 160px;
	height: 44px;
}
#cabecera #menu a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FEFEFE;
	font-size: 12px;
}
#cabecera #menu span {
	display: block;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1px;
	color: #FEFEFE;
	margin-top: 13px;
	width: 1px;
	text-align: left;
	height: 16px;
	border-left: 1px solid #ffffff;
}

#cabecera #menu .obra_civil {
	display: block;
	float: left;
	width: 105px;
	font-size: 14px;
	font-weight: bold;
	padding-left: 74px;
	padding-top: 12px;
	padding-bottom: 14px;
	background-image: url(../img/bot_menu_obra.jpg);
	background-repeat: no-repeat;
}
#cabecera #menu .obra_civil_activo {
	display: block;
	float: left;
	width: 105px;
	font-size: 14px;
	font-weight: bold;
	padding-left: 74px;
	padding-top: 12px;
	padding-bottom: 14px;
	background-image: url(../img/bot_menu_obra_activo.jpg);
	color: #4B155D;
}
#cabecera #menu .obra_civil:hover {
	text-decoration: underline;
	background-image: url(../img/bot_menu_obra_activo.jpg);
	color: #4B155D;
}
#cabecera #menu .edificacion {
	display: block;
	float: left;
	width: 118px;
	font-size: 14px;
	font-weight: bold;
	padding-top: 12px;
	padding-bottom: 14px;
	background-image: url(../img/bot_menu_edificacion.jpg);
	background-repeat: no-repeat;
	padding-left: 50px;
}
#cabecera #menu .edificacion_activo {
	display: block;
	float: left;
	width: 118px;
	font-size: 14px;
	font-weight: bold;
	padding-top: 12px;
	padding-bottom: 14px;
	background-image: url(../img/bot_menu_edificacion_activo.jpg);
	background-repeat: no-repeat;
	padding-left: 50px;
	color: #4B155D;
}
#cabecera #menu .edificacion:hover {
	text-decoration: underline;
	background-image: url(../img/bot_menu_edificacion_activo.jpg);
	color: #4B155D;
}
#cabecera #menu .quienes_somos {
	display: block;
	float: left;
	width: 115px;
	padding-top: 13px;
	padding-bottom: 16px;
	padding-left: 14px;
	background-image: url(../img/bot_menu.jpg);
	text-decoration: none;
}
#cabecera #menu .quienes_somos_activo {
	display: block;
	float: left;
	width: 115px;
	padding-top: 13px;
	padding-bottom: 16px;
	padding-left: 16px;
	background-image: url(../img/bot_menu_activo.jpg);
	color: #4B155D;
}
#cabecera #menu .quienes_somos:hover {
	display: block;
	float: left;
	width: 115px;
	padding-top: 13px;
	padding-bottom: 16px;
	padding-left: 14px;
	text-decoration: underline;
	background-image: url(../img/bot_menu_activo.jpg);
	color: #4B155D;
}
#cabecera #menu .contacto {
	display: block;
	float: left;
	width: 77px;
	padding-top: 13px;
	padding-bottom: 16px;
	padding-left: 16px;
	background-image: url(../img/bot_menu.jpg);
	text-decoration: none;
}
#cabecera #menu .contacto_activo {
	display: block;
	float: left;
	width: 77px;
	padding-top: 13px;
	padding-bottom: 16px;
	padding-left: 16px;
	background-image: url(../img/bot_menu_activo.jpg);
	color: #4B155D;
}
#cabecera #menu .contacto:hover {
	text-decoration: underline;
	background-image: url(../img/bot_menu_activo.jpg);
	color: #4B155D;
}
#cabecera #menu p {
	display: block;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A07099;
	padding-top: 14px;
	width: auto;
}
#cabecera #menu h1 {
	display: block;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A07099;
	padding-top: 14px;
	width: auto;
}


/*-------------------------------- PIE --------------------------------*/

#pie {
	display:block;
	float:left;
	width:950px;
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #000000;
	padding-top: 12px;
}
#pie a {
	display: block;
	float: right;
	width: 120px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	margin-top: 15px;
}
#pie a.ultimo {
	display: block;
	float: right;
	width: 120px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	margin-top: 15px;
	padding-right: 270px;
}

#pie p {
	display: block;
	float: left;
	width: 950px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#pie .empresa {
	font-size: 14px;
	color: #FEFFFF;
	font-weight: bold;
}
#pie .datos {
	font-size: 11px;
	color: #FEFFFF;
	line-height: 18px;
}
#pie .datos span {
	font-size: 12px;
	font-weight: bold;
}
#pie #enlaces_pie {
	display: block;
	float: left;
	width: 920px;
	margin-top: 15px;
	height: 120px;
	background-color: #A17099;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-image: url(../img/enlaces_pie.jpg);
	background-repeat: no-repeat;
}
#pie #enlaces_pie p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
	display: block;
	float: left;
	width: 220px;
	text-align: left;
	padding-bottom: 10px;
}

#pie #enlaces_pie #enlaces{
	display: block;
	float: left;
	width: 920px;
	overflow: auto;
	height: 80px;
}
#pie #enlaces_pie #enlaces #obra {
	display: block;
	float: left;
	width: 220px;
}
#pie #enlaces_pie #enlaces #edificacion {
	display: block;
	float: left;
	width: 220px;
}
#pie #enlaces_pie #enlaces #productos {
	display: block;
	float: left;
	width: 440px;
}

#pie #enlaces_pie a {
	background-image: url(../../www/img/separador.jpg);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	display: block;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	width: 200px;
	margin-top: 0px;
}


#exterior #cuerpo .informacion {
	display: block;
	float: left;
	padding-left: 75px;
	background-image: url(../img/informacion.jpg);
	background-repeat: no-repeat;
	background-position: 30px 0px;
	width: 500px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	color: #4B155D;
	padding-bottom: 30px;
	margin-top: 20px;
}
