/*  
============================

Proyecto: Ingerop Espaņa
Version: 1.0
Autor CSS: Javier Brazero @ kiwino.com

============================

*/

/* ----------------- etiquetas generales -------------------- */

html {
	padding:0px;
	margin:0px;
}

body {
	font-family: "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
	margin:0px;
	padding:0px;
	font-size: 11px;
	color:#666;
	background: #fff url(../img/bg_body.gif) repeat-x;
}

h1, h2, h3, h4, h5, h6 { margin:0px; padding:0px; }

h1 { font-size: 220%; }
h2 { font-size: 190%; }
h3 {
	font-size: 11px;
	margin: 0px 0px 0px 23px;
	padding: 0px 0px 0px 25px;
	text-align: left;
	color: #C50E37;
	background: url(../img/detalle_tit.gif) 0px 3px no-repeat;
	letter-spacing: -1px;
}
h4 {
	background: url(../img/detalle_tit.gif) 0px 3px no-repeat;
	padding: 0px 0px 0px 22px;
	color: #C50E37;
	margin: 0px 0px 0px 0px;
	letter-spacing: -1px;
	font-size: 100%;
	clear: both;
	text-align: left;
	line-height: 14px;
}

h4 span {
	background-color:#fff;
	padding: 0px 10px 0px 0px;
	
}

h5 { font-size: 120%; }
h6 { font-size: 100%; }

ul { list-style-type:none; margin:0px; padding:0px; }
img, img a { border:0px; }
a:link { color: #3142A4; font-weight: bold; text-decoration: none; }
a:visited {
	color: #DD304C;
	text-decoration: underline;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #3142A4;
}
a:active {
	color: #666666;
	font-weight: bold;
}
p { margin: 0px; }


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






/* ------------------- clases de estilos generales --------------------- */

.oculto { display:none; }
.limpiar { clear: both;!important }
.txt333 { color:#000000; }
.tit1 { margin:7px 0px 2px 72px; display:block; width: 668px; height: 32px; }
.tit2 { margin:0px; display:block; height: 32px;	 }
.tit3 {
	margin:0px 0px 0px 0px;
	height: 32px;
	clear: both;
	display: block;
}
.tit4 { display:block; height:32px; margin: 0px 0px 10px 0px; clear: both; }
.tit5 {
	background: #fff url(../img/detalle_titD.gif) 0px 3px no-repeat;
	height:100%;
	clear:both;
	text-transform: uppercase;
}
.tit6 {
	width:758px;
	clear: both;
}
.tit7 { background: transparent url(../img/detalle_titC.gif) 0px 3px no-repeat; }
.tit8 { background: #fff url(../img/tit_principalesProyB.gif) 0px 0px no-repeat; width:758px; clear:both; }
.tit9 { background: #fff url(../img/tit_principalesProyC.gif) 0px 0px no-repeat; height:64px; width:758px; clear:both; }
.tit10 {
	background: url(../img/detalle_titC.gif) -1px 4px no-repeat;
	height:100%;
	clear:both;
	text-transform: uppercase;
}

.tit11 {
background: #fff url(../img/tit_principalesProyC.gif) 0px 0px no-repeat; clear:both; 


}

.tit12 {

	background: url(../img/detalle_titE.gif) -1px 4px no-repeat;
	height:100%;
	clear:both;
	text-transform: uppercase;
}

.parrafo1 {
	margin:0px 18px 0px 0px;
	background: url(../img/bg_cont_grad01.gif) left top repeat-x;
	padding: 6px 0px 0px 10px;
	text-align: justify;
}

.parrafo2 {
	margin:0px 0px 0px 82px;
	padding: 6px 0px 0px 0px;
}

.parrafo3 {
	margin:0px 36px 0px 10px;
	padding: 8px 0px 0px 0px;
}

.parrafo4 {
	margin:0px 36px 0px 10px;
	padding: 8px 0px 0px 0px;
}

.img1 { float:right; margin: 2px 15px 5px 14px;	 }
.img2 { float:right; margin: 0px 0px 0px 10px;	 }
.img3 { margin:0px; line-height:0; float:left; }
.img4 { margin:0px 0px 0px 16px; float:right; padding: 3px 0px 0px 0px; }
.img5 { float: right; margin: 0px 15px 0px 17px;}
.img6 { float:right; margin: 11px 15px 0px 0px; }
.img7 { float:right; margin: 15px 0px 0px 10px; }
.img8 {
	float:right;
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 0px 0px;

}

.degradado2 { background: #fff url(../img/detalle_degr2.gif) left top repeat-x; height: 84px; }
.degradado3 { background: #fff url(../img/detalle_degr3.gif) left top repeat-x; width:30px; }


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


/* --------------------- vueltas de tuerca ------------------ */



#grad {
	background: #fff url(../img/detalle_degr0.gif) left top repeat-x;
	margin: 0px 16px 0px 210px;
	padding: 8px 8px 0px 8px;
	display: block;
}

#grad2 {
	background: #fff url(../img/detalle_degr7.gif) left top repeat-x;
	width: 657px;
	float: left;
	padding: 0px 0px 0px 12px;
}

#grad3 {
	background: #fff url(../img/detalle_degr7.gif) left top repeat-x;
	padding: 0px 0px 0px 12px;
	margin: 2px 14px 0px 0px;
}

#grad4 {
	background: #fff url(../img/detalle_degr7.gif) left top repeat-x;
	padding: 0px 0px 0px 10px;
	margin: 2px 32px 0px 0px;
}

#grad5 {
	background: #fff url(../img/detalle_degr7.gif) left top repeat-x;
	padding: 0px 0px 0px 10px;
	margin: 2px 0px 0px 0px;
}

#grad6 {
	background: #fff url(../img/detalle_degr7.gif) left top repeat-x;
	padding: 0px 0px 0px 12px;
	margin-top: 1px;
}

#grad7 {
	background:url(../img/detalle_degr10.gif) left top repeat-x;
	margin: 0px 16px 0px 30px;
	padding: 6px 0px 0px 12px;

}


span.historialProy {
	clear:both;
	width:605px;
	display:block;
	margin:0px auto;
	text-align:center;
	height: 18px;
	letter-spacing: -1px;
	padding-left: 135px;
	background: #fff url(../img/bullet_arrow.gif) 360px 5px no-repeat;


}

#edificacionesDOWN, #ferroviariosDOWN, #otrosProyectosDOWN, #transportesDOWN  {
	height: 200px;
}

#edificacionesDOWN ul, #ferroviariosDOWN ul, #otrosProyectosDOWN ul, #transportesDOWN ul {

margin:5px 0px 0px 8px;
height:122px;

}

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




/* -------------  bloques fijos-estructura externa ---------- */ 

#todo {
	position: relative; 
	width: 100%; 
}

#contenedor {
	position: relative;
	margin: 0px auto;
	width: 798px;
	height: auto;
	text-align: center;
}

#contenido {
	width: 758px;
	margin: 0px auto;
	float: left;
	height: 100%;
	text-align: center;
}

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



/* ------------- elementos comunes en todas las paginas ----- */

#cabecera {
	height:130px;
	position: relative;
	margin: 0px auto;
	background-color: #066;
	width: 758px;
	float: left;
	background: #fff url(../img/cabecera.jpg) left top no-repeat; 
}

#ingerop { /* Logo */
	position: absolute;  
	left: 54px; 
	top: 65px; 
	width: 153px; 
	height: 55px;
}

#menu {
	width:752px;
	height:35px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	position: relative;
	margin: 0px;
	float: left;
	border-left: 3px solid #fff;
	border-right: 3px solid #fff;
	background-color: #1F2967;
}

/* Menu sin flash y/o javascript */

#menu ul { width:752px; background: url(../img/menu_bg.jpg) 0px 0px repeat-x; height: 35px; }
#menu li { float:right; display:inline; }
#menu li a { display:block; height: 35px; }
#menu li.trabajo { background: url(../img/menu_trabajo.jpg) 0px 0px no-repeat; width:101px; }
#menu li.noticias { background:url(../img/menu_noticias.jpg) 0px 0px no-repeat; width:111px; }
#menu li.actividades { background:url(../img/menu_actividades.jpg) 0px 0px no-repeat; width:140px; }
#menu li.ingerop { background: url(../img/menu_ingerop.jpg) 0px 0px no-repeat; width:148px; }

/* Pie de pagina */

#pie {
	margin: 0px 0px 0px 0px;
	background: transparent url(../img/bg_pie.gif) left top no-repeat;
	height: 99px;
	clear: both;
	/*text-align: justify;*/
	width: 758px;
}

#pie ul { list-style-type:none; padding: 23px 30px 10px 0px; margin: 0px; float: right; width: 700px; }
#pie li { width:auto; float: right; height: 30px; margin: 0px 0px 0px 2px; display: inline; }
#pie li a { display: block; height: 30px; }

#pie li.websede { width: 129px; background: #fff url(../img/txt_pie_websede.gif) left top no-repeat; }
#pie li.mapaweb { width: 80px; background: #fff url(../img/txt_pie_mapaweb.gif) left top no-repeat; }

#pie li.mapaweb a:hover { background: #fff url(../img/txt_pie_mapaweb.gif) 0px -30px no-repeat; }
#pie li.websede a:hover { background: #fff url(../img/txt_pie_websede.gif) 0px -30px no-repeat; }

#copy { /* copyright ingerop */
	color: #beccd6;
	font-weight: bold;
	margin: 0px 19px 0px 0px;
	float: right;
	display: inline;
	width: 120px;
}

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