/*
      www.astursistemas.com
*/

* { padding: 0; margin: 0; }

html,body{}

#container { 
 margin: 0px auto 0 auto;
 width: 1024px; 
 position: relative;
   z-index: 100;
} 

#main-banner {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
  z-index: 10;
}
#main-banner img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
  z-index:-10;
}

#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 {
position: absolute; 
bottom: 0;
left: 20px; 
 width: 150px;
 height:40px;
 color: #333;
  /* background:url(../es/sitio/FondoGoupLinks.png) no-repeat 0px 0px;  */
}
#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;
}
 #logos {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  z-index: 20;
}

#logo {
  width: 125px;
  height: 125px;
  margin: -150px auto;
  z-index: 20;
}
#logo img {
  width: 125px;
  height: 125px;
  margin: 0 auto;
  z-index: 20;
}
#logoframe {
  width: 124px;
  height: 124px; 
  margin: 25px auto;
  z-index: 40;
} 
#logoframe img {
  width: 124px;
  height: 124px;
  margin: 0 auto;
  z-index: 40;
}
#slogan { 
  width: 950px;
  height: 50px; 
  margin: 60px auto;
  z-index: 60;
}

#slogan h1{  
  font: italic bold 48px/45px 'Arimo', sans-serif;
  margin-left: 42px;
  z-index: 60;
}

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

}

/* link inside the tab. uses a background image */
.mini-banners a { 
	float:left;	 
	text-indent:0;
  background: url(../es/sitio/MinibannerSquareBoxWhite2.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: -66px 7px 0px 985px; z-index: 100; height: 26px; width: 26px;}

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

#clicnav {
    width:200px;
    position: fixed;
    top: 0;    
    left:0;
    bottom:0;        
    font-size:20px;
    line-height:20px;
    color: white;
    font-family:Helvetica, Century Gothic, Arial, sans-serif;
    letter-spacing:1px;
    text-shadow:-1px 2px 4px black;  
        z-index:1000000;   
}

#navigation {
    position: fixed;
    top:0;
    bottom:0;
    left: -200px;
    width: 200px;
    background: #07344b;
    transition: 1s;
    z-index:1000000;    
}

#clicnav:hover #navigation {
    left: 0;
}


/*  ☰ #navigation{float: left; width:200px; height:100%; background:url(../es/sitio/FondoNavProAir11.png) repeat scroll left bottom; border: 0px solid red; } */
/*
#navigation{
    position:fixed;
    width:200px;
    padding-right:0px;
    top:0;
    bottom:0;
    left:-200px;
    background: #07344b;
    z-index:1;
    box-shadow:1px 0 3px rgba(0,0,0,.75);
     transition:all 0.3s ease-in-out;  
		-moz-transition:all 0.3s ease-in-out;         	
  	-webkit-transition:all 0.3s ease-in-out; 
        z-index:10; 
}

#navigation:before{
border: 1px solid white;
    content:'|||';
    transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    position:fixed;
    background: transparent;
    top:35px;
    left:80px;
    font-size:30px;
    display:block;
    height:30px;
    line-height:30px;
    color: white;
    padding: 10px;
    font-family:Helvetica, Century Gothic, Arial, sans-serif;
    letter-spacing:1px;
    text-shadow:-1px 2px 4px black;
        z-index:1;
}
#navigation:after{
    content:'Menu';
    position:fixed;
    background: transparent;
    top:0px;
    left:70px;
    font-size:20px;
    display:block;
    height:20px;
    line-height:20px;
    color: white;
    padding: 10px;
    font-family:Helvetica, Century Gothic, Arial, sans-serif;
    letter-spacing:1px;
    text-shadow:-1px 2px 4px black;
    z-index:1;
}
/*
#navigation ul{ height:100%;  background:#900;  border-right:solid 1px #f22;  overflow:hidden;}
#navigation li{ background:#b00;  border-top:solid 1px #c00;  border-bottom:solid 1px #a00;  padding:1em; color:#fff;}
#navigation li:last-child{  border-bottom:solid 1px #a00; box-shadow:0 2px 1px #700;}
#navigation:hover{ margin-left:0;}
#navigation:hover + #content{ left:200px;  right:-175px;}
*/

/* #navigation:hover:before {display: none;} 
 #navigation:hover:after {display: none;}  
#navigation:hover:before { left: -200px;} 
#navigation:hover:after { left: -200px;}

#navigation:hover { left: 0px; }
*/    
/* end navigation */

#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/menusAzulVerde.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;} 
.submenu li:last-child {border-bottom:1px solid #b6b6b6;} 
.topmenu li:hover > ul {left:100%; margin-top:-30px; margin-left:-1px; padding-left:0px;}

.topmenu li:nth-child(1)  {display: none; }
.submenu li:nth-child(1)  {display: block; }

.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;}

  /* ACC BEGIN */
	#accordion {width:1000px; height:453px; margin:40px 20px 10px 10px; position:relative; overflow:hidden; background-color: #0088b5; opacity: 0.92;
  		border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; box-shadow:2px 2px 2px #CFD3EA;}


.titulo img {margin:0;}

.resumen {
width:980px; height:393px; padding-left:25px; position:absolute; top:0px;
    background-image: linear-gradient(#038daa, #084861 8% );
    border-radius:10px;
		-webkit-border-radius:10px;
    -moz-border-radius:10px; 
		-webkit-transition:all 1s ease-in-out;
		-moz-transition:all 1s ease-in-out;
     transition:all 1s ease-in-out;
     }
  
  .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;}
  .categoria {font-family: Geneva, Arial, Helvetica, san-serif; font-size: 9px; font-weight: bold; color: lightgray; text-decoration: none; position: absolute; top: 10px; }
  h1 {margin:19px 0 0 160px; font-family: Geneva, Arial, Helvetica, san-serif; font-size: 16px; font-weight: bold; color: white; text-shadow:2px 2px 2px #404040;} 
  h1 a:link, h1 a:visited, h1 a:active {padding-left:4px; text-decoration: none; color: white;}
  h1 a:hover {color: lightgray; text-decoration: none; text-shadow:2px 2px 2px #404040;}
       
	.resumen:hover ~ .resumen {transform: translateY(358px); -webkit-transform: translateY(358px); -moz-transform: translateY(358px);}
	.resumen:hover .bandatitulo .h1 {color:rgb(150,200,255); text-shadow:2px 2px 2px #404040; cursor: pointer; }
	.bandatitulo {position:absolute; top:-10px; left:12px; font-size:13px; font-family:Arial; color:#9BA1A8;}
	.item {margin:25px auto 5px auto; width:95%; height:88%; color:#808080; font-size:10pt; background-color: #eae9e9;
   border-radius:10px;
		-webkit-border-radius:10px;
    -moz-border-radius:10px;
    box-shadow: inset 0px 0px 10px #080505;}
     
     
.resumen p { font: normal normal normal 14px verdana; padding: 15px 15px; margin: 5px 10px 0px 10px; color: #000000;}
.resumen img {margin: 10px 10px 10px 5px; }
.resumen a {color: darkblue;}

.leermas {position:absolute; bottom:15px; left:800px;  width:120px; 	height:40px; 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; margin-left:65px;}  

.resumen:nth-child(1)  {top:0px; }
.resumen:nth-child(2)  {top:32px;}
.resumen:nth-child(3)  {top:64px;}
 
	/* Webkit General and Adjacent Sibling Combinator Fix */
	body {-webkit-animation: bugfix infinite 1s;}
	@-webkit-keyframes bugfix {from {padding:0;} to {padding:0;}}
  
  /* ACC END */
  
 #contenidocontainer {width:1000px; height:690px; margin:40px 20px 10px 10px; position:relative; overflow:hidden; background-color: #0088b5; opacity: 0.92;
  		border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; box-shadow:2px 2px 2px #CFD3EA;} 
 
.contenido {
width:980px; height:660px; padding:25px; position:absolute; top:0px;
    background-image: linear-gradient(#038daa, #084861 8% );
    border-radius:10px;
		-webkit-border-radius:10px;
    -moz-border-radius:10px; 
		-webkit-transition:all 1s ease-in-out;
		-moz-transition:all 1s ease-in-out;
     transition:all 1s ease-in-out;
     }
     
.contenido p {
    font: 14px verdana;
    padding: 15px;
    margin: 5px 10px 0px;
    color: #000;
     }
              
.itemcontenido {margin: 7px auto 5px 9px; width:96%; height:95%; color:#000000; overflow: auto; font-size:12pt; background-color: #eae9e9;
   border-radius:10px;
		-webkit-border-radius:10px;
    -moz-border-radius:10px;
    box-shadow: inset 0px 0px 10px #080505;}      
  
#noexiste {font: normal normal normal 14px verdana; text-align: center; padding: 15px 15px; margin: -440px 15px 15px 35px; color: black; width:922px;  height:380px; background-color: #eae9e9;
   border-radius:10px;
		-webkit-border-radius:10px;
    -moz-border-radius:10px;
    box-shadow: inset 0px 0px 10px #080505;
    position:relative;}  

.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;}

#wraperfooter  {
width:1000px; 
height:100%; 
margin:10px 20px 10px 10px; 
position:relative; 
background-color: #084861; 
opacity: 0.9;
border-radius:10px; 
-moz-border-radius:10px; 
-webkit-border-radius:10px; 
box-shadow:2px 2px 2px #808080;
}   

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

#pagination{
position:relative;
width:500px;
text-align:center; 
margin: -10px auto;
padding-top: 3px;
height:23px;  
 border-bottom: 0px solid white;
 color: white;
background-image: linear-gradient(#084861, #038daa 90% ); 
opacity: 0.9;
border-radius:5px 5px 20px 20px; 
-moz-border-radius:5px 5px 20px 20px; 
-webkit-border-radius:5px 5px 20px 20px; 
box-shadow:0px 3px 5px 0px #CFD3EA;
 z-index:10;
} 

#pagination a:visited,a:active,a:link {text-decoration: none; color: black;}
 
#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: 0px solid red; position: absolute; display: inline-block; bottom: 27px; color: blue; text-align: center;  font:italic normal normal 12px verdana;}

#footer {
 position: relative;
 bottom:0;
 width: 1000px;
 color:  white;   /* #0a59a6 #6f6f6f 3c3c3c */
 padding: 0;
 margin: 18px auto 5px auto;
 height: 38px;
/*  background-color: #1b1b1b; 
  background-image:url(../es/sitio/Fondo_PiePagina_ProAir.png); background-repeat:no-repeat;*/ 
 border-bottom: 0px solid white;
 color: white;
background-image: linear-gradient(#038daa, #084861 50% ); 
opacity: 0.9;
border-radius:10px; 
-moz-border-radius:10px; 
-webkit-border-radius:10px; 
box-shadow:2px 2px 2px #CFD3EA;
 border-top: 0px solid #6195b4;
 z-index:10;
}
#footer p { font: normal normal 10px/9px verdana; text-align:center; width: 700px; margin: 0 auto; padding-top:5px; }
#footer span {font: italic bold 9px/9px verdana; color: black;}
#footer b {color: #05DBF7; text-decoration:none;}

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