/* CSS Document */
body{	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#000000;
}
a{color:#0033CC;}
h1, h2, p, form{
	border:0px; 
	margin:0px; 
	padding:0px;
}

input{	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
}
h2{	color:#666666; 
	margin-bottom:20px;
	font-size:16px;
}

div.main{
	width: 849px;
	margin: auto;
/*	background-color:#FFFFCC;*/
	}


div.box{
/*	border:solid 1px #c6cfe1;*/
/*	background:#dfe4ee;*/
	padding:10px;
/*	color:#333333;*/
	margin-bottom:20px;

	
}
div.box h1 {
	font-size:14px;
	color:#000000;
	padding-bottom:4px;
}
div.box p{padding-bottom:14px;}

div.box input .input-text{
	border:1px solid #3b6e22;
/*	color:#666666;*/
	width:180px;
}

div.box label{
	display:block;
	margin-bottom:10px;
/*	color:#555555;*/
}

div.box label span{
	display:block;
	float:left;
	padding-right:6px;
	width:70px;
	text-align:right;
	font-weight:bold;
}
.spacer{margin-left:80px; 
	margin-bottom:10px;
	font-size:11px;
/*	color:#555555;*/
}
.green{
	background:url(images/green.gif);
	padding:0px 6px;
	border:1px solid #3b6e22;
	height:24px; 
	line-height:24px;
	color:#FFFFFF;
	font-size:12px;
	margin-right:10px;
	display:inline-block;
	text-decoration:none;
}

A.enlacevolimg, A.enlacevolimg:VISITED{color:#FFFFFF}, A.enlacevolimg:ACTIVE{color:#FFFFFF}, A.enlacevolimg:FOCUS{color:#FFFFFF}, A.enlacevolimg:LINK{
	color: #FFFFFF;
	background-color:#FFFFFF;
	text-decoration:none;
}

A.enlacevolimg:HOVER{
	color: #FFFFFF;
	background-color:#FFFFFF;
	text-decoration:none;
}

/* Comando para las sombras de las letras en el IndexTur.php*/
      .Title {
        color:#CC0000;
        font-family:"Calisto MT", "Bodoni MT", "Times New Roman";
        font-size: 40px;
        font-style:normal;
        margin: 20px 0;
        padding: 0;
      }
/* Agregado por Luis el 16-06-2011 para la sombra del indextur.php */
#indextur {
	width:330px;    
/*	height:200px;  */
	/*background-repeat: repeat;*/
	 background-image:url(imagenes/fondogris.png);   

/*	margin: 0px 10px 20px 0px;*/
  /*          	margin: 0px 0px 2px 10px; */
/*	padding: 0px 10px 15px 10px;*/
  /*           	padding: 0px 0px 1px 10px; */
/*	float:right;*/
}

.wrap1_indextur, .wrap2_indextur, .wrap3_indextur {
  display:inline-table;
  display:block;
  }
.wrap1_indextur {
	width:100%;
	   
  float:none;
 padding:0px 7px 2px 0px;
  
  background:url(imagenes/shadowingreso849ii.jpg)  right bottom no-repeat; 
/*  margin:0 0px 00px 10px; */
	}
	
.wrap2_indextur {
/*  background:url(imagenes/corner_bl.gif) left bottom no-repeat; */
  }
.wrap3_indextur {
  padding:0px 0px 6px 0px; 
/*  background:url(imagenes/corner_tr.gif) right top no-repeat; */
  }

  
.FondoTablas60 {  /* Con fondo lila*/
 width:60%; background-image:url(imagenes/fondolila.jpg); border-color:#FFCCFF; text-align:left; color:#000080;border-radius:10px; box-shadow: 2px 5px 100px rgba(93, 247, 247, 0.7)
}

.FondoTablas70 {  /* Con fondo lila*/
 width:70%; background-image:url(imagenes/fondolila.jpg); border-color:#FFCCFF; text-align:left; color:#000080;border-radius:10px; box-shadow: 2px 5px 100px rgba(93, 247, 247, 0.7)
}

.FondoTablas100 {  /* Con fondo lila*/
 width:100%; background-image:url(imagenes/fondolila.jpg); border-color:#FFCCFF; text-align:left; color:#000080;border-radius:10px; box-shadow: 2px 5px 100px rgba(93, 247, 247, 0.7)
}

.FondoTablas95 {   /* Con fondo lila*/
 width:95%; background-image:url(imagenes/fondolila.jpg); border-color:#FFCCFF; text-align:left; color:#990000;border-radius:10px; box-shadow: 2px 5px 100px rgba(93, 247, 247, 0.7)
}  

	 
.sinFondo60 {  /* Sin fondo*/
 width:60%; border-color:#FFCCFF; text-align:left; color:#000080; border-radius:10px; box-shadow: 2px 5px 100px rgba(93, 247, 247, 0.7)
}

.sinFondo70 {  /* Sin fondo*/
 width:70%; border-color:#FFCCFF; text-align:left; color:#000080; border-radius:10px; box-shadow: 2px 5px 100px rgba(93, 247, 247, 0.7)
}

.sinFondo100 {  /* Sin fondo*/
 width:100%; border-color:#FFCCFF; text-align:left; color:#000080; border-radius:10px; box-shadow: 2px 5px 100px rgba(93, 247, 247, 0.7)
}

.sinFondo95 {   /* Sin fondo */
 width:95%; border-color:#FFCCFF; text-align:left; color:#990000; border-radius:10px; box-shadow: 2px 5px 100px rgba(93, 247, 247, 0.7)
}  


/* base CSS element - Crea el borde, con esquinas redondeadas, la sombra y se adapta al tamaño del tag en que se aplique. Esta sombra se usa en el indextur.php o index.php */

/*         *** EXPLICACIÓN DEL BOX-SHADOW  ****
1ER. VALOR: Desplazamiento horizontal de la sombra: la sombra aparecerá desplazado a la derecha, si es negativo será a la izquierda.
2° VALOR  : Desplazamiento vertical de la sombra: es el desplazamiento vertical de la sombra con respecto a la posición del elemento que la produce. Valores positivos indican que la sombra aparecerá hacia abajo del elemento y valores negativos harán que la sombra aparezca desplazada un poco hacia arriba. 
 
3ER. VALOR: Difuminado: Indica cuánto queremos que esté difuminado el borde de la sombra. Si el difuminado fuera cero, querría decir que la sombra no tiene ningún difuminado.
 
4° VALOR  : Color de la sombra: El último atributo es el color de la sombra. 
 */

.sombra_index {
  background: #eee;
  border: 1px solid #ccc;
  padding: 0px;
/*  border-radius: 10px;
  box-shadow: 2px 5px 4px rgba(0, 0, 0, 0.2);*/ 
  position: relative;
  width: 200px;
}

/* arrows - :before and :after   - Crea triangulos para usar como flechas con somba_index*/
/*.sombra_index:before {
  position: absolute;
  display: inline-block;
  border-top: 7px solid transparent;
  border-right: 7px solid #eee;
  border-bottom: 7px solid transparent;
  border-right-color: rgba(0, 0, 0, 0.2);
  left: -14px;
  top: 20px;
  content: '';
}

.sombra_index:after {
  position: absolute;
  display: inline-block;
  border-top: 6px solid transparent;
  border-right: 6px solid #eee;
  border-bottom: 6px solid transparent;
  left: -12px;
  top: 21px;
  content: '';
}	 
*/

/* base CSS element - Crea el borde, con esquinas redondeadas, la sombra y se adapta al tamaño del tag en que se aplique. Esta sombra se usa en el indextur.php o index.php */

.sombra_selecc {
  background: #eee;
  border: 1px ridge #ccc;
  padding: 0px;
  border-radius: 10px;
/*  box-shadow: 0 5px 20px rgba(244, 234, 93, 0.7);*/ 
  position: relative;
  width: 100%;
}

/* base CSS element - Crea el borde, con esquinas redondeadas, la sombra y se adapta al tamaño del tag en que se aplique. Esta sombra se usa en el indextur.php o index.php */
.sombra_entrada {
  background: #eee;
  border: 1px ridge #ccc;
  padding: 0px;
  border-radius: 10px;
  box-shadow: 0 5px 20px rgba(0, 255, 255, 0.2); 
  position: relative;
  width: 100%;
}
/* arrows - :before and :after   - Crea triangulos para usar como flechas con somba_entrada*/
.sombra_entrada:before {
  position: absolute;
  display: inline-block;
/*  border-top: 7px solid transparent;
  border-right: 7px solid #eee;
  border-bottom: 7px solid transparent;
  border-right-color: rgba(0, 0, 0, 0.2); */

  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-top:5px solid #007FFF;
    
  
  left: 140px;
  top: 25px;
  content: '';
}

.sombra_entrada:after {
  position: absolute;
  display: inline-block;
/*  border-top: 6px solid transparent;
  border-right: 6px solid #eee;
  border-bottom: 6px solid transparent; */
  
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #007FFF; 
  
  
  left: 138px;
  top: 24px;
  content: '';
}	 

/* create an arrow that points down */
/*div.arrow-down {
  width:0px; 
  height:0px; 
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-top:5px solid #2f2f2f;
  font-size:0px;
  line-height:0px;
}*/


/* 06-04-2013 base CSS element - Crea el borde, con esquinas redondeadas, la sombra y se adapta al tamaño del tag en que se aplique. Esta sombra se usa en el unplugturnos1440.php */

.sombra_unplug {
  background: #eee;
  border: 1px solid #ccc;
  padding: 0px;
  border-radius: 10px;
  box-shadow: 2px 5px 100px rgba(93, 247, 247, 0.7); 
/*  position: relative;
  width: 500px; */
}