@charset "utf-8";
/* CSS Document */
@font-face {}
html, body{min-height:100%; height:auto !important; height:100%; border:none; font-size:100%; background-color:#ececec; /*overflow-x:hidden;*/}
body{margin:0; padding:0; font-family:"PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif; cursor:default; }
img{border:none !important;}
a{text-decoration:none; outline:none; -moz-outline-style:none;}
a:link{color:#127eba; text-decoration:none;}
a:visited{color:#127eba;}
a:hover, a:focus{color:#138fcb; text-decoration:underline;}
a:active, a:focus {outline:none; -moz-outline-style:none;}
p{line-height:1.1em; margin:0.3em 0 0.6em 0;}
h1{font-size:2.5em; line-height:1.0em; color:#138fcb;}
h2{font-size:2.1em; line-height:1.0em; color:#138fcb;}
h3{font-size:1.8em; color:#2c2c2c;}
h4{font-size:1.5em; color:#2c2c2c;}
h5{font-size:1.2em; color:#646464;}
h6{font-size:0.9em; color:#646464;}
b, strong{ font-weight:bold; color:#333; }
i, address, em{font-style:italic; }
sup{font-size:75%; vertical-align:super !important;}
sub{font-size:75%; vertical-align:sub !important;}
img{border:none !important;}
hr{border-bottom: 1px solid #9f9f9f !important; color:none; border:none;}
#contenedor {width:62.5em; margin:0 auto; padding:0 auto; background-color:transparent; }
#contmenu{width:100%; max-width:1000px; height:auto; margin:0 auto; float:none; clear:both; position:relative; background-color:#138fcb;}
.toggleMenu {display:none; width:100%; height:38px; margin:0; color:#fff; background:#138fcb url(../img/menu.png) no-repeat center right;}
#dentro{width:62.5em; margin:0 auto; margin-top:10px; padding:0 auto; background-color:transbarent;}
#topnav{width:100%; height:2.37em; background-color:transparent; color:#fff; font-family:"PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif; text-align:right;}
#topnav a{text-decoration:none; outline:none; -moz-outline-style:none;}
#topnav a:link{color:#fff; text-decoration:none;}
#topnav a:visited{color:#fff;}
#topnav a:hover, a:focus{color:#fff; text-decoration:underline;}
#topnav a:active, a:focus {outline:none; -moz-outline-style:none;}
#banner{max-width:100%; height:auto; }
.ruta{width:auto; height:17px; margin:0; padding:4px 8px; line-height:18px; font-size:11px; text-align:left; border-top:1px solid #c1c1c1; border-bottom:1px dotted #c1c1c1; background-image:url(../img/blanco.png); background-repeat:repeat;}
.inactivo{color:#9f9f9f; background:url(../img/ruta.png) center right no-repeat; padding:0 14px 0 1px;}
.activo{color:#666; padding:0 2px;}
#inicio{width:57.5em; height:auto; padding:2.5em; background-color:#fff; text-align:justify; clear:both;}
#contenido{width:57.5em; height:auto; padding:2.5em; background-color:#fff; text-align:justify; clear:both;}
#contenido ul li{list-style-type:square; list-style-image:url(../img/ul.jpg); line-height:1em; margin:0.6em 03em;}
#contenido ol li {line-height:1em; margin:0.6em 03em; list-style-type:decimal !important; /*list-style-type: lower-alpha; list-style-type:upper-roman;*/}
#conppal ul li{list-style-type:square; list-style-image:url(../img/ul.jpg); line-height:1em; margin:0.6em 03em;}
#conppal ol li {line-height:1em; margin:0.6em 03em; list-style-type:decimal !important; /*list-style-type: lower-alpha; list-style-type:upper-roman;*/}

#redes{ width:258px; height:300px; float:right; background-color:#fff; margin-top:10px; padding:10px;}
#redes img{ width:70px; height:auto; vertical-align:middle;}
#redes a{ margin:10px; clear:both; width:258px; height:70px;}

#redes a{text-decoration:none; outline:none; -moz-outline-style:none; border-bottom:1px dotted #2f4994; width:auto; padding:5px 10px; margin-left:5px; display:block; font-style:italic; font-size:1.8em; font-weight:bold; }
#redes a:link{color:#138fcb; text-decoration:none;  border-bottom:1px dotted #2f4994;}
#redes a:visited{color:#138fcb;}
#redes a:hover, a:focus{color:#138fcb;  border-bottom:1px dotted #138fcb;}
#redes a:active, a:focus {outline:none; -moz-outline-style:none;}
#conta{ width:278px; height:104px; float:right; margin-top:10px;}
#mapaub{float:right; height:15.62em; width:18.75em;}
#conppal{margin-top:2.87em !important;  z-index:10; text-align:justify; background-color:#e1ebf7; padding:1em; border-radius:30px; width:57.5em; height:auto; clear:both;}
#pie{width:100%; height:auto;/*200px*/; margin:0 auto; padding:0.62em 0 0.62em 0; font-family:"PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased; letter-spacing:0.03125em; background-color:#138fcb; clear:both;}
#pie a{padding:0.5em 0.35em; font-size:0.78em/*12px*/; line-height:1.5em; text-align:right; color:#f4ecce; }
#pie p{padding:0.35em; font-size:0.78em/*12px*/; color:#fff; text-align:center;} #pie  span{float:right;}
#piecentro{width:62.5em; height:auto; margin:0 auto; padding:5px 0px; background-color:#fff;}
#piecentro img{	height:50px; width:auto;}
.bisel{width:100%; height:18px; padding:10px 0 10px 0; background-color:transparent; color:#fff; font-family:"PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif; text-align:right;  font-size:12px; color:#000;  }

/*contador*/
#contador{width:150px; height:75px; padding:1px 10px; float:right; cursor:default; color:#888; margin:1px;}
#contador p{padding:2px 0px; text-align:center !important; color:#138fcb; font-size:12px; line-height:10px; border-bottom:1px solid #888; font-family:'ColaborateRegular', Arial, Helvetica, sans-serif;}
.tdcontador{width:50px; padding:5px; color:#464646; text-align:center; vertical-align:middle; font-size:11px; border:1px solid #e9e9e9; background-color:#eee;}
.tdcontador strong{font-weight:normal; color:#138fcb;}
.tdcontador hr{border-bottom:1px dotted #138fcb !important; color:none; border:none;}

/*galeria*/
#galeria{width:100%; height:auto; margin:0 auto; padding:10px; overflow:hidden !important; background-color:#666; float:left; /*efefef-333-7d7d7d*/}
.subgaleria{margin:-10px -10px 10px 0px; float:right; color:#7d7d7d;}
.subgaleria a{color:#7d7d7d;} .subgaleria a:hover{color:#9c9c9c;}
.galerimargen{margin:0px 50px 0px -35px;}/*+ margin correction*/

/*contactenos*/
.contacto{padding:0px 7.5px;}
.contacto label{display:block;}
.contacto div{margin-bottom:8px;}
.contacto span{color:#f80302; font-weight:bold; font-size:16px;}
.contacto td {vertical-align:middle;}
.contacto form{}
.contacto input[type='text'], .contacto textarea{width:300px; padding:3.5px 6px; margin:0; resize:none; font-family:"PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif; font-size:13px; color:#808080; border:1px solid #c1c1c1; }
.contacto input[type='text']:focus, .contacto textarea:focus{outline:none; border:1px solid #666; color:#666;}
.contacto input[type='submit']{padding:7px 13px; background-color:#138fcb; color:#fff; font-weight:bold; font-size:14px; border:none !important; cursor:pointer;}
.contacto input[type='submit']:hover{background-color:#138fcb; outline:none; border:none;}
.contacto input[type='submit']:active{background-color:#138fcb; outline:none; border:none !important;}
.contacto input[type='reset']{padding:7px 13px; background-color:#138fcb; color:#fff; font-weight:bold; font-size:14px; border:none !important; cursor:pointer;}
.contacto input[type='reset']:hover{background-color:#138fcb; outline:none; border:none;}
.contacto input[type='reset']:active{background-color:#138fcb;outline:none; border:none !important;}
.contacto select{padding:3.5px 3px; margin:0; resize:none; font-family:"PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif; font-size:13px; color:#808080; border:1px solid #c1c1c1; }
.contacto select:focus{border:1px solid #666 !important; color:#666;}
/*contactenos*/
/*scroll de noticias*/
#noticias{ width:278px; height:435px; background-color:#fff; float:right; background-image:url(../img/news.jpg); background-repeat:no-repeat; margin-left:30px; margin-bottom:30px;}
/* scroll */
#scroll {width: 240px; 	height:310px; margin: 0 auto; padding: 0 18px 15px 12px; color:#fff; background: url(imagenes/noticias.jpg) repeat-y center;	position:static; z-index: 1; }
#titulonoticias {width: 240px; height:28px; margin: 0 auto; padding: 2px 18px 0 12px; color: #989898; background-color:transparent; border-top: 3px solid #d1d1d1; text-align:left; font-family: "PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif; padding-top: 12px; font-size: 12px; font-weight: bold; color: #FFFFFF; border: none; text-indent: 8px; letter-spacing: 3px; position:static; }
#titulonoticias a{ text-decoration: none; color:#ffffff; width:100%;}
#pscroller1{width: 220px; height: 280px; border: 0px solid black; padding:10px 10px 10px 5px; background-color: transparent; font-family:"PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif; text-align:justify;  }
#pscroller1 b{color:#1c2645;}
#pscroller1 i{color:#032459;}
/*fin scroll noticias*/
/*noticias*/
#agenda{margin-top:20px; background:url(../img/agendafondo.png) top left repeat-y; color:#464646 !important;}
.titulo_mediano2{font-family:"PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif; cursor:default; text-align:left;}
.titulo_mediano4{font-style:italic; color:#fff; text-align:right; letter-spacing:2px; padding:15px 15px 15px 120px; background-color:#fabb00; cursor:default; text-transform:uppercase;}
tr.trnews{text-align:left; background-color:#fff;}
td.news{line-height:18px; padding:10px 0 15px 25px; background:#fff url(../img/ico-mas.jpg) bottom right no-repeat; border:#e8e8e8 solid; border-width:1px 1px 1px 0px; text-align:left; line-height:18px; font:16.5px 'ColaborateThinRegular', Arial, Helvetica, sans-serif; -webkit-font-smoothing:antialiased; width:37.5em}
td.news:hover{cursor:pointer; border-right:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8;}
td.newstitle{line-height:18px; padding:10px 25px; color:#464646; background:#fff url(../img/ico-marca.png) 5.5px 0px no-repeat; border:#e8e8e8 solid; border-width:1px 0px 1px 1px; text-align:left; font-family:"PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased;}
td.newstitle:hover{color:#777; cursor:pointer;}
.title{width:auto; height:auto; margin:0 auto; padding:12px; background-color:#0b3a74; position:static; text-align:left; font-size:1.25em;  font-family:Arial, Helvetica, sans-serif;  color:#982f2c;  border-bottom:1px solid #ccc;} .title a{width:100% !important; padding:12px; margin:-12px; display:block;}
.green{color:#fff;  border-bottom:1px dotted #0c3a75;} .green a{color:#fff;}
/*noticias_ampliadas*/
.titulo_mediano4_mas{font-family:"PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased; font-style:italic; color:#f50b0b; text-align:right; letter-spacing:2px; text-transform:uppercase; padding:10px; background-color:#fff; cursor:default;}
td.newstitle_mas{line-height:18px; font-family:"PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased; padding:10px 0 10px 30px; color:#f50b0b; background:transparent url(../img/ico-marca.png) 5.5px 0px no-repeat; border-top:1px solid #c8c8c8;}
.newscont{font:16.5px "PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased; line-height:18px; color:#464646;}

/*slide noticias*/
/* slide-images */
/* 	Core Owl Carousel v1.3.3 --------------------------------------- */
/* clearfix */
.owl-carousel .owl-wrapper:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
/* display none until init */
.owl-carousel{display:none; position:relative; width:100%; -ms-touch-action:pan-y;}
.owl-carousel .owl-wrapper{display:none; position:relative; -webkit-transform:translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow:hidden; position:relative; width:100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out; -moz-transition:height 500ms ease-in-out; -ms-transition:height 500ms ease-in-out; -o-transition:height 500ms ease-in-out; transition:height 500ms ease-in-out;}	
.owl-carousel .owl-item{float:left;}
.owl-controls .owl-page, .owl-controls .owl-buttons div{cursor:pointer;}
.owl-controls {-webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
/* mouse grab icon */
.grabbing {cursor:url(grabbing.png) 8 8, move;}
/* fix */
.owl-carousel  .owl-wrapper, .owl-carousel  .owl-item{-webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0);}

/*** Theme ***/
.owl-theme .owl-controls{margin-top:10px; text-align:right;}
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{color:#0b3971; display:inline;/*inline-block*/ zoom:1; margin:5px; padding:3px 10px; font-size:0.95rem; background:#fff; border:1px solid #999;  opacity:0.5; filter:Alpha(Opacity=50);/*IE7 fix*/ *display:inline;/*IE7 life-saver */}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{text-decoration:none; color:#f7ca18; opacity:1; filter:Alpha(Opacity=100);/*IE7 fix*/}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{display:inline;/*inline-block*/ zoom:1; *display:inline;/*IE7 life-saver */}
.owl-theme .owl-controls .owl-page span{display:block; float:left; width:12px; height:12px; margin:5px 7px; background:#999; filter:Alpha(Opacity=50);/*IE7 fix*/ opacity:0.5;}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{background:#f7ca18; filter:Alpha(Opacity=100);/*IE7 fix*/ opacity:1;}
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto; width:auto; color:#fff; padding:2px 10px; font-size:0.95rem;}
/* preloading images */
.owl-item.loading{min-height:150px; background:url(../img/loader.gif) no-repeat center center}

/* slide-news */
.slide-news{margin:10px auto 20px auto;} .slide-news a{text-decoration:none !important;}
#owl-carousel .item{margin:10px; text-align:justify; -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear;}		#owl-carousel .item img{width:100%; height:auto; max-height:275px;/*+*/ display:block;} 
#owl-carousel a .item-info{padding:5px 10px; font-size:0.9rem; color:#444; background:#fff; border:1px solid #ececec;} 
#owl-carousel a .item-info span{margin:10px auto -10px auto; font-size:1rem; font-weight:300; text-transform:capitalize; color:#5994db; display:block;}
#owl-carousel .item-info p{margin-bottom:30px;}
#owl-carousel .item-info b{padding:5px; margin:0; position:absolute; right:0; bottom:0; text-align:right; font-size:0.95rem; font-weight:200; font-style:italic; color:#999; background-color:#ececec;  -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear;}
#owl-carousel a:hover .item-info b, #owl-carousel a:focus .item-info b, #owl-carousel a:active .item-info b{background-color:#f7ca18; color:#fff;}
.owl-carousel-navigation{margin:10px 5px 15px 5px; text-align:right; font-size:0.95rem;} 
.owl-carousel-navigation .btn{padding:5px 10px; font-size:1rem; color:#fff; background:#5994db; border:none; opacity:1; filter:Alpha(Opacity=100);}
.owl-carousel-navigation .btn:hover{color:#fff; background:#5994db; opacity:1; filter:Alpha(Opacity=100);}

/*** + **
#owl-carousel .item{height:300px; margin:10px 10px 60px 10px; border-top:4px solid #ececec; text-align:justify;
-webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear;}
#owl-carousel .item:hover{border-color:#5994db;}
#owl-carousel .item img{width:100%; height:auto; display:block;} 
.item-info{padding:5px 10px; font-size:0.9rem;} .item-info span{margin:20px auto; font-size:1rem; font-weight:bold; text-transform:capitalize; letter-spacing:0.25px; color:#5994db; display:block;}
.item-info i{padding:5px; margin:10px 0; text-align:right; float:right; font-size:0.95rem; color:#999; background-color:#ececec; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear;}
.item-info i:hover{background-color:#f7ca18; color:#fff;}*/
/*fin slide noticias*/

#proyectos{width:670px; height:auto; margin:15px auto; float:left; border:1px solid #eee;}
/* 	Core Owl Carousel v1.3.3 --------------------------------------- */
/* clearfix */
.owl-carousel .owl-wrapper:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
/* display none until init */
.owl-carousel{display:none; position:relative; width:100%; -ms-touch-action:pan-y;}
.owl-carousel .owl-wrapper{display:none; position:relative; -webkit-transform:translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow:hidden; position:relative; width:100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out; -moz-transition:height 500ms ease-in-out; -ms-transition:height 500ms ease-in-out; -o-transition:height 500ms ease-in-out; transition:height 500ms ease-in-out;}	
.owl-carousel .owl-item{float:left;}
.owl-controls .owl-page, .owl-controls .owl-buttons div{cursor:pointer;}
.owl-controls {-webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
/* mouse grab icon */
.grabbing {cursor:url(grabbing.png) 8 8, move;}
/* fix */
.owl-carousel  .owl-wrapper, .owl-carousel  .owl-item{-webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0);}

/*** Theme ***/
.owl-theme .owl-controls{margin-top:10px; text-align:right;}
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{color:#0b3971; display:inline;/*inline-block*/ zoom:1; margin:5px; padding:3px 10px; font-size:0.95em; background:#fff; border:1px solid #999;  opacity:0.5; filter:Alpha(Opacity=50);/*IE7 fix*/ *display:inline;/*IE7 life-saver */}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{text-decoration:none; color:#bf0411; opacity:1; filter:Alpha(Opacity=100);/*IE7 fix*/}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{display:inline;/*inline-block*/ zoom:1; *display:inline;/*IE7 life-saver */}
.owl-theme .owl-controls .owl-page span{display:block; float:left; width:12px; height:12px; margin:5px 7px; background:#999; filter:Alpha(Opacity=50);/*IE7 fix*/ opacity:0.5;}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{background:#bf0411; filter:Alpha(Opacity=100);/*IE7 fix*/ opacity:1;}
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto; width:auto; color:#fff; padding:2px 10px; font-size:0.95em;}
/* preloading images */
.owl-item.loading{min-height:150px; background:url(../img/ajax-loader.gif) no-repeat center center}

/*** + ***/
#owl-carousel .item{height:300px;/*min-height:300px;*/ margin:10px 10px 60px 10px; border-top:4px solid #ececec; text-align:justify;
-webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear;}
#owl-carousel .item:hover{border-color:#0b3971;}
#owl-carousel .item img{width:100%; height:auto; display:block;} 
.item-info{padding:5px 10px; font-size:0.9em;} .item-info span{margin:20px auto; font-size:1em; font-weight:bold; text-transform:capitalize; letter-spacing:0.25px; color:#0b3971; display:block;}
.item-info i{padding:5px; margin:10px 0; text-align:right; float:right; font-size:0.95em; color:#999; background-color:#ececec; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear; transition: border .25s linear, color .25s linear, background-color .25s linear;}
.item-info i:hover{background-color:#bf0411; color:#fff;}
/* 	Core Owl Carousel v1.3.3 --------------------------------------- */
#redes{ width:198px; height:300px; float:right; background-image:url(../img/blanco.png); background-repeat:repeat; margin-top:
16px; padding:10px; border:1px solid #f8f8f8; background-color:#ededed;}
#redes img{ width:70px; height:auto; vertical-align:middle;}
#redes a{ margin:10px; clear:both; width:258px; height:70px;}

#redes a{text-decoration:none; outline:none; -moz-outline-style:none; border-bottom:1px dotted #2f4994; width:auto; padding:5px 10px; margin-left:5px; display:block; font-style:italic; font-size:1.2em; font-weight:bold; }
#redes a:link{color:#0b3a74; text-decoration:none;  border-bottom:1px dotted #2f4994;}
#redes a:visited{color:#0b3a74;}
#redes a:hover, a:focus{color:#0b3a74;  border-bottom:1px dotted #0b3a74;}
#redes a:active, a:focus {outline:none; -moz-outline-style:none;}
/*rightmenu*/
#menudoc {position:fixed; z-index:8000; top:35px; right:0; display:none;}
#menudoc div.jqDockWrap {margin:0 auto; position:relative; float:right !important;} /*...centre the dock...*/
#menudoc div.jqDock {cursor:pointer; position:relative; z-index:200;}/*...set the cursor, and give the dock a background...*/
div.jqDockLabel {font-family:'open_sanslight', Arial, Helvetica, sans-serif; white-space:nowrap; color:#fff; cursor:pointer; border-top:1px solid silver; border-right:1px solid silver; height:15px; padding:2px 4px; background:transparent url(../img/patterns/overlay9.png) repeat top left; font-size:0.75em !important;
-moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; behavior: url(ie-css3.htc); }
#menudoc a {margin:5px !important;}

/*@media's*/
@media screen and (max-width: 400px) {
html, body{overflow-x:hidden;}
h2{margin:0 auto 1.8em auto;} 
#contenedor{width:100%;}
#banner img {max-width:50%; height:auto;}
#dentro{width:100%; margin:0 auto; margin-top:10px; padding:0 auto; background-color:transbarent;}
#contenido{width:90%; height:auto; background-color:#fff; padding:5%; text-align:justify;}
#inicio{width:90%; height:auto; background-color:#fff; padding:5%; text-align:justify;}
#contenido img{ max-width:50% !important; height:auto;}
#contenido ul li{list-style-type:square; list-style-image:url(../img/ul.jpg); line-height:1em; margin:0.6em 03em;}
#contenido ol li {line-height:1em; margin:0.6em 03em; list-style-type:decimal !important; /*list-style-type: lower-alpha; list-style-type:upper-roman;*/}
#conppal ul li{list-style-type:square; list-style-image:url(../img/ul.jpg); line-height:1em; margin:0.6em 03em;}
#conppal ol li {line-height:1em; margin:0.6em 03em; list-style-type:decimal !important; /*list-style-type: lower-alpha; list-style-type:upper-roman;*/}
#noticias{ width:100%; height:625px; background-color:#82c1e2; clear:both; background-image:url(../img/news.jpg); background-repeat:no-repeat; clear:both; margin-right:0;}
#conta{ width:100%; height:104px; clear:both; margin-top:10px;}


#mapaub{float:right; height:15.62em; width:100%;}
#pie{width:90%/*1000px*/; height:12.5em/*200px*/; margin:0 auto; padding:5%; font-family:"PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased; letter-spacing:0.03125em; background-color:#138fcb;}
#pie a{padding:0.5em 0.35em; font-size:0.78em/*12px*/; line-height:1.5em; text-align:right; color:#f4ecce;}
#pie p{padding:0.35em; font-size:0.78em/*12px*/; color:#fff;  text-align:center;}

#pie{width:100%; height:auto;/*200px*/; margin:0 auto; padding:0.62em 0 0.62em 0; font-family:"PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased; letter-spacing:0.03125em; background-color:#138fcb; clear:both;}
#piecentro{width:100%; height:auto; margin:0 auto; padding:0px 10px;}
}

@media screen and (max-width: 600px) {
html, body{overflow-x:hidden;}
h2{margin:0 auto 1.8em auto;} 
#contenedor{width:100%;}
#banner img {max-width:100%; height:auto;}
#dentro{width:100%; margin:0 auto; margin-top:10px; padding:0 auto; background-color:transbarent;}
#contenido{width:90%; height:auto; background-color:#fff; padding:2%;  text-align:justify;}
#inicio{width:90%; height:auto; background-color:#fff; padding:2%;  text-align:justify;}
#contenido img{ max-width:80% !important; height:auto;}
#contenido ul li{list-style-type:square; list-style-image:url(../img/ul.jpg); line-height:1em; margin:0.6em 03em;}
#contenido ol li {line-height:1em; margin:0.6em 03em; list-style-type:decimal !important; /*list-style-type: lower-alpha; list-style-type:upper-roman;*/}
#conppal{margin-top:1.87px !important;  z-index:10; text-align:justify; background-color:#e1ebf7; padding:1em; width:15em; height:auto; clear:both; border-radius:5px;}
#proyectos{width:100%;}
#conppal ul li{list-style-type:square; list-style-image:url(../img/ul.jpg); line-height:1em; margin:0.6em 03em;}
#conppal ol li {line-height:1em; margin:0.6em 03em; list-style-type:decimal !important; /*list-style-type: lower-alpha; list-style-type:upper-roman;*/}
#noticias{ width:278px; height:525px; background-color:#fff; float:left; background-image:url(../img/news.jpg); background-repeat:no-repeat; clear:both; margin-right:0;}
#mapaub{float:right; height:15.62em; width:100%;}
#pie{width:90%/*1000px*/; height:12.5em/*200px*/; margin:0 auto; padding:5%; font-family:"PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased; letter-spacing:0.03125em; background-color:#138fcb;}
#pie a{padding:0.5em 0.35em; font-size:0.78em/*12px*/; line-height:1.5em; text-align:right; color:#f4ecce;}
#pie p{padding:0.35em; font-size:0.78em/*12px*/; color:#fff;  text-align:center;} #pie  span{float:right;}	
#piecentro{width:100%; height:auto; margin:0 auto; padding:0px 10px;}
}

@media screen and (max-width: 800px) {
html, body{overflow-x:hidden;}
h2{margin:0 auto 1.8em auto;} 
#contenedor{width:100%;}
#banner img {max-width:100%; height:auto;}
#contmenu {height:auto; margin:0 auto; float:none; clear:both; top:0;}
.toggleMenu {display:block;}
#dentro{width:100%; margin:0 auto; margin-top:10px; padding:0 auto; background-color:transbarent;}
#contenido{width:90%; height:auto; background-color:#fff; padding:5%; text-align:justify;}
#inicio{width:90%; height:auto; background-color:#fff; padding:5%; text-align:justify;}
#contenido img{ max-width:90%;}
#contenido ul li{list-style-type:square; list-style-image:url(../img/ul.jpg); line-height:1em; margin:0.6em 03em;}
#contenido ol li {line-height:1em; margin:0.6em 03em; list-style-type:decimal !important; /*list-style-type: lower-alpha; list-style-type:upper-roman;*/}
#conppal ul li{list-style-type:square; list-style-image:url(../img/ul.jpg); line-height:1em; margin:0.6em 03em;}
#conppal ol li {line-height:1em; margin:0.6em 03em; list-style-type:decimal !important; /*list-style-type: lower-alpha; list-style-type:upper-roman;*/}
#proyectos {margin:30px auto !important; float:none; clear:both;}
#pie{width:90%/*1000px*/; height:12.5em/*200px*/; margin:0 auto; padding:5%; font-family:"PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased; letter-spacing:0.03125em; background-color:#138fcb;}
#pie a{padding:0.5em 0.35em; font-size:0.78em/*12px*/; line-height:1.5em; text-align:right; color:#f4ecce;}
#pie p{padding:0.35em; font-size:0.78em/*12px*/; color:#fff;  text-align:center;} #pie  span{float:right;}
#pie{width:100%; height:auto;/*200px*/; margin:0 auto; padding:0.62em 0 0.62em 0; font-family:"PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased; letter-spacing:0.03125em; background-color:#138fcb; clear:both;}
#piecentro{width:100%; height:auto; margin:0 auto; padding:0px 10px;}
#menudoc {position:absolute; top:200px; right:10px;}
}
/*900-1024*/
/*@media (max-width: 400px)*/
/*@media only screen and (max-width:999px)*/
@media screen and (min-width: 1300px) {
    html, body{overflow-x:hidden;}
	#contenedor{width:62.5em;}
	#contenido img{ max-width:990px;}
}

@media \0screen {
#banner img { width: auto; /* for ie 8 */ }
}

.bugttom{width:auto; height:0.25em; float:none; clear:both;}