@charset "utf-8";

body {
margin:0px;
padding:0px;
background:#e1e1e1 url(images/fondo.jpg) top repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
}

.body-bottom {
background:url(images/fondo-bottom.jpg) bottom repeat-x;
vertical-align:bottom;
margin:0px;
padding:0px;
position:relative;
}

h2 {
font-size:18px;
color:#0064a6;
/*border-bottom:solid 1px #0064a6;*/
padding-bottom:5px;
margin:0px;
}

h3 {
font-size:14px;
color:#0064a6;
border-bottom:solid 1px #0064a6;
padding-bottom:3px;
margin:15px 0;
}

.tit-texto {
font-weight:bold;
color:#0064a6;
}

a {
color:#0064a6;
text-decoration:underline;
}

a:hover {
color:#333333;
}

.limpiar {
clear:both;
}

.contenedor {
width:927px;
height:auto;
margin:0px auto;
padding:0 0 80px 0;
position:relative;
}


/* ------------ MENU ------------ */

#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
/*line-height:1.5em; */
}

#nav a{
display:block;
padding:4px;
/*border:1px solid #333;*/
color:#fff;
text-decoration:none;
/*background-color:#333;*/
}

#nav a:hover{
background-color:#494949;
color:#fff;
}

#nav li{
float:left;
position:relative;
/*border:1px solid #f00;*/
}

#nav ul {
position:absolute;
display:none;
width:12em;
top:1.5em;
margin-top:5px;
opacity: 0.90;
}

#nav li ul a{
width:12em;
height:auto;
float:left;
background:#393939;
-moz-opacity: 0.90;
opacity: 0.90;
filter:alpha(opacity=90);
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:12em;
margin:0px 0 0 0px;
z-index:1001;
margin-left:4px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}

/* ------------ HEADER ------------ */

.header {
width:927px;
position:relative;
}

.header .logo {
width:220px;
height:90px;
/*float:left;*/
padding-top:10px;
}

.header .menu {
width:707px;
height:14px;
float:left;
padding-top:80px;
}

/* ------------ HEADER ------------ */

/* ------------ ESTRUCTURA GENERAL DEL CONTENIDO ------------ */

.caja {
position:relative;
width:927px;
height:auto;
padding:0px;
background:#fff;
}

.caja .caja-top {
width:927px;
/*height:6px;*/
background:#fff url(images/caja-top.jpg) top;
background-repeat: no-repeat;
position:relative;
}




.caja .caja-centro {
width:897px;
height:auto;
background:url(images/caja-center.jpg);
background-repeat: repeat-y;
padding:15px;
position:relative;
}

.caja .caja-bottom {
width:927px;
/*height:7px;*/
background:url(images/caja-bottom.jpg) bottom no-repeat;
position:relative;
}

/* ------------ ESTRUCTURA GENERAL DEL CONTENIDO ------------ */

/* ------------ LISTADOS ------------ */

.listado {
width:907px;
height:auto;
margin-top:15px
}

.listado .fecha {
width:105px;
height:38px;
background:url(images/fecha.jpg) top no-repeat;
font-weight:bold;
font-size:16px;
text-align:center;
color:#0064a6;
line-height:38px;
float:left;
}


.listado .texto {
width:750px;
height:auto;
float:left;
margin-left:8px;
padding-bottom:15px;
}

/* ------------ LISTADOS ------------ */

/* ------------ FICHA ------------ */

.logo-ficha {
width:110px;
float:left
}

.submenu-ficha {
width:770px;
float:left;
margin-left:7px;
}

.submenu-ficha .submenu {
width:770px;
margin-top:8px;
}

.submenu-ficha .submenu ul {
margin:0px;
padding:0px;
}

.submenu-ficha .submenu ul li {
display:inline;
list-style:none;
padding:0px 8px;
border-right: solid 1px #999999;
color:#666666;
}

.submenu-ficha .submenu ul li a {
color:#666666;
text-decoration:none;
}

.submenu-ficha .submenu ul li a:hover {
color:#0064a6;
text-decoration:underline;
}

.principal-ficha {
width:907px;
height:auto;
margin-top:20px
}

.principal-ficha .foto-ficha {
width:233px;
float:left;
}

.principal-ficha .desc-ficha {
width:664px;
height:auto;
float:left;
margin-left:10px;
}

.promociones {
width:907px;
height:auto;
}

.promociones .mod-promo {
width:198px;
float:left;
margin-right:12px;
margin-left:12px;
}

/* ------------ FICHA------------ */

/* ------------ FOOTER ------------ */

.footer {
width:927px;
height:auto;
color:#FFFFFF;
margin:0px;
padding:0px;
padding-top:15px;
}

.footer .col-1 {
width:275px;
height:auto;
float:left;
}

.footer .col-2 {
width:300px;
height:auto;
float:left;
}

.footer .col-3 {
width:352px;
height:auto;
float:left;
}

.footer ul {
margin:0px;
padding:0px;
}

.footer ul li {
padding:5px 0px;
}

.footer ul li a {
color:#FFFFFF;
text-decoration:none;
}

.footer ul li a:hover {
color:#1592e3
}

/* ------------ FOOTER ------------ */

/* ------------ PAGINACION ------------ */

.paginacion {
width:200px;
margin:30px 0 5px 0px;
padding:5px 0 5px 0;
}

.paginacion ul {
display:inline;
list-style:none;
margin:0px;
padding:0px
}

.paginacion ul li {
list-style:none;
display:inline;
margin-right:5px;
}

.paginacion ul li a {
background:#e0e0e0;
color:#838383;
padding:4px;
border: solid 1px #838383;
font-size:14px;
font-weight:bold;
text-decoration:none;
}

.paginacion ul li a:hover {
background:#0069ae;
color:#ffffff;
border: solid 1px #0069ae;
}

/* ------------ PAGINACION ------------ */

/*----------- GALERIA -----------*/

.caption {
color:#666666;
}

.demo {
position:relative;
}

.gallery_demo {
width:752px;
margin:0 auto;
}

.gallery_demo li {
width:68px;
height:50px;
border:3px double #ccc;
margin:0 2px;
background:#000;
}

.gallery_demo li div {
left:240px
}

.gallery_demo li div .caption {
font:italic 0.7em/1.4 georgia,serif;
}
	
#main_image {
margin:0 auto 60px auto;
height:380px;
width:895px;
background:black;
}

#main_image img {
margin-bottom:10px;
}
	
.nav {
padding-top:15px;
clear:both;
font:80% 'helvetica neue',sans-serif;
letter-spacing:3px;
text-transform:uppercase;
}
	
.info {
text-align:left;
width:700px;
margin:30px auto;
border-top:1px dotted #221;
padding-top:30px;
}

.info p {
margin-top:1.6em;
}

.FormBoton
{
	BACKGROUND-COLOR: #0083d9;
	BORDER-BOTTOM: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	BORDER-RIGHT: #999999 1px solid;
	BORDER-TOP: #999999 1px solid;
	COLOR: #fff;
	/*FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica;*/
	FONT-FAMILY: Arial, Helvetica, Sans Serif;
	FONT-SIZE: 13px;
}

.FormCasillas
{
	/*BACKGROUND-COLOR: #0083d9;*/
	BORDER-BOTTOM: #C9D4DB 1px solid;
	BORDER-LEFT: #C9D4DB 1px solid;
	BORDER-RIGHT: #C9D4DB 1px solid;
	BORDER-TOP: #C9D4DB 1px solid;
	COLOR: #333;
	/*FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica;*/
	FONT-FAMILY: Arial, Helvetica, Sans Serif;
	FONT-SIZE: 13px;
}


/*----------- GALERIA -----------*/


.textoMenuHFicha{
}

.textoMenuHFicha a{
	text-decoration:none;
	color:#666;
}



/*--------------------------------------------------------------------------------------------*/
.clearfix:after
{
   content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;
}
		
.clearfix
{
    display: inline-block;
}
		
html[xmlns] .clearfix
{
    display: block;
}
		
* html .clearfix
{
    height: 1%;
}
/*--------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------*/
.pikachoose{width:895px;margin:0 auto 10px auto;}
/* This is the ul you have all your images in */
.pikachoose ul{width:898px;height:180px;margin:0;overflow:hidden;padding:0;}
.pikachoose ul li{float:left;background:#eee;margin-right:15px; border:1px solid #eee;position:relative;}
.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:895px;height:380px;display:block;position:relative;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:absolute;top:2px;left:2px;}
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{position:relative;border:1px solid #ccc;background:#eee;padding:2px;}
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{width:890px;height:75px;padding-top:6px;text-align:center;position:absolute;bottom:0px;left:3px;background:url('black.png') top left;color:#fff;}
.pika_caption a{color:#fff;}


/*
opacity:0.40; 
filter:alpha(opacity=40); 
*/




.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('play.png') top center no-repeat;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('pause.png') top center no-repeat;}

.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;display:none;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:1px;width:1px;background:url('rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:1px;width:1px;background:url('fastf.png') top right no-repeat;}

/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/








/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/