/*
Theme Name: Jacid
Theme URI: http://www.jacid.com.mx/
Description: Plantilla para Jacid.com.mx
Version: 1.0
Author: Sitios GDL
Author URI: http://www.sitiosgdl.com

	Esta plantilla ha sido desarrollada por Gunther González,
	por parte de Sitios GDL para su uso en Jacid.com.mx

*/


/* Layout & Posicionamiento */
body
{
	margin: 				0px;
	text-align:			center;
}

#banner
{
	width: 				595px;
	height: 				85px;
	margin: 				0px;
	position: 			relative;
	margin:				0 auto 5px auto;
}

h2
{
	position: 			relative;
	left: 				10px;
	top: 					10px;
	margin: 				0px;
}

hr
{
	display: 			none;
}

#container
{
	position: 			absolute;
	width:				100%;
	margin: 				0px;
}

#content
{
	width: 				465px; 
	height:				370px; 
	border-left: 		5px solid #000;
	margin-left: 		130px;
}

#content_bottom
{
	height: 				348px;
	width: 				460px;
	margin-top: 		1px;
	padding:				0px;
	background: 		#EA0000 url(img/bg_servicios.png) no-repeat;
}

#content_top
{
	height: 				19px;
	width: 				460px;
}

#content_top p
{
	padding-right:		10px;
	padding-top:		3px;
}

#durango .entry, #estado-de-mexico .entry, #puebla .entry, #jalisco .entry, #ingresar .entry
{
	height: 				260px;
	margin: 				0px;
	margin-top: 		50px;
	padding: 			0px;
	padding-left:		10px;
	float: 				none;
}

.entry
{
	margin: 				0px;
	padding-right: 	10px;
	height: 				300px;
	width: 				250px;
	float: 				right;
	overflow: 			auto;
}

#flags 
{
	float: 				left;
	margin: 				0px;
	padding: 			0px;
	padding-left: 		10px;
	padding-top: 		3px;
}
	
#flags li 
{
	display: 			block;
	float: 				left;
	margin-right: 5px;
}
	
#flags li a 
{
	display: 			block;
	padding-right:		8px;
	color:	#FFFFFF;
	text-transform: capitalize;
}

#flags a img 
{
	border: 				none ;
}

#footer
{
	clear: 				both;
	width: 				100%;
	height: 				25px;
	margin-top: 		-8px !important; /* Hack para que el IE omita esta linea*/
	margin:				0 auto;
}

#header 
{
	position: 			absolute;
	top: 					347px !important;
	top: 					350px;
	padding:				0px;
	margin:				0px;
	height:				103px; !important;
	height:				100px;
	width:				130px;
	border-top: 		5px solid #000 !important; /* Hack para que el IE omita esta linea*/
	border-top: 		2px solid #000;
}

#headerimg 
{
	height:				103px; !important;
	height:				100px;
	width:				100%;
	margin-top: 		-13px !important; /* Hack para que el IE omita esta linea*/
	margin-top: 		0px;
	text-indent:		-5000px;
}

#home .entry
{
	height: 				180px;
	width: 				300px;
	margin-top: 		100px;
	float: 				none;
}

#menu-ingresar
{
	position: 			absolute;
	top: 					325px !important;
	top: 					322px;
	width: 				130px;
}

#menu
{
	padding-top:		19px;
}

#menu ul
{
	margin: 				0px;
	padding: 			0px;
}

#menu ul, li
{
	list-style: 		none;
}

#menu ul li
{
	border-bottom:		2px solid #FFF;
}

#menu a 
{
	display:				block;
	padding:				1px 6px;
}

#menu a:hover 
{
	background:			#F6F6F6;
}
#menu a:focus 
{
	background:			#999;
}

#menu ul ul li a 
{
	padding:				1px 10px;
}

#quienes-somos .entry, #nuestra-mision .entry, #como-operamos .entry, #servicios .entry
{
	height: 				230px;
	margin-top: 		50px;
}

#sidebar
{
	float:				left;
	width:				130px;
	margin-top: 		0px;
}

#wrap 
{
	width:				602px !important; /* Hack para que el IE omita esta linea*/
	width:				605px;
	margin:				0 auto;
	margin-top: 		-10px !important; /* Hack para que el IE omita esta linea*/
	margin-top: 		-8px;
	padding:				0px;
	border:  			none;
	border-left:		5px solid #000;
}



/* Colores & Imágenes */
body
{
	background:			#000 url("img/bg_body.png");	
	color:				#FFF;
}

#container
{
	background:			#000 url("img/bg_container.png") repeat-x top;	 
}

#content
{
	background: 		#000;
}

#content_top
{
	color: 				#000;
	background: 		#FF0000;
}

#footer
{
	background: 		#000;
}

#header 
{
	background: 		#FFF;
}

#headerimg 
{
	background:			url(img/logo.png) no-repeat;
}

#home .entry
{
	color: 				#E5E5E5;
}

#menu
{
	color: 				#3B3B3B;
	background: 		#FFF url(img/bg_menu.png) repeat-x;
}

#home #content_bottom
{
	background: 		#EA0000 url(img/bg_home.png) no-repeat;
}

#quienes-somos #content_bottom
{
	background: 		#EA0000 url(img/bg_quienes-somos.png) no-repeat;
}

#nuestra-mision #content_bottom
{
	background: 		#EA0000 url(img/bg_mision.png) no-repeat;
}

#como-operamos #content_bottom
{
	background: 		#EA0000 url(img/bg_operamos.png) no-repeat;
}

#historia #content_bottom
{
	background: 		#EA0000 url(img/bg_historia.png) no-repeat;
}

#refacciones #content_bottom
{
	background: 		#EA0000 url(img/bg_refacciones.png) no-repeat;
}

#agujas #content_bottom
{
	background: 		#EA0000 url(img/bg_agujas.png) no-repeat;
}

#accesorios #content_bottom
{
	background: 		#EA0000 url(img/bg_accesorios.png) no-repeat;
}

#motores #content_bottom
{
	background: 		#EA0000 url(img/bg_motores.png) no-repeat;
}

#servicios #content_bottom
{
	background: 		#EA0000 url(img/bg_servicios.png) no-repeat;
}

#durango #content_bottom
{
	background: 		#EA0000 url(img/bg_durango.png) no-repeat;
}

#estado-de-mexico #content_bottom
{
	background: 		#EA0000 url(img/bg_edomexico.png) no-repeat;
}

#puebla #content_bottom
{
	background: 		#EA0000 url(img/bg_puebla.png) no-repeat;
}

#jalisco #content_bottom
{
	background: 		#EA0000 url(img/bg_jalisco.png) no-repeat;
}

#contacto #content_bottom
{
	background: 		#EA0000 url(img/bg_contacto.png) no-repeat;
}

#ingresar #content_bottom
{
	background: 		#EA0000 url(img/bg_home.png) no-repeat;
}


/* Tipografía */
body
{	
	text-align:			center;
	font:					10px Verdana, Arial, Helvetica, sans-serif;
}

#banner
{
	text-align: 		center;
}

h2
{
	font-size: 			2.5em;
	font-family: 		"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#content_top
{
	font-weight: 		bold;
	text-align:			right;
}

#durango .entry, #estado-de-mexico .entry, #puebla .entry, #jalisco .entry
{
	text-align:			left;
}

.entry
{
	text-align:			right;
	font-size: 			1.2em;
	font-family: 		"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}


.entry a {
	color: #FFFFFF;
}

#flags 
{
	list-style: 		none;
}
	
#flags li 
{
	text-align: 		left;
}
	
#flags li a 
{
	text-decoration:	none;
}

#home .entry
{
	font-size:			1.8em;
	text-align:			center;
}

#menu
{
	color:				#3B3B3B;
	text-transform:	uppercase;
	font-size:			11px;
}

#menu a 
{
	text-decoration:	none;
	font-weight: 		bold;
	color: 				#3B3B3B;
	background: 		#EDEDED;
}

#menu ul ul li a 
{
	color: 				#7C7C7C;
	font-weight: 		normal;
	font-size: 			9px;
}

#wrap
{
	text-align:			left;
}



/* Formularios */



/* Especiales */
/*
	Hack para evitar el efecto de redimensionamiento 
	con el JavaScript de centrado Vertical y Horizontal.
*/
#container
{
	visibility: 		hidden;
}

/* ------------------- */
#contacto .entry
{
	
	width: 				400px;
	padding-top: 		50px !important; /* Hack para que el IE omita esta linea*/
	padding-top: 		30px;
	padding-left:		20px;
	float: 				none;
	text-align: 		left;
}

textarea
{
	height: 100px;
}

#ingresar .entry
{
	width: 				200px;
	padding-left:		20px;
	float: 				none;
	text-align: 		left;
}

#ingresar .entry a
{
	color: White;
	text-decoration: none;
}

#ingresar .entry a:hover
{
	text-decoration: underline;
}