@charset "utf-8";
body {
	background: #E6F0E8 url(imgs/fondo.png) repeat-x center top;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:13pt;
}

.slideshow {width: 1000px; height: 188px; margin:auto; overflow:hidden; }
.slideshow img {width: 1000px; height: 188px;}
p{ text-align:justify;}

.menucontenedor{width:1000px; height:47px; background:url(imgs/menubg.png) repeat-x}
    #nav-menu {background:url(imgs/navigation.png) no-repeat; width:450px; height:47px; margin:0; padding:0; float:left;}
    #nav-menu span {display: none;}
    #nav-menu li, #nav-menu a {height:47px; display:block;}
    #nav-menu li {float:left; list-style:none; display:inline;}

    #nav-menu-01 {width: 146px;}
    #nav-menu-02 {width: 156px;}
    #nav-menu-03 {width: 148px;}

    #nav-menu-01 a:hover {background:url(imgs/navigation.png) 0px -47px no-repeat; }
    #nav-menu-02 a:hover {background:url(imgs/navigation.png) -146px -47px no-repeat; }
    #nav-menu-03 a:hover {background:url(imgs/navigation.png) -302px -47px no-repeat; }

.logo{float:right; position:relative; width:316px; height:58px; top:-27px; right:30px; z-index:1000;}

.titulo{background:#C1D0C4; height:90px; border-bottom:2px solid #8E9F92; }
.titulo img{ position:relative; top:25px; left:20px;}

.Footer{width:1000px; margin:10px auto 20px auto; font-size:9pt; line-height:18px; color:#626963; clear:both;}
.Footer a{color:#626963; text-decoration:none;}
.Footer a:hover{color:#4B534C;}



/*PROYECTOS*/
			#wrapper {
				background: #ddd;
				width: 900px;
				height: 450px;
				padding: 10px;
				margin: 0px 0 0 -460px;
				position: relative;
				top: 50%;
				left: 50%;
			}

			#big {
				width: 900px;
				height: 450px;
				overflow: hidden;
			}
			#big img {
				display: block;
			}

			#small {
				width: 900px;
				height: 140px;
				overflow: hidden;
				position: absolute;
				bottom: 10px;
				left: 10px;
			}
			#small .carousel {
				float: left;
			}
			#small img,
			#next {
				background: rgba( 255, 255, 255, 0.2 );
				display: block;
				width: 100px;
				height: 100px;
				padding: 10px;
				margin: 0 0 20px 20px;
				float: left;
				
				-webkit-transition: background 0.6s ease;
				-moz-transition: background 0.6s ease;
				transition: background 0.6s ease;
			}
			#small img:hover,
			#next:hover {
				background: rgba( 255, 255, 255, 0.3 );
			}
			#next {
				color: rgba( 0, 0, 0, 0.5 );
				font-size: 120px;
				line-height: 85px;
				text-align: center;
				text-decoration: none;
			}
			
			.carousel:after {
				content: "";
				display: block;
				clear: both;
			}