/*
      www.astursistemas.com
*/

* { padding: 0; margin: 0; }

html, body {
  font-family: 'Open Sans', sans-serif;
color: #3E3E3E;

}

img.fondo {
  height: auto;
  max-width: 255%;
  position: fixed;
  z-index:-10; 
}	/*   top: 50px;   left: -25px; in inline stile in the img tag, since it varies */

#container { 
 margin: 0 auto 0 auto;
 width: 100%;
} 
#headernav {
display: table;
width: 100%;
height: 80px;
table-layout: fixed;
 color: #333;
 padding: 0;
 /* background-image:url(../es/sitio/gradient-ZN3GB.png); background-repeat:repeat-x; */
 text-align:center;
 border-bottom: 0px solid red;
background-color: white;
}   

#lang{ 
text-align: center;
display: table-cell;
  width:15%;
  max-height: auto;
  margin: 2vh auto 2vh auto;
  color: #808080;
  /* text-shadow: black 1px 1px 1px; */
  z-index: 100 !important;
position:absolute;
top:10px;
}

#es {font-size: 1vw; color: gray;}
#en {font-size: 1vw; color: gray;}
#es img {border: 0px; max-width:25px; height:auto; margin-left:10px; box-shadow: black 2px 2px 2px;}
#en img {border: 0px; max-width:25px; height:auto; margin-left:10px; box-shadow: black 2px 2px 2px;}


#slogan { 
display: table-cell;
  width:70%;
  height: auto;
  margin: 2vh auto 2vh auto;
  color: #F99A8B; 
  text-shadow: black 2px 2px 2px;
  z-index: 100 !important;
}

#slogan h2{  
  font: italic bold 8.5vmin 'Mr De Haviland', cursive;
}
#slogan h3{  
  font: italic bold 2.5vmin 'Crimson+Text', serif;
}


#social_search { 
display: table-cell;
  width:15%;
  max-height: auto;
  margin: 2vh auto 2vh auto;
  color: #808080;
  /* text-shadow: black 1px 1px 1px; */
  z-index: 100 !important;
position:absolute;
top:10px;
}

#grouplinks {
width: 100%;
height:auto;
margin: 0 auto;
 color: #333;
  /* background:url(../es/sitio/FondoGoupLinks.png) no-repeat 0px 0px;  */
}

#grouplinks a {padding:0 0 0 5px; text-decoration:none;}
#grouplinks img {border: 0px; max-width:13%; min-width: 15px; height:auto; margin-left:0px;}


form {max-width: 130px; height: 100%; padding: 0; margin:0 auto; border: 0;  font: normal normal bold 12px verdana; color: #065C8D; display: none;}
fieldset {max-width: 30px; 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:#F99A8B; color: white;  margin:0 auto; max-width: 10vw; border: 1px solid #f4a460; font-size: 2vh; 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;} */
 


#header {  
 max-width:100%;
 color: #333;
 padding: 0;
 margin: 0px auto 0px auto;
 background:  transparent;
}


#logo {
 max-width: 50%; /*responsive*/
 height: auto;
 margin: 0;
 z-index: 10;
 position: absolute;
 top: 0;
 right: 0;
}
#logo img {
  max-width: 30vmin;
  height: auto;
  margin: 0 auto;
  z-index: 10;
  position: relative;
 -webkit-filter: drop-shadow(2px 2px 3px #fff);
  filter: drop-shadow(2px 2px 3px #fff);
}


.mini-banners { 
	margin:0 0 0 0px !important; 
	padding:0 0 0 0px;
	max-width:100%;
	height:auto;
  background: transparent;
  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.html) no-repeat 0px 0px; 
	font-size:11px;
	display:block;
	height: auto;  
	line-height:30px;
	max-width: 100%;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px 0 0 0px;
	margin:0px 0px 0px 0px;	
	position:relative;
    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: 100%;
 color: #333;
 padding: 0px 0px;
 margin: 17px auto;
 background-color: transparent;
}


#navigation {
width: 100%;
height: 5.3vh;
margin:0 auto;
background-color: transparent;
transition: 1s;
z-index: 20;
background-color: white;
}


/* Inicio Menu */
#menu {
height:30px;
  margin:0px auto 0 auto;
  position: relative;
z-index:500;
}

#menu ul {
clear:left;
  list-style: none;
  padding: 0;
  margin:0 auto;
float: right;
position:relative;
right:50%;
text-align:center;
}

#menu ul li {
  display: block;
  position: relative;
  float: left;
left: 50%;
padding: 0.4em 0.2em 0.2em 0.2em;
}

/* #menu > ul > li:nth-child(1)  {display: none; } */

/* This hides the dropdowns */

#menu li ul { display: none; }

#menu ul li a {
  display: block; 
  padding: 0.5em 0.5em 0.5em 0.5em;
  text-decoration: none;
  white-space: nowrap;
  color: #ABABAB;
  font:normal normal bold 1.8vh Open Sans, sans-serif;
  text-shadow: lightgray 0px 0px 0px;
  border-top: 1px solid rgba(239, 239, 239, 1);
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    #menu ul li a {font:normal normal bold 1.2vh Open Sans, sans-serif;}
}

#menu ul li a:hover {margin-top: -3px; color: #F99A8B; background-color: white;  text-shadow: black 0px 0px 0px; border-top: 4px solid #F99A8B;}

/* Display the dropdown */

#menu li:hover > ul {
  display: block;
  position: absolute;
  min-width: 100%;
}

#menu li:hover li { float: none;  background-color: white;}
#menu li:hover a { background-color: white; text-decoration: none;} 
#menu li li a { font:normal normal bold 1.8vh Open Sans, sans-serif; text-decoration: none;} 
#menu li:hover li a:hover { text-decoration: none;}

/* .topmenu li ul li { border-top: 0;} */

/* Displays second level dropdowns to the right of the first level dropdown */

#menu ul ul ul {
  left: 50%; /* because the horizontal was centered with 50% right-left */
  top: 0;
}

#menu ul ul ul ul {
  left: 50%; /* because the horizontal was centered with 50% right-left */
  top: 0;
}

/* Simple clearfix */

#menu ul:before,
#menu ul:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

#menu ul:after { clear: both; }
/* Fin Menu */


.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 {max-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 {max-width:190px; background:transparent url(../es/sitio/MasInformacion.png) right 5px no-repeat; text-indent:5px; color: #F4A460; text-decoration:none; padding: 5px 20px 2px 16px; z-index:100;}
.errorrecords {color: white; margin:0 auto; text-align:center;}

.categoria {font-family: Geneva, Arial, Helvetica, san-serif; font-size: 0.6em; font-weight: bold; color: #f4a460; text-decoration: none; padding-left: 15px; }
.bandatitulo{
 /* background:transparent url(../es/sitio/px1.gif) 0px top no-repeat; */
max-height: 45px;
max-width: 55%;
margin-left: 45%;
padding: 0;
background: transparent;
}
h1 {
font: normal normal normal 2.3vh 'Open Sans',sans-serif;
line-height: 1.4em;
color: #F99A8B;
padding: 3% 0 0 0;
margin-left: 3%;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
border-bottom: 1px solid #EFEFEF;
width: 84%;
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
	h1 {font: normal normal normal 1.8vh 'Open Sans',sans-serif;}
}

.titulostyle {
font: normal normal normal 2.3vh 'Open Sans',sans-serif;
line-height: 1.4em;
color: #F99A8B;
padding: 1.5% 0 0 0;
margin: 0 auto;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
border-bottom: 1px solid #EFEFEF;
width: 84%;
} 

h1 a:hover, h1 a:visited, h1 a:active, h1 a:link {text-decoration: none; color: #F99A8B;}

#accordion {
  margin-top: 17px;
  padding:0px 1px 0 1px;
  background: rgba(139, 69, 19, .7); /* maroon & opacity 0.4 */
  -webkit-box-shadow: 0px 7px 25px 6px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 7px 25px 6px rgba(0,0,0,0.75);
   box-shadow: 0px 7px 25px 6px rgba(0,0,0,0.75);
}

#accordion .resumen {
/*  width: 450px; VIA FlexSlider */
 height: 590px; /* height = total height of .bandatitulo element HAY QUE CONSIDERAR A BREADCUM DE LAS CATEGORIAS, se necesita categorias y banda titulo en una sola div*/
  background: rgba(139, 69, 19, .7);
     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;
 border-left: 1px solid #f4a460;  
-webkit-box-shadow: 0px 0px 35px -2px rgba(244,164,96,1);
-moz-box-shadow: 0px 0px 35px -2px rgba(244,164,96,1);
box-shadow: 0px 0px 35px -2px rgba(244,164,96,1); 
}
#accordion .resumen:first-child {
 border-left: 0px solid #f4a460; 
}
#accordion .h1 {
    display: block;
    height: 5em;
}
#accordion .item {
  padding: 10px;
  margin: 0 auto;
  max-width: 80%;
  height: 500px;
  background-color: white;
  overflow: auto;
   position:relative;
   border: 1px solid #333;
   color: #632900;
}

.resumen{
margin: 0 auto 5% auto;
width: 70%;
height: auto;
background: rgb(255, 255, 255, 0.75);
background: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 100%, rgba(255,255,255,0.75) 100%, rgba(255,255,255,0.75) 100%);
z-index: 1;
}


.titulo img {margin:0;}
.resumen p { 
font: normal normal normal 1.75vh 'Open Sans',sans-serif;
line-height: 1.4em;
color: #3E3E3E;
padding: 0px 10px 20px 10px;
}

.resumen a {color: darkblue;}

.resumentable {
	display: table;
	width: 100%;
	table-layout: fixed;
	margin:0px 0px 35px 0px;
}

.resumenrow {
  display: table-row;
}

.resumenimg{
height: auto;
margin: 0 auto;
text-align: center;
display: table-cell;
width: 45%;
padding: 10px;
}
.resumenimg img{
object-fit: cover;
border-radius: 0;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
background-color: rgba(255, 255, 255, 1);
border: 8px solid rgba(255, 255, 255, 1);
max-width: 100%;
height: auto;
}

.resumenimg h6{
font: normal normal normal 6vh 'Mr De Haviland',cursive;
text-align:center;
}

.resumentext{
height: auto;
margin: 0 auto;
text-align: justify;
display: table-cell;
vertical-align: top;
width: 55%;
padding: 2% 5% 2% 0%;
}


.leermas {
position: absolute;
bottom: 5px;
right: 10px;
max-width: 90px;
max-height: 20px;
text-decoration: none;
color: maroon;   
}
.leermas a:hover, a:visited, a:active, a:link {text-decoration: none; color: maroon;}
.leermas img {border: 0px solid #bdbdbd; margin: -23px 0px 0px 50px;}  


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

.contentzone {
  padding-bottom: 15px;
  margin-top: 17px;
  background: rgba(139, 69, 19, .7); /* maroon & opacity 0.6 */
  -webkit-box-shadow: 0px 7px 25px 6px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 7px 25px 6px rgba(0,0,0,0.75);
   box-shadow: 0px 7px 25px 6px rgba(0,0,0,0.75);
}

.bandatitulo_content {
 /* background:transparent url(../es/sitio/px1.gif) 0px top no-repeat; */
  max-height:45px; 
  max-width:100%;   
  padding:5px;
  
background: #800000; /* Old browsers */
background: -moz-linear-gradient(45deg, #800000 0%, #d2691e 41%, #f4a460 54%, #a0522d 83%, #800000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#800000), color-stop(41%,#d2691e), color-stop(54%,#f4a460), color-stop(83%,#a0522d), color-stop(100%,#800000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg, #800000 0%,#d2691e 41%,#f4a460 54%,#a0522d 83%,#800000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg, #800000 0%,#d2691e 41%,#f4a460 54%,#a0522d 83%,#800000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg, #800000 0%,#d2691e 41%,#f4a460 54%,#a0522d 83%,#800000 100%); /* IE10+ */
background: linear-gradient(45deg, #800000 0%,#d2691e 41%,#f4a460 54%,#a0522d 83%,#800000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800000', endColorstr='#800000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.contenido {
/*  width: 450px; VIA FlexSlider */
 max-width: 90%;
 max-height: 95%;
 height: auto; /* height = total height of .bandatitulo element HAY QUE CONSIDERAR A BREADCUM DE LAS CATEGORIAS, se necesita categorias y banda titulo en una sola div*/
  background: #ECECEC;
  margin: 15px  auto;
  padding: 20px;
     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;
 border-left: 1px solid #f4a460;  
-webkit-box-shadow: 0px 0px 35px -2px rgba(244,164,96,1);
-moz-box-shadow: 0px 0px 35px -2px rgba(244,164,96,1);
box-shadow: 0px 0px 35px -2px rgba(244,164,96,1); 
  overflow:auto; 
  color: #632900;
}

.contenido img {
  max-width:100%;
  height: auto;
}

.contenido p {
  margin: 10px 10px;
}

#pagination {
position:relative;
width:1024px;
text-align:center; 
margin: 0 auto;
padding-top: 3px;
height:23px;
background:white;  
 border-top: 1px solid red;
 
 display: none; /* due to use of flexslider */
} 
  
#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: maroon;
text-align: center;
font: italic normal normal 12px verdana;
}

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

#footer {
position:fixed;
   bottom:0;
 width:100%;
 min-width: 200px;
 color: #3E3E3E;   /* #6f6f6f 3c3c3c */
 padding: 0;
 margin: 15px auto 0 auto;
 height:6.5vh;
 border-top: 0px solid #6195b4;
 text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); /* uper shadow only */
z-index: 10;
background: white;
/*
background: -moz-linear-gradient(top, rgba(139,69,19,1) 0%, rgba(51,0,0,0.94) 57%, rgba(158, 78, 22,0.9) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(139,69,19,1)), color-stop(57%, rgba(51,0,0,0.94)), color-stop(100%, rgba(158, 78, 22,0.9)));
background: -webkit-linear-gradient(top, rgba(139,69,19,1) 0%, rgba(51,0,0,0.94) 57%, rgba(158, 78, 22,0.9) 100%);
background: -o-linear-gradient(top, rgba(139,69,19,1) 0%, rgba(51,0,0,0.94) 57%, rgba(158, 78, 22,0.9) 100%);
background: -ms-linear-gradient(top, rgba(139,69,19,1) 0%, rgba(51,0,0,0.94) 57%, rgba(158, 78, 22,0.9) 100%);
background: linear-gradient(to bottom, rgba(139,69,19,1) 0%, rgba(51,0,0,0.94) 57%, rgba(158, 78, 22,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8B4513', endColorstr='#A85F2C', GradientType=0 );
*/
  -webkit-box-shadow: 0px 7px 25px 6px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 7px 25px 6px rgba(0,0,0,0.75);
   box-shadow: 0px 7px 25px 6px rgba(0,0,0,0.75);
}

#footer p { font: normal normal 1.2vh verdana; text-align:center; max-width: 700px; margin: 0 auto; padding-top:0px; }
#footer span {font: italic normal 1.1vh verdana;}
#footer b {color: #080707; text-decoration:none;}
#footer strong {color: #F99A8B; font: italic 500 3.5vmin 'Mr De Haviland', cursive; text-shadow: 0px 0px 0px rgba(0, 0, 0, .7);}

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

.flex-centered .slides {width: 100%!important; text-align: center;}
.flex-centered .slides li {
  display: inline-block!important; 
  *display: inline!important; 
  float: none!important;
  text-align:left;
}