/* COLORES DE LA PAGINA 
marron muy oscuro=#514a30
marron oscuro = #86816d
marron intermedio=#b0ab96
marron clarito= #e2ddc9
azul generico = #01316f
color de fondo= #edeae3
amarillo logo=#cea32c
*/


BODY  {	

	background: #3b200b; 
	font-family: Trebuchet MS,verdana,arial,helvetica;	
	font-size : 8pt;
	color : #f1ecc9;
	height:100%; 
	margin: 0px auto; 

}


A  {font-size : 9pt;text-decoration : none;color : #c42e21;}
A:Visited  {text-decoration : none;	color :#c42e21;}
A:Active  {text-decoration : none;	color : #c42e21;}
A:Hover  {text-decoration : underline; color : #f1ecc9;}


#contenedor { /* los marcados con almohadilla son solo para IE*/

	top:0px;
	#top:115px;
	height: 100%; 
	#height: 86%; 
	/*overflow: auto; */
	position: relative; 
	z-index: 0; 
	border: 0px solid #cc0000;
	#border: 0px solid #cc0000;
	}

#contenedor24 { /* esto es para la resolucion baja 1024 IE*/

	top:0px;
	#top:115px;
	height: 100%; 
	#height: 80%; 
	overflow: auto; 
	position: relative; 
	z-index: 0; 
	border: 0px solid #cc0000;
	#border: 0px solid #cc0000;
	}

#contenido {
	position: relative;
	margin:0 auto 0 auto; 
	top: 1px;
	#top: 1px;
	#left:6px;
	right: 0; bottom: 0;
    width: 98%; 
	text-align: center;
	height: auto; 
	overflow: hidden;

	color : #01316f;
	border: 0px solid #cc0000;
	}

#contenido2{ 
	position: relative; 
	top:0px;
	left:0px;
	width: 99%; 
	text-align: left; 
	border: 2px solid #cc0000;
	}

#cabecera { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width:100%;
  	border: 0px solid #978A68;
	/*background: #f1ecdd url("imagenes/logo.jpg") no-repeat center top; 
	background-attachment: fixed;*/
 	z-index: 2; 
	}


td.mini{
	color :#003a86;
	/*font-size : 0.7em;*/
	font-size: 95%;
	line-height: 110%
}

td.marco{
margin:5px; 
padding:10px; 
border-width:4px; 
border-color:#D21F0F; 
border-style:ridge;
}



#pie{

	position:absolute;
	border: 0px solid #cc0000;
	bottom:0px;
	left:0px;
	width:100%;
	text-align: center;
	color : #f1ecc9;
	font-size : 0.8em;
	background: url("imagenes/pie.jpg") no-repeat center top !important;
	background-image: url("imagenes/pie.jpg") no-repeat center top !important;
	}


#lienzo{
	position: relative;
	text-align:left;
	font-size : 8pt;
	color : #f1ecc9;
	border: 1px solid #0618c0;
  	background: url(imagenes/fondo_lienzo.jpg);

}


p.titular_lateral{
	background-color: #01316f;
	color:#cda22c;/*amarillo logo*/
	font-weight:bold;
}

.interior
	{
	padding:2.1em;
	color:#000000;
	}

.menu
	{
	padding:0.5em;
	text-align:center;
	}

.menu A  {font-size : 8pt;text-decoration : none;color : #ffffff;}
.menu A:Visited  {text-decoration : none;	color :#ffffff;}
.menu A:Active  {text-decoration : none;	color : #01316f;}
.menu A:Hover  {background: #c0baa6; color : #01316f; text-decoration : none;}

.menu_fijo{
font-size : 8pt;
color : #f1ecc9;
background: #cea32c;
}







/*------------------------------------
	Para las sombras de las fotos
--------------------------------------*/

.sombra {
  float:left;
  background: url(imagenes/sombrafotos.png) no-repeat bottom right !important;
  background: url(imagenes/sombrafotos.gif) no-repeat bottom right;
  margin: 5px 0 0 5px !important;
  margin: 5px 0 0 3px;
  }

.sombra img {
  display: block;
  position: relative;
  background-color: #d0c9b3;
  border: 1px solid #86816d;
  margin: -5px 5px 5px -5px ;
  padding: 2px;
  } 

.sombra_sm {
  float:left;
  background: url(imagenes/sombrafotos.png) no-repeat bottom right !important;
  background: url(imagenes/sombrafotos.gif) no-repeat bottom right;
  margin: 5px 0 0 5px !important;
  margin: 5px 0 0 3px;
  }

.sombra_sm img {
  display: block;
  position: relative;
  background-color: #d0c9b3;
  border: 1px solid #86816d;
  margin: -4px 4px 4px -4px ;
  padding: 2px;
  } 





/*------------------------------------
	Para las seccion PORTADA DESTINOS
--------------------------------------*/




SELECT, OPTION {
font-family:Trebuchet MS,verdana,arial,helvetica;
font-style:normal; 
font-weight:normal; 
font-size: 0.9em; 
color:#01316f; 
background-color:#c4d8f2; 
border-width:1px; 
border-color:#b4240d; 
border-style:solid
}

TEXTAREA, INPUT{
font-family:Trebuchet MS; 
font-style:normal; 
font-weight:normal; 
font-size: 0.9em;
color:#b4240d; 
background-color:#e5e3b9; 
border-width:1px; 
border-color:#b4240d; 
border-style:solid
}


td.mayusculas
{
text-transform: uppercase; 
}

td.marron
{
border-bottom-style: dotted;
border-bottom-color: #998a69;
border-bottom-width:0px;
font-size : 8pt;
color:#000f87;
background-color:#a69976; 
}

table.rayado
{
border:1px solid #86816d; /* marron oscuro*/
font-size : 8pt;
color: #514a30; /*marron muy oscuro*/
background-color: #e2ddc9; /* marron clarito */
}


/* -------------------------------------------------------------
					GENERALES
------------------------------------------------------------------*/

p{
	font-family: Trebuchet MS,verdana,arial,helvetica;	
	font-size : 8pt;
	color : #000000;
}


td.titular_rojo{
	font-size : 12pt;
 	font-style:italic;
	text-align:left;
	color: #c42e21; /*rojo*/
}

.foto{
	border-style: solid;
	border-color: #003366;
	border-width:1px;
}


td.crema
{ 
font-size : 9pt;
color:#f1ecc9;
height:10px;
text-transform: uppercase;
}
td.negro
{ 
font-size : 9pt;
color:#000000;
height:5px;
text-transform: uppercase;
}

table.negro
{ 
font-size : 9pt;
color:#000000;
/*text-transform: uppercase;*/
}

td.rojo
{ 
font-size : 9pt;
color:#c42e21;
height:5px;
}

td.crema_citas
{ 
font-size : 8pt;
color:#f1ecc9;
}

/*********************** SCROLLER ***********************/
	#dhtmlgoodies_scrolldiv{
		/* The total width of the scrolling div including scrollbar */
		width:100%;
		height:99%;	/* The height of the scrolling div */
		border:0px solid #000000;
	}
	#scrolldiv_parentContainer{
		width:96%;	/* Width of the scrolling text */
		height:99%;
		overflow:hidden;
		border:0px solid #BC8FBD;
		float:left;
		position:relative;
	}
	
	/*
	CSS for the scrolling content 
	*/
	#scrolldiv_content{
		padding: 5px;
		position:relative;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		font-size: 0.9em;
		line-height:130%;
		color: #333;
	}
	
	/*
	The scrollbar slider 
	*/
	#scrolldiv_slider{
		width:15px;
		margin-left:2px;
		height:500px;
		float:left;
	}
	
	/*
	The scrollbar (The bar between the up and down arrow )
	*/
	#scrolldiv_scrollbar{
		width:8px;
		height:200px;	/* Total height - 40 pixels */
		border:1px solid #5e3a1f;
		position:relative;
		margin-left:3px;
		
	}
	/*
	The scrollbar handle
	*/
	#scrolldiv_theScroll{
		margin:1px;
		width:6px;
		height:25px;
		position:absolute;	
		background-color:#5e3a1f;
		top:0px;
		left:0px;
		cursor:pointer;

	}
	/*
	Scroll buttons(The up and down arrows)
	*/
	#scrolldiv_scrollUp,#scrolldiv_scrollDown{
		width:15px;
		height:11px;
		border:0px solid #946F3A;
		color: #E5E1C1;
		text-align:center;
		font-size:11px;
		line-height:11px;
		cursor:pointer;
	}
	#scrolldiv_scrollUp{
		margin-bottom:2px;
	}
	#scrolldiv_scrollDown{
		margin-top:2px;
	}
	#scrolldiv_scrollDown span,#scrolldiv_scrollUp span{
		font-family: Symbol;
	}

/*********************** FIN SCROLLER ***********************/

/*------------------------------------
	Para el borde MARCO de LIENZO
--------------------------------------*/

/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#tlc, #trc, #blc, #brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlc
	{
	background-image:url(imagenes/tlc.jpg);
	background-position: 0% 0%;
	}

#trc
	{
	background-image:url(imagenes/trc.jpg);
	background-position: 100% 0%;
	}
	
#blc
	{
	background-image:url(imagenes/blc.jpg);
	background-position: 0% 100%;
	}

#brc
	{
	background-image:url(imagenes/brc.jpg);
	background-position: 100% 100%;
	}

#tb, #bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-image:url(imagenes/sup.jpg);
	background-position: 0% 0%;
	}

#bb
	{
	background-image:url(imagenes/inf.jpg);
	background-position: 50% 100%;
	}
	
#rb
	{
	background-image:url(imagenes/dcha.jpg);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#lb
	{
	background-image:url(imagenes/izda.jpg);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}