/* CSS Document */
body {
	background-color: #DDD;
	font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #5b5b5f;
	background-image:url(../imagenes/bg-body.png);
}

/* BEGIN MENU */
#menu {
	width: 100%;
	position: absolute;
	height: 40px;
	top: 110px;
	-moz-box-shadow: 0 2px 5px #666;
	-webkit-box-shadow: 0 2px 5px #666;
	box-shadow: 0 2px 5px #666;
	z-index: 1000;
	background-image:url(../imagenes/bg-menu.png);
	background-position:center;
}

	#menu-container {
		width: 960px;
		margin: 0 auto;
		position: relative;
	}
	
		ul.main-menu { 
			padding-top: 0; 
			height: 40px; 
			display: block;
			position: absolute;
			right: -1px;
			color: #FFF;
			font-size: 1.5em;
			text-transform: uppercase;
		}

		li.main-menu {
			cursor: pointer;
			position: relative;
			float: left;
			background: #006fad;
			margin-right: 30px;
		}
		
		li.main-menu:nth-child(1) { right: -28px; }
		li.main-menu:nth-child(2) { right: -21px; }
		li.main-menu:nth-child(3) { right: -14px; }
		li.main-menu:nth-child(4) { right: -7px; }
		
		a.main-menu {
			display: block;
			text-decoration: none;
			color: #FFF;
			height: 20px;
			line-height: 20px;
			padding: 10px 7px;
		}

		a.main-menu:before { 
			content: "";
			position: absolute;
			background: none;
			border-left: 24px solid transparent;
			border-right: 0px solid transparent;
			border-bottom: 40px solid #006fad;    
			left: -24px;
			top: 0;
		}
    
		a.main-menu:after { 
			content: "";
			position: absolute;
			width: 0;
			height: 0;
			border-left: 0px solid transparent;
			border-right: 24px solid transparent;
			border-top: 40px solid #006fad;
			right: -24px;
			top: 0;
		}

		a.main-menu:hover, a.mm-active { cursor: pointer; background: #E3AD00; }   
		a.main-menu:hover:before, a.mm-active:before { border-bottom: 40px solid #E3AD00; }
		a.main-menu:hover:after, a.mm-active:after { border-top: 40px solid #E3AD00; }	
/* END MENU */

#wrapper {
	width: 960px;
	background-color: #FFF;
	margin: 0 auto;
	-moz-box-shadow: 0 3px 30px #666;
	-webkit-box-shadow: 0 3px 30px #666;
	box-shadow: 0 3px 30px #666;
	z-index: 100;
	padding: 0;
	position: relative;
}

	#header {
		height: 120px;
		padding: 15px 20px 25px 20px;
	}
	
	#content {
		height: auto !important;
		height: 400px;
		min-height: 400px;
	}

/* BEGIN BANNER HOME */	
		#main-banner {
			border-top: 2px dashed #999;
			border-bottom: 2px dashed #999;
			padding: 0 40px;
			text-align: right;
			position: relative;
			height: 260px;
		}

			#main-banner > img {
				position: relative;	
			}
		
			#main-banner > img.franja-gris {
				position: absolute;
				left: 40px;
				bottom: 0;
				z-index: 0;
			}
			
		#brochure {
			padding: 10px 40px 0 30px;
			position: relative;
			height: 120px;
		}
		
			#brochure > img {
				position: absolute;
				left: 60px;
			}
			
			#brochure > a {
				background-image:url(../imagenes/bt-inicio.jpg);
				display: block;
				width: 229px;
				height: 41px;
				color: #FFF;
				float: right;
				margin-bottom: 15px;
				font-size: 1.6em;
				text-align: center;
				line-height: 40px;
				text-decoration:none;
				padding-left: 23px;
			}
			
			#brochure > a:hover {
				text-decoration: underline;
			}
/* END BANNER HOME */

/* BEGIN INNER CONTENT */
		#inner-banner {
			border-top: 2px dashed #999;
			border-bottom: 2px dashed #999;
			padding: 0 40px;
			text-align: right;
			position: relative;		
		}
		
			#inner-banner > span {
				font-size: 2em;
				position: absolute;
				left: 40px;
				color: #006d9e;
				font-weight: bold;
				bottom: 5px;
				font-style:italic;
			}
		
		#content-left {
			float: left;
			margin: 15px 0 10px 40px;
			width: 180px;
		}
		
		#content-left ul {}
		
		#content-left li {
			position: relative;
		}
		
		#content-left a {
			font-size: 1.6em;
			margin-bottom: 0.8em;			
			color: #006d9e;
			display: block;
			text-decoration: none;	
		}
		
		#content-left a:hover,#content-left a.active {
			font-weight: bold;
		}
		
		#content-left a.active:before, #content-left a:hover:before {
			content: "";
			position: absolute;
			background-image:url(../imagenes/ul-img.jpg);
			width: 10px;
			height: 11px;
			left: -17px;
			top: 2px;
		}
		
		#content-right {
			font-size: 1.7em;
			width: 660px;
			float: right;
			margin: 15px 40px 10px 0;
			line-height: 1.2em;	
		}
		
			#content-right p {
				margin-bottom: 1em;
				text-align: justify;
			}
			
			#content-right a, #content-right a:visited {
				color: #5b5b5f;
				text-decoration: none;
			}
			
			#content-right a:hover {
				color: #006d9e;
				text-decoration: underline;
			}
			
			#content-right ul {
				list-style-type: disc;
				margin: -0.8em 0 1em 2em;
			}
			
			#datos {
				float: left;
				width: 320px;
				margin-left: -20px;
			}

				#datos td {
					padding-bottom: 5px;
				}
			
				#datos input, #datos textarea {
					width: 100%;
					font-family: Helvetica, Verdana, Geneva, sans-serif;
					color: #5b5b5f;
					font-size: 1em;
				}
			
				#datos .boton {
					width: 100px;
					padding: 5px 0;
				}
			
			#google-map {
				float: right;
				width: 340px;
			}
			
/* END INNER CONTENT */

/* BEGIN FOOTER */	
	#footer {
		height: 25px;
		width: 960px;
		position: relative;
		padding-top: 15px;
		color: #006d9e;
		font-size: 1.3em;
	}

		.site-map {
			position: absolute;
			left: 20px;
			font-weight: bold;
		}
		
		.site-map > a,.site-map > a:visited {
			text-decoration: none;
			color: #006d9e;
		}
		
		.site-map > a:hover {
			text-decoration: underline;
			color: #E3AD00;
		}
		
		.direccion {
			width: 600px;
			position: relative;
			margin: 0 auto;
			display: block;
			text-align:center;
		}
		
		.copyright {
			position: absolute;
			right: 20px;
			font-weight: bold;	
		}
/* END FOOTER */

.dotted-top {
	border-top: 2px dashed #999;
}

.fcb {
	clear: both;
}

/* proyectos */
td.proy-data {
	vertical-align: top;
	padding:10px 0 0 10px;
}

p { margin-bottom: 1em; }