/* MATERIALIZE CSS STARTS */
.row {
  margin-left: auto;
  margin-right: auto;
  /*margin-bottom: 20px;*/
}

.row:after {
  content: "";
  display: table;
  /*clear: both;*/
}

.row .col {
  float: left;
  box-sizing: border-box;
}

.row .col[class*="push-"], .row .col[class*="pull-"] {
  position: relative;
}

.row .col.s1 {
  width: 8.33333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s2 {
  width: 16.66667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s3 {
  width: 25%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s4 {
  width: 33.33333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s5 {
  width: 41.66667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s6 {
  width: 50%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s7 {
  width: 58.33333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s8 {
  width: 66.66667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s9 {
  width: 75%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s10 {
  width: 83.33333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s11 {
  width: 91.66667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s12 {
  width: 100%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.offset-s1 {
  margin-left: 8.33333%;
}

.row .col.pull-s1 {
  right: 8.33333%;
}

.row .col.push-s1 {
  left: 8.33333%;
}

.row .col.offset-s2 {
  margin-left: 16.66667%;
}

.row .col.pull-s2 {
  right: 16.66667%;
}

.row .col.push-s2 {
  left: 16.66667%;
}

.row .col.offset-s3 {
  margin-left: 25%;
}

.row .col.pull-s3 {
  right: 25%;
}

.row .col.push-s3 {
  left: 25%;
}

.row .col.offset-s4 {
  margin-left: 33.33333%;
}

.row .col.pull-s4 {
  right: 33.33333%;
}

.row .col.push-s4 {
  left: 33.33333%;
}

.row .col.offset-s5 {
  margin-left: 41.66667%;
}

.row .col.pull-s5 {
  right: 41.66667%;
}

.row .col.push-s5 {
  left: 41.66667%;
}

.row .col.offset-s6 {
  margin-left: 50%;
}

.row .col.pull-s6 {
  right: 50%;
}

.row .col.push-s6 {
  left: 50%;
}

.row .col.offset-s7 {
  margin-left: 58.33333%;
}

.row .col.pull-s7 {
  right: 58.33333%;
}

.row .col.push-s7 {
  left: 58.33333%;
}

.row .col.offset-s8 {
  margin-left: 66.66667%;
}

.row .col.pull-s8 {
  right: 66.66667%;
}

.row .col.push-s8 {
  left: 66.66667%;
}

.row .col.offset-s9 {
  margin-left: 75%;
}

.row .col.pull-s9 {
  right: 75%;
}

.row .col.push-s9 {
  left: 75%;
}

.row .col.offset-s10 {
  margin-left: 83.33333%;
}

.row .col.pull-s10 {
  right: 83.33333%;
}

.row .col.push-s10 {
  left: 83.33333%;
}

.row .col.offset-s11 {
  margin-left: 91.66667%;
}

.row .col.pull-s11 {
  right: 91.66667%;
}

.row .col.push-s11 {
  left: 91.66667%;
}

.row .col.offset-s12 {
  margin-left: 100%;
}

.row .col.pull-s12 {
  right: 100%;
}

.row .col.push-s12 {
  left: 100%;
}

@media only screen and (min-width: 601px) {
  .row .col.m1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.offset-m1 {
    margin-left: 8.3333333333%;
  }
  .row .col.pull-m1 {
    right: 8.3333333333%;
  }
  .row .col.push-m1 {
    left: 8.3333333333%;
  }
  .row .col.offset-m2 {
    margin-left: 16.6666666667%;
  }
  .row .col.pull-m2 {
    right: 16.6666666667%;
  }
  .row .col.push-m2 {
    left: 16.6666666667%;
  }
  .row .col.offset-m3 {
    margin-left: 25%;
  }
  .row .col.pull-m3 {
    right: 25%;
  }
  .row .col.push-m3 {
    left: 25%;
  }
  .row .col.offset-m4 {
    margin-left: 33.3333333333%;
  }
  .row .col.pull-m4 {
    right: 33.3333333333%;
  }
  .row .col.push-m4 {
    left: 33.3333333333%;
  }
  .row .col.offset-m5 {
    margin-left: 41.6666666667%;
  }
  .row .col.pull-m5 {
    right: 41.6666666667%;
  }
  .row .col.push-m5 {
    left: 41.6666666667%;
  }
  .row .col.offset-m6 {
    margin-left: 50%;
  }
  .row .col.pull-m6 {
    right: 50%;
  }
  .row .col.push-m6 {
    left: 50%;
  }
  .row .col.offset-m7 {
    margin-left: 58.3333333333%;
  }
  .row .col.pull-m7 {
    right: 58.3333333333%;
  }
  .row .col.push-m7 {
    left: 58.3333333333%;
  }
  .row .col.offset-m8 {
    margin-left: 66.6666666667%;
  }
  .row .col.pull-m8 {
    right: 66.6666666667%;
  }
  .row .col.push-m8 {
    left: 66.6666666667%;
  }
  .row .col.offset-m9 {
    margin-left: 75%;
  }
  .row .col.pull-m9 {
    right: 75%;
  }
  .row .col.push-m9 {
    left: 75%;
  }
  .row .col.offset-m10 {
    margin-left: 83.3333333333%;
  }
  .row .col.pull-m10 {
    right: 83.3333333333%;
  }
  .row .col.push-m10 {
    left: 83.3333333333%;
  }
  .row .col.offset-m11 {
    margin-left: 91.6666666667%;
  }
  .row .col.pull-m11 {
    right: 91.6666666667%;
  }
  .row .col.push-m11 {
    left: 91.6666666667%;
  }
  .row .col.offset-m12 {
    margin-left: 100%;
  }
  .row .col.pull-m12 {
    right: 100%;
  }
  .row .col.push-m12 {
    left: 100%;
  }
}

@media only screen and (min-width: 993px) {
  .row .col.l1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.offset-l1 {
    margin-left: 8.3333333333%;
  }
  .row .col.pull-l1 {
    right: 8.3333333333%;
  }
  .row .col.push-l1 {
    left: 8.3333333333%;
  }
  .row .col.offset-l2 {
    margin-left: 16.6666666667%;
  }
  .row .col.pull-l2 {
    right: 16.6666666667%;
  }
  .row .col.push-l2 {
    left: 16.6666666667%;
  }
  .row .col.offset-l3 {
    margin-left: 25%;
  }
  .row .col.pull-l3 {
    right: 25%;
  }
  .row .col.push-l3 {
    left: 25%;
  }
  .row .col.offset-l4 {
    margin-left: 33.3333333333%;
  }
  .row .col.pull-l4 {
    right: 33.3333333333%;
  }
  .row .col.push-l4 {
    left: 33.3333333333%;
  }
  .row .col.offset-l5 {
    margin-left: 41.6666666667%;
  }
  .row .col.pull-l5 {
    right: 41.6666666667%;
  }
  .row .col.push-l5 {
    left: 41.6666666667%;
  }
  .row .col.offset-l6 {
    margin-left: 50%;
  }
  .row .col.pull-l6 {
    right: 50%;
  }
  .row .col.push-l6 {
    left: 50%;
  }
  .row .col.offset-l7 {
    margin-left: 58.3333333333%;
  }
  .row .col.pull-l7 {
    right: 58.3333333333%;
  }
  .row .col.push-l7 {
    left: 58.3333333333%;
  }
  .row .col.offset-l8 {
    margin-left: 66.6666666667%;
  }
  .row .col.pull-l8 {
    right: 66.6666666667%;
  }
  .row .col.push-l8 {
    left: 66.6666666667%;
  }
  .row .col.offset-l9 {
    margin-left: 75%;
  }
  .row .col.pull-l9 {
    right: 75%;
  }
  .row .col.push-l9 {
    left: 75%;
  }
  .row .col.offset-l10 {
    margin-left: 83.3333333333%;
  }
  .row .col.pull-l10 {
    right: 83.3333333333%;
  }
  .row .col.push-l10 {
    left: 83.3333333333%;
  }
  .row .col.offset-l11 {
    margin-left: 91.6666666667%;
  }
  .row .col.pull-l11 {
    right: 91.6666666667%;
  }
  .row .col.push-l11 {
    left: 91.6666666667%;
  }
  .row .col.offset-l12 {
    margin-left: 100%;
  }
  .row .col.pull-l12 {
    right: 100%;
  }
  .row .col.push-l12 {
    left: 100%;
  }
}


.halign-wrapper {
  display: flex;
  align-items: center;
}

.halign-wrapper .halign {
  display: block;
  margin: 0 auto;
}

.valign-wrapper {
  display: flex;
  align-items: center;
}

.valign-wrapper .valign {
  display: block;
}
/* MATERIALIZE CSS ENDS */

/* SIE CONSULTORES STARTS*/
.button-sie-home {
	position: absolute;
	border: 1px solid white;
	width: auto;
	padding: 5px 10px;
	color: white;
	font-family: 'SohoGothicPro-Light';
	font-size: 13px;
}
.button-sie-home:hover {
	position: absolute;
	border: 1px solid white;
	width: auto;
	padding: 5px 10px;
	color: white;
	font-family: 'SohoGothicPro-Regular';
	font-size: 13px;
}
/* SIE CONSULTORES END */

/*
	Theme Name: Media Consult
	Theme URI: http://goldenworks.eu/demos/mc3_wordpress/
	Description: A business premium theme designed for site companies, personal use, portfolios and blogs.
	Author: Starshade	
	Author URI: goldenworks.eu
	License: GNU General Public License version 2.0
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Tags: threaded-comments, translation-ready, custom-menu, right-sidebar, fluid-layout, responsive-layout, theme-options
	Version: 3.6.1
*/

@font-face {
  font-family: 'SohoGothicPro-Light';
  src: url('lib/fonts/SohoGothicPro-Light.eot?#iefix') format('embedded-opentype'),  
  	   url('lib/fonts/SohoGothicPro-Light.otf')  format('opentype'),
	   url('lib/fonts/SohoGothicPro-Light.woff') format('woff'), 
	   url('lib/fonts/SohoGothicPro-Light.ttf')  format('truetype'), 
	   url('lib/fonts/SohoGothicPro-Light.svg#SohoGothicPro-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SohoGothicPro-Regular';
  src: url('lib/fonts/SohoGothicPro-Regular.eot?#iefix') format('embedded-opentype'),  
  	   url('lib/fonts/SohoGothicPro-Regular.otf')  format('opentype'),
	   url('lib/fonts/SohoGothicPro-Regular.woff') format('woff'), 
	   url('lib/fonts/SohoGothicPro-Regular.ttf')  format('truetype'), 
	   url('lib/fonts/SohoGothicPro-Regular.svg#SohoGothicPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SohoGothicPro-Medium';
  src: url('lib/fonts/SohoGothicPro-Medium.eot?#iefix') format('embedded-opentype'),  
  	   url('lib/fonts/SohoGothicPro-Medium.otf')  format('opentype'),
	   url('lib/fonts/SohoGothicPro-Medium.woff') format('woff'), 
	   url('lib/fonts/SohoGothicPro-Medium.ttf')  format('truetype'), 
	   url('lib/fonts/SohoGothicPro-Medium.svg#SohoGothicPro-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SohoGothicPro-Bold';
  src: url('lib/fonts/SohoGothicPro-Bold.eot?#iefix') format('embedded-opentype'),  
  	   url('lib/fonts/SohoGothicPro-Bold.otf')  format('opentype'),
	   url('lib/fonts/SohoGothicPro-Bold.woff') format('woff'), 
	   url('lib/fonts/SohoGothicPro-Bold.ttf')  format('truetype'), 
	   url('lib/fonts/SohoGothicPro-Bold.svg#SohoGothicPro-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body, input, textarea {
	font:11px Arial, Helvetica, sans-serif;
	line-height:18px;
	font-weight:normal;	
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
strong {
	font-weight:bold;
}
p {
	/*margin:6px 0 6px 0;*/
}
em {
	font-style:italic;
}


/* ------------------- images responsibility ------------------- */
img { max-width:100%; height:auto; -ms-interpolation-mode:bicubic; }


/* ------------------- header styles  ------------------- */
h1 {
	font-size:28px;
	font-family: 'SohoGothicPro-Light';
	line-height:32px;
	letter-spacing:-1px;	
}
h2 {
	font-size:24px;
	font-family: 'SohoGothicPro-Bold';
	line-height:28px;		
}
h3 {
	font-size:18px;
	font-family: 'SohoGothicPro-Medium';
	line-height:26px;
	padding:10px 0 0 0;
}
h4 {
	font-size:15px;
	font-family: 'SohoGothicPro-Medium';
	line-height:20px;	
	padding:8px 0 0 0;	
}
h5 {
	font-size:14px;
	font-family: 'SohoGothicPro-Medium';
	font-weight:bold;
	line-height:18px;
	padding:10px 0 2px 0;
}
h6 {
	font-size:12px;
	font-family: 'SohoGothicPro-Light';
}
p {
	font-size:13px;
	font-family: 'SohoGothicPro-Regular';
}


/* ------------------- list styles ------------------- */
ul, ol {

	margin:8px 0 16px 0;
}
ul { 
	list-style:disc outside;
}
ol { 
	list-style:decimal outside;
}
li { 
	margin:4px 0 0 20px;
	font-size: 0.8rem;
}
ul ul, ol ul, ul ol, ol ol {
	margin-bottom:0;
}



/* ------------------- blockquote styles  ------------------- */
blockquote {
	margin:10px 0 10px 0;
	padding:10px 18px 10px 18px;	
	font-style:italic;
	font-weight:bold;
	font-size:13px;
}
blockquote p {
	padding:6px 0 6px 0;
	margin:0;
}

/* ------------------- clearing  ------------------- */
.clearboth { clear:both; display:block; font-size:0; line-height:0; overflow: hidden; visibility: hidden; width: 0; height: 0; float: none;	}

.white-space {
	float:left;
	width:100%;
	height:20px;	
}
.center-align {
	text-align:center;		
}


/* ------------------- other elements styles  ------------------- */
address {
	font-style:italic;
}
textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
iframe {
	margin:6px 0 6px 0;
}
input, textarea {
	margin:0;
	padding:2px 4px 1px 4px;
	font-size:11px;
}


/* ------------------- start header styles  ------------------- */
#body-wrapper {
	/*padding-top:20px;*/
	margin:0 auto;
	width:1024px;/**/
	position:relative;
	-webkit-box-shadow: 0px 0px 175px 40px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 175px 40px rgba(0,0,0,0.75);
box-shadow: 0px 0px 175px 40px rgba(0,0,0,0.75);
overflow-x: hidden;
}
.header-wrapper {
	float:left;
	width:100%;
	background: #f5f5f5;
	background-image: url('http://sieconsultores.mx/wp-content/uploads/content/header-background.jpg');
	background-size: cover;
	background-position: top;
}
#logo {
	position:relative;
	float:left;
	margin: 30px 0 50px 30px;
	width: 100%;
}
#logo p {
	position:absolute;
	top:40px;
	right:76px;
 	margin:0;
	padding:0;
	width: 100%;
	text-align: right;
	font-family: 'SohoGothicPro-Light' !important;
}
#logo h2 {
    position: absolute;
    top: 10px;
    right: 76px;
    width: 100%;
    text-align: right;
    color: white;
}
.search-fieldset {
	width:198px;
	float:left;
	margin:4px 0 4px 10px;
}
.search-input {
	float:left;
	width:167px;
	height:15px;
}
.input-arrow {
	border:0 none;
	float:left;
	height:20px;
	position:relative;
	left:-1px;
	width:20px;
	text-indent:-9999px; /* this hides the default text that comes on a submit input */	
	font-size:0;
	line-height:0;
}


/* search form from header */
.hsearch-wrapper {
	position:absolute;
	right: 10px;
  top: 150px;
  z-index: 4000;
}
.hsearch-wrapper .search-fieldset {
	margin:0;	
}

/* ------------------- main menu styles  ------------------- */
.main-menu-wrapper {
	float:left;
	width:100%;
	height:42px;
	margin:-22px 0 0 0;
}
#body-wrapper .main-menu-wrapper a {
	text-decoration:none;	
}
.mobile-menu{
	visibility: hidden;
	display: none;
}
.sf-menu {
	float:left;
	font-size:13px;
	/*line-height:14px;*/
	position:relative;
	right:-16px;
}
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;	
	z-index:100;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			220px; /* left offset of submenus need to match (see below) */
	font-size:12px;
}
.sf-menu ul li {
	width:			100%; 
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:block;
	position:relative;
	padding:12px 18px 12px 18px;
	margin:0;
	text-decoration:none;
	cursor:pointer;
}
.sf-menu ul a {
	line-height:20px !important;
	margin:0;
	padding:6px 20px 6px 20px;
	display:block !important;
}
.sf-menu li ul li a {
	display:block;
}
*:first-child+html .sf-menu a { /* this applies only to ie7 */
	height:auto;
}
#body-wrapper .sf-menu, #body-wrapper .sf-menu a {
	background:none;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			38px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			220px; /* match ul width */
	top:			-1px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			220px; /* match ul width */
	top:			-1px;
}

/* default style for mobile menu */
.selectnav { display: none; }

.main-menu-wrapper .selectnav {
	width:100%;
	padding:3px;
	height:26px;
	margin-bottom:20px;
	float:left;
	/*margin:30px 0 30px 0;*/
	margin: 10px 0;
}




/* ------------------- wordpress specific styles  ------------------- */
.gallery-caption {}
.sticky {}
.bypostauthor {}
.wp-caption {
	margin-bottom: 20px;
	text-align:center;
	padding-top:5px;
	}
.wp-caption img {
	padding:0;
	margin:0;
	}
.wp-caption p.wp-caption-text {
	line-height:17px;
	font-size: 11px;
	margin:0;
	}
.wp-smiley {
	margin:0;
	max-height:16px;
}
/* alignment styles */
.alignleft, img.alignleft, a img.alignleft {
	float:left; 
	margin:5px 12px 0 0;
}
.alignright, img.alignright, a img.alignright {
	float:right; 
	margin:5px 0 0 12px;
}
.alignleft img, .alignright img, .alignfwidth img {
	display:block;
}
.aligncenter, img.aligncenter, a img.aligncenter { 
	display: block; 
	margin:10px auto !important; 
	text-align:center; 
}


.more-link {
	padding:5px 14px 5px 26px;	
	position:relative;
	top:6px;
	height:26px;	
}
.blog-entry .more-link {
	background-position:8px 3px !important;	
}

/* ------------------- footer styles  ------------------- */
#footer {
	float:left;
	height:70px;	
	/*margin-top:16px;*/
	width:1024px;
	background: black;	
}
#footer .f-menu {
	float:left;
	width:auto;
	padding-left: 20px;
}
.f-menu ul, .f-menu ul li {
	list-style:none;	
}
#footer .f-menu li {
	float:left;
	margin:16px 24px 0 0;
}
.copyright {
	float:right;
	width:auto;
	text-align:right;
	margin-top:24px;
	padding-right: 20px;
}


/* ------------------- structure styles  ------------------- */
#left, #right {
	float:left;
	margin-top:18px;
	padding: 0 30px;
}
#left {
	width:612px;
	margin-right:29px;
}
#right {
	width:319px;	
}
#full {/* full content wrapper - use this class when you don't want to have body splitted into left and right standard containers */
	float:left;
	width:1024px;
}
.fullw-fix {
	margin-top:12 !important;	
}


/* ------------------- tagline styles  ------------------- */
.header-desc {
	margin:-1px 0 10px 0;
	float:left;
	width:100%;
}
.logo-desc, .header-desc, .intheader-paragraph, .interior-header p {
	font-size:18px;
	/*font-style:italic;*/
	font-weight:bold;
}



/* ------------------- custom service styles  ------------------- */
.custom-title {
	float:left;
	width:100%;
	margin:8px 0 4px 0;
}
.custom-title .header-desc {
	margin-top:3px;	
}
.custom-title .custom-img {
	float:left;
	width:54px;	
	margin:0 4px 0 0;
	display:block;
	padding-bottom:6px;
}
.customt-wrapper {
	float:left;
	width:238px;
	margin-top:2px;
}
.customt-wrapper h3 {
	padding:4px 0 0 0;	
}



/* ------------------- page titles & description styles  ------------------- */
.interior-header, .interior-header-detail {
	float:left;
	width:612px;
	width:572px;
	padding:16px 18px 16px 18px;
	margin-bottom:10px;
}
#full .interior-header {
	width:990px;	
}
.interior-header h1, .interior-header h2 {
	margin-bottom:-4px;	
}
.intheader-paragraph {
	margin-bottom:0;	
}
.arh-fix {
	margin-bottom:4px;
}


/* ------------------- flexslider browser resets ------------------- */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav { margin: 0; padding: 0; list-style: none;} 


/* ------------------- FlexSlider Necessary Styles ------------------- */
.flexslider {margin: 0; padding: 0; }
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; margin:0; padding:0; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}


/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}


/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider { margin:0; position: relative; width:960px; height:281px; }
.flex-viewport {max-height:2000px; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; transition:all 1s ease;}
.loading .flex-viewport { max-height:300px; }


/* Control Nav */
.flex-control-nav { position: absolute; bottom:0px; right:20px; }
.flex-control-nav li { margin:0 0 0 4px; display: inline-block; display: inline; float:left; }
.flex-control-paging li a {
	width: 14px; 
	height: 13px; 
	display: block;
	cursor: pointer; 
	text-indent: -9999px;
	background:url('images/control_nav.png') no-repeat 0 0;
	overflow:hidden;
	border-bottom:0 none;
	opacity:0.7;
}
.flex-control-paging li a:hover { 
	border-bottom:0 none;
	opacity:1;
}
.flex-control-paging li a.flex-active { 
	background:url('images/control_nav.png') no-repeat 0 -16px;
	cursor: default; 	
	opacity:1;
}

.sflex-loading {
	height:281px;
	width:100%;
	background:#1a1a1a url('images/loading.gif') no-repeat center center !important;
}


/* START slideshow wrapper */
#slideshow-wrapper {
	float:left;
	width:100%;
}
.slide-txt { /* styles for semi-tranparent background in the slideshow */
	bottom:0;
	height:50px;	
	left:0;	
	position:absolute;
	width:100%;
}
.slide-txt h3 {
	margin:13px 0 0 18px;
	width:96%;
	padding:0;
	text-align: center;
}

/* slider image and description styles */
.slide-img {
	float:left;
	width:641px !important;
}
.slide-desc {
	float:left;
	height:241px;
	position:relative;
	width:279px;
	padding:20px;
}
.slide-desc .more-link {
	background-position:8px 8px !important;				
}



/* ------------------- columns styles  ------------------- */
.last {
	margin-right:0 !important;
	clear:right;
}
.intone-half {
	float:left;
	width:298px;
	margin-right:16px;
	padding:14px 0 10px 0;
}
.one-half {
	float:left;
	width:465px;
	margin-right:30px;
	padding:14px 0 10px 0;	
}
.one-third {
	float:left;
	width:300px;
	margin-right:30px;
	padding:14px 0 10px 0;		
}
.two-third {
	float:left;
	width:630px;
	margin-right:30px;
	padding:14px 0 10px 0;		
}
.one-fourth {
	float:left;
	width:219px;
	margin-right:28px;
	padding:14px 0 10px 0;		
}

.intone-half h2, .intone-half h3, .intone-half h4, .one-half h2, .one-half h3, .one-half h4 {
	margin-bottom:-5px;
}



/* ------------------- sidebar styles  ------------------- */
#sidebar ul, #sidebar ul li {
	list-style:none;	
}
.widget {
	float:left;
	width:310px;
	padding-bottom:10px;
	margin-bottom:30px;
}
.widget h3 {
	float:left;
	margin:2px 0 0 10px;
	padding-top:0;
	width:298px;
}
.widget ul {
	float:left; 
	margin:10px 0 0 0; 
	width:100%;
	font-size:12px;
}
.widget ul li {
	float:left;
	margin:0 0 0 10px;
}
.widget ul li a {
	float:left;
	display:block;
	width:290px;
	padding:7px 0 7px 8px;
}



/* ------------------- calendar widget styles  ------------------- */
.widget_calendar table {
	float:left;
	width:210px !important;
	height:200px;
	margin:10px 0 0 12px; 
	border-collapse:collapse;

}
.widget_calendar table th {
	padding:6px 8px 6px 8px;	
}
.widget_calendar table td {
	text-align:center;
	padding:7px 11px 7px 11px;
}
.widget_calendar caption {
	text-align:left;	
}
/*end calendar styles */


/* ------------------- text widget styles  ------------------- */
.textwidget {
	padding:0 0 0 10px;	
}
.tagcloud {
	padding:0 0 0 10px;			
}

/* ------------------- tag cloud widget styles  ------------------- */
.tagcloud a {
	padding:2px 4px 2px 4px;	
}


/* ------------------- news widget styles  ------------------- */
.ln-list {
	float:left;
	width:294px;	
	margin:0;
}
.ln-list li {
	float:left;
	margin:2px 0 2px 0;
	padding:3px 0 3px 0;
	width:291px !important;
}
.ln-list li:hover { /* please note: hover on pseudoclasses doesn't work on ie6, but the area will still be clickable, so you won't lose any functionality here */
	cursor:pointer;
}
.ln-list li h6 {
	float:left;
	margin:0 10px -5px 2px;
	padding:0;
}
.ln-list li p {
	float:left;
	margin:0 10px 0 10px;
	padding:0;	
}
.ln-date {
	float:left;
	margin:0 0 0 10px;	
	width:114px;
}


/* ------------------- table styles  ------------------- */
table, td, th { 
	vertical-align:middle;
}
th { 
	padding:6px 18px 6px 18px;
}
td { 
	padding:6px 18px 6px 18px; 
	text-align:left;
}
.int-tbl {
	margin-top:10px;
	width:612px;
}
.full-tbl {
	margin-top:10px;	
	width:960px;	
}


/* ------------------- contact styles  ------------------- */
/*
.contact-fieldset ul, .contact-fieldset ul li {
	list-style:none;	
}
.contact-fieldset {
	float:left;
	width:100%;
}
.contact-fieldset ul {
	float:left;
	margin-top:10px;
	width:100%;
}
.contact-fieldset ul li {
	float:left;
	margin:12px 0 0 0;
	width:100%;
}
.contact-fieldset ul li label {
	float:left;
	width:100px;
	margin-top:1px;
}
.contact-input {
	float:left;
	width:210px;
	margin:0;
	padding:3px 4px 3px 4px;
	height:15px;
}
.contact-textarea {
	height:150px;
	float:left;
	overflow:hidden;
	width:390px;
}
*/



/* ------------------- blog styles  ------------------- */
.blog-entry {
	float:left;
	width:100%;
	margin-top:6px;
	margin:0 0 40px 0;
}
.blog-misc {
	display:block;
	padding:4px 0 10px 0;
}


/* ------------------- social media icons  ------------------- */
.social-wrapper {
	float:left;
	width:100%;
	margin:-20px 0 30px 0;
}
.social-wrapper ul {
	list-style:none;
}
.social-wrapper ul li {
	float:left;
	margin:0 10px 0 0;	
}


/* ------------------- commentform styles ------------------- */
.comments-wrapper {
	float:left;
	width:100%;
}
#commentform {
	float:left;
	width:100%;
	margin-top:7px;
}
#commentform label {
	position:relative;
	top:1px;
}
#commentform p {
	float:left;
	width:100%;
	margin:3px 0 3px 0;
}
#commentform #author, #commentform #email, #commentform #url {
	width:35%;
	float:left;
	margin:0px 8px 4px 0;
	padding:2px;
}
#commentform textarea {
	width:72%;	
	overflow:auto;
	height:154px;
}
.comment-form-comment label, .comment-notes, .form-allowed-tags, #commentform .required {
	display:none;	
}
#reply-title {
	font-size:17px;
	padding-bottom:8px;
}
.form-submit #submit {
	border:0 none;
	float:left;
	padding:4px 14px 3px 26px;	
	background-position:8px 4px !important;	
	height:25px;
}
.form-submit #submit:hover {
	cursor:pointer;	
}


/* ------------------- comments styles ------------------- */
.comment-block { 
	position:relative;
}
.comment-title {
	margin:12px 0 10px 0;
}
.awaiting_moderation {
	font-style:normal;
	float:left;
	padding:4px 0 4px 0;
}
.commentlist, .commentlist li {
	list-style:none;
}
.commentlist .children {
	padding:0;	
}
.commentlist li {
	margin:24px 0 0 0;
	padding:0;
	display:block;
}
.commentlist li li {
	margin-left:34px;
}
.comment-author { /* the comment avatar */
	float:left;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}
.comment-author img {
	display:block;	
}
.comment-content {
	margin:0 0 0 34px;
	padding:0 22px 10px 32px;
}
.comment-misc { /* comment posted by *author* wrapper */
	margin:0;
	padding:0;
}
.comment-misc cite { /* author name */
	font-weight:bold;
	font-size:12px;
}
.comment-bodywrap .date {/* comment posted date */
	font-style:italic;
	font-weight:bold;
	display:block;
	width:100%;	
}
.comment-options a {/* reply and edit buttons */
	float:left;
	display:block;
	margin:0 6px 0 0;
}
.comment-options a:hover {
	text-decoration:none;
}


/* ------------------- wp-pagenavi styles ------------------- */
.wp-pagenavi {
	clear:both;
	z-index:10;
}
.wp-pagenavi a, .wp-pagenavi a:link,.wp-pagenavi a:visited,.wp-pagenavi a:active,.wp-pagenavi span.pages,.wp-pagenavi span.current,.wp-pagenavi span.extend {
	padding:4px 10px 4px 10px;
	display:inline-block;		
	text-decoration:none;	
	cursor:pointer;
	font-size:11px;
	margin:0 1px 0 0px;
	border:0 none !important;
}
.wp-pagenavi a, .wp-pagenavi span.current {
	margin:0 1px 0 0;
}
.wp-pagenavi span.pages {
	float:right;
	padding-right:18px;
	display:block;
	cursor:pointer;
	cursor:text;
	background:none;
	
}
.wp-pagenavi a, .wp-pagenavi span.current, .wp-pagenavi span.pages {
	border:0 none !important;	
}

/* ------------------- news styles ------------------- */
.newslist-wrapper {
	float:left;
	width:100%;		
}
.newslist-block {
	margin:10px 0 22px 0;
	float:left;
	width:100%;	
}
.newslist-date {
	padding:2px 0 4px 0;
}
.newslist-wrapper h4 {
	padding:0 0 2px 0;
}
.newslist-wrapper h4 a:hover {
	text-decoration:underline !important;	
}
.news-img {
	float:left;
	margin:2px 10px 0 0;	
}
.newslist-wrapper-detail {
	padding-bottom:10px;
}


/* ------------------- portfolio 1 styles ------------------- */
.portfolio-wrapper {
	float:left;
	width:990px;
	margin:0 0 0 -30px;
	padding:0 0 16px 0;
	list-style:none;
}
.portfolio-wrapper li {
	float:left;
	margin:10px 0 6px 30px;
	width:300px;
}
.portfolio-wrapper li h3 {
	float:left;
	padding-bottom:4px;
	width:300px;
}
.port-detail {
	float:left;
	width:100%;
	margin:0 0 14px 0;
}
.port-detail .attachment-full {
	display:block;
	margin:10px 0 10px 0;
}


/* ------------------- portfolio 2 styles ------------------- */
.portfolio2-wrapper {
	float:left;
	width:1008px;
	margin:0 0 0 -48px;
	padding-bottom:16px;
	list-style:none;
}
.portfolio2-wrapper li {
	float:left;
	margin:10px 0 10px 48px;
	width:450px;
}
.portfolio2-wrapper li h3 {
	float:left;
	padding-bottom:4px;
	margin:0;
	width:450px;
}
.portfolio2-wrapper li h3 a {
	text-decoration:none;	
}


/* ------------------- services styles ------------------- */
.service-block {
	float:left;
	margin:14px 12px 0 0; 
	padding-bottom:16px;
	width:300px;
}
.service-block h4 {
	margin-bottom:-3px;	
}

.service-img {
	float:left;
	margin:0 8px 0 0;
	width:52px;	
}
.service-txt {
	float:left;
	width:240px; 
	margin-top:-8px;	
}


/* ------------------- a couple of elements used as shortcodes styles ------------------- */
.line {
	float:left;
	width:100%;
	height:1px;
	font-size:0;
	line-height:0;
	overflow:hidden;
	margin-top:10px;
	padding:0 0 10px 0;
}
pre, code {
	margin:10px 0 10px 0px;
	padding:14px 0 14px 10px;
	font-size:12px;
	font-family:"Courier New", Courier, monospace;
	white-space:pre-wrap;
	overflow:auto;
	line-height:20px;
}
pre br {
	display:none;
}
.greenbox, .bluebox, .yellowbox, .redbox {
	margin-top:10px;
	padding:12px 14px 12px 14px;
	font-weight:bold;
	line-height:16px;
}
.greenbox a, .bluebox a, .yellowbox a, .redbox a {
	text-decoration:underline;
}
.highlight1, .highlight2 {
	padding:2px 1px 2px 1px;	
}

.custom-button a {
	display:block;
	padding:4px 14px 4px 14px;
	float:left;
	margin:6px 0 0 0;
}
.arrow-button a {
	display:block;
	padding:4px 14px 4px 26px;
	float:left;
	margin:6px 0 0 0; 
	background-position:8px 5px !important;
}
.arrow-list ul {
	list-style:none;
	margin:6px 0 0 6px;
}
.arrow-list li {
	margin:3px 0 0 0;
	padding:0 0 0 17px;
}


/* ------------------- toggle content styles ------------------- */
h4.toggle {
	margin:0;
	padding:6px 0 10px 22px; 
	float:left;
}
h4.toggle a {
	text-decoration: none;
	display:block;
}
.toggle-content {
	clear:both;
	overflow:hidden;
	float:left;
	width:100%;
}
.toggle-space {
	float:left;
	width:100%;
	height:6px;	
}
#left .toggle-content .block, .toggle-content .block {
	padding:14px 20px 10px 20px;
	float:left;
}
.toggle-space {
	float:left;
	width:100%;
	height:6px; 
}
h4.toggle {
	background-position:4px 11px !important;	
}
h4.active {
	background-position:4px -100px !important;	
}


/* ------------------- latest news / blog widget styles ------------------- */
.widget .ln-list {
	float:left;
	margin:2px 0 0 0;
}
.widget .ln-list li {
	float:left;
	padding:9px 10px 9px 10px;
	display:block;
	font-size:11px;
	margin:0;	
	width:287px;
}
.widget .ln-list li:hover {
	cursor:pointer;
}
.widget .ln-list li h6 {
	margin:0;	
}
.widget .ln-list li h6 a {
	padding:0;
	border-bottom:0 none;
}
.widget .ln-list li h6 a:hover {
	border-bottom:0 none;
}
.widget .ln-list li p {
	float:left;
	margin:0;
	padding:0;	
}
.widget .ln-date {
	margin:0;
}
.post-date {
	float:left;
	width:290px;
	padding:2px 0 10px 8px;
	font-size:11px;
}


/* ------------------- flickr widget styles ------------------- */
.flickr-wrapper .flickr_badge_image {
	width:60px;
	float:left;
	margin:4px 2px 8px 10px;	
}
.flickr-wrapper .flickr_badge_image img {
	width:60px;
	height:60px;
	display:block;
}


/* ------------------- pdf brochure widget styles ------------------- */
.brochure-wrapper {
	float:left;
	width:311px;
	padding:8px 0 8px 0 !important;
	margin:0;
}
.brochure-wrapper:hover {
	cursor:pointer;
}
.brochure-img {
	float:left;
	margin:0px 10px 0 10px;
}
.brochure-content {
	float:left; 
	width:200px;
}
.brochure-content h3 {
	margin:0;
}
#sidebar .widget_gw_brochure {
	padding-bottom:0;	
}


/* ------------------- language switcher ------------------- */
.lang-wrapper {
	position:absolute;
	top:10px;
	right:0;
	z-index:1000;	
}
.icl_languages_selector {}
.icl_languages_selector ul li {}
.icl_languages_selector ul li a {
	padding:7px 0 7px 10px !important;
	border-bottom:0 none !important;		
}
#sidebar #lang_sel_list li a {
	float:left;
	display:block;
	width:auto;
}
#icl_lang_sel_widget {
	padding:0;
}



/*=============== Contact Form 7 ===============*/
.wpcf7-form {
	/*margin:20px 0 20px 0;	*/
}
.wpcf7-form p {
	/*margin:3px 0 3px 0;*/
	float:left;
	width:100%;
}
.wpcf7-form label {
	/*margin:4px 0 0 0; */
	display:inline-block;
	width:150%;
	float:left;
}
.wpcf7-text, .wpcf7-select {
	width:34%;
}
.col-md-6 .wpcf7-text, .col-md-4 .wpcf7-text {
	width:100%;
}
.wpcf7-textarea {
	width:64%;
	height:156px;
}
.col-md-6 .wpcf7-textarea, .col-md-4 .wpcf7-textarea {
	width:100%;	
}
.wpcf7-button-margin {
	padding:0 0 0 100px;
	margin:-4px 0 0 0 !important;
}
.wpcf7-notes {
	font-size:11px;	
}

.wpcf7-not-valid-tip {
	padding:6px 0 6px 0;	
}
.wpcf7-response-output {
	border:0 none;
	margin:0;
	padding:6px 0 6px 0;
}
div.wpcf7-response-output {
	float:left;
	width:80%;	
	padding:7px 20px 7px 20px;
	margin:20px 0 20px 0;
}
div.wpcf7-mail-sent-ok, div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked, div.wpcf7-validation-errors {
	border:0 none;
}
.wpcf7-form-control {
	margin-bottom:6px;
}

.wpcf7-not-valid-tip {
	margin:-12px 0 0 100px;
	display:block;	
}

.contact-submit {
	border:0 none;
	float:left;
	padding:4px 14px 4px 26px;
	height:26px;
	background-position:8px 5px !important;
}
.contact-submit:hover {
	cursor:pointer;	
}



/*=============== Contact Form 7 ===============*/
.wpcf7-notes {
	color:#303030;
}
div.wpcf7-mail-sent-ok {
	background:#84ffc4;		
}
div.wpcf7-mail-sent-ng {
	background:#ff786e;		
}
div.wpcf7-spam-blocked {
	background:#ffbc6e;	
}
div.wpcf7-validation-errors {
	background:#ffd700;
}
span.wpcf7-not-valid-tip {
	color:#e20927;
}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
	border:1px solid #f12929;
	background:#fff;
}



/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 1023px) /*959px*/ {
#body- wrapper, .flexslider, #full, #footer, .full-tbl { width:100%; }
	.sf-menu{ display: none; visibility: hidden; }     

	.mobile-menu{ 
		position: absolute; 
		width: auto; 
		height: 42px; 
		line-height: 42px;
		visibility: visible; 
		display: block; 
		width: 100%;
		padding: 0 25px;
		z-index: 0;
	}
	.mobile-menu select{
		width: 30%;
	}
	.header-wrapper {
		float:left;
		width:100%;
		background: white;
		background-image: url('http://sieconsultores.mx/wp-content/uploads/content/header-background.jpg');
		background-size: contain;
		background-position: top right;
		background-repeat: no-repeat;
	}

	#body-wrapper {
		/*padding-top:20px;*/
		margin:0 auto;
		width:100%;/**/
		position:relative;
		-webkit-box-shadow: 0px 0px 175px 40px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 175px 40px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 175px 40px rgba(0,0,0,0.75);
	}
	
	/* ------------------- slider styles ------------------- */
	.slide-img {
		width:456px !important;
		height:224px;
	}
	.slide-desc {
		width:286px !important;	
		height:198px;		
		padding:13px;
	}
	.flexslider { height:224px; }
	
	
	/* ------------------- structure styles ------------------- */	
	#left { width:420px; }
	#right { width:319px; }

	
	/* ------------------- titles styles ------------------- */
	.interior-header, .interior-header-detail { width:386px; }
	#full .interior-header { width:732px; }
	
	
	/* ------------------- column styles ------------------- */
	.intone-half {
		width:100%;
		margin-right:0;
		padding:6px 0 0 0;
	}
	.one-half { width:369px; }
	.one-third { width:236px; }
	.two-third { width:502px; }
	.one-fourth { width:171px; }
	
	
	/* ------------------- footer styles ------------------- */
	#footer .f-menu { width:446px; }
	.copyright { width:322px; }
	
	
	/* ------------------- table styles ------------------- */	
	.int-tbl { width:422px; }
	th, td { padding:6px 10px 6px 10px; }
	
	
	/* ------------------- portfolio 1 styles ------------------- */
	.portfolio-wrapper { width:798px; }
	.portfolio-wrapper li { width:232px; }
	.portfolio-wrapper li h3 { width:232px; }
	
	
	/* ------------------- portfolio 2 styles ------------------- */
	.portfolio2-wrapper { width:816px; }
	.portfolio2-wrapper li { width:354px; }
	.portfolio2-wrapper li h3 { width:354px; }
	
	
	/* ------------------- service block styles ------------------- */	
	.service-block {
		margin:14px 0 0 0; 
		padding-bottom:16px;
		width:100%;
	}
	.service-txt { width:360px; }	
	
	
	/* ------------------- contact styles ------------------- */		
	.contact-textarea { width:310px; }
	
}


/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
	#body-wrapper, .flexslider, #full, #footer, .full-tbl, .int-tbl { width:100%; }	
	
	.mobile-menu{ 
		position: absolute; 
		width: auto; 
		height: 42px; 
		line-height: 42px;
		visibility: hidden; 
		display: none; 
		width: 100%;
		padding: 0 25px;
		z-index: 0;

	}
	.mobile-menu select{
		width: 30%;
	}
	.header-wrapper {
		float:left;
		width:100%;
		background: white;
		background-image: url('http://sieconsultores.mx/wp-content/uploads/content/header-background.jpg');
		background-repeat: no-repeat;
		background-position: center;
	}

	.header-wrapper #logo a img {
		visibility: hidden;
	}

	#body-wrapper {
		/*padding-top:20px;*/
		margin:0 auto;
		width:100%;/**/
		position:relative;
		-webkit-box-shadow: 0px 0px 175px 40px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 175px 40px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 175px 40px rgba(0,0,0,0.75);
	}

	/* main menu */
	.sf-menu { display:none; }
	.selectnav { display: block; width:320px; }
	#sidebar { display:none; }
	
	/* ------------------- header styles ------------------- */	
	.header-wrapper { padding-bottom:0px; }
	.hsearch-wrapper {
		position:relative;
		right:0;
		top:0px;
		margin:10px 0 10px 0; 
		float:left;
		display: none;
		visibility: hidden;
	}
	
	
	/* ------------------- slider styles ------------------- */
	.slide-img {
		width:320px !important;
		height:140px;
	}
	.slide-desc {
		display:none;
	}
	.flexslider, .slide-fimg { height:140px; }
	.slide-txt h3 { font-size:13px;}	
	
	
	/* ------------------- structure styles ------------------- */	
	#left { width:320px; }
	#right { display:none; }
	
	/* ------------------- column styles ------------------- */
	.intone-half {
		width:100%;
		margin-right:0;
		padding:6px 0 0 0;
	}	
	.one-half { width:100%; }
	.one-third { width:100%; }
	.two-third { width:100%; }
	.one-fourth { width:100%; }	
	
	
	/* ------------------- titles styles ------------------- */
	.interior-header, .interior-header-detail { width:283px; }
	#full .interior-header { width:283px; }
		
	
	/* ------------------- footer styles ------------------- */
	#footer .f-menu { width:100%; }
	.copyright { width:100%; float:left; text-align:left; margin:10px 0 20px 0; }
	
	
	/* ------------------- table styles ------------------- */	
	th, td { padding:6px 2px 6px 2px; }
	
	
	/* ------------------- portfolio 1 styles ------------------- */
	.portfolio-wrapper { width:320px; margin:0; }
	.portfolio-wrapper li { width:287px; margin:10px 0 0 0; }
	.portfolio-wrapper li h3 { width:287px; }
	
	
	/* ------------------- portfolio 2 styles ------------------- */
	.portfolio2-wrapper { width:318px; margin:0; }
	.portfolio2-wrapper li { width:306px; margin:10px 0 10px 0; }
	.portfolio2-wrapper li h3 { width:306px; }	
	
		
	/* ------------------- service block styles ------------------- */	
	.service-block {
		margin:14px 0 0 0; 
		padding-bottom:16px;
		width:100%;
	}
	.service-txt { width:259px; }
	
	
	/* ------------------- alignment styles ------------------- */	
	.alignleft, img.alignleft, a img.alignleft {
		float:none; 
		display:block;
		margin:5px 0 5px 0;
	}
	.alignright, img.alignright, a img.alignright {
		float:none; 
		display:block;		
		margin:5px 0 5px 0;
	}	
	
	
	/* ------------------- contact styles ------------------- */		
	.contact-textarea { width:210px; }				
}



/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 580px) and (max-width: 767px) {
	#body-wrapper, .flexslider, #full, #footer, .full-tbl, .int-tbl { width:100%;/*480px*/ }	

	.mobile-menu{ 
		position: absolute; 
		width: auto; 
		height: 42px; 
		line-height: 42px;
		visibility: hidden; 
		display: none; 
		width: 100%;
		padding: 0 25px;
		z-index: 0;

	}
	.mobile-menu select{
		width: 30%;
	}
	.header-wrapper {
		float:left;
		width:100%;
		background: white;
		background-image: url('http://sieconsultores.mx/wp-content/uploads/content/header-background.jpg');
		background-repeat: no-repeat;
		background-position: center;
	}

	.header-wrapper #logo a img {
		visibility: hidden;
	}

	#body-wrapper {
		/*padding-top:20px;*/
		margin:0 auto;
		width:100%;/**/
		position:relative;
		-webkit-box-shadow: 0px 0px 175px 40px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 175px 40px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 175px 40px rgba(0,0,0,0.75);
	}


	/* main menu */
	.sf-menu { display:none; }
	.selectnav { display:block; width:480px; }	
	
	
	/* ------------------- slider styles ------------------- */
	.slide-img {
		width:480px !important;
		height:200px;
	}
	.slide-desc { display:none; }
	.flexslider, .slide-fimg { height:200px; }
	.slide-txt h3 { font-size:18px; }

	
	/* ------------------- structure styles ------------------- */	
	#left { width:480px; }		
	
	
	/* ------------------- titles styles ------------------- */
	.interior-header, .interior-header-detail { width:386px; }
	#full .interior-header { width:732px; }
	
		
	/* ------------------- titles styles ------------------- */
	.interior-header, .interior-header-detail { width:444px; }
	#full .interior-header { width:444px; }
	
	
	/* ------------------- table styles ------------------- */	
	th, td { padding:6px 10px 6px 10px; }
	
	
	
	/* ------------------- portfolio 1 styles ------------------- */
	.portfolio-wrapper { width:498px; margin:0 0 0 -30px; }
	.portfolio-wrapper li { width:218px; margin:10px 0 0 30px; }
	.portfolio-wrapper li h3 { width:218px; }
	
	
	/* ------------------- portfolio 2 styles ------------------- */
	.portfolio2-wrapper { width:478px; margin:0; }
	.portfolio2-wrapper li { width:450px; margin:10px 0 10px 0; }
	.portfolio2-wrapper li h3 { width:450px; }
	
	
	
	/* ------------------- service block styles ------------------- */	
	.service-txt { width:418px; }
	
	

	/* ------------------- alignment styles ------------------- */		
	.alignleft, img.alignleft, a img.alignleft {
		float:left; 
		margin:5px 12px 0 0;
	}
	.alignright, img.alignright, a img.alignright {
		float:right; 
		margin:5px 0 0 12px;
	}
	
	
	/* ------------------- contact styles ------------------- */		
	.contact-textarea { width:370px; }				

}

@media only screen and (max-width: 580px) {
	#logo {
    position: relative;
    float: left;
    margin: 10px 0px 30px 20px;
    width: 100%;
	}
	.header-wrapper #logo h2{
		font-size: 14px;
		line-height: 40px;
		right: 30px;
	}
	.header-wrapper #logo p{
		font-size: 10px;
		right: 30px;
	}
	.breadcrumbs{
		display: none;
		visibility: hidden;
	}
}