* {margin:0; padding:0}

body  {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	background-image: url(1794.gif);
	background-repeat:repeat-x;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
}

h1 {
	font-size:16px;
	font-weight:500;
	margin-bottom: 5px;
	margin-top: 10px;
	color:#a27800;
}

h2 {
	font-size:14px;
	font-weight:400;
	margin-bottom: 5px;
	color:#333;
}

p{
	line-height:15px;
	color:#333333;
	text-align:justify;
	margin-bottom:10px;
	}

.avisoslegales{
	font-size:9px;
	color: #999999;
	}
	
.web_marcas{
	font-size:9px;
	color: #625f54;
	}
	
.thrColLiqHdr #container {
	width: 900px;  /* esto creará un contenedor con el 80% del ancho del navegador */
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
	border-top: 0px solid #FF9900;
	border-right: 1px solid #FF9900;
	border-bottom: 1px solid #FF9900;
	border-left: 1px solid #FF9900;
	text-align:justify
} 
	

.thrColLiqHdr #header {
	padding: 0px;
	height:150px;
	background-color: #DDDDDD;
	background-image: url(fondoheader.gif);
	background-repeat: repeat-x;
	margin-bottom:30px;
} 
.thrColLiqHdr #header h1 {
	margin: 0; /* el ajuste en cero del margen del último elemento del div de #header evita la contracción del margen (un espacio inexplicable entre divs). Si el div tiene un borde alrededor, esto no es necesario, ya que también evita la contracción del margen */
	padding: 10px 0; /* el uso de relleno en lugar de margen le permitirá mantener el elemento alejado de los bordes del div */
}

/* Sugerencias para barras laterales:
1. Dado que está trabajando en porcentajes, es conveniente no utilizar relleno lateral en las barras laterales. Se añadirá al ancho en el caso de navegadores que cumplen los estándares, creando un ancho real desconocido. 
2. El espacio entre el lado del div y los elementos que contiene puede crearse colocando un margen izquierdo y derecho en dichos elementos, como se observa en la regla ".thrColLiqHdr #sidebar1 p".
3. Dado que Explorer calcula los anchos después de mostrarse el elemento padre, puede que ocasionalmente encuentre errores inexplicables con columnas basadas en porcentajes. Si necesita resultados más predecibles, puede optar por cambiar a columnas con tamaño en píxeles.
*/
.thrColLiqHdr #columna_izq {
	float: left; 
	width: 18%; 
	background: #ffffff;
	padding: 15px 0; 
}


.thrColLiqHdr #columna_izq #snow{
	width: 100%;
	background: #fff;
	color:#A27800;
	padding-top: 10px;	
	padding-left:0px;
	padding-bottom:10px;
	margin:5px;
	border: 1px solid #A27800;
}

.thrColLiqHdr #columna_izq #snow a{
	color:#A27800;
	text-decoration: none;
}

.thrColLiqHdr #columna_izq #snow a:hover{
	color:#A27800;
	text-decoration: underline;
}

.thrColLiqHdr #columna_izq #snow ul {
	list-style-position: inside;
	margin:0px;
	list-style-image: url(bullet.gif);
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.thrColLiqHdr #columna_izq #skate{
	width: 100%; 
	background: #fff;
	color:#FF8A00;
	padding-left:0px; 
	padding-top: 10px;
	padding-bottom:10px; 
	border: 1px solid #FF8A00;
	margin:5px;

}
.thrColLiqHdr #columna_izq #skate a{
	color:#FF8A00;
	text-decoration: none;
}

.thrColLiqHdr #columna_izq #skate a:hover{
	color:#FF8A00;
	text-decoration: underline;
}

.thrColLiqHdr #columna_izq #skate ul {
	list-style-position: inside;
	padding:10px;
	margin:0px;
	list-style-image: url(bullet.gif);
}

.thrColLiqHdr #columna_izq #street{
	width: 100%;
	background: #fff;
	color:#DDA502;
	padding-left:0px;
	border: 1px solid #DDA502;
	margin:5px;
	padding-top: 10px;
}

.thrColLiqHdr #columna_izq #street a{
	color:#DDA502;
	text-decoration: none;
}

.thrColLiqHdr #columna_izq #street a:hover{
	color:#DDA502;
	text-decoration: underline;
}

.thrColLiqHdr #columna_izq #street ul {
	list-style-position: inside;
	padding:10px;
	margin:0px;
	list-style-image: url(bullet.gif);
}


.thrColLiqHdr #columna_dcha {
	float: right; 
	width: 23%; 
	background: #ffffff; 
	padding: 15px;
	height:100%;
}

.thrColLiqHdr #columna_dcha img {
	margin-bottom:10px;
}

.thrColLiqHdr #columna_dcha #banner {
	width:180px;
	height:100%;
	background: #FFFFFF;
	text-align:left;
	padding: 10px;
	margin-bottom:35px;
}

.thrColLiqHdr #columna_dcha #reproductor {
	width:180px;
	text-align:left;
	height:100%;
	padding: 0px 0; 
	margin-bottom:15px;
}

.thrColLiqHdr #columna_dcha #contacto {
	width:100%;
	height:100%;
	padding: 10px 0;
	margin-bottom:15px;
	background-color: #ffffff;
	background-image: url(folio.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.thrColLiqHdr #columna_dcha #contacto p{
	padding-top: 30px;
	padding-left: 10px;
	padding-right:10px;
} 

.thrColLiqHdr #columna_dcha #contacto a{
	font-size:10px;
	color:#FF9900;
	text-decoration:none;
} 

.thrColLiqHdr #columna_dcha #contacto a:hover{
	font-size:10px;
	color:#FF9900;
	text-decoration:underline;
} 

.thrColLiqHdr #columna_izq p, .thrColLiqHdr #columna_izq h3, .thrColLiqHdr #columna_dcha p, .thrColLiqHdr #columna_dcha h3 {
	margin-left: 10px; /* deben asignarse los márgenes izquierdo y derecho de cada elemento que vaya a colocarse en las columnas laterales */
	margin-right: 10px;
}


.thrColLiqHdr #mainContent { 
	margin: 0 27% 0 20%; /* los márgenes derecho e izquierdo de este elemento div crean las dos columnas externas de los lados de la página. Con independencia de la cantidad de contenido que incluyan los divs de las barras laterales, permanecerá el espacio de la columna. Puede quitar este margen si desea que el texto del div #mainContent llene el espacio de las barras laterales cuando termine el contenido de cada una de ellas. */
	padding: 25px;
}

.thrColLiqHdr #mainContent  ul {
	list-style-position: outside;
	padding-left:30px;
	line-height: 15px;
	margin:0px;
	list-style-image: url(bullet.gif);
}

.thrColLiqHdr #mainContent  .img_marcas {
	margin-bottom:15px;
}

.thrColLiqHdr #mainContent #noticias { 
	padding-bottom: 50px;
	margin-bottom:10px;
}

.thrColLiqHdr #mainContent #video {
	margin-top:15px;
	height:100%;
}

.thrColLiqHdr #pie_pagina { 
	padding: 0 10px; 
	padding: 10px;
	background:#FF9900;
	color:#FFFFFF;
} 
.thrColLiqHdr #pie_pagina p {
	color:#FFFFFF;
	margin: 0; 
	padding: 10px 0; 
}

.thrColLiqHdr #pie_pagina a{ 
	color:#FFFFFF;
} 

.email{
	background-color: #FC6;
	color:#333;
	font-size:11px;
	height: 14px;
	width: 90px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que deba incluir completamente a sus elementos flotantes hijos */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

a:link {
	color: #FF9900;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FF9900;
}
a:hover {
	text-decoration: underline;
	color: #333333;
}
a:active {
	text-decoration: none;
	color: #FF9900;
	
}

.tab_noticias {
	margin-bottom:25px;
	border-bottom:#ffd14b solid 1px;
}

.masinfo {
	text-align:right;
	font-size:11px;
	margin-top:10px;
	}
	
.notas_noticias{
	font-size:9px;
	color: #999999;
	text-align:right;
	}
.encabezado {
	margin-bottom:15px;
	}	
	
/*- Menu Tabs 7--------------------------- */

    #tabs7 {
      float:right;
	  position:relative;
      width:100%;
      font-size:93%;
      line-height:normal;
	  border-bottom:3px solid #FF9900;
	  background-image: url(bg_menu.gif);
	  background-position: 150px;
	  background-repeat:no-repeat;
      }
    #tabs7 ul {
	  margin:0;
	  float:right;
	  padding:0px 10px 0 50px;
	  list-style:none;
      }
    #tabs7 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs7 a {
      float:left;
      background:url(btn/tableft7.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs7 a span {
	float:left;
	display:block;
	padding:5px 15px 4px 6px;
	color:#999;
	background-image: url(btn/tabright7.gif);
	background-repeat: no-repeat;
	background-position: right top;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs7 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs7 a:hover span {
      color:#ECB546;
      }
    #tabs7 a:hover {
      background-position:0% -42px;
      }
    #tabs7 a:hover span {
      background-position:100% -42px;
      }
	
 
</style>[if IE]>
<style type="text/css"> 
/* coloque las reparaciones de css para todas las versiones de IE en este comentario condicional */
.thrColLiqHdr #sidebar2, .thrColLiqHdr #sidebar1 { padding-top: 30px; }
.thrColLiqHdr #mainContent { zoom: 1; padding-top: 15px; }
/* la propiedad zoom propia que se indica más arriba proporciona a IE el hasLayout que necesita para evitar diversos errores */
</style>