/*
Theme Name: Inoxpa_v1.0
Theme URI: http://www.inoxpa.com.mx
Description: Tema Comercial Wordpress
Version: 1 (WP2.7)
Author: Carlos Vázquez y Equipo Helium
Author URI: http://www.heliumestudio.com
Tags: acero, industrial, metal
*/

/*** RESET ***/

*					{margin: 0; padding: 0;}
html				{overflow-y: scroll;}
html, body			{height: 101%;}
body				{font-size: 80%; font-family: 'helvetica neue', arial, helvetica, sans-serif; color:#272727; background: #fff url(images/background.jpg) repeat-x left top; text-align:center; line-height: 1.5em;}
a					{outline: none; text-decoration: none;}
a img				{border: none;}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img		{border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ul, li				{list-style:none }
ol					{list-style: decimal inside;}
caption, th	{ text-align:left }
q:before, q:after	{content:''}

/* global reset-reset */
/* the below restores some sensible defaults */
strong				{font-weight: bold }
em					{font-style: italic }
a img				{border:none } /* gets rid of ie's blue borders */

.push {clear: both; display: block; margin-bottom: 20px;}

span.inoxpa			{font-size: .85em; font-weight: bold; color: #708090; text-transform: uppercase;}

/*** TYPO ***/

h1, h2, h3, h5, h5, h6	{ font-weight:bold; font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;} 

h1						{font-size: 1.8em;}
h2						{font-size: 1.5em;}
h3						{font-size: 1.4em;}
h4						{font-size: 1.3em;}
h5						{font-size: 1.2em;}
h6						{font-size: 1.1em;}
p						{font-size: 1em; margin-bottom: 10px;}

/*** LAYOUT ***/

.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 }
div { position:relative }
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 }

.clear {clear: both; display: block;}

.floatRight		{float: right;}
.floatLeft		{float: left;}


/*** DEFAULT ***/

/*page-wrap */
div#page-wrap 	{width: 860px; background-color: #FFF; margin: 0 auto; padding: 0 20px; text-align: left; min-height: 800px;}

/*header*/
div#header 		{width: 900px; margin: 0 -20px; height: 410px; background: transparent url(images/bg-header.jpg) no-repeat left top;}

	/*topnav*/
	div#topnav 		{width: 900px; height: 53px;}
	
	div#rightbar 	{float: right; width: 200px; height: 53px; background: transparent url(images/rightbar.jpg) no-repeat left top;}
	
	div#leftbar		{float: left;  width: 700px; height:53px; background: #4d4d4d url(images/leftbar.jpg) no-repeat left top;}
	
	div#leftbar ul#nav1 {display: block; width: 630px; margin: 24px 0 0 60px; color: #ff6600;}
	
	div#rightbar ul#nav2 {display: block; margin: 26px 0 0 25px; color: #000;}
	
	div#leftbar ul#nav1 li {display: inline;}
	
	div#rightbar ul#nav2 li {display: inline;}
	
	div#leftbar ul#nav1 a {color: #999; padding: 5px 10px; text-transform: uppercase; font-size: 1.1em; font-weight: normal;}
	
	div#rightbar ul#nav2 a {color: #000; padding: 5px 10px; text-transform: uppercase; font-size: 1.1em; font-weight: normal;}
	
	div#leftbar ul#nav1 a:hover, div#rightbar ul#nav2 a:hover {color: #FFF;} 
	
	body#inicio div#page-wrap div#header div#topnav div#leftbar ul#nav1 li a.inicio, body#nosotros div#page-wrap div#header div#topnav div#leftbar ul#nav1 li a.nosotros, body#catalogo div#page-wrap div#header div#topnav div#leftbar ul#nav1 li a.catalogo, body#contacto div#page-wrap div#header div#topnav div#leftbar ul#nav1 li a.contacto {color: #FF6600;}
	/*logotipo*/
	div#page-wrap div#header h1#logo {background: transparent url(images/logo.png) no-repeat left top; width: 453px; height: 196px; text-indent: -9999px; margin: 21px 0 0 0;} 
	
/*promonav*/	

div#page-wrap div#promonav {width: 900px; height: 86px; background-color: #222222; margin: 0 -20px 35px -20px;}

div#page-wrap div#promonav div.promonavframe {color: #666; width: 184px; float: left; border-left: 1px #666 solid; margin: 22px 0 0 0; padding: 0 20px; height: 46px;}

div#page-wrap div#promonav div.promonavframe1 {color: #666; width: 184px; float: left; margin: 22px 0 0 0; padding: 0 20px 0 20px;}

div#page-wrap div#promonav div.promonavframe:hover {color: #999;}

div#page-wrap div#promonav div.promonavframe1:hover {color: #999;}

div#page-wrap div#promonav div.promonavframe1 h2, div#page-wrap div#promonav div.promonavframe h2 {margin: 0 0 10px 0;}

/*barra separadora*/
div#page-wrap div#barra {width: 900px; height: 20px; background-color: #222222; margin: -10px -20px 20px -20px;}




div#page-wrap div#promonav div.promonavframe1 h2 a.pn-nosotros {background: transparent url(images/bg_frame.jpg) no-repeat 0 -81px; width: 146px; height: 33px; text-indent: -9999px; display: block;}

div#page-wrap div#promonav div.promonavframe h2 a.pn-catalogo {background: transparent url(images/bg-frame.jpg) no-repeat 0 -165px; width: 146px; height: 33px; text-indent: -9999px; display: block;}

div#page-wrap div#promonav div.promonavframe h2 a.pn-productos-y-servicios {background: transparent url(images/bg_frame.jpg) no-repeat scroll 0 -115px; width: 146px; height: 46px; text-indent: -9999px; display: block;}

div#page-wrap div#promonav div.promonavframe h2 a.pn-proyectos {background: transparent url(images/bg-frame.jpg) no-repeat 0 -231px; width: 146px; height: 33px; text-indent: -9999px; display: block;}


div#page-wrap div#promonav div.promonavframe1 h2 a.pn-nosotros:hover {background: transparent url(images/bg_frame.jpg) no-repeat 0 0; width: 146px; height: 33px; text-indent: -9999px; display: block;}

div#page-wrap div#promonav div.promonavframe h2 a.pn-catalogo:hover {background: transparent url(images/bg-frame.jpg) no-repeat 0 -33px; width: 146px; height: 33px; text-indent: -9999px; display: block;}

div#page-wrap div#promonav div.promonavframe h2 a.pn-productos-y-servicios:hover {background: transparent url(images/bg_frame.jpg) no-repeat scroll 0 -34px; width: 146px; height: 44px; text-indent: -9999px; display: block;}

div#page-wrap div#promonav div.promonavframe h2 a.pn-proyectos:hover {background: transparent url(images/bg-frame.jpg) no-repeat 0 -99px; width: 146px; height: 33px; text-indent: -9999px; display: block;}


body#nosotros div#page-wrap div#promonav div.promonavframe1 h2 a.pn-nosotros {background: transparent url(images/bg_frame.jpg) no-repeat 0 0; width: 146px; height: 33px; text-indent: -9999px; display: block;}

body#catalogo div#page-wrap div#promonav div.promonavframe h2 a.pn-catalogo {background: transparent url(images/bg-frame.jpg) no-repeat 0 -33px; width: 146px; height: 33px; text-indent: -9999px; display: block;}

body#productos-y-servicios div#page-wrap div#promonav div.promonavframe h2 a.pn-productos-y-servicios {background: transparent url(images/bg_frame.jpg) no-repeat scroll 0 -34px; width: 146px; height: 44px; text-indent: -9999px; display: block;}

body#proyectos div#page-wrap div#promonav div.promonavframe h2 a.pn-proyectos {background: transparent url(images/bg-frame.jpg) no-repeat 0 -99px; width: 146px; height: 33px; text-indent: -9999px; display: block;}

div#page-wrap div#promonav a {color: #666;}
div#page-wrap div#promonav a:hover {color: #FFF;}


/*Leftsidebar*/

div#page-wrap div#leftsidebar {float: left; min-width: 204px;}

div#page-wrap div#rightsidebar {width: 164px; float: right; padding: 0 0 0 20px;}

div#page-wrap div#rightsidebar h4, div#page-wrap div#leftsidebar h4 {color: #f8862A; font-style: normal; font-weight: bold; text-transform: uppercase;}

div#page-wrap div#leftsidebar p {font-weight: bold; line-height: 1.3em; font-size: 1em;}

div#page-wrap div#leftsidebar form#searchform input#searchsubmit {background: #FFF url(images/bullet.jpg) no-repeat left top; width: 60px; height: 30px; border: none; padding: 0 0 0 26px; font-weight: bold;}

div#page-wrap div#leftsidebar form#searchform input#s {background-color: #CCC; border: 1px #666 solid; height: 16px; width: 120px; font-weight: bold; color: #666; padding: 4px 6px 4px 6px; margin: 4px 0 4px 0;}

/*Contenido*/

div#page-wrap div#contenido {min-height: 600px; margin: 0; padding: 0 20px 0 20px; border-left: 1px #999 solid; border-right: 1px #999 solid; width: 430px; float: left;}

/*RightSidebar*/

div#page-wrap div#rightsidebar h2 {font-size: 1.3em; text-transform: uppercase; color: #B22222; font-weight: bold; font-size: 1.2em;}

div#page-wrap div#rightsidebar li {list-style-type: disc; list-style-position: inside;}

div#page-wrap div#rightsidebar ul li a {color: #666; padding: 2px 4px;}

div#page-wrap div#rightsidebar ul li a:hover {color: #B22222;}



/*Productos*/	

div#page-wrap div#contenido h2 {text-transform: uppercase; color: #FF8C00; margin: 0 0 10px 0;}

div#page-wrap div#contenido h3 {font-size: 1.3em; text-transform: uppercase; color: #666666; font-weight: bold; font-size: 1.2em;}

div#page-wrap div#contenido a.ligamodel, div#page-wrap div#contenido a.ligamodel {background-color: #666; padding: 1px 4px; color: #999; font-weight:bold; float: right; text-transform: uppercase; font-size: .7em;}

div#page-wrap div#contenido a.ligamodel:hover, div#page-wrap div#contenido a.ligamodel:hover {background-color: #B22222; color: #FFF;}

div#page-wrap div#contenido h3 a {color: #666; font-weight:bold; font-size: .9em; text-transform: uppercase;}

div#page-wrap div#contenido a:hover {color: #B22222;}

div#page-wrap div#contenido div.producto div.intro p {color: #444;}

div#page-wrap div#contenido div.producto div.intro p strong {color: #B22222; font-size: .8em; text-transform: uppercase;}

div#page-wrap div#contenido div#nuevosproductos, div#page-wrap div#contenido div#promociones {padding-bottom: 20px; margin-bottom: 20px;}

div#page-wrap div#contenido div.fotoprincipal img.thumbnail {border: 2px #666 solid; width: 85px; margin-bottom: 20px;}

div#page-wrap div#contenido div.fotoprincipal img.fotoprincipal {border: 2px #CCC solid; width: 420px; margin-bottom: 20px;}

div#page-wrap div#contenido div.producto {margin: 0 0 14px 0; min-height: 75px; border-bottom: 1px #999 dotted;}
div#page-wrap div#contenido div.thumbnail {width: 100px; height: 75px; float: left; clear: left;}

div#page-wrap div#contenido div.intro {margin-left: 110px;}


/*SERVICIOS*/

div#page-wrap div#contenido div#post-67 h3 {font-size: 1.15em; text-transform: uppercase; color: #B22222; font-weight: bold;}

div#page-wrap div#contenido div#post-67 h4 {color: #B22222; font-weight: bold; font-size: 1em; color: #444;}

/*EQUIPOS*/
div#page-wrap div#contenido div#post-85 h3 {font-size: 1.15em; text-transform: uppercase; color: #B22222; font-weight: bold;}

div#page-wrap div#contenido div#post-85 h4 {color: #B22222; font-weight: bold; font-size: 1em; color: #444;}

div#page-wrap div#contenido div#post-85 ul li {list-style-type: disc; list-style-position: inside;color: #FF8C00; border-bottom: 1px dotted #999; margin: 0 0 4px 0; padding-bottom: 4px;}

div#page-wrap div#contenido div#post-85 ul li span {color: #272727;}

/*Formulario*/
div#page-wrap div#contenido input {background-color: #EEE; border: 1px #999 solid; padding: 4px 8px; width: 315px;}

div#page-wrap div#contenido input.enviar {width: 60px; background-color: #999; border: 1px #666 solid; padding: 2px 4px; color: #FFF; text-transform: uppercase; font-weight: bold;}

div#page-wrap div#contenido input.enviar:hover {background-color: #B22222;}


/*footer*/
div#footer		{height: 80px; bottom:0; background-color:#666; clear: both; margin: 0 -20px; width: 900px; position: relative; z-index: 100; }

	div#footer	ul.nav3 {margin:5px 10px;}
	div#footer ul.nav3 li {display: inline; color:#999; margin:0 5px;}
	div#footer ul.nav3 li a {color:#999;}
	div#footer ul.nav3 li a:hover {color:#FFF;}
	div#footer ul.nav4 {margin:5px 10px; float: right;}
	div#footer ul.nav4 li {display: inline; color:#999; margin:0 5px;}
	div#footer ul.nav4 li a {color:#999;}
	div#footer ul.nav4 li a:hover {color:#FFF;}