/*
 
inicial.css : Caracteristicas para la pagina principal
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/
 
*/
 
/*Primero se reinicia todo*/
@import 'reset.css';
/*Todo listo*/
 
 
/*
Caracteristicas comunes para el sitio web
*/
 
 
 
/* [Presentacion y alineacion de elementos] */
 
body
{
	background:#E7E7E7;
	text-align: center;
}
	/*Primero las caracteristicas generales de los divs*/
	#marcoPagina,
	#marcoCabezote,
	#marcoContenidos,
	#marcoPie
	{
		width:100%;
	}
		#marcoCabezote,
		#marcoContenidos,
		#marcoPie
		{
			float:left;
			clear:both;
		}
			#marcoCabezote,
			#marcoPie
			{
				display:block;
			}
				#cabezote,
				#contenidos,
				#pie
				{
					width:920px;
					margin: 0 auto 0 auto;
					position: relative;
					text-align: left;
				}
	/*Ahora las especificas para cada uno*/
	#marcoPagina
	{
	
	}
		#marcoCabezote
		{
			height:173px;
			background: #D9E021;

		}
			#cabezote
			{
				height: 173px;
				background: #D9E021 url('../imgs/cabezote-fondo.gif') bottom right no-repeat;
			}
			#marcoContenidos
			{
				background: url('../imgs/fondo-inicial.gif') center bottom no-repeat;
			}
				/*Hack-box*/
				#contenidos
				{
					padding:10px 23px 0 24px;
					voice-family: "\"}\"";
					voice-family: inherit;
					width:873px; /*Para el ie60*/
				}
				html>body div#contenidos
				{
					width:873px; /*Para el firefox*/
				}
				/*Fin del Hack-box*/
					#contenidoPrincipal
					{
						float: left;
						width: 360px;
						padding-top: 18px;
						background: #FFFFFF url('../imgs/inicial-contprincipal-fondo.gif') top no-repeat;
					}
						#contenidoPrincipal div.contenido
						{
							background: #FFFFFF;
						}
							
							
					/* Margen interna para los contenidos principales*/
					
					/*Hack-box*/
					#contenidoPrincipal div.contenido
					{
						padding:0px 20px 0 20px;
						voice-family: "\"}\"";
						voice-family: inherit;
						width:320px; /*Para el ie60*/
					}
					html>body div#contenidoPrincipal div.contenido
					{
						width:320px; /*Para el firefox*/
					}
					/*Fin del Hack-box*/
					
						#contenidoPrincipal div.contenido img
						{
							margin: 20px 15px 30px 0;
							float: left;
							*margin-bottom:90px; /*Hack para el IE7*/
						}
						
						#contenidoPrincipal div.contenido h1
						{
							color: #105D91;
							font-weight: bold;
							font-size: 1.25em;
							margin-bottom: 0.5em;
						}

						#contenidoPrincipal .destacado
						{
							width:320px;
							margin-top: 30px;
							padding-top: 15px;
							background: url('../imgs/inicial-contprincipal-fondo2.jpg') top no-repeat;
							
						}
							#contenidoPrincipal .destacado div
							{
								background: url('../imgs/inicial-contprincipal-fondo2.jpg') bottom no-repeat;	
								padding: 0 15px 15px 15px;
								color: #FFFFFF;
							}
								#contenidoPrincipal .destacado div h2
								{
									font-size: 1.25em;
								}
								#contenidoPrincipal .destacado div a
								{
									color: #FFFFFF;
								}

					#contenidoSecundario
					{
						margin: 0 0 0 28px;
						float: left;
						padding: 0;
					}
						#contenidoSecundario div.slide
						{
							background: #FFFFFF;
							margin: 0 0 18px 0;
							*margin-top:-18px; /* Hack para el IE7*/
							padding:0;
						}
						#contenidoSecundario div.contenido
						{
							background: url('../imgs/inicial-contsecundario-fondo.gif') top no-repeat;
							padding-top: 10px;
						}

							#contenidoSecundario div.contenido div
							{
								background:#FFFFFF;
								width: 485px;
								float: left;
							}
							/*Hack-box*/
							#contenidoSecundario div.contenido div
							{
								padding:0 15px 0px 15px;
								voice-family: "\"}\"";
								voice-family: inherit;
								width:455px; /*Para el ie60*/
							}
							html>body div#contenidoSecundario div.contenido div
							{
								width:455px; /*Para el firefox*/
							}
							/*Fin del Hack-box*/
						

						#contenidoSecundario div.contenido ul
						{
							list-style-type: none;
							margin-left: 0;
							padding-left: 0;
						}
					
					#fondoContenido
					{
						padding-bottom: 20px;
						float: left;
						clear: both;
						width: 873px;
						background: url("../imgs/fondo_contenidos.gif") bottom left no-repeat;
					}
					#contenidoAdicional
					{
						background: url("../imgs/inicial-contenidoadicional-fondo.gif") #FFFFFF top left no-repeat;
						float: left;
						clear: both;
						width: 760px;
						margin:20px 56px 0 57px;
					}
						/*Hack-box*/
						#contenidoAdicional
						{
							padding:15px 20px 0 20px;
							voice-family: "\"}\"";
							voice-family: inherit;
							width:720px; /*Para el ie60*/
						}
						html>body div#contenidoAdicional
						{
							width:720px; /*Para el firefox*/
						}
						/*Fin del Hack-box*/
						
						#contenidoAdicional h2
						{
							font-size: 1.25em;
							color: #105D91;
							font-weight: bold;
						}
							#contenidoAdicional ul
							{
								padding-left: 15px;
							}


		#marcoPie
		{
			height:130px;
			background:url('../imgs/pie-fondo-inicial.gif') top center no-repeat;
		}


#camino
{
	height: 1px;
	width: 700px;
	display: block;
	float: left;
	clear: both;
}

/*Hack extra–o*/

#superb-slideshow
{
	background: red;
}

/**/