@charset "utf-8";
/* CSS Document */
@font-face {}
html, body{min-height:100%; height:auto !important; height:100%; border:none; font-size:100%; background-color:#FGG; /*overflow-x:hidden;*/}
body{margin:0; padding:0; font-family:"PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif; cursor:default; background: url("../img/bg_body.jpg") repeat #eaeaec;}
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:#0095d9; 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:#0095d9;}
h2{font-size:2.1em; line-height:1.0em; color:#127eba;}
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; }
#dentro{width:62.5em; margin:0 auto; margin-top:10px; padding:0 auto; background-color:transbarent;}
#contmenu{width:100%; max-width:1000px; height:auto; margin:0 auto; float:none; clear:both; position:relative; background-color:#392486;}
.toggleMenu {display:none; width:100%; height:38px; margin:0; color:#fff; background:#303336 url(../img/menu.png) no-repeat center right;}
#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-color:#fff;}
.inactivo{color:#9f9f9f; background:url(../img/ruta.png) center right no-repeat; padding:0 14px 0 1px;}
.activo{color:#666; padding:0 2px;}
#contenido{width:57.5em; height:auto; padding:2.5em; background-color:#fff;  text-align:justify; clear:both; }
#contenido img{ max-width:900px;}
#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;*/}
#recta{ width:43.20em; height:auto; background-image:url(../img/recta.jpg); float:left; margin-top:1.5em; margin-bottom:0.625em; -webkit-box-shadow: 0px 0px 16px -3px rgba(107,103,107,1);
-moz-box-shadow: 0px 0px 16px -3px rgba(107,103,107,1);
box-shadow: 0px 0px 16px -3px rgba(107,103,107,1); z-index:19;}
#recta img{ max-width:35em; height:auto; float:right; margin:3px 0 2px 15px; z-index:20; -webkit-box-shadow: 0px 0px 4px 0px rgba(179,151,11,1);
-moz-box-shadow: 0px 0px 4px 0px rgba(179,151,11,1);
box-shadow: 0px 0px 4px 0px rgba(179,151,11,1);}
#recta h1, h2, h3, h4{  margin-right:10px; margin-left:10px;}
#recta p{ text-align:justify; margin-right:10px; margin-left:10px;}
.cinta{background-image:url(../img/cinta.png); background-repeat:no-repeat; width:205px; height:40px; margin-top:-200px; margin-left:400px; position:relative; z-index:1900;}

#recta2{ width:44.31em; height:15.25em; background-image:url(../img/recta.jpg); float:left; margin-top:0.625em; margin-bottom:0.625em; -webkit-box-shadow: 0px 0px 16px -3px rgba(107,103,107,1);
-moz-box-shadow: 0px 0px 16px -3px rgba(107,103,107,1);
box-shadow: 0px 0px 16px -3px rgba(107,103,107,1); z-index:19;}
#recta2 img{ width:19.31em; height:14.31em; float:left; margin:3px 15px 2px 2px; z-index:20; -webkit-box-shadow: 0px 0px 4px 0px rgba(179,151,11,1);
-moz-box-shadow: 0px 0px 4px 0px rgba(179,151,11,1);
box-shadow: 0px 0px 4px 0px rgba(179,151,11,1);}
#recta2 h1{ font-style:italic; margin-right:10px; margin-left:10px;}
#recta2 p{ text-align:justify; margin-right:10px; margin-left:10px;}
.cinta2{background-image:url(../img/cinta2.png); background-repeat:no-repeat; width:355px; height:274px; margin-top:-218px; margin-right:400px; margin-left:-10px; position:relative; z-index:1900;}

#redes{ width:258px; height:auto; float:right; background-color:#fff; margin-top:1.5em; 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:#355cb9; text-decoration:none;  border-bottom:1px dotted #2f4994;}
#redes a:visited{color:#355cb9;}
#redes a:hover, a:focus{color:#082a62;  border-bottom:1px dotted #082a62;}
#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{clear:both; margin-top:1.87px !important;  z-index:10; text-align:justify;}
#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:#303336; clear:both;}
#pie a{padding:0.5em 0.35em; font-size:0.78em/*12px*/; line-height:1.5em; text-align:center; color:#a4cde1; }
#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:#000; font-family:"PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif; text-align:right;  font-size:14px; }

/*destacados*/
#destacados{width:258px; height:290px; float:left; clear:left; overflow:hidden;}
#mycustomscroll {width:228px; height:265px; margin:0 auto; padding:10px 10px 15px 10px; overflow:auto; position:relative; float:right; clear:right; font-size:0.95em;}
#mycustomscroll p{margin:5px 0; display:block; float:none; clear:both; font-size:1em; line-height:1.5em; font-family:Arial, Helvetica, sans-serif;}
#mycustomscroll hr{margin:10px auto; display:block; float:none; clear:both; vertical-align:top !important;} 
#mycustomscroll img{width:60px; height:auto; padding:5px 10px 5px 0; float:left;} 
#mycustomscroll b, #mycustomscroll strong{display:block; float:none; clear:both; color:#000;} 
.flexcroll{}
.scrollgeneric {line-height:1px; font-size:1px; position:absolute; top:0; left:0;}
.vscrollerbase {width:10px; background-color:#eee;/*f2f2f2*/} 
.vscrollerbar {width:10px; background-color:#666;} .vscrollerbar:hover {background-color:#0000fe;}
.hscrollerbase {height:10px; background-color:#eee;/*f2f2f2*/}
.hscrollerbar {height:10px; background-color:#666;} .hscrollerbar:hover {background-color:#0000fe;}
.scrollerjogbox {width:10px; height:10px; top:auto; left:auto; bottom:0px; right:0px; background-color:#fff;} 
.fixedwidth {width:530px; height:auto; position:relative; color:#4f4f4f; padding:1px;}
/*destacados*/

/*contador*/
#contador{width:150px; height:75px; padding:5px 10px; float:right; cursor:default; color:#888; margin:12px;}
#contador p{padding:2px 0px; text-align:center !important; color:#355cb9; font-size:15px; line-height:15px; 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:#355cb9;}
.tdcontador hr{border-bottom:1px dotted #355cb9 !important; color:none; border:none;}


/*galería de fotos*/
.pagallery{line-height:30px; font-size:20px; font-family:"PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased; color:#f50b0b;}
#gallery{background-color:#fff !important;}
#gallery img{background-color:#fff !important; z-index:4000;}
#imgallery{padding:18px 9px; background-color:#fff !important; border:1px solid #efefef;}
#imgallery img{height:115px; padding:4px; margin:0 auto; background-color:#fff !important; border:none !important; z-index:4000;}
.thumbnail{margin:3px; border-width:1px; border-style:solid; border-color:#9f9f9f;}
.titlegallery{width:auto; padding:1.5px 0px; color:#777; font-family:"PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased;}
.descgallery{width:auto; font:13px "PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased; line-height:13px; color:#777; padding:3px 0px;}
#imgallery:hover{border:1px solid #dfdfdf;}
#imgallery:hover .thumbnail{border:1px solid #666;}
#imgallery:hover .titlegallery{color:#f50b0b; cursor:default;}
#imgallery:hover .descgallery{color:#464646; cursor:default;}

/*galeria*/
#galeria{width:630px; 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:#274d8c; color:#fff; font-weight:bold; font-size:14px; border:none !important; cursor:pointer;}
.contacto input[type='submit']:hover{background-color:#3c5f9d; outline:none; border:none;}
.contacto input[type='submit']:active{background-color:#274d8c; outline:none; border:none !important;}
.contacto input[type='reset']{padding:7px 13px; background-color:#00a8ff; color:#fff; font-weight:bold; font-size:14px; border:none !important; cursor:pointer;}
.contacto input[type='reset']:hover{background-color:#1db2ff; outline:none; border:none;}
.contacto input[type='reset']:active{background-color:#00a8ff;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:425px; background-color:#82c1e2; float:right; background-image:url(../img/news.jpg); background-repeat:no-repeat; margin-top:1.5em;}
/* scroll */
#scroll {width: 240px; 	height:310px; margin: 0 auto; padding: 0 18px 15px 12px; color: #989898; 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:#005a89;}
#pscroller1 i{color:#f38124;}
/*fin scroll noticias*/
/*noticias*/
#agenda{margin-top:20px; background-color:#fff; color:#464646 !important;}
.titulo_mediano2{font-family:"PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif; cursor:default; text-align:left;}
.titulo_mediano4{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; padding:5px; background-color:#fff; cursor:default;}
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;}
/*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;}

.title{width:auto; height:auto; margin:0 auto; padding:12px; position:static; text-align:left; font-size:1.25em;  font-family:Arial, Helvetica, sans-serif;  color:#999; background-color:#ececec; border-bottom:1px solid #ccc;} .title a{width:100% !important; padding:12px; margin:-12px; display:block;}
.green{color:#fff; background-color:#008001; border-bottom:1px solid #ddd;} .green a{color:#fff;}
#proyectos{width:690px; 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:#008001; 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:#008001; 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:#008001; 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:#008001;}
#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:1.5em; font-weight:bold; text-transform:capitalize; letter-spacing:0.25px; color:#008001; display:block;}
.item-info i{padding:5px; margin:10px 0; text-align:right; float:right; font-size:0.95em; color:#0000fe; 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:#0000fe; color:#fff;}
/* 	Core Owl Carousel v1.3.3 --------------------------------------- */


/*@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;}
#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:425px; background-color:#82c1e2; clear:both; background-image:url(../img/news.jpg); background-repeat:no-repeat; clear:both;}
#recta{ width:100%; height:auto; background-image:url(../img/recta.jpg); clear:both; margin-top:0.93em; margin-bottom:0.625em; -webkit-box-shadow: 0px 0px 16px -3px rgba(107,103,107,1);
-moz-box-shadow: 0px 0px 16px -3px rgba(107,103,107,1);
box-shadow: 0px 0px 16px -3px rgba(107,103,107,1); z-index:19;}
#recta img{ max-width:200px; height:auto; !important; margin:3px; z-index:20;}
.cinta{ display:none;}
#recta2{ width:100%; height:auto; background-image:url(../img/recta.jpg); clear:both; margin-top:0.625em; margin-bottom:0.625em; -webkit-box-shadow: 0px 0px 16px -3px rgba(107,103,107,1);
-moz-box-shadow: 0px 0px 16px -3px rgba(107,103,107,1);
box-shadow: 0px 0px 16px -3px rgba(107,103,107,1); z-index:19;}
#recta2 img{ max-width:200px; height:auto; margin:3px 15px 2px 2px; z-index:20; -webkit-box-shadow: 0px 0px 4px 0px rgba(179,151,11,1);
-moz-box-shadow: 0px 0px 4px 0px rgba(179,151,11,1);
box-shadow: 0px 0px 4px 0px rgba(179,151,11,1);}
.cinta2{ display:none;}

#redes{ width:100%; height:auto; background-color:#fff; margin-top:10px; padding:10px;}
#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:#303336;}
#pie a{padding:0.5em 0.35em; font-size:0.78em/*12px*/; line-height:1.5em; text-align:center; color:#a4cde1;}
#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:#303336; 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;}
#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 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:425px; background-color:#82c1e2; float:right; background-image:url(../img/news.jpg); background-repeat:no-repeat; clear:both;}
#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:#303336;}
#pie a{padding:0.5em 0.35em; font-size:0.78em/*12px*/; line-height:1.5em; text-align:center; color:#a4cde1;}
#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%;}
#recta, #recta2{ width:100%; height:auto;}
.cinta, .cinta2{ display:none;}
#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;}
#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;*/}

#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:#303336;}
#pie a{padding:0.5em 0.35em; font-size:0.78em/*12px*/; line-height:1.5em; text-align:center; color:#a4cde1;}
#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:#303336; clear:both;}
#piecentro{width:100%; height:auto; margin:0 auto; padding:0px 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;}