/**************************************************
RESET
**************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}

body { line-height: 1 }

:focus { outline: 0 }

ol, ul {
     list-style: none
}

li {display: block; }

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}

strong { font-weight: bold; }

p { margin-bottom: 10px; line-height: 20px; }

legend { display: none; }

/***************************************************
ESTRUCTURA
***************************************************/
body {
	color: #666;
	font:13px Arial,Tahoma;
	}

/***************************************************
WRAP
***************************************************/
#wrap {
	background: #fbfbfa;
	margin: 0 auto;
	overflow: hidden;
	width: 960px;
	}
	
#header {
	background: url(img/bg-header.gif) repeat-x;
	height: 134px;
	overflow: hidden;
	}
	
#content {
	margin-bottom: 30px;
	overflow: hidden;
	}
	
#left {
	float: left;
	width: 728px;
	}
	
.left-content {
	border-bottom: 1px dotted #ccc;
	font: 14px "Trebuchet MS", Arial, Tahoma;
	padding-bottom: 10px;
	margin-right: 10px;
	overflow: hidden;
	}
	
.left-content p {
	margin: 0 10px 12px 20px;
	}
	
#lista-clientes {
	margin: 20px 0 0 20px;
	overflow: hidden;
	width: 91%;
	}
	
#lista-clientes li  {
	float: left;
	width: 30%;
	margin-right: 10px;
	margin-bottom: 20px;
	text-align: center;
	}
	
#lista-clientes span { 
	display: block; 
	font-size: 11px;
	}
	
#galeria-maquinaria, .lista-proveedores { 
	margin: 0 0 20px 20px;
	overflow: hidden;
	}
	
.lista-proveedores-clientes {
	margin-top: 60px;
	}
	
#galeria-maquinaria li, .lista-proveedores li {
	float: left;
	}
	
.lista-proveedores li { margin: 0 20px 10px 0; height: 111px; }
	
#galeria-maquinaria img { border: 5px solid #ccc; }

p#descargar {
	background: url(img/boton-descargar.gif) no-repeat;
	width: 100px;
	height: 30px;
	padding: 4px 0 0 18px;
	}
	
form#formulario-contacto {
	margin-left: 40px;
	width: 300px;
	}
	
form#formulario-contacto input span { display: block; }
	
form#formulario-contacto input {
	background: #e1e1e1;
	border: 1px solid #ccc;
	border: 0;
	padding: 10px;
	width: 230px;
	}
	
form#formulario-contacto textarea {
	background: #e1e1e1;
	border: 1px solid #ccc;
	padding:10px;
	}
	
form#formulario-contacto ul li {
	margin: 10px 0;
	}
	
#formulario-contacto .boton {
	color: #fff;
	background: #666;
	padding: 10px 20px;
	width: auto;
	}
	
.tabla-contacto { margin: 0 0 20px 40px; }
	
#right {
	border-left: 1px dotted #ccc;
	float: right;
	font-family: "Trebuchet MS",Arial,Tahoma;
	height: 100%;
	margin-top: 31px;
	padding-left: 20px;
	width: 210px;
	}
	
#right ul { 
	border-bottom: 1px dotted #ccc;
	margin: 30px 0 0 -10px;
	width: 100%;
	 }
	
#right ul li {
	background: url(img/bg-right-menu-li.gif) no-repeat;
	font-weight: bold;
	font-style: italic;
	font-size: 11px;
	margin-bottom: 30px;
	padding-left: 30px;
	}
	
#login {
	border-bottom: 1px dotted #ccc;
	margin-top: 20px;
	padding-bottom: 20px;
	}
	
#login label {
	font-size: 13px;
	font-weight: bold;
	padding-left: 2px;
	}

#login input {
	background: url(img/bg-input-login.gif);
	border: 0;
	width: 198px;
	height: 31px;
	}
	
#enlaces-destacados { margin-top: 30px; }
	
#noticia-destacada {
	font-size: 11px;
	margin-top: 30px;
	}
	
#noticia-destacada-foto {
	background: #ccc;
	width: 90%;
	height: 100px;
	}
	
#noticia-destacada ul {
	border: 0; 
	margin: 20px 0 0 0;
	overflow: hidden; 
	}
	
#noticia-destacada ul li {
	background: transparent;
	float: left;
	font-size: 9px;
	margin: 0 0 0 5px;
	padding: 0;
	}
	
#noticia-destacada p.leer-mas-noticia-destacada {
	background: url(img/pastilla-leermas-noticia.gif) no-repeat center left;
	padding-left: 15px;
	text-transform: uppercase;
	}
	
#footer {
	width: 960px;
	height: 207px;
	background: url(img/bg-footer.png) no-repeat;
	}
	
#footer  #mapa-web {
	float: right;
	margin: 15px 20px 0 0;
	width: 60%;
	}
	
#footer  #mapa-web li {
	background: url(img/flecha-mapa-pie.png) no-repeat center left;
	font: 12px "Trebuchet MS",Arial,Tahoma;
	float: left;
	margin: 0 40px 15px 0;
	padding-left: 15px;
	width: 130px;
	}
	
#footer #datos-contactos {
	margin: 110px auto 0 70px;
	position: absolute;
	overflow: hidden;
	width: 900px;
	}
	
#footer #datos-contactos li {
	border-left: 1px solid #fff;
	color: #fff;
	font-family: "Trebuchet MS",Aral,Tahoma;
	float: left;
	margin-left: -5px;
	paddin-left: 5px;
	text-align: center;
	width: 250px;
	} 
	
#footer #datos-contactos li#datos-logo img { margin-top: 10px; }
	
#footer #datos-contactos li#datos-mail { font-size: 30px; }

#footer #datos-contactos li#datos-direccion { font-size: 12px; }
	
#footer #datos-contactos li span { 
	display: block;
	font-size: 18px;
	}
	
#footer #datos-contactos li dl { 
	margin-left: 25px;
	text-align: left;
	 }
	 
#footer #datos-contactos li dl dt, #footer #datos-contactos li dl dd { font-weight:bold; }

/*************************************************
CONTENIDOS
*************************************************/

.ul-contenidos {
	list-style-type: disc!important;
	padding-left: 10px;
	margin-left: 20px;
	}
	
.ul-contenidos li {
	margin-left: 10px;
	margin-bottom: 10px;
	}
	
.foto-contenido {
	float: left;
	border: 5px solid #ccc;
	margin-right: 10px;
	}
	
 .breadcrumb, .navegacion {
 	font-family: "Trebuchet MS",Arial,Tahoma;
	font-size: 14px;
	margin: 10px 0 5px 20px!important;
	}
	
.navegacion { clear: both; }

#lista-proveedores-planta { margin: 90px 0 0 40px; }
	
/*************************************************
MENUS
*************************************************/

#top-menu {
	float: right;
	margin: 15px 50px 0 0;
	}
	
#top-menu li {
	color: #fff;
	float: left;
	margin-left: 10px;
	}
	
#main-menu {
	background: url(img/bg-main-menu.gif) repeat-x;
	float: left;
	height: 32px;
	width: 100%;
	}
	
#main-menu li {
	background: url(img/bg-main-menu-li.gif) repeat-x;
	border-left: 1px solid #fff;
	color: #666;
	float: left;
	font-weight: bold;
	line-height: 32px;
	padding: 0 31px;
	}
	
#main-menu li ul { 
	display: none;
	margin-left: -32px;
	position: absolute;
	}
	 
#main-menu li ul li {
	background: #666;
	float: none;
	font-size: 11px;
	height: 34px;
	line-height: 34px;
	margin-bottom: 2px;
	padding: 0;
	text-align: center;
	} 
	
#main-menu .submenu { background: #666 url(img/bg-triangulo.gif) no-repeat center top; }

.submenu-li:hover ul { display: block; }

#main-menu #informacion-general ul li { padding: 0 23px; }

#main-menu #planta-asfaltica ul li { padding: 0 8px; }

#main-menu #ejecucion-obras ul li { padding: 0 28px; }

#main-menu #marcado-ce ul li { padding: 0; }

#right  #right-menu {
	clear: both;
	width: 95%;
	margin: 15px 0 5px -10px;
	padding: 0 0 10px 10px;
	}

#right  #right-menu li {	
	width: 198px;
	height: 31px;
	font-size: 13px;
	font-style: normal;
	line-height: 31px;
	margin-bottom: 12px;;
	}
	
#right  #right-menu .pastilla-destacada { background: url(img/bg-pastilla1.gif) no-repeat; }	
	
/*************************************************
HEADERS
*************************************************/

h1 {
	float: left;
	margin: 35px 0 0 20px;
	top: 50%;
	}
	
h2 {
	color: #fff;
	float: left;
	font-size: 30px;
	margin: 30px 0 0 50px;
	}
	
#left h3 {
	background: #eceff1 url(img/bg-h3-left.gif) no-repeat bottom left;
	clear: both;
	color: #2c5680;
	font-size: 15px;
	font-weight: bold;
	margin: 25px 20px;
	padding: 20px 25px 40px 25px;
	}
	
#nuestros-servicios, .destacados {
	color: #2c5680;
	background: #efefee;
	display: inline;
	font: 26px "Trebuchet MS",Arial,Tahoma;
	padding: 5px 10px 5px 2px;
	text-transform: uppercase;
	}
	
#nuestros-servicios span {
	clear: both;
	font-size: 34px;
	padding-left: 2px;
	}
	
#noticia-destacada h4 {
	color: #69c;
	font-weight: bold;
	}
	
#area-clientes {
	color: #fff;
	background: #a3d0e5 url(img/bg-llave.gif) no-repeat bottom right;
	display: inline;
	font: 26px "Trebuchet MS",Arial,Tahoma;
	line-height: 29px;
	padding: 5px 30px 5px 2px;
	text-transform: uppercase;
	}
	
#area-clientes span {
	clear: both;
	font-size: 34px;
	padding-left: 2px;
	}
	
/**************************************************
LINKS
**************************************************/

#top-menu a:link, #top-menu a:visited  {
	color: #fff;
	font-weight: bold;
	padding: 3px 15px;
	text-decoration: none;
	}
	
#top-menu a:hover, #top-menu a:active  {
	background: #69c;
	}
	
#main-menu a:link, #main-menu a:visited {
	color: #666;
	font-weight: bold;
	text-decoration: none;
	}
	
#main-menu a:hover, #main-menu a:active { color: #333; }
	
#main-menu li ul li a:link, #main-menu li ul li a:visited { 
	color: #fff; 
	padding: 3px 7px; 
	}

#main-menu li ul li a:hover, #main-menu li ul li a:active {
	background: #999;
	}
	
#right  #right-menu li a {
	font-weight: bold;
	margin-left: 10px;
	text-decoration: none;
	}
	
#right  #right-menu #sobre-nosotros a:link, #right  #right-menu #sobre-nosotros a:visited  { color: #666; }
#right  #right-menu #sobre-nosotros a:hover, #right  #right-menu #sobre-nosotros a:active  { color: #333; }
#right  #right-menu #calidades-aglomsa a:link, #right  #right-menu #calidades-aglomsa a:visited  { color: #666; }
#right  #right-menu #calidades-aglomsa a:hover, #right  #right-menu #calidades-aglomsa a:active  { color: #333; }
#right  #right-menu #noticias-aglomsa a:link, #right  #right-menu #noticias-aglomsa a:visited  { color: #666; }
#right  #right-menu #noticias-aglomsa a:hover, #right  #right-menu #noticias-aglomsa a:active  { color: #333; }

#noticia-destacada p.leer-mas-noticia-destacada a:link, #noticia-destacada p.leer-mas-noticia-destacada a:visited {
	color: #69c;
	font-weight: bold;
	text-decoration: none;
	}
	
#noticia-destacada p.leer-mas-noticia-destacada a:hover, #noticia-destacada p.leer-mas-noticia-destacada a:active {
	text-decoration: underline;
	}	

#mapa-web a:link, #mapa-web a:visited {
	color: #666;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
	}
	
#mapa-web a:hover, #mapa-web a:active { color: #333; }

a:link, a:visited {
	color: #666;
	font-weight: bold;
	}
	
a:hover, a:active {
	color: #333;
	}
	
p#descargar a { 
	color: #fff;
	text-decoration: none;
	display: block;
	height: 100%;
	}
	
#datos-mail a:link, #datos-mail a:visited { 
	color: #fff;
	text-decoration: none;
	}
	
#datos-mail a:hover, #datos-mail a:active { text-decoration: underline; }