/*
 
contenidos.css : Formato de presentacion para los contenidos del sitio web
Version: 1.0 -  7 de Septiembre de 2009
Sitio web: www.colombiantravel.com
 
Diseno visual
- Leonardo Pineda
- leo(a)pinedaproject(,)com
 
Codificacion css y xhtml
- Carlos Julio Caicedo
- carloscaicedo(a)gmail(,)com
 
Tipo de licenciamiento
Licencia Reconocimiento-Compartir bajo la misma licencia 2.5
http://creativecommons.org/licenses/by-sa/2.5/co/
 
*/
 
 
 
/*
Definicion de la tipografia general
*/

body,
input, 
textarea, 
select
{
	font-family: Arial, Helvetica;
	font-size: 14px;
	color:#333333;
}

p
{
	line-height: 1.35em;
	margin-bottom: 1em;
}
li
{
	line-height: 1.35em;
	margin-bottom: 0.25em;
}
p a,
li a
{
	color:#105D91;
	font-weight: bold;
}
	p a:hover,
	li a:hover
	{
		color:#6CB848;
	}


/*
Definicion del formato de presentacion para el contenido principal
*/

/*Primero vamos con el camino de migas*/

#camino
{
	margin-bottom:5px;
	width: 700px;
	float: left;
	clear: both;
}
	#camino p
	{
		font-size: 0.75em;
		color: #999999;
	}
		#camino p a
		{
			color: #666666;
		}
		
/* Formato de presentacion para los contenidos principales */

#contenidoPrincipal .contenido h1
{
	font-size:1.75em;
	margin-bottom: 0em;
	color: #FF6600;
}

#contenidoPrincipal .contenido h2
{
	font-size:1.3em;
	margin-bottom: 0.5em;
	font-weight: bold;
}
#contenidoPrincipal .contenido h3
{
	color:#666666;
	font-size:1.3em;
	margin-bottom: 0.5em;
}
#contenidoPrincipal .contenido h4
{
	color:#333333;
	font-size:1.25em;
	margin-bottom: 0em;
}



/* Ajustes para la presentacion del mapa*/


#contenidoSecundario div.contenido small a
{
	color: #FFFFFF;
	font-size: 1px;
	text-decoration: none;
}

/* Presentacion de un formulario*/

#formulario
{
	margin: 10px 0 10px 0;
}
	#formulario label
	{
		font-size: 0.9em;
	}
	#formulario #personalInformation input,
	#formulario #aboutTrip input,
	#formulario #aboutTrip textarea
	{
		color: #333333;
	}
		/*Hack-box*/
		#formulario #personalInformation input,
		#formulario #aboutTrip input,
		#formulario #aboutTrip textarea,
		#formulario #comments textarea
		{
			width:320px;
			padding:1px 2px 1px 2px;
			voice-family: "\"}\"";
			voice-family: inherit;
			width:316px; /*Para el ie60*/
		}
		html>body div#formulario #personalInformation input,
		html>body div#formulario #aboutTrip input,
		html>body div#formulario #aboutTrip textarea,
		html>body div#formulario #comments textarea
		{
			width:316px; /*Para el firefox*/
		}
		/*Fin del Hack-box*/

		#formulario #aboutTrip textarea
		{
			height: 3.2em;
		}
		#formulario #comments textarea
		{
			height: 5.2em;
		}
	
	#formulario #btns p
	{
		text-align: center;
	}
		#formulario #btns button
		{
			font-size: 1.0em;
			border: 1px solid #666666;
			background: #CCCCCC;
			font-weight: bold;
			color: #333333;
			padding: 1px 7px 1px 7px;
			cursor:hand;
			cursor: pointer;
		}


/**/

/* Formato de presentacion para los contenidos secundarios */

#contenidoSecundario h2
{
	color: #105D91;
	font-size: 1.25em;
	margin-bottom: 0.5em;
	font-weight: bold;
}
	#contenidoSecundario h2 a
	{
		color: #105D91;
	}

#contenidoSecundario div.slide p
{
	margin: 0;
	padding: 0;
}

/* Presetacion para el listado de tours */

#listadoTours
{
	border-top:1px solid #CCCCCC;
	padding: 0 0 0 0;
	margin: -5px 0 0 0;
}
	#listadoTours li
	{
		list-style-type: none;
		margin: 0 0 10px 0;
	}
		#listadoTours li p
		{
			font-size: 0.9em;
		}

/* Presentacion para el listado de eventos */

#listadoPromociones
{
	padding:5px 0 0 0;
	margin:0;
}
	#listadoPromociones li
	{
		margin:0 0 0 15px;
		font-size:0.9em;
	}
		#listadoPromociones li p
		{
			font-size: 0.9em;
		}