/* CSS Document */
img {border:0px;}

A:link, A:visited, A:active { text-decoration: none; color: #FFFFFF; }

.clearboth { clear: both; }

body {
	background-color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
}

P
{
      font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: #FFFFFF;
      text-align:left; 
      line-height:13px; 
}
/****************************************************/
/*
* el container de los botones Globales
*/
div.menuG {  
	height:auto;      
	width: auto;         
	left: 0px;             
	top: 0px;               
	background-color: #ffffff;  
}

div.menuL{
      /*contine el menu lateral*/
      float:left;
      width:153px;
      height:370px;                 
      left:0px;
      top:0px;
      background-color: #000000;  
}
/**
* los contenedores de los botones globales 
* tambien lo usamos para ubicar las imagene que indican las secciones
*/
div.boton_box{ 
      float:left;
      width:auto;                
      left:0px;
      top:0px;
      background-color: #000000;     
}
/**
* para los contenedores de el menu botones locales
*/
div.boton_boxL{
	left:0px;
	top:0px;
	width:153px;
	height:auto;
	background-color: #000000; 
}
div.boton_comp {

      position:absolute;    
      width:auto;
      height:15px;
      left:380px; ;
      top:300px;  
      background-color:#000000;
}

div.boTTouVirtual{
      position:absolute;    
      width:auto;
      height:auto;
      left:380px; ;
      top:458px;  
      background-color:#000000;
}

/*****************************************************/
div.container{
      /*el container general*/
	position: relative;   
	margin:0 auto;
	height: auto;   
	width: 805px;  
	left: 0px;
	top:0px;
	background-color: #000000;
}

div.cabecera {
	height: auto;
	width: auto;
	left: 0px;
      top: 0px;	
}

div.secciones {
/*el container de que contendra la imagen que indica las secciones*/
	height: auto;
	width: auto;
	left: 0px;
	top: 0px;
      background-color: #000000;
}

div.footer {
   
     float: right;  
      /*position:relative;*/ 
	height: auto;
	width: 700px;
     /* left:220px;   */
	/*	top: 0px;     */
      /*margin:0 auto;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #CCCCCC;
	text-align: center;
	background-color: #000000;
      border: 1px solid #000000; 
}

/************************************************************/
/**
*el contenido esto es los botones del menu la tabla con las imagenes
*/
div.contenido {
      float:left; 
	height: auto;
	width: 652px;
	left: 0px;
	top: 0px;
	background-color:#000000;
}
/********************************************************/
/**/
div.thumbnail
{
/*los estilos de letras son para el nombre y: el precio*/
      font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ffffff;
      text-align:center; 
      font-weight: bold;
      line-height:11px; ;

      float: left;
      width: 98px;
      height:190px;  
      border: 1px solid #000000;
      margin: 0 24px 1px 0;
}
/*********************************************************/	
div.imaMedFicha
{
      position:absolute;
      width:auto;
      height:auto;  
}

div.imaPeqFicha
{
      position:absolute;    
      width:auto;
      height:auto;
      left:380px; ;
      top:402px;         
}

div.datosFichas{

      position:absolute;    
      width:auto;
      height:auto;
      left:380px; ;
      
      background-color:#000000;

}
div.contBotFicha{
      position:absolute; 
         
      width:auto;
      height:auto;
      left:380px; ;
      top:320px;  
      background-color:#000000;

}


div.imaPopUp{ 
      position:relative;  
	margin:0 auto;   
	height: 603px;   
	width: 385px;  
	left: 0px;
	top:0px;
	background-color: #000000;
}
.TituloF {
/*para el titulo de los datos de las fichas*/
      font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
      text-align:left; 
      line-height:18px; 
 }
.CuerpoF {
/*para el cuerpo de los datos de las fichas*/
      font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
      text-align:left; 
      line-height:13px; 
 }
 
 .ComprarF {
/*para el link comprar de las fichas*/
      font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
      text-align:left; 
      line-height:12px; 
      text-decoration:underline;
 }  

/*******************************************************/
/*para la seccion nosostros*/

.CargoO {
/*para el CARGO de los datos de las fichas*/
      font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:normal;
	color: #D9D6CF;
      text-align:left; 
      line-height:18px; 
 }
  div.thumbnailsO{
  /*para todos: los que no sean del catalogo
  ej las imagene e la seccion la tienda y staff*/
      float:left;
      width:auto;
      height:auto;  
      border: 1px solid #ccccccc;
      margin: 0 16px 10px 0;
}
div.laTienda{
   
      width:auto;
      height:120px;
      left:390px; ;
      top:232px;
      background-color:#000000;
}

div.staff{
   
      width:auto;
      height:50px;
      left:390px; ;
      top:232px;
      background-color:#000000;
}

div.contTXTOther {
/*contiene los textos que
ubicamos en la seccion: nosotros*/
      position:absolute;    
      width:350px;
      height:300px;
      left:390px; ;
      top:232px;
      background-color:#000000;
}
/*******************************************************/
 div.thumbnailGr{
/*para las minis de la galeria*/
     
      float:left;
      width:auto;
      height:auto;
      border: 1px solid #000000;
      background-color:#000000;
      margin: 0 24px 24px 0;
}   

/********************************************************/
/***********************secc links*****************************/
.links{
      font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: none;
	color: #FFFFFF;
      text-align:left; 
      line-height:15px; 
      text-decoration:underline;
}
div.thumbnailsL{
  /*para todos: los que no sean del catalogo
  ej las imagene e la seccion la tienda y staff*/
      float:left; 
      width:auto;
      height:auto;  
      border: 1px solid #ccccccc;
      margin: 0 10px 10px 0;
       background-color:#000000;
}

div.contTXTLinks {
/*contiene los textos que
ubicamos en la seccion: nosotros*/
float:left;
      /*position:absolute;*/  
      width:178px;
      height:700px;
      left:153px; 
      /*top:220px;*/
      background-color:#000000;
}
div.contenidoL {
      float:right; 
	height: auto;
	width: 652px;
	left: 0px;
	top: 0px;
	background-color:#000000;
}
/********************************************************/
div.containerForm{
      /*el container formulario*/
	position: relative;   
	margin:0 auto;
	height:auto;   
	width:572px;  
	left: 0px;
	top:0px;
	background-color: #000000;
}
table.Form{
      font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
      text-align:left; 
      line-height:13px;
      
      border-width: 0px 0px 0px 0px;

      width:100%; 
      border-collapse:collapse;  
}

table.Form td {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	height:25px;
      vertical-align: top;
      width:33%;  
      
}
INPUT{
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size:9px;
      font-weight:normal;
      background-color:ccccccc;
      border-color:666666;
      border-style:inset;
      border-width:1px;
      color:#333333;
  
      width:200px;   
}
INPUT.b{
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size:9px;
      font-weight:normal;
      background-color:ccccccc;
      border-color:#FFFFFF;
      border-style:outset; 
      border-width:1px;
      color:#666666;
  
      width:90px;   
}
INPUT.r{
     
      border-style:outset; 
      border-width:1px;
      color:#666666;
  
      width:20px;   
}


SELECT{
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size:9px;
      font-weight:normal;
      background-color:ccccccc;
      border-color:666666;
      border-style:inset;
      border-width:1px;
      color:#333333;
  
      width:205px;   
}

TEXTAREA{
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size:9px;
      font-weight:normal;
      background-color:ccccccc;
      border-color:666666;
      border-style:inset;
      border-width:1px;
      color:333333;
  
      width:200px;   
}


div.footerForm{
	height: auto;
	width: auto;
	margin:0 auto;
	width:auto; 
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #CCCCCC;
	text-align: center;
	
	background-color: #000000;
      border: 1px solid #000000; 
    }
/***********************************/
div.TourVirtual{
      position:absolute; 
      width:auto;
      height:auto;
      left:25px; 
      top:65px;
      background-color:#000000;

}