/*Tabla scrollable*/

/* end basic styling								 */
/* define height and width of scrollable area. Add 16px to width for scrollbar		  */
div.tableContainer {

	width:98% !important;
	border: 1px solid #ddd;
}
/* Reset overflow value to hidden for all non-IE browsers. */

html>body div.tableContainer table {

	width: 100%;
	vertical-align: top;
}

div.tableContainer table tr{

}
/* define width of table. Add 16px to width for scrollbar.		   */
/* All other non-IE browsers.										*/
html>body div.tableContainer table {
	width: 100%;
}

*:first-child+html div.tableContainer table.scrollTable{
	width:94%;
}




/* set table header to a fixed position. WinIE 6.x only									   */
/* In WinIE 6.x, any element with a position property set to relative and is a child of	   */
/* an element that has an overflow property set, the relative value translates into fixed.	*/
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
thead.fixedHeader tr {
	position: relative
}
/* set THEAD element to have block level attributes. All other non-IE browsers			*/
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.fixedHeader tr {
	display: block
}
/* make the TH elements pretty */
thead.fixedHeader th {
	font-weight: normal;
	padding: 4px 3px;
	text-align: left;
	background-color: #1a87e5;
	color: #fff;
}
/* make the A elements pretty. makes for nice clickable headers				*/
thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {
	color: #000;
	display: block;
	text-decoration: none;
	width: 100%;
}
/* make the A elements pretty. makes for nice clickable headers				*/
/* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
thead.fixedHeader a:hover {
	color: #FFF;
	display: block;
	text-decoration: underline;
	width: 100%
}
/* define the table content to be scrollable											  */
/* set TBODY element to have block level attributes. All other non-IE browsers			*/
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto					 */
tbody.scrollContent {
	display: block;
}

.scrolltabla{
	overflow: auto;
	width: 100%;
	height: 790px;
}

* html .scrolltabla{
	overflow: auto;
	width: 100%;
	height: 790px;
}

.thinvisible{
	display: none;
}
* html table.tablecab {
	width: 100%;
	display: block;
}

* html table.tablecab thead.fixedHeader th {
	position: relative;
	display: block;
}

/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/							 */
tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
	border-bottom: none;
	border-left: none;
	border-top: 2px solid #DDD;
	padding: 2px 3px 3px 10px;
}
tbody.scrollContent tr.alternateRow td {
	background: #EEE;
	border-bottom: none;
	border-left: none;
	border-top: 2px solid #DDD;
	padding: 2px 3px 3px 4px;
	vertical-align:bottom;
	line-height: 1.5em;
	
}
/* define width of TH elements: 1st, 2nd, and 3rd respectively.		  */
/* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors		*/

html>body thead.fixedHeader th {
	width: 40px;
}
html>body thead.fixedHeader th + th {
	width: 40%;
	vertical-align: middle;
}
html>body thead.fixedHeader th + th + th {
	width: 80px;
	min-width: 80px;
}
html>body thead.fixedHeader th + th + th + th{
	width: 80px;	min-width: 80px;
}
html>body thead.fixedHeader th + th + th + th + th{
	width: 200px;
}
/* define width of TD elements: 1st, 2nd, and 3rd respectively.		  */
/* All other non-IE browsers.											*/
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors		*/

html>body tbody.scrollContent td {
	width: 40px;
}
html>body tbody.scrollContent td + td {
	width: 40%;
}
html>body tbody.scrollContent td + td + td {
	width: 80px;	min-width: 80px;
}
html>body tbody.scrollContent td + td + td + td{
	width: 80px;	min-width: 80px;
}
html>body tbody.scrollContent td + td + td + td + td{
	width: 200px;
}

/*
html>body tbody.scrollContent th .st_ref{
	background-color: aqua;
}
*/
.banda_roja{
	background-image: url(../img/banda_roja.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
.banda_morado{
	background-image: url(../img/banda_morado.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
.banda_azul{
	background-image: url(../img/banda_azul.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
.banda_naranja{
	background-image: url(../img/banda_naranja.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
.st_ref{
	background-color: #fff;
	width: 40px;
}

.st_precio{
font-size: 2em;
font-weight: bold;
}
.st_precio span{
clear: both;
display: block;
font-size: 0.7em;
padding: 5px;
}
.st_cant{
text-align: center;
vertical-align: middle;
font-size: 1em;
}
.st_cant select{
margin: 0 auto;
float: none;
}
.st_cant span{
clear: both;
display: block;
font-size: 90%;
padding: 5px;
}
.st_seccion{
vertical-align: middle;
line-height: 1.3em;
}
/******** MAPA DE LOCALIDADES **************/
.mapa_localidades{
	position: relative;
}
.mapa_localidades img{
	top:0px;
	left:0px;
	width: 100%;
	height: auto;
}
.mapa_localidades span{
	position: absolute;
	bottom:0px;
	right:0px;
}

/*****LEYENDA********/
.list_leyenda{
list-style-type: none;
}
.list_leyenda li{
width: 40%;
float: left;
}
.list_leyenda .cua_amarillo{
	padding-left: 20px;line-height: 2em;
	background-repeat: no-repeat;
	background-image: url(../img/cua_amarillo.gif);
	background-position: left center;
}
.list_leyenda .cua_azul{
	padding-left: 20px;background-repeat: no-repeat;line-height: 2em;
	background-image: url(../img/cua_azul2.gif);	background-position: left center;
}
.list_leyenda .cua_verde{
	padding-left: 20px;background-repeat: no-repeat;line-height: 2em;
	background-image:  url(../img/cua_verde.gif) ;	background-position: left center;
}
.list_leyenda .cua_rojo{
	padding-left: 20px;background-repeat: no-repeat;line-height: 2em;
	background-image:  url(../img/cua_rojo.gif);	background-position: left center;
}
.list_leyenda .cua_morado{
	padding-left: 20px;background-repeat: no-repeat;line-height: 2em;
	background-image:  url(../img/cua_morado.gif);	background-position: left center;
}
.ico_dinero{
	background-image: url(../img/monedas.png);
	background-repeat: no-repeat;
	background-position: 5% 50%;
}
.dcha{
	text-align: right;
}
.centro{
	text-align: center;
}
.iconos_garantias{
	padding:5px;
	white-space: nowrap;
}
.odd{
	background-color:#fff;
}
.par{
	background-color: #eee;
}

.oferta_entrada{

	overflow:hidden;
}
.oferta_entrada .encabezado{
background-image: url(../img/encabezado_oferta.gif);
background-repeat: repeat-x;
background-position: bottom;
display: block;
position: relative;
height: 4em;
top:10px;
width: 100%;
margin:0 auto;
}
.oferta_entrada .encabezado p{
display: block;
position: absolute;
left:20px;
bottom: 0px;
color: #fff;
font-weight: bold;
font-size: 1.3em;
}
.oferta_entrada .encabezado span{
display: block;
position: absolute;
right: 30px;
bottom: 0px;
}
.tabla_oferta{
	clear:both;
	margin-top: 10px;
}
.tabla_oferta td{
	padding-top: 10px;
	padding-bottom:10px;
}
.tabla_oferta table{
border-left: 12px solid red;	
border-right: 12px solid red;	
border-bottom: 12px solid red;	
margin-bottom: 10px;vertical-align: middle;

}
.tabla_oferta .st_seccion{
vertical-align: middle;
line-height: 1.3em;
font-weight: bold;
font-size: 1.1em;
padding-top:15px;
}.tabla_oferta .st_precio{
vertical-align: middle;
line-height: 1.3em;
font-weight: bold;
padding-top:15px;
}
.tabla_oferta .st_comprar{
vertical-align: middle;
line-height: 1.3em;
font-weight: bold;
font-size: 1.1em;
padding-top:15px;
}

.cont_info_equipo{
	background-color: #eeeeee;
	border:1px solid #dddddd;
	overflow: hidden;
}


.tit_compras h2{
	height: 1.5em;
}

.ubicacion {
  margin-bottom: 5px; 
}