/*-----------------------------------------------------------------------------
[cliente] Electrifica

version:   1.0
fecha:      16/07/12
autor:    enequince
email:     hello@n15.mx
website:   www.n15.mx
GRACIAS POR EL INTERES EN ESTE CÓDIGO
-----------------------------------------------------------------------------*/

body, html {
	height: 100%;
}

body, div, ul, li, td, h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

span, img, form, h1, h2, h3, h4, h5, h6, fieldset {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
}

header, nav, section, article, aside, footer {
	display: block;
}

img {
	vertical-align: middle;
}

table {
	border: 0;
}

strong {
	font-weight: 700;
}

em {
	font-style: normal!important;
}

/* LAYOUT */

body {
	font-family: 'Homenaje', sans-serif;
	font-weight: 400;
	margin: 0;
	padding: 0;
	background: #f7f7f7 url(../img/background.png) repeat top left;
}

div#wrapper {
	width: 950px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	background: #fff;
}

	div#header {
		width: 950px;
		height: 100px;
		margin: 0;
		padding: 0;
	}

		div.logo {
			width: 290px;
			height: 50px;
			padding: 20px 30px 30px;
			float: left;
		}

		div.deco {
			width: 600px;
			height: 100px;
			margin: 0;
			padding: 0;
			float: left;
		}

	div#nav {
		width: 950px;
		height: 140px;
		margin: 0;
		padding: 0;
	}

		div.menu {
			width: 350px;
			height: 140px;
			float: left;
			padding: 0;
			margin: 0;
		}

			ul.nav-items {
				list-style-type: none;
				margin: 0;
				padding: 17px 0;
				height: 106px;
				background: url(../img/bg_menu_list.png) no-repeat top left;
			}

			ul.nav-items li {
				font-size: 14px;
				line-height: 100%;
				text-transform: uppercase;
				padding: 2px 0;
			}

			ul.nav-items li a, ul.nav-items li a:visited {
				padding-left: 30px;
				color: #003e7e;
				text-decoration: none;
			}

			ul.nav-items li a:hover {
				/*font-weight: 700!important;*/
				background: url(../img/menu_mark.png) no-repeat 10px -19px;
			}

			ul.nav-items a.active {
				/*font-weight: 700!important;*/
				background: url(../img/menu_mark.png) no-repeat 10px 0px;				
			}

			ul.sub-nav {
				width: 260px;
				height: 106px;
				margin: 0;
				padding: 17px 0px 17px 20px;
				position: relative;
				top: -140px;
				left: 150px;
				z-index: 100;
				list-style-type: none;
				background: url(../img/sub_nav_bg.png) no-repeat top left;
			}

			ul.sub-sub-nav {
				width: 246px;
				height: 116px;
				margin: 0;
				padding: 12px 0px 12px 70px;
				position: relative;
				top: -280px;
				left: 367px;
				z-index: 90;
				list-style-type: none;
				background: url(../img/sub_sub_nav_bg.png) no-repeat top left;
			}

				ul.sub-nav li {
					font-size: 14px;
					line-height: 100%;
					text-transform: uppercase;
					padding: 6px 0 6px;
				}

 				ul.sub-sub-nav li {
					font-size: 13px;
					line-height: 100%;
					text-transform: uppercase;
					padding: 3px 0;
				}				

				ul.sub-nav li a, ul.sub-nav li a:visited, ul.sub-sub-nav li a, ul.sub-sub-nav li a:visited {
					padding: 0;
					color: #ffc423;
					text-decoration: none;
				}

				ul.sub-nav li a:hover, ul.sub-nav li a.active, ul.sub-sub-nav li a:hover, ul.sub-sub-nav li a.active {
					color: #fc9c00;
					/*font-size: 15px!important;*/
				}

		div.statement {
			width: 450px;
			height: 140px;
			float: left;
			padding: 0 0 0 150px;
			margin: 0;
		}

	div#main {
		width: 890px;
		overflow: hidden;
		padding: 30px;
	}

		div.col-2 {
			width: 445px;
			height: 570px;
			/*overflow: hidden;*/
			float: left;
			padding: 0;
			margin: 0;
		}

		#main h1 {
			font-size: 30px;
			font-weight: 400;
			line-height: 130%;
			color: #003e7e;
			margin: 0 0 20px;
			text-transform: uppercase;
		}		

		#main h2 {
			font-size: 18px;
			font-weight: 400;
			line-height: 100%;
			color: #003e7e;
			margin: 0 0 20px;
			text-transform: uppercase;
		}

		#main h4 {
			color: #003e7e;
			font-size: 15px;
			line-height: 170%;
			margin: 0 0 20px;
			font-weight: 400;
			text-transform: uppercase;
		}		

		#main p {
			color: #464646;
			font-size: 15px;
			line-height: 170%;
			margin: 0 0 20px;
			font-weight: 400;
		}

		ul.empresa, ul.general, ul.highlites {
			list-style-type: none;
			margin: 0 0 20px;
			padding: 0;
		}

		ol.general {
			list-style-position: inside;
			margin: 0 0 20px;
			padding: 0;
		}		

			ul.empresa li {
				font-weight: 400;
				color: #003e7e;
				font-size: 15px;
				line-height: 150%;
			}

			ul.general li, ol.general li {
				font-weight: 400;
				color: #464646;
				font-size: 15px;
				line-height: 120%;
				padding: 5px 0;
			}

			ul.highlites li {
				font-weight: 400;
				color: #003e7e;
				font-size: 18px;
				line-height: 150%;
				text-transform: uppercase;
			}

			ul.highlites li a, ul.highlites li a:visited {
				color: #003e7e;
				text-decoration: none;
			}

		ul.alianza-nav {
			list-style-type: none;
			margin: 0;
			padding: 0;
			overflow: hidden;
		}

			ul.alianza-nav li {
				float: left;
				margin: 0 15px 0 0;
			}

				ul.alianza-nav li img {
					vertical-align: middle;
				}

		div.sucursal {
			height: 80px;
			padding: 10px 15px;
			margin: 30px 0 0;
			background: url(../img/sucursal_bg.png) no-repeat top left;
		}

			div.sucursal p {
				line-height: 130%!important;
				font-size: 13px!important;
				color: #003e7e!important;
				margin: 0!important;
				padding: 0!important;
			}

		div.domicilio {
			width: 219px;
			height: 100px;
			background: url(../img/localizacion_bg.png) no-repeat center;
			position: relative;
			top: 200px;
			left: 50px;
			padding: 20px 0 0 20px;
			margin: 0;
		}

			div.domicilio p {
				line-height: 150%!important;
				font-size: 14px!important;
				color: #fff!important;
				margin: 0!important;
				padding: 0!important;
			}		

	div#footer {
		width: 950px;
		height: 87px;
		padding: 20px 0 0;
		margin: 0;
		border-top: #fcb034 3px solid;
		background: #003e7e url(../img/footer_bg.jpg) no-repeat center center;
	}

		p.foot {
			font-size: 14px;
			color: #fff;
			margin: 0 0 10px;
			padding: 0;
			text-align: center;
		}

			p.foot a, p.foot a:visited {
				color: #fff!important;
			}

/* FORM */

form {
	width: 330px;
	overflow: hidden;
}

label {
	font-size: 13px;
	text-transform: uppercase;
	color: #003e7e;
	width: 100%;
	display: block;
	margin: 0 0 5px;
}

div.legend {
	width: 200px;
	font-size: 13px;
	line-height: 100%;
	text-transform: uppercase;
	color: #003e7e;
	margin: 0;
	padding: 0;
	float: right;
}

fieldset {
	padding: 10px 0 0;
}

input[type="text"] {
	font-family: 'Homenaje', sans-serif;
	font-size: 15px;
	color: #464646;
	width: 320px;
	height: 36px;
	border: none;
	padding: 0 5px;
	margin: 0 0 10px;
	background: url(../img/input_bg.jpg) no-repeat center;
}

input[type="submit"] {
	font-family: 'Homenaje', sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	background: #003e7e;
	color: #fff;
	width: 67px;
	height: 24px;
	border: none;
	cursor: pointer!important;
}

textarea {
	font-family: 'Homenaje', sans-serif;
	font-size: 15px;
	color: #464646;
	width: 320px;
	height: 90px;
	border: none;
	padding: 5px;
	margin: 0 0 10px;
	background: url(../img/textarea_bg.jpg) no-repeat center;
	overflow: auto;
}
/*
#contact label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font-size: 1.5em; -webkit-border-radius:5px; }
#contact input, textarea, select { width: 280px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:1.5em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; webkit-border-radius:5px; }
#contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#contact input.submit { width: 85px; cursor: pointer; border: 1px solid #222; background:#333; color:#fff; }
#contact input.submit:hover { background:#444; }
#contact input[type="submit"][disabled] { background:#888; }
#contact fieldset { padding:20px; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; }
#contact legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }

#contact span.required{ font-size: 13px; color: #ff0000; }
*/

#message { margin: 0; padding: 0; }

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../img/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px; }

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url(../img/success.gif) left no-repeat; padding-left:22px; }

acronym { border-bottom:1px dotted #ccc; }

/* BACKGROUNDS */

.intro-logo-bg {
	background: #fff url(../img/intro_logo_bg.jpg) no-repeat top right;
}

.intro-deco-bg {
	background: #fff url(../img/intro_deco_bg.jpg) no-repeat top left;
}

.intro-menu-bg {
	background: #fff url(../img/intro_menu_bg.jpg) no-repeat top right;
}

.intro-statement-bg {
	background: #fff url(../img/intro_statement_bg.jpg) no-repeat top left;
}

.intro-main-bg {
	background: #fff url(../img/intro_main_bg.jpg) no-repeat top right;
}

.empresa-deco-bg {
	background: #fff url(../img/empresa_deco_bg.jpg) no-repeat top right;
}

.empresa-statement-bg {
	background: #fff url(../img/empresa_statement_bg.jpg) no-repeat top right;
}

.empresa-menu-bg {
	background: #fff url(../img/empresa_menu_bg.jpg) no-repeat top right;
}

.empresa-main-bg {
	background: #fff url(../img/empresa_main_bg.jpg) no-repeat top right;
}

.servicio-redes-deco-bg {
	background: #fff url(../img/servicio_redes_deco_bg.jpg) no-repeat top right;
}

.servicio-redes-statement-bg {
	background: #fff url(../img/servicio_redes_statement_bg.jpg) no-repeat top right;
}

.servicio-redes-menu-bg {
	background: #fff url(../img/servicio_redes_menu_bg.jpg) no-repeat top right;
}

.servicio-redes-main-bg {
	background: #fff url(../img/servicio_redes_main_bg.jpg) no-repeat top right;
}

.servicio-subestaciones-deco-bg {
	background: #fff url(../img/servicio_subestaciones_deco_bg.jpg) no-repeat top right;
}

.servicio-subestaciones-statement-bg {
	background: #fff url(../img/servicio_subestaciones_statement_bg.jpg) no-repeat top right;
}

.servicio-subestaciones-menu-bg {
	background: #fff url(../img/servicio_subestaciones_menu_bg.jpg) no-repeat top right;
}

.servicio-subestaciones-main-bg {
	background: #fff url(../img/servicio_subestaciones_main_bg.jpg) no-repeat top right;
}

.servicio-alumbrado-deco-bg {
	background: #fff url(../img/servicio_alumbrado_deco_bg.jpg) no-repeat top right;
}

.servicio-alumbrado-statement-bg {
	background: #fff url(../img/servicio_alumbrado_statement_bg.jpg) no-repeat top right;
}

.servicio-alumbrado-menu-bg {
	background: #fff url(../img/servicio_alumbrado_menu_bg.jpg) no-repeat top right;
}

.servicio-alumbrado-main-bg {
	background: #fff url(../img/servicio_alumbrado_main_bg.jpg) no-repeat top right;
}

.servicio-eficiente-deco-bg {
	background: #fff url(../img/servicio_eficiente_deco_bg.jpg) no-repeat top right;
}

.servicio-eficiente-statement-bg {
	background: #fff url(../img/servicio_eficiente_statement_bg.jpg) no-repeat top right;
}

.servicio-eficiente-menu-bg {
	background: #fff url(../img/servicio_eficiente_menu_bg.jpg) no-repeat top right;
}

.servicio-eficiente-main-bg {
	background: #fff url(../img/servicio_eficiente_main_bg.jpg) no-repeat top right;
}

.clientes-deco-bg {
	background: #fff url(../img/clientes_deco_bg.jpg) no-repeat top right;
}

.clientes-statement-bg {
	background: #fff url(../img/clientes_statement_bg.jpg) no-repeat top right;
}

.clientes-menu-bg {
	background: #fff url(../img/clientes_menu_bg.jpg) no-repeat top right;
}

.clientes-main-bg {
	background: #fff url(../img/clientes_main_bg.jpg) no-repeat top right;
}

.alianza-deco-bg {
	background: #fff url(../img/alianza_deco_bg.jpg) no-repeat top right;
}

.alianza-statement-bg {
	background: #fff url(../img/alianza_statement_bg.jpg) no-repeat top right;
}

.alianza-menu-bg {
	background: #fff url(../img/alianza_menu_bg.jpg) no-repeat top right;
}

.alianza-main-bg {
	background: #fff url(../img/alianza_main_bg.jpg) no-repeat top right;
}

.contacto-deco-bg {
	background: #fff url(../img/contacto_deco_bg.jpg) no-repeat top right;
}

.contacto-statement-bg {
	background: #fff url(../img/contacto_statement_bg.jpg) no-repeat top right;
}

.contacto-main-bg {
	background: #fff url(../img/contacto_main_bg.jpg) no-repeat top right;
}


/* HELPERS */

.no-margin {
	margin: 0!important;
}

.no-padding {
	padding: 0!important;
}

.position-rel {
	position: relative;
}

.margin-20-bot {
	margin-bottom: 20px!important;
}

em {
	color: #003e7e!important;
}

.cfe {
	color: #00a651!important;
}

.center-txt {
	text-align: center;
}

.single-line {
	line-height: 120%!important;
}

.uppercase {
	text-transform: uppercase!important;
}

/* SLIDER */ 

.bx-prev {
	float: left;
	text-transform: uppercase;
	font-size: 13px!important;
	color: #003e7e!important;
	text-decoration: none;	
}

.bx-next {
	float: right;
	text-transform: uppercase;
	font-size: 13px!important;
	color: #003e7e!important;
	text-decoration: none;	
}