/*--------------------------------------------------------------------------
 Clic 2006
----------------------------------------------------------------------------
 File: generales.css
 Sitio: www.c2e-us.net
 	    Gerardo Gonzalez Flores
 		--> gerardo AT clic DOT com DOT mx <--
---------------------------------------------------------------------------		
 CSS Layout styles for the web site.
 Layout CSS para el sitio.
--------------------------------------------------------------------------*/


/* Layout
-------------------------------------------------------------------*/
 body {
	background:  url(../img/body_bg.jpg) repeat-x top; 
 }
 #wrapper{
 	width:774px;
	position:relative;
	margin-left:-387px;
	left:50%;
	background-image:none;
	background: #FFFFFF;
 }
 #header{
 	background: url(../img/banner.jpg) no-repeat top;
	width: 774px;
	height:107px;
	position:relative;
 }
 
 #headFooter{
 	background: url(../img/bannerFooter.jpg) no-repeat;
	width: 774px;
	/* Solución de altura minima para navegadores más populares */
	min-height: 10px;
	height: auto !important;
	height: 10px;
	clear:both;
 }
 #menu{
 	width:774px;
	background-color:#000000;	
	clear:both;
 }
 #mainAnimation{
 	float:left;
	width:557px;
 }
 #body{
	background: url(../img/bodyBackground.jpg) repeat-y;
	/* Solución de altura minima para navegadores más populares */

 }
 
 #contenido, .contenido{
 	padding-left:8px;
	padding-right:8px;
	padding-bottom:10px;
	text-align:justify;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	
 }

 #footer{
 	background: url(../img/footer.jpg) no-repeat;
	width:774px;
	height:68px; /* 64px =  Height + padding-top */
	padding-top:10px;
	color:#FFFFFF;
	font-size:10pt;
	position:relative;
	clear:both;
 }
/* =Layout
-------------------------------------------------------------------*/

/* Header 
-------------------------------------------------------------------*/
 #logo {
 	background: url(../img/logo.jpg) no-repeat;
	width: 174px;
	height: 63px;
	position:absolute;
	top: 11px;
	left:8px;
 }
 #quickLinks{
 	width:121px;
	height:70px;
	/*background:#B43B33;*/
	position:absolute;
	top:19px;
	left:413px;
	font-size:0px;
	
 }
 #quickLinks * {font-size:0px;}
 
 #language{
 	height:8px;
	text-align:center;
	position:absolute;
	top:5px;
	left:720px;
	width:40px;
	z-index:9;
 }
/* #language a{
	color:#FFFFFF;
	text-decoration:none;
 }
 #language a:hover{
 	text-decoration:underline;
 }
  #language{
 	color:#FFFFFF;
	font-size:8pt;
	padding-top:10px;
 }*/
 #iconsLinks{
 	width:106px;
	margin-left:auto;
	margin-right:auto;
 }
 #iconsLinks *{
 	vertical-align:middle;
 }
 #iconsLinks li{
 	/* float:left */
	display:inline;
 	margin-left:auto;
	margin-right:auto;
	list-style:none;
 }

 #tracking{
 	width:217px;
	height:83px;
	/*background:#00FF66;*/
	position:absolute;
	top:5px;
	left:550px;
	z-index:8;
	border:0px;
 }
/* =Header
------------------------------------------------------------------*/
/* Footer 
------------------------------------------------------------------*/
 #footer span{
 	font-weight:bold;
	
 }
 ul#direcciones{
	width:671px;
	margin-left:auto;
	margin-right:auto;
	list-style-image:none;
	list-style:none;
 }
 
 #adressMexico{
	background: url(../img/mxFlag.jpg)  no-repeat left 4px;
	float:left;
	width:350px; 
	padding-left:23px;
	text-align:left;
 }
 #adressUSA{
 	background: url(../img/usFlag.jpg) no-repeat left 4px;
	float:left;
	width:275px; 
	text-align:left;
	padding-left:23px;
 }
 
 #footer a, #footer a:hover, #footer a:visited{
	color:#FFFFFF 
 }
 
 /* URL de pie de página de CLIC*/
 #clicUrl
 {
	position:absolute;
    right:5px; 
	top:78px;
 }

 #clicUrl *
 {
	font-size:7pt;
	color:#000000;
	text-decoration:none;
 } 
 #clicUrl h3{
	background:none;
	font-weight:normal; 
 }

/* =Footer
-------------------------------------------------------------------*/


ul#siteMap li{
 	list-style:none;
}

ul#credits li{
	list-style:none;
}

ul#webcams li{
	list-style:none;
}

#siteMap a{
	color:#000000;
}
/* Estilos para el convertidor de medidas
--------------------------------------------------------------------*/
#idConvertidor {
	position:relative;
	 width:460px;
	 height:160px;
}
#innerConvertidor
{

}
#converterDistancia{
	border:1px solid #999999;
	left:10px;
	background: #CCCCCC;
	padding:2px;
	margin:2px;
	text-align:left;
	/* Solución de altura minima para navegadores más populares */
	min-height: 11.3em;
	height: auto !important;
	height: 11.3em;
}

#converterMedidas{
	border:1px solid #999999;
	background: #CCCCCC;
	padding:2px;
	margin:2px;
	text-align:left;
	/* Solución de altura minima para navegadores más populares */
	min-height: 11.3em;
	height: auto !important;
	height: 11.3em;
}

#converterMasa{
	border:1px solid #999999;
	width:225px;
	background: #CCCCCC;
	padding:2px;
	text-align:left;
}

#converterTemperatura{
	border:1px solid #999999;
	position:absolute;
	left:10px;
	top:120px;
}

#converterPesVol{
 border:1px solid #999999;
 width:550px;
 background: #CCCCCC;
 padding:2px;
 margin-bottom:5px;
 margin-top:5px;
}
.fuelSurcharge{
	background: url(../img/c2e_desktop.jpg) repeat-y top center;
	background-position:top -3px;
}

#webCamJuarezLincoln div{
	padding:4px;
}
/* AJAX Clase*/

	.loading{
		text-align:center;
	}
	.ajaxDiv { background:#FFFFFF; /* el fondo evita el efecto de pelos en IE*/}