/*
      www.astursistemas.com
*/

* { padding: 0; margin: 0; }

html, body {
  /*    background-color: #0A59A6;    */
    /*  background:#000 url(../es/sitio/Fondo_Sitio_Col_compuesto.png) center center repeat-y;  */ 
      /*     background:#000 url(../es/sitio/ib8fzO.png);    */  
          background:#000 url(../es/sitio/FondoWebAzul2.png);      
}

#container { 
 margin: 0px auto 0 auto;
 width: 1028px; 
-moz-box-shadow: 2px 2px 10px 5px #1c88f4;
-webkit-box-shadow: 2px 2px 10px 5px #1c88f4;
box-shadow: 2px 2px 10px 5px #1c88f4;
} 
#headernav {
 width: 1024px;
 height: 150px;
 color: #333;
 padding: 0;
 margin: 0px auto 0px auto;
 /* background-image:url(../es/sitio/gradient-ZN3GB.png); background-repeat:repeat-x; */
 background-image:url(../es/sitio/Fondo_Logo_Slogan_ProAir.png); background-repeat:no-repeat; 
 background-color: white;
 text-align:center;
 border-bottom: 1px solid red;
}   

#grouplinks {
float:right;
 width: 180px;
 height:50px;
 color: #333;
 margin: 10px 0px 0px 0px;
  /* background:url(../es/sitio/FondoGoupLinks.png) no-repeat 0px 0px;  */
}
#grouplinks p {padding:3px 0 0px 82px;}
#grouplinks a {padding:0 0 0 5px; text-decoration:none;}
 
#header {  
 width: 1030px;
 color: #333;
 padding: 0;
 height: 400px;
 margin: 0px auto 0px auto;
 background:  transparent;
}
#logoz {
 float:left;
 width: 842px;
 height:150px;
 color: #333;
 margin: 0px 0px 0px 0px;
 /* background-image:url(../es/sitio/Logo_Main_Col_compuesto.jpg); background-repeat:no-repeat;  */
}
  /* #logo img{ padding-top: 3px;}*/

.logo { border: 0px solid #ccc; height: 4em; margin: 0 auto; overflow: hidden; position: relative;  float:left;  margin:0 auto; 
  height:150px; 
  width: 842px; 
/*  background: url('../es/sitio/Fondo_Logo_ProAir.png') no-repeat 50% 0; }  */
}
.imganim { position: absolute;  border: 0px solid #ccc;}

/* logo 1 */
@-moz-keyframes logo1 {
    from { left: -1500px; }
    to { left: 200px; }
}
@-ms-keyframes logo1 {
    from { left: -1500px; }
    to { left: 200px; }
}
@-o-keyframes logo1 {
    from { left: -1500px; }
    to { left: 200px; }
}
@-webkit-keyframes logo1 {
    from { left: -1500px; }
    to { left: 200px; }
}
.logos {
    -moz-animation: logo1 1s 0ms linear;
    -moz-animation-fill-mode: forwards;
    -ms-animation: logo1 1s 0ms linear;
    -ms-animation-fill-mode: forwards;
    -o-animation: logo1 1s 0ms linear;
    -o-animation-fill-mode: forwards;
    -webkit-animation: logo1 1s 0ms linear;
    -webkit-animation-fill-mode: forwards;
} 

.letras {
    -moz-animation: logo1 2s 0ms linear;
    -moz-animation-fill-mode: forwards;
    -ms-animation: logo1 2s 0ms linear;
    -ms-animation-fill-mode: forwards;
    -o-animation: logo1 2s 0ms linear;
    -o-animation-fill-mode: forwards;
    -webkit-animation: logo1 2s 0ms linear;
    -webkit-animation-fill-mode: forwards;
}

.mini-banners { 
	margin:0 0 0 2px !important; 
	padding:0 0 0 4px;		
	height:213px;
  width: 1020px;
  background: white;
  border-bottom:1px solid #bdbdbd; 

}

/* link inside the tab. uses a background image */
.mini-banners a { 
	float:left;	 
	text-indent:0;
  background: url(../es/sitio/MinibannerSquareBoxBlue1.png) no-repeat 0px 0px; 
	font-size:11px;
	display:block;
	height: 200px;  
	line-height:30px;
	width: 200px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:9px 0 0 0px;
	margin:5px 0px 0px 3px;	
	position:relative;
	top:1px;
    overflow:hidden;
}

.mini-banners a:active {
	outline:none;		
}
.mini-banners img {border: 0px solid #ccc;}
.mini-banners p {margin: 0px auto; text-align:center; padding:0; color: #483d8b; width:194px;  font: normal bold 10px/14px verdana; }
.mini-banners h3 {margin:0; width:194px; padding:5px 0px; color: #4eb1dc;  font: italic bold 12px/16px verdana; }

.minibanner-img {border: 0px solid #c4c4c4;  margin: 7px auto 0 auto; padding: 0;}
.minibanner-imgb {border: 1px solid #c4c4c4;  margin: 7px auto 0 auto; padding: 0;}
img.floatingleft { float: left;	margin: 0 25px 5px 0;}
img.floatinglright { float: right;	margin: 0px 0px 5px 25px;}

.mini-banners_pagination a {background: transparent;  margin: -48px 6px 0px 985px; z-index: 100; height: 26px; width: 26px;}

#wrapper { 
 width: 1024px;
 color: #333;
 padding: 0px 0px;
 margin: 0 auto;
 height: 509px;
 background-color: white;
}

#navigation{float: left; width:200px; height:100%; background:url(../es/sitio/FondoNavProAir11.png) repeat scroll left bottom; border: 0px solid red; }

#search {width: 190px;  height: 33px; padding: 0; margin:0;  font: normal normal bold 12px verdana; color: #065C8D; border-bottom: 0px groove yellow; display:none;}
#search form {width: 190px; height: 100%; padding: 0; margin:0; border: 0; }/* padding: 0; margin:0; Required for IE6 */
#search fieldset {width: 150px; height: 35px; padding: 7px 0 0 5px; margin:0 auto; border: 0px solid darkgray; border-top: 0px solid black;  background-color: transparent;}
#Headerarticuloss_keyword { background-color:#63bcff; color: #233856; width: 150px; border: 1px solid #34547f; font-size: 14px; font-weight: normal; font-style: italic; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
  /*  #HeaderarticulosButton_DoSearch {width: 75px; height: 20px; padding: 0; margin:-5px 22px 0 0px;} */

#menu {position:relative; z-index:10; margin:0 auto; width:200px;}
#menu a {text-decoration:none;}
#menu a, #menu a:visited {display:block; width:200px; height:37px; background:transparent url(../es/sitio/menusProAir.jpg) left top; text-indent:15px; color:#072E67; text-decoration:none; font:italic normal bold 14px/34px verdana; padding: 0;}
#menu a:hover {background-position:left center; color:#fff;}
#menu a#selected, #menu a#selected:hover {background-position:left bottom; line-height:34px; cursor:default; color:#000;}

.topmenu {list-style-type:none; margin:0; padding:0; position:relative;}
.submenu {list-style-type:none; position:absolute; left:-10000px;}
.topmenu li:hover > ul {left:100%; margin-top:-30px; margin-left:-1px; padding-left:0px;}

.masinfo {margin: 0 0 0 4px;}

.news p { font:italic normal bold 10px/10px verdana; padding: 3px 3px; margin: 3px 5px 0px 5px; color: #000000;}
.news a:link, .news a:visited {width:190px; background:transparent url(../es/sitio/puntonews.png) left 5px no-repeat; text-indent:5px; color:white; text-decoration:none; padding: 5px 0px 5px 16px;}
.news a:hover, .news a:active {width:190px; background:transparent url(../es/sitio/MasInformacion.png) right 5px no-repeat; text-indent:5px; color:lightblue; text-decoration:none; padding: 5px 20px 0px 16px; z-index:100;}
#errornews {color: white;}

.categoria {font-family: Geneva, Arial, Helvetica, san-serif; font-size: 12px; font-weight: bold; color: lightgray; text-decoration: none; }
.bandatitulo{background:transparent url(../es/sitio/FondoTituloResumenProAir.png) 0px top no-repeat; height:37px; width:830px;  margin: 0px 0 0 0px; padding:0px 0 0px 50px;}
h1 {margin:-4px 0 0 120px; font-family: Geneva, Arial, Helvetica, san-serif; font-size: 16px; font-weight: bold; color: white;} 
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {padding-left:4px; text-decoration: none; color: white;}
h1 a:hover {color: lightgray; text-decoration: none;}

#accordion .resumen {
 width: 824px;
 height: 37px; /* height = total height of .bandatitulo element HAY QUE CONSIDERAR A BREADCUM DE LAS CATEGORIAS, se necesita categorias y banda titulo en una sola div*/
 overflow: hidden;
     transition: height ease-in-out 500ms; /* css3 transition */
    -o-transition: height ease-in-out 500ms;
    -moz-transition: height ease-in-out 500ms;
    -webkit-transition: height ease-in-out 500ms;
}
#accordion .h1 {
    display: block;
    height: 37px;
}
#accordion .item {
	height: 400px;
  overflow:hidden;
   position:relative; 
}

#accordion .resumen:hover,
#accordion:not(:hover) .resumen:first-child {
    height: 437px; /* height = total height of A and P child elements */
    overflow:hidden;
}


.titulo img {margin:0;}
.resumen {float: left; position:relative; border: 0px solid green; height:437px; overflow:hidden;  width:824px; padding: 0; margin: 0; color: #000000;}
.resumen p { font: normal normal normal 12px verdana; padding: 5px 5px; margin: 3px 10px 0px 5px; color: #000000;}
.resumen img {margin: 10px 10px 10px 5px; }
.resumen a {color: darkblue;}

.leermas {position:absolute; bottom:25px; left:705px;  width:120px; 	height:20px; text-decoration: none; color: #0a59a6; }
.leermas a:hover, a:visited, a:active, a:link {text-decoration: none; color: #0a59a6;}
.leermas img {border: 0px solid #bdbdbd; }  


.vcols { 
 float: left;
 width: 300px;
 color: #333;
 margin-left:10px;
 padding-left:5px;
 background: transparent;
 text-align:justify;
}

.contentzone div {
  margin:0px 0px 0px 2px;
  z-index:10;
	display:none;		 
	padding:15px 10px;
	border:0px solid #bdbdbd;
  /* background: url(bordershadowV2.png) no-repeat 0px 0px; */
  width:1004px;
	height:600px;
	font-size:12px;
	background-color:#fff;
  overflow:auto; 
}
.contentzone div ul  {margin:0 0 0 15px;}
.contentzone div p  {margin-top:5px; font: normal normal 12px/16px verdana; color:#6f6f6f;}
.contentzone div h1 {margin:5px 0 0 0;  padding:2px 80px; color: #0a59a6;  font: normal bold 14px/18px verdana; text-decoration:none;}
.contentzone div h1 a:link, .contentzone div h1 a:visited, .contentzone div h1 a:active {color: #0a59a6; padding-left: 4px; text-decoration: none;}
.contentzone div h1 a:hover {color: gray; text-decoration: none;}
.contentzone div h3 {margin:-10px 0 0 0;  padding:0px 0px; color: #gray;  font: normal bold 10px/12px arial; text-decoration:none;}



#pagination{
position:relative;
width:1024px;
text-align:center; 
margin: 0 auto;
padding-top: 3px;
height:23px;
background:white;  
 border-top: 1px solid red;
} 
  
#paginationc{
position:relative;
width:1024px;
text-align:center; 
margin-left:2px;
padding-top: 3px;
height:27px;
background:white;  
border: 0px solid #bdbdbd;
}
                      
.imgvalign {margin: 0 0 -10px 5px;}        
.paginitas {border: 1px solid red; position: relative; display: inline-block; top: -25px; color: #5db845; text-align: center;  font:italic normal normal 12px verdana;}

.regresar {float:left;  width: 100px; text-decoration: none; color: #0a59a6;}
.regresar a:hover, a:visited, a:active, a:link {text-decoration: none; color: #0a59a6;}

#footer {
 width: 1024px;
 color:  #0a59a6;   /* #6f6f6f 3c3c3c */
 padding: 0;
 margin: 0 auto;
 height:70px;
/*  background-color: #1b1b1b; */
  background-image:url(../es/sitio/Fondo_PiePagina_ProAir.png); background-repeat:no-repeat; 
 border-top: 0px solid #6195b4;
}
#footer p { font: normal normal 10px/9px verdana; text-align:center; width: 700px; margin: 0 auto; padding-top:5px; }
#footer span {font: italic normal 8px/9px verdana;}
#footer b {color: #3c3c3c; text-decoration:none;}

#imgcontact {position:relative;  left:902px; top:-40px;}