/*
Reset Styles Site
*/
* {
	margin:0;
	padding:0;
}
body {
	font: small "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#6d6d6d;
	background:url(../images/bgBody.gif) 0 0 repeat-x;
	text-align:justify;
}
a {
	cursor:pointer;
	outline:none;
	color:#1a6d99;
	text-decoration:none;
}
legend{
	font-size:1.5em;
	}
fieldset{
	width:100%;
	padding:10px;
	border:1px solid #288BBE;
	}
fieldset p{
	margin:20px 0;
	font-weight:bold;
	}
p {
	margin-bottom:20px;
}
textarea {
	font: small "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
h1 {
	color:#1a6d99;
	margin-bottom:20px;
	font-size:1.75em;
}
h1.instituto {
	width:200px;
	height:67px;
	background:url(../images/logo-instituto.jpg) no-repeat;
	text-indent:-100000px;
}
h1 span {
	font-size:.8em;
	color:#999;
}
h2 {
	color:#898989;
	font-size:1.5em;
	margin-bottom:20px;
}
h3 {
	color:#1A6D99;
	margin-bottom:20px;
}
div.news h3 {
	margin-top:20px;
}
h4 {
	color:#1A6D99;
	font-size:.9em;
}
hr {
	border:2px solid #e1e1e1;
	height:1px;
	border-bottom:1px solid #fff;
	margin:10px 0;
}
input[type="text"] {
	padding:4px;
}
input[type="submit"], input[type="reset"] {
	padding:4px;
	background:#288BBE;
	color:#FFF;
	border:0;
	margin:0 5px;
	cursor:pointer;
}
/*
Layouts
*/
#wrap {
	width:100%;
	height:auto;
}
#header, #content {
	width:985px;
	height:auto;
	margin:0 auto;
	position:relative;
}
#content a:hover {
	border-bottom:1px dashed #1a6d99;
}
#footer {
	width:100%;
	height:260px;
	clear:both;
	padding-top:9px;
	background: #898989 url(../images/bgFooter.gif) repeat-x;
}
/*
Header
*/
#header a img {
	margin-top:20px;
	margin-bottom:7px;
}
.bannerHome, .bannerInt {
	width:660px;
	height:120px;
	background:#ebebeb;
	position:absolute;
	top:15px;
}
.bannerHome {
	right:0;
}
.bannerInt {
	right:55px;
}
/*---- Menu -----*/
ul.menu {
	width:960px;
	height:44px;
	text-align:center;
	margin:20px auto 10px;
}
ul.menu li {
	list-style:none;
	line-height:43px;
	float:left;
}
ul.menu li a {
	width:120px;
	height:48px;
	display:block;
	color:#2788b9;
	text-decoration:none;
	background:url(../images/menu.gif) 0 top;
}
ul.menu li a:hover {
	color:#fff;
	background:url(../images/menu.gif) 0 bottom;
}
/*------ Contactenos ------*/
dl.contacto {
	margin:auto;
	width:430px;
	height:auto;
}
dl.contacto dt {
	float:left;
	clear:left;
	width:200px;
	margin:10px 0;
}
dl.contacto dd {
	float:left;
	width:220px;
	margin:10px 0;
}
dl.contacto select {
	width:160px;
}
.requerido {
	color:#1A6D99;
	font-weight:bold;
}
.destacado {
	color:#1A6D99;
}
p.legend {
	width:600px;
	margin:0 auto 30px;
	padding:10px;
	text-align:center;
}
.llamada {
	color:#1A6D99;
}
/************************/
#nav, #nav ul {
	list-style-type:none;
	list-style-position:outside;
	width:960px;
	height:44px;
	text-align:center;
	margin:20px auto 4px;
	z-index:10;
}
#nav a {
	display:block;
	color:#fff;
	text-decoration:none;
}
#nav a:hover {
	background-color:#fff;
	color:#2788b9;
}
ul#nav li {
	float:left;
	position:relative;
}
ul#nav li a {
	width:120px;
	height:35px;
	padding-top:13px;
	display:block;
	color:#2788b9;
	text-decoration:none;
	background:url(../images/menu.gif) 0 top;
}
ul#nav li a:hover {
	color:#fff;
	background:url(../images/menu.gif) 0 bottom;
}
ul#nav li a.select {
	color:#fff;
	background:url(../images/menu.gif) 0 bottom;
}
#nav ul {
	position:absolute;
	display:none;
	width:12em;
	top:2em;
}
#nav li ul a, #nav li ul a:visited {
	width:14em;
	height:auto;
	float:left;
	background: url(../images/bgmenu.png) repeat;
	color:#FFF;
	text-align:left;
	padding:2px 5px 2px 5px;
}
#nav li ul a:hover {
	background:#fff;
	color:#2788b9;
}
ul.small li a {
	width:123px!important;
}
#nav ul ul {
	top:auto;
}
#nav li ul ul {
	left:14em;
	margin:0px 0 0 10px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {
	display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {
	display:block;
}
/*---- SubHeader -----*/
#headerContent, #headerContentInt {
	width:985px;
}
#headerContent {
	height:340px;
	background:#2689be;
}
#headerContentInt {
	height:260px;
	background:#2689be;
}
#headerContent span {
	height:52px;
	background:url(../images/bgHeader.png) no-repeat;
}
#headerContent span, #headerContentInt span {
	width:985px;
	position:absolute;
	bottom:0;
	left:0;
}
#headerContentInt span {
	height:52px;
	background:url(../images/bgHeaderInt.png) no-repeat;
}
#headerLeft {
	width:360px;
	height:320px;
	float:left;
	padding:10px;
	background:url(../images/headerLeft.gif) repeat-y top;
}
div.news img {
	border:4px solid #FFF;
}
#headerRight {
	width:605px;
	height:340px;
	float:right;
	background:#256384;
}
#headerLeft h3 {
	color:#FFF;
}
/***** Noticias *****/
#news {
	width:360px;
	height:240px;
	overflow:hidden;
	background:url(../images/bgNews.gif) repeat-y!important;
}
.newsBox {
	width:100%;
	height:120px;
	background:url(../images/bgNews.gif) repeat-y!important;
}
.newsBox h4 {
	color:#E5E5E5;
}
.newsBox p {
	color:#fff;
}
.newsBox a {
	color:#CCC;
}
.newsBox a:hover {
	border-bottom:1px dashed #fff;
}
.newsDate {
	width:59px;
	height:65px;
	float:left;
	margin-right:10px;
	background:url(../images/calendar.gif) no-repeat;
}
.newsDate em, .newsDate p {
	width:59px;
	text-align:center;
}
div.newsDate em {
	height:15px;
	font-size:10px;
	color:#2689be;
	padding-top:5px;
	display:block;
	font-style:normal;
}
.newsDate p {
	font-size:26px;
	margin-top:2px;
	color:#898989;
}
/*
Contenido
*/
#contentLeft {
	width:580px;
	height:auto;
	float:left;
	padding:20px;
}
.contentLeftInt {
	width:96%;
	height:auto;
	padding:20px;
	margin:0 auto;
	min-height:200px;/*background:#f0f0f0;*/
}
#contentRight {
	width:325px;
	height:auto;
	float:right;
	padding:20px;
}
.proyectBox {
	margin-bottom:30px;
	height:110px;
	width:325px;
	text-align:left;
}
.proyectBox p span {
	color:#1A6D99;
	font-size:10px;
	display:block;
	margin-top:10px;
}
/*.text{
	font-weight:bold;
}*/
.proyectBox p {
	margin-top:10px;
}
#contentRight img {
	float:left;
	border:5px solid #d7d7d7;
	margin-right:10px;
}
.contentLeftInt ul {
	padding-left:20px;
	margin:20px 0;
}
.contentLeftInt ul.sub {
	font-size:1.5em;
	padding-left:150px;
	margin:40px 0;
}
.contentLeftInt ul li {
	background:url(../images/list-style.gif) no-repeat left!important;
	padding-left:30px;
	list-style:none;
	margin:5px 0;
	color: #323232;
}
.ambient {
	background:url(../images/ambient.jpg) repeat-x bottom;
}
span.recycle {
	display:block;
	width:50px;
	height:52px;
	background:url(../images/recycle.jpg);
	position:absolute;
	right:0;
	bottom:50px;
}
ul li.root {
	background:none!important;
}
ul.quickTree li {
	background:none;
	color:#1A6D99;
	padding-left:22px;
}
ul.quickTree li ul li {
	margin:0;
	color:#323232;
}
div.campanas {
	text-align:center;
}
div.campanas img {
	margin:10px 20px;
}
/*
Footer
*/
#menuFooter {
	width:940px;
	height:auto;
	margin:0 auto;
	color:#e8e8e8;
	font-weight:bold;
	padding-left:40px;
}
#menuFooter ul li a {
	color:#ccc;
}
#menuFooter ul li a:hover {
	color:#fff;
}
#menuFooter ul li ul li a {
	color:#FFF;
	font-weight:normal;
	float:left;
}
#menuFooter ul li ul li a:hover {
	color:#ccc;
	border-bottom:1px dashed #fff;
}
#menuFooter ul.firstLevel {
	height:100px;
}
#menuFooter ul.firstLevel li ul li {
	width:200px;
}
#menuFooter ul {
	height:50px;
}
#menuFooter ul li ul {
	margin-top:5px;
}
#menuFooter ul li {
	float:left;
	list-style:none;
	width:200px;
}
div#menuFooter ul li:first-child {
	width:140px;
}
div#menuFooter ul li:last-child {
	width:140px;
}
#infoFooter {
	font-weight:normal;
	text-align:center;
	width:975px;
	margin:0 auto;
	padding:5px;
	margin-top:30px;
	background:#949494;
	color:#323232;
}
#infoFooter p {
	margin:0;
}
#infoFooter p span {
	color:#323232;
}
div.mkc {
	margin-top:5px;
	color:#FFF;
}
div.mkc a {
	color:#F7931D;
}
div.mkc a:hover {
	border-bottom: 1px dashed #F7931D;
}
/****** Home *****/
a.home {
	width:60px;
	height:75px;
	position:absolute;
	right:0;
	top:0;
	display:block;
	background:url(../images/btHome.png) no-repeat top;
}
a.home:hover {
	background:url(../images/btHome.png) no-repeat bottom;
}
/****** Productos *******/
.tree * {
	margin:0;
	padding:0;
}
.tree li {
	list-style:none;
	padding-left:21px;
}
.tree li.root {
	padding-left:0;
}
.tree li li {
	background:url(../images/rootNode.gif) no-repeat 17px center;
	margin-left:10px;
	padding-left:31px;
}
.tree li li.root {
	padding-left:10px;
	background:url(../images/justOne.gif) repeat-y 17px 0;
}
.tree li li.root.last {
	background:none;
}
.tree li li.last {
	background:url(../images/lastRoot.gif) no-repeat 17px 0;
}
.expand {
	background:url(../images/plusMinus.gif) no-repeat;
	width:16px;
	_width:13px;
	height:16px;
	display:block;
	float:left;
	margin-top:2px;
	padding:0 5px 0 0;
	text-indent:-9999px;
	line-height:0;
	font-size:0;
}
.contract {
	background-position:0 -16px;
}
.expand:hover {
	cursor:pointer;
}
/*Proyectos*/
dl {
	margin:auto;
	width:916px;
	height:auto;
}
dl dt {
	float:left;
	clear:left;
	width:250px;
	margin:10px 0;
	padding-right:10px;
	color:#000;
	text-align:left;
}
dl dt em {
	color:#1A6D99;
	font-style:normal;
	font-weight:bold;
	text-align:left;
}
dl dd {
	float:left;
	width:70%;
	margin:10px 0;
}
dl.proyectos dt {
	text-align:left;
}
/*------ Sistemas ------- */
div.columLeft {
	width:200px;
	height:auto;
	float:left;
}
div.columLeft ul, div.columLeft p {
	padding-left:0;
	width:170px;
	margin:auto;
	text-align:left;
}
div.columLeft ul li {
	background:none;
	padding-left:0;
}
div.columLeft ul li a {
	width:170px;
	height:auto;
	background:url(../images/pdf-iocon.png) no-repeat left top;
	padding:10px 0 10px 30px;
	display:block;
}
div.columLeft ul li a:hover {
	border-bottom:0!important;
	color:#898989;
}
div.columLeft legend {
	font-size:1.3em;
	font-weight:bold;
	color:#898989;
}
div.columRight {
	width:720px;
	float:right;
	height:auto;
}
.sistemas {
	background:#FFF;
}
.sistemas h2, .sistemas p {
	padding:10px;
}
div.columLeft h6 {
	width:198px;
	height:50px;
	text-align:center;
	cursor:pointer;
	font-size:1em;
	color:#fff;
	line-height:50px;
	background:url(../images/bgmenuIzq.png);
}
div.columLeft div.submenu h6 {
	background:url(../images/bgmenuIzq2.png);
	color:#1A6D99;
}
div.hidden {
	display:none;
}
/***/
#preview {
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}
p#preview {
	z-index:100;
}
div.bannerInt {
}
div.text li p {
	margin:0;
}
/***** CIUDAD *******/
div.systems {
	width:650px;
	height:auto;
}
div.systems div.columLeft {
	width:320px;
	float:left;
	margin-right:50px;
}
div.systems div.columRight {
	width:280px;
	height:auto;
	float:right;
	padding-top:10px;
}
div.systems div.columRight h6 {
	padding:5px;
	color:#268BC3;
	font-size:1em;
	background: url(../images/bgSystem.gif) repeat-x;
	cursor:pointer;
	margin:2px 0;
	font-weight:normal;
	border:1px solid #c2c2c2;
}
div.systems div.columRight h6:hover {
	color:#FFFFFF;
	background:#268BC3;
}
/*SPECIAL MENU*/
.dock-container {
	position: relative;
	top: -8px;
	height: 130px;
	padding-left: 0;
}
a.dock-item {
	display: block;
	width: 100px;
	position: absolute;
	bottom: 0;
	text-align: center;
	text-decoration: none!important;
	border-bottom:none!important;
	color: #333;
}
.dock-item span {
	display: block!important;
	padding-left: 10px;
}
.dock-item img {
	border: 0;
	margin: 5px 10px 0px;
	width: 100%;
}
/*Menu de proyectos*/
ul.menuPr {
	margin:0;
	padding:0;
	width:200px;
	float:left;
	text-align:left;
}
ul.menuPr li {
	background:none!important;
	list-style:none;
	padding:0;
}
ul.menuPr li a {
	text-decoration:none;
}
ul.menuPr li ul li {
	list-style:square;
}
ul.menuPr li ul li a {
	color:#323232;
}
div#contentProyect {
	border-left:1px solid #CCCCCC;
	float:right;
	padding-left:20px;
	width:720px;
}
/*GALLERY*/
#slideshow {
	list-style:none;
	color:#fff
}
#slideshow span {
	display:none
}

div.slideshow-container #slideshow span {
	display:block;
	}
#wrapper {
	width:506px;
	height:500px;
	margin:10px auto;
	display:none
}
#wrapper * {
	margin:0;
	padding:0
}
#fullsize {
	position:relative;
	width:500px;
	height:400px;
	padding:2px;
	border:1px solid #ccc;
	background:#ccc;
}
#information {
	position:absolute;
	bottom:0;
	width:500px;
	height:0;
	background:#1A6D99;
	color:#fff;
	overflow:hidden;
	z-index:200;
	opacity:.7;
	filter:alpha(opacity=70)
}
#information h3 {
	padding:4px 8px 3px;
	font-size:14px;
	color:#FFF;
}
#information p {
	padding:0 8px 8px
}
#image {
	width:500px
}
#image img {
	position:absolute;
	z-index:25;
	width:auto
}
.imgnav {
	position:absolute;
	width:25%;
	height:306px;
	cursor:pointer;
	z-index:150
}
#imgprev {
	left:0;
	background:url(../images/left.gif) left center no-repeat
}
#imgnext {
	right:0;
	background:url(../images/right.gif) right center no-repeat
}
#imglink {
	position:absolute;
	height:306px;
	width:100%;
	z-index:100;
	opacity:.4;
	filter:alpha(opacity=40)
}
.linkhover {
	background:url(../images/link.gif) center center no-repeat
}
#thumbnails {
	margin-top:3px
}
#slideleft {
	float:left;
	width:20px;
	height:81px;
	background:url(../images/scroll-left.gif) center center no-repeat;
	background-color:#ccc;
}
#slideleft:hover {
	background-color:#1A6D99
}
#slideright {
	float:right;
	width:20px;
	height:81px;
	background:#ccc url(../images/scroll-right.gif) center center no-repeat;
}
#slideright:hover {
	background-color:#1A6D99
}
#slidearea {
	float:left;
	position:relative;
	width:456px;
	margin-left:5px;
	height:81px;
	overflow:hidden;
	background:#ccc;
}
#slider {
	position:absolute;
	left:0;
	height:81px
}
#slider img {
	cursor:pointer;
	border:1px solid #666;
	padding:2px
}