body {
 background: url('../images/gran_bg.jpg') no-repeat fixed bottom right  #818181 !important;

	
 position:absolute; top:0; right:0; margin:0;width:100%; height:100%;font-family:  Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#fff;}
#headerIndex{  background: url('../images/header_bg.jpg') repeat-x; background-size: 1px 100%;  height:15%; width:100%; position:absolute;   text-align:left; min-height:143px
    /* z-index: 999999 !important; */
	}
#headerIndex .logo{ position:absolute;
    float: left;
   	padding-left:8%;

	width:auto;
	
	top:1em;
	
}

#headerIndex .claim{ float: right;

	max-width:70%;
    position: absolute;
	top:1em;
	right:10px;
	width:auto
}
#containerIndex{ 
	position:absolute;
    top: 15%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: auto%;
	
    /*background-color: #818181;
    background: url('../images/cont_bg.jpg') repeat-x #818181 !important;
	background-attachment: fixed;*/
    /* background: url('../images/patterns/retina_wood2.png'); */
    /*background: url('../images/overlay_lightbox.png') repeat;*/
    /* z-index: 99999 !important; */}
	
#contentIndex{ 
	/* left:0; */
	/* right:0; */
    top: 0;
	width:100%;
	height: 90%;
    /* bottom: 0; */

}


	
h1 {font-family:  Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size:32px; font-weight:bold; color:#fff; text-align:center;  text-shadow: 2px 2px 8px #000; }
h2 {font-family:  Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#fff; text-align:justify }

.izquierda {float:left; max-width:65%; 	padding-left:10%}
.derecha {float:right; width:20%;height:78%; padding-top:100px; background: url('../images/menu_bg.png') no-repeat; }
	ul {padding:0; width:230px;}
	li {list-style:none; padding-bottom:50px; text-align:center;  }
a {font-family: Arial, Helvetica, sans-serif; text-decoration:none; 
	font-size: 14px;
	color: #ffffff;}
a:hover{text-decoration:underline;}
.derecha a { width:150px;  text-decoration:none; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 7px 20px;
	background: -moz-linear-gradient(		top,		#c7c7c7 0%,		#999999 40%,		#858585 60%,		#adadad);
	background: -webkit-gradient(		linear, left top, left bottom, 		from(#c7c7c7),		color-stop(0.40, #999999),		color-stop(0.60, #858585),		to(#adadad));
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #ffffff;
	-moz-box-shadow: 		1px 1px 4px rgba(000,000,000,1),		inset 2px 2px 3px rgba(64,64,64,0.6);
	-webkit-box-shadow: 		1px 1px 4px rgba(000,000,000,1), 		inset 2px 2px 3px rgba(64,64,64,0.6);
	text-shadow: 		-1px -1px 2px rgba(000,000,000,1), 		0px 1px 0px rgba(255,255,255,0.2);
}

.derecha a:hover {text-decoration:underline; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 7px 20px;
	background: -moz-linear-gradient(
		top,
		#b5b5b5 0%,
		#999999 40%,
		#858585 60%,
		#8f8f8f);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#b5b5b5),
		color-stop(0.40, #999999),
		color-stop(0.60, #858585),
		to(#8f8f8f));
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #ffffff;
	-moz-box-shadow:
		1px 1px 4px rgba(000,000,000,1),
		inset 2px 2px 3px rgba(64,64,64,0.6);
	-webkit-box-shadow:
		1px 1px 4px rgba(000,000,000,1),
		inset 2px 2px 3px rgba(64,64,64,0.6);
	text-shadow:
		1px 1px 2px rgba(000,000,000,1),
		0px 1px 0px rgba(255,255,255,0.2);
}

	.numeros {}
	.contportadas {width:80%; margin: auto;}
	.portadas{ width: 100%; margin: auto; float:left; padding-bottom:0px}
	.portadas li{ display: inline-block; padding: 0 18px 8px 18px ; height:110px; width:84px }
	.portadas div{width: 100px;
float: none;
display: inline-block;
height: 70px;}
	.portadas p { font-size: 10px;}
.portadas a:hover {text-decoration:none; color:orange}
	.portadas a {width:60px}
	.portadas img{min-width:50px; max-width: 70px; height: auto;border:1px #666 solid; text-decoration:none; float:left; margin: 0 0 0 5px;}
	.portadas img:hover{ border:1px orange solid; text-decoration:none}
	.portadas span {float:right; font-size:10px;}
	
.menuInferior { display: inline-block ; width:100%; margin:auto; float:none; text-align:center; height:50px; padding-top:0px !important}
.menuInferior div {float:none; display: inline-block;height: 40px;}
.menuInferior2 { bottom: 30px;
position: absolute;
float: right;
width: 100%;}
.menuInferior a, .menuInferior2 a { margin:0 15px; text-decoration:none; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 7px 20px;
	background: -moz-linear-gradient(		top,		#c7c7c7 0%,		#999999 40%,		#858585 60%,		#adadad) ;
	background: -webkit-gradient(		linear, left top, left bottom, 		from(#c7c7c7),		color-stop(0.40, #999999),		color-stop(0.60, #858585),		to(#adadad));
	background-color:#666;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #ffffff;
	-moz-box-shadow: 		1px 1px 4px rgba(000,000,000,1),		inset 2px 2px 3px rgba(64,64,64,0.6);
	-webkit-box-shadow: 		1px 1px 4px rgba(000,000,000,1), 		inset 2px 2px 3px rgba(64,64,64,0.6);
	text-shadow: 		-1px -1px 2px rgba(000,000,000,1), 		0px 1px 0px rgba(255,255,255,0.2); }
.menuInferior a:hover, .menuInferior2 a:hover {text-decoration:underline; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 7px 20px;
	background: -moz-linear-gradient(
		top,
		#b5b5b5 0%,
		#999999 40%,
		#858585 60%,
		#8f8f8f);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#b5b5b5),
		color-stop(0.40, #999999),
		color-stop(0.60, #858585),
		to(#8f8f8f));
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #ffffff;
	-moz-box-shadow:
		1px 1px 4px rgba(000,000,000,1),
		inset 2px 2px 3px rgba(64,64,64,0.6);
	-webkit-box-shadow:
		1px 1px 4px rgba(000,000,000,1),
		inset 2px 2px 3px rgba(64,64,64,0.6);
	text-shadow:
		1px 1px 2px rgba(000,000,000,1),
	0px 1px 0px rgba(255,255,255,0.2);}
	
	
.formulario { margin:auto; float:none; text-align:left ; max-width:800px}
#formulario {width:80%;max-width:500px;   height:300px; margin:auto}
.formulario .bloque {height:55px}
.formulario div{ height:20px; line-height:20px  }
.formlist{font-style: italic;font-size: 12px; float:right}
.formulario .campo {background: none repeat scroll 0% 0% #FFF;border: 1px solid #666;height: 19px; width: 100%;}
select   {background: none repeat scroll 0% 0% #FFF; border: 1px solid #666; height: 26px; width: 100%;
  padding: 6px ;
  border: solid 1px #fff;
  box-shadow: inset 1px 1px 2px 0 #707070;
  transition: box-shadow 0.3s;
  font-weight:bold; color:#999; font-size:11px; 
}

input[type="text"] {background: none repeat scroll 0% 0% #FFF; border: 1px solid #666; height: 20px; width: 96%;
  padding: 0px 9px;
  border: solid 1px #fff;
  box-shadow: inset 1px 1px 2px 0 #707070;
  transition: box-shadow 0.3s;
  font-weight:bold; color:#999; font-size:11px; 
  
}
input[type="text"]:focus,
input[type="text"].focus {
  box-shadow: inset 1px 1px 2px 0 #c9c9c9;
}
.formulario a:hover {text-decoration:underline !important}
.formulariolinea {}
.formularionota { font-size:10px; color:#000; line-height:12px !important; padding-top:30px !important; height:80px !important; }
#reset {background:none; color:#fff; border:none}
#reset:hover {text-decoration:underline}
#btn_busqueda {height: 30px; width: 100px; float:right;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-shadow: -1px -1px 2px #000, 0px 1px 0px rgba(255, 255, 255, 0.2);
	background: #666;
	background: -moz-linear-gradient(
		top,
		#c2c2c2 0%,
		#807f7d);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#c2c2c2),
		to(#807f7d));
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #575755;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
}

#btn_busqueda:hover {
	color: #ffcc33;
	background: #999;
	background: -moz-linear-gradient(
		top,
		#b9b9b9 0%,
		#777675);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#b9b9b9),
		to(#777675));
	
	border: 1px solid #575755;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
}


	


scrollbar {
/*  clear useragent default style*/
   -moz-appearance: none !important;
}
/* buttons at two ends */
scrollbarbutton {
   -moz-appearance: none !important;
}
/* the sliding part*/
thumb{
   -moz-appearance: none !important;
}
scrollcorner {
   -moz-appearance: none !important;
   resize:both;
}
/* vertical or horizontal */
scrollbar[orient="vertical"] {
    color:silver;
}
/**
 * Tooltips!
 */

/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
  position: relative;
  cursor: pointer;
}
.tooltip {
  position: relative;
  cursor: pointer;
}
/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: 
      opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition:    
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition:         
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform:    translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
  z-index: 1000;
  padding: 8px;
  width: 140px;
  background-color: #666;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  font-size: 14px;
  line-height: 1.2;
  text-align:center
}

/* Directions */

/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
  bottom: 100%;
  left: 50%;
}

[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
  margin-left: -6px;
  margin-bottom: -12px;
  border-top-color: #000;
  border-top-color: hsla(0, 0%, 20%, 0.9);
}

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
  margin-left: -80px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
  -webkit-transform: translateY(-12px);
  -moz-transform:    translateY(-12px);
  transform:         translateY(-12px); 
}

/* Left */
.tooltip-left:before,
.tooltip-left:after {
  right: 100%;
  bottom: 50%;
  left: auto;
}

.tooltip-left:before {
  margin-left: 0;
  margin-right: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-left-color: #000;
  border-left-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-left:hover:before,
.tooltip-left:hover:after,
.tooltip-left:focus:before,
.tooltip-left:focus:after {
  -webkit-transform: translateX(-12px);
  -moz-transform:    translateX(-12px);
  transform:         translateX(-12px); 
}

/* Bottom */
.tooltip-bottom:before,
.tooltip-bottom:after {
  top: 100%;
  bottom: auto;
  left: 50%;
}

.tooltip-bottom:before {
  margin-top: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-bottom-color: #000;
  border-bottom-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
  -webkit-transform: translateY(12px);
  -moz-transform:    translateY(12px);
  transform:         translateY(12px); 
}

/* Right */
.tooltip-right:before,
.tooltip-right:after {
  bottom: 50%;
  left: 100%;
}

.tooltip-right:before {
  margin-bottom: 0;
  margin-left: -12px;
  border-top-color: transparent;
  border-right-color: #000;
  border-right-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after {
  -webkit-transform: translateX(12px);
  -moz-transform:    translateX(12px);
  transform:         translateX(12px); 
}

/* Move directional arrows down a bit for left/right tooltips */
.tooltip-left:before,
.tooltip-right:before {
  top: 3px;
}

/* Vertically center tooltip content for left/right tooltips */
.tooltip-left:after,
.tooltip-right:after {
  margin-left: 0;
  margin-bottom: -16px;
}



/* Hover Ayuda */

.caja { width:70px; float:left


}

.info {
	width:50%;
position: absolute; /*Info sobre la imagen*/
top:25%;
left: 25%; /*Desplazamos a partir de la esquina superior izquierda*/
zoom: 1;
filter: alpha(opacity=0); /*Opacidad Para IE */
opacity: 0; /*Inicialmente transparente */
padding: 5px;
color: white;
background: black;
-moz-transition:all ease .8s; /*Aplicamos una ligera transición*/
-webkit-transition:all ease .8s ;
transition:all ease .8s;
display:none;
font-size:12px; line-height:13px
}
.info strong{color:orange; font-weight:bold}
.info br {padding-bottom:4px}
.caja:hover .info {
filter: alpha(opacity=80);
opacity: .8; /*Al hacer hover sobre la caja hacemos visible los datos*/
display:block
}



/* Lightbox */
	body {
		margin:0;
		padding:0;
		
		text-align:center; /* used to center div in IE */
	}
	#wrapper {
		width:600px;
		margin:0 auto; /*centers the div horizontally in all browsers (except IE)*/
		background:#fff;
		text-align:left; /*resets text alignment from body tag */
		border:1px solid #ccc;
		border-top:none;
		padding:25px;
		/*Let's add some CSS3 styles, these will degrade gracefully in older browser and IE*/
		border-radius:0 0 5px 5px;
		-moz-border-radius:0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px;
		box-shadow:0 0 5px #ccc;
		-moz-box-shadow:0 0 5px #ccc;
		-webkit-box-shadow:0 0 5px #ccc;
	}
	#lightbox {
		position:fixed; /* keeps the lightbox window in the current viewport */
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:url(overlay.png) repeat;
		text-align:center;
	}
	/*#lightbox p {
		text-align:right;
		color:#fff;
		margin-right:6px;
		font-size:12px;
	}*/
	#lightbox .arriba {

    height: 16px;
	}
	#lightbox .abajo {
	height: 24px;
	margin: 0px !important;
	}
	#lightbox .arriba .fa {
	cursor:pointer;
	color: orange;
	font-size: 22px;
	margin: 2px 4px;
	float: right;
	}
	#lightbox .abajo .navbtn{float:right;padding:0;/*display:none*/}
	#lightbox .arriba .fa:hover {
	color: #666;
	}
	#lightbox .abajo .fa {
	cursor:pointer;
	color: orange;
	font-size: 22px;
	margin: 2px 15px;
	}
#lightbox .abajo .disabled{
		color: #ccc;
		}	
#lightbox .abajo .disabled:hover{
		color: #ccc !important;
		}	
#lightbox .arriba span {

color: #FFA500;
font-size: 19px;
text-align: left;
float: left;
padding: 2px 0px 0px 11px;
font-weight: bold;
	}
	#lightbox .abajo span {
color: rgb(42, 42, 42);
font-size: 12px;
text-align: left;
float: left;
padding: 10px 0px 0px 11px;
font-weight: bold;
	}
		#lightbox .abajo span span {

color: rgb(42, 42, 42);
font-size: 12px;
text-align: left;
float: left;
padding:0;
font-weight: bold;
	}
	#lightbox .abajo .fa-step-backward, 	#lightbox .abajo .fa-step-forward {
	font-size: 20px;
	}
	#lightbox .abajo .fa-step-forward {
	padding-right:18px
	}
	#lightbox .abajo .fa-caret-right, 	#lightbox .abajo .fa-caret-left {
	padding-top:4px;
	}
	#lightbox .abajo .fa:hover {
	color: #666;
	}
	#lightbox img {
		box-shadow:0 0 25px #111;
		-webkit-box-shadow:0 0 25px #111;
		-moz-box-shadow:0 0 25px #111;
		max-width:940px;
	}
	#lightbox #lightboxbox{width:50%;
		height:70%;
		background:#efefef;
		margin:auto;
		float:none;
	top:20%;
	position:relative;
	box-shadow: 0px 0px 12px #666;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;}
	#lightbox #content{
	overflow-y: scroll;
	height: 80%;
	padding: 10px;
	background: #FFF;
	width: 94%;
	margin: auto;
	
	}
	#fichatodos{
		border: 1px solid #000;
		width: 95%;
		height: auto;
		float: none;
		color: #000;
		margin: 2px; text-align:left;
		padding: 2px 0 1px 2px;
		font-size:12px; 
	}
	#ficha{
		border: 1px solid #000;
		width: 95%;
		height: auto;
		float: none;
		color: #000;
		margin: 5px; text-align:left;
		padding:5px;
		font-size:12px; 
	}
	
	#ficha.seleccionada{
		
		width: 95%;
		height: auto;
		float: none;
		color: #000;
		margin: 5px; text-align:left;
		padding:5px;
		font-size:12px; 
		border:2px solid #000
		
	}
	
	#ficha #titleficha{
		 text-align:left;
		text-transform:uppercase;
	}
	#ficha p{
		 margin:4px
	}
	#ficha span{
		 color: #999;
		font-size: 11px;
		text-transform: none !important;
		font-weight: bold;
	}
	#ficha #autorficha{
		text-transform:uppercase
	}	
	#ficha #linkficha{
		float:right;text-transform:none !important
	}
	#ficha #empresaficha{
		text-transform:uppercase
	}
	#ficha #metodoficha{
		text-transform: uppercase;
		padding-right: 20px;
	}
	#ficha #paginaficha{
		font-size:12px; color:#000;text-transform:uppercase; padding-left:10px; font-weight:normal
	}
	
	#ficha a{
		color:#5188F9; font-weight: bold;text-transform:uppercase; text-decoration:underline
	}
		#ficha a:hover{
		color:blue; font-weight: bold;text-transform:uppercase; text-decoration:underline
	}
	
	.linkautor, .linkempresa {color:#000; text-transform:uppercase; font-size:12px}
	#img-loader{
		display: none;/**/
		background:#efefef;
		position:fixed; /* keeps the lightbox window in the current viewport */
		/*top:25%;
		left:25%;*/
		width:100%;
		height:100%;
		text-align:center;
		background:url(overlay.png) repeat;
	}
	
	#img-loader #cont{
		margin:100px 0 0  0;
		text-align:center;
top:50%
	}
	
	#img-loader img{
		position:fixed;
		top:50%;
	}
	#img-loaderimg-loader { }
	
	#noresults{padding:20px; color:#666}
/* Lightbox Fin */


/* responsive */
@media all and (max-width: 400px) {


#containerIndex {
    position: absolute;
    top: 11%;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: auto;
  
  
}
#headerIndex{height:10%; min-height:70px}
#headerIndex .logo{ position:absolute;
    float: left;
 	padding-left:8%;
	max-height:50px
	
}
#headerIndex .claim{ float: right;
    max-width:350px;
    position: absolute;

	right:10px;
	width:60%
}
.derecha {
float: none;
width: 100%;
  height: auto;
  padding-top:20px;
background: url("../images/menu_bg.png") no-repeat scroll 0% 0% transparent;
}
.derecha li {
    list-style: outside none none;
    padding-bottom: 20px;
    text-align: center;
}
.derecha ul {
width:100%
}

.izquierda {
    float: none;
    max-width: 90%;
    padding: 0 2%;
	margin:auto
}
.formularionota {   height:145px !important;  max-width:80%; margin:auto}
.menuInferior a{ line-height:35px; margin: 0px 5px;padding: 7px 10px;}
.menuInferior a:hover{ line-height:35px; margin: 0px 5px;padding: 7px 10px;}
	#lightbox #lightboxbox{width:95%;
		
		background:#efefef;
		margin:auto;
		float:none;
	top:4em;
	position:relative;
	box-shadow: 0px 0px 12px #666;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;}
	#lightbox #content{
	overflow-y: scroll;
	height: 82%;
	padding: 10px;
	background: #FFF;
	width: 94%;
	margin: auto;
		}
	#lightbox .abajo span {
    color: #2A2A2A;
    font-size: 10px;
    text-align: left;
    float: left;
    padding: 10px 0px 0px 11px;
    font-weight: bold;
}
#lightbox .abajo .fa {
    cursor: pointer;
    color: #FFA500;
    font-size: 12px;
    margin: 2px 10px;
}
#ficha #metodoficha {
padding-right: 0px;}
#ficha{font-size:11px}
#ficha a{font-size:11px}
#ficha p{margin:0}
#ficha #linkficha {
    float: none;
    text-transform: none !important;

    display: inline-block;
}
.info {
width:80%;
left: 10%;}
input[type="text"]{width:92%}
.portadas {
padding-bottom: 4px;}
.menuInferior {padding-top:10px !important}
#lightbox #content{
	height:75%;
	width: 90%;	}
#lightbox .abajo .disabled{
		color: #ccc;
		}	
#lightbox .abajo .disabled:hover{
		color: #ccc !important;
		}
}
@media all and (min-width: 401px) and (max-width: 800px) {
/*#headerIndex .logo{ position:absolute;
    float: left;
   
	padding-left:8%;
		width:10%;
	
}

#containerIndex {
    position: absolute;
    top: 10%;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;

    border-top: 8px solid #FFA500;
    background: url("../images/cont_bg.jpg") repeat-x scroll 0% 0% #818181 !important;
}*/

#headerIndex{ min-height:100px}
#headerIndex .claim{ float: right;
    max-width:350px;
    position: absolute;

	right:10px;
	width:60%
}
#headerIndex .logo {

    max-height: 70px;

}
.derecha {
float: none;
width: 100%;
  height: auto;
  padding-top:20px;
background: url("../images/menu_bg.png") no-repeat scroll 0% 0% transparent;
}
.derecha li {
    list-style: outside none none;
    padding-bottom: 20px;
    text-align: center;
	display: inline-block;
}
.derecha ul {
width:100%
}

.izquierda {
    float: none;
    max-width: 90%;
    padding: 0 2%;
	margin:auto
}
.formularionota {   height:120px !important; max-width:80%; margin:auto}
.menuInferior a{ line-height:35px; margin: 0px 5px;padding: 7px 10px;}
.menuInferior a:hover{ line-height:35px; margin: 0px 5px;padding: 7px 10px;}
.numeros {    padding-right: 15%;
    margin: 22px auto;
}
	#lightbox #lightboxbox{width:80%;
		
		background:#efefef;
		margin:auto;
		float:none;
	top:4em;
	position:relative;
	box-shadow: 0px 0px 12px #666;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;}
	#lightbox #content{
	overflow-y: scroll;
	height: 82%;
	padding: 10px;
	background: #FFF;
	width: 94%;
	margin: auto;
		}
	#lightbox .abajo span {
    color: #2A2A2A;
    font-size: 11px;
    text-align: left;
    float: left;
    padding: 10px 0px 0px 11px;
    font-weight: bold;
}
#lightbox .abajo .fa {
    cursor: pointer;
    color: #FFA500;
    font-size: 18px;
    margin: 2px 10px;
}
#ficha #metodoficha {
padding-right: 0px;}
#ficha{font-size:11px}
#ficha a{font-size:11px}
#ficha p{margin:0}
.info {
width:80%;
left: 15%;}
input[type="text"]{width:95%}
.portadas {
padding-bottom: 4px;}
.menuInferior {padding-top:10px !important}
#lightbox #content{
	height: 80%;
	width: 90%;
	}
#lightbox #content{
	height: 75%;
	width: 90%;
	}
	#lightbox .abajo .disabled{
		color: #ccc;
		}	
#lightbox .abajo .disabled:hover{
		color: #ccc !important;
		}
}
@media all and (min-width: 801px) and (max-width: 1024px) {
/*#headerIndex .logo{ position:absolute;
    float: left;
   
	padding-left:8%;
		width:10%;
	
}

#containerIndex {
    position: absolute;
    top: 12%;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
   
    border-top: 8px solid #FFA500;
    background: url("../images/cont_bg.jpg") repeat-x scroll 0% 0% #818181 !important;
}*/
#containerIndex {
    position: absolute;
top: 25%;}
#headerIndex .claim{ float: right;

    position: absolute;
	
	right:10px;
	width:60%
}
.derecha {
    float: right;
    width: 30%;
    height: 78%;
    padding-top: 100px;
    background: url("../images/menu_bg.png") no-repeat scroll 0% 0% transparent;
}
.izquierda {
    float: left;
    max-width: 60%;
    padding-left: 5%;
}
.portadas {
padding-bottom: 4px;}
.menuInferior {padding-top:10px !important}
#lightbox .abajo .disabled{
		color: #ccc;
		}	
#lightbox .abajo .disabled:hover{
		color: #ccc !important;
		}
}
@media all and (min-width: 1025px) and (max-width: 4000px) {
/*#headerIndex .logo{ position:absolute;
    float: left;
   
	padding-left:8%;
		width:10%;
	
}

#containerIndex {
    position: absolute;
    top: 12%;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
   
    border-top: 8px solid #FFA500;
    background: url("../images/cont_bg.jpg") repeat-x scroll 0% 0% #818181 !important;
}*/
#headerIndex {
    background: url("../images/header_bg.jpg") repeat-x scroll 0% 0% / 1px 100% transparent;
    height: 15%;
    width: 100%;
    position: absolute;
    text-align: left;
min-height: 125px;}
#containerIndex {
    position: absolute;
top: 20%;}
#headerIndex .claim{ float: right;

    position: absolute;
	
	right:10px;
	width:60%
}
.derecha {
    float: right;
    width: 30%;
    height: 78%;
    padding-top: 100px;
    background: url("../images/menu_bg.png") no-repeat scroll 0% 0% transparent;
}
.izquierda {
    float: left;
    max-width: 60%;
    padding-left: 5%;
}
}
.portadas {
padding-bottom: 4px;}
.menuInferior {padding-top:10px !important}
#lightbox .abajo .disabled{
		color: #ccc;
		}	
#lightbox .abajo .disabled:hover{
		color: #ccc !important;
		}
}