/* new 29aug14  */


.index-layer1-aug14 {
position: relative;
width: 100%;
min-width: 1450px;
height: 120px;
}

.full-box {
position: relative;
width: 100%;
}

.half-box-nogaps {
float: left;
width: 550px;
/*border: solid 1px red;*/
}

.half-box-topnav {
float: left;
width: 550px;
text-align: right;
/*border: solid 1px red;*/
}

.half-box-topnav a{
margin: 0px 0px 0px 50px;
font-size: 25px;
color: #cccccc;
text-decoration: none;
}

.half-box {
float: left;
width: 550px;

margin: 20px 20px 0px 0px;
}

.background-half-box {
background: #404040;
}

.half-box-inner {
margin: 20px;
}



.half-box-list-title {
float: left;
width: 265px;
background: grey;
height: 200px;
text-align: center;
}

.half-box-list-image{
float: left;
width: 285px;
}

.vertalign { /* only works on span or image http://phrogz.net/css/vertical-align/ */
/*vertical-align:middle;*/
display: inline-block;
margin-top: 30%;
}

/* end new 29 aug 14 */

#map-canvas {
width: 100%;
height: 250px;
}

.float-breaker {
clear: both;
width: 100%;
height: 10px;
}

.map-negocios {
height: 200px;
width: 100%;
background: green;
clear:both;
}

.underconstruction {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%
}

.underconstruction-back{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%
}


button {
font-size: 18px;
}

.save-container-float {
float: left;
border: solid 1px #ccc;
padding: 3px;
margin: 3px;
}

.save-para {
float: left;
}


.save-container-nofloat {
clear: both;
width: 95%;
border: solid 1px #ccc;
padding: 5px 10px 8px 10px;
margin: 10px 3px 0px 3px;
}



.layer2-text button{
	-moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;
	box-shadow:inset 0px 1px 0px 0px #cae3fc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
	background-color:#79bbff;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	border:1px solid #469df5;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding:6px 10px;
	text-decoration:none;
	text-shadow:1px 1px 0px #287ace;
}

.layer2-text button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
	background-color:#4197ee;
}

.layer2-text button:active {
	position:relative;
	top:1px;
}




/*-------------general styles --------------------*/

body {
background: #282828;
margin: 0px;
padding: 0px;
font-family: "Open Sans", sans-serif;
/*text-rendering: optimizeLegibility;*/
}

h1, h2, h3, h4, h5 {
color: #cccccc;
font-weight: 300;
}

a {
color: orange;
}

a img {
border: none;
}

/*-------for advanced player -----*/
.important {
background: #3d3c3c;
}
.blue {
color: red;
}


/*-------the layers -----*/

.layer1 {
position: fixed;
width: 100%;
min-width: 1450px; /* needed as content with two columns in layer3 needs a min widht otherwise float breaks */
height: 50px;
background: #3399cc;
border-bottom: solid 1px #006699;
box-shadow: 0px 3px 7px #666;
z-index: 30;
}



.filler-layer2 {
position: relative;
width: 100%;
min-width: 1450px;
height: 45px;
}

.layer3 {
width: 100%;
/*border-top: solid 7px #e8ebed;*/
padding-top: 70px;
}

.layer-member {
width: 100%;
min-width: 1450px;
height: 80px;
padding: 10px 0px 5px 0px;
background: #222222;
color: #f7f7f7;
}

.index-layer2 {
position: relative;
width: 100%;
min-width: 1450px;
height: 775px;
}


.index-layer3 {
width: 100%;
min-width: 1450px;
/*background: #ffffff;*/
padding: 30px 0px 0px 0px;
}

.index-layer4 {
width: 100%;
min-width: 1450px;
background: #f7f7f7;
padding: 30px 0px 0px 0px;
}

.footer {
width: 100%;
min-width: 1450px;
border-top: solid 3px #666666;
background: #333333;
z-index: 14;
}

.foto-front {
background: url('/images/nit-front-2500x800.jpg');
}

/*----simpler to do these as inline styles------*/

.foto-marketing {
background: url('/images/be23-m-marketing.jpg');
}

.foto-finance {
background: url('/images/be23-m-finance.jpg');
}

.foto-internet {
background: url('/images/be23-m-internet.jpg');
}

.foto-human-resources {
background: url('/images/be23-m-human-resources.jpg');
}

.foto-management {
background: url('/images/be23-m-management.jpg');
}





/*-------common inner -------*/

.layerx-inner {
position:relative;
width: 1250px;
margin-left: 5%;
overflow: hidden;
z-index: 3;
padding: 0px 0px 30px 0px;
}

.layerx-inner-content-raised {
position:relative;
width: 1250px;
margin: -300px 0px 0px 5%;
overflow: hidden;
z-index: 3;
padding: 0px 0px 30px 0px;
background: #ffffff;
}



.layerx-inner-nopad {
position:relative;
width: 1250px;
margin-left: 5%;
overflow: hidden;
z-index: 3;
}


.layerx-inner-short {
position:relative;
width: 1000px;
margin-left: 5%;
overflow: hidden;
z-index: 3;
padding: 20px 0px 20px 0px;
}

/*
.layerx-inner-short img{
float: left;
margin: 0px 20px 0px 20px;
}
*/

/*-------layer1 -------*/

.layer1 p {
margin: 3px 0px 0px 0px;
line-height: 35px;
}

.layer1 img {
float: left;
vertical-align: middle;
margin: 0px 100px 0px -20px;
}

.layer1 a {
float: left;
display: inline-block;
text-decoration: none;
color: #66ccff;
padding: 0px 0px 0px 20px;
}


/*-------layer2index image -------*/

.layer2-image{
position: relative;
width: 90%;
height: 700px;
/*border: solid 1px red; */
z-index: 4;
}

.layer2-left-logo {
position: absolute;
/*z-index: 8;*/
left: 20px;
top: 0px;
height: 350px;
width: 500px;
overflow: hidden;
}


.layer2-right-bot {
position: absolute;
/*z-index: 8;*/
right: 20px;
bottom: 100px;
height: 350px;
width: 560px;
overflow: hidden;
}

.layer2-right-bot-inner {
position: absolute;
z-index: 12;
left: 20px;
top: 0px;
width: 540px;

}


.layer2-right-bot-inner h1{
color: #f7f7f7;
font-size: 45px;
}

.layer2-right-bot-inner h3{
color: #ffffff;
font-weight: 600;
}

.layer2-right-bot-trans {
background: #010101;
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
position: absolute;
z-index: 7;
left: 0px;
top: 0px;
height: 600px;
width: 600px;
}

.form-newsletter label {
display: inline-block;
width: 100%;
color: #ccc;
}

.layer2-text {
position: absolute;
top: 100px;
left: 30px;
width: 400px;
height: 400px;
/*margin: 30px 0px 0px 30px;*/
z-index: 6;
}

.layer2-text p, .layer2-text h1{
font-weight: 600;
color: #f7f7f7;
display: block;
padding: 3px 9px;
margin: 0px 0px 5px 0px;
background: #333333;
}


.layer2-text p.darkpara a {
display: inline-block;
height: 100%;
color: #ffffff;
text-decoration: none;
}


.layer2-text h1 {
font-size: 38px;
}

.layer2-text p {
font-size: 23px;
}

.msg {
color:red;
}


/*------LAYERS 3 AND 4 INDEX STYLE -----------*/

.image-list{
float: left;
margin: 0px 20px 0px 0px;
}


/*-------main left content area -------*/

.layer3-left {
float: left;
width: 780px;
margin: 0px 30px 0px 0px;
font-size: 17px;
line-height: 24px;
font-weight: 500;
}


.layer3-left-content {
position: relative;
width: 720px;
margin: 0px 25px 20px 0px;   /*right margin here to match right margins in half content boxes */
padding: 20px 20px;
background: #ffffff;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 3px 5px 7px #666666;
overflow: hidden;
}

.layer3-big-content h2, .layer3-left-content h2{
font-size: 30px;
position: relative;
display: block;
width: 100%;
height: 45px;
background: #ffffff;
padding: 5px 0px;
margin: 0px;
}

.layer3-left-intro {
position: relative;
margin: 0px;
background: #e6e6e6;
padding: 15px 10px 15px 10px;
}

.layer3-left-intro h1{
font-size: 45px;
line-height: 48px;
text-transform: uppercase;
font-weight: 600;
margin: 10px 0px 10px 0px;
}

p.breadcrumb {
margin: 20px 0px 10px 0px;
}

p.breadcrumb a {
margin: 0px 15px 0px 0px;
}

p.bread-para a, .layer2-front-show a {
display: inline-block;
text-decoration: none;
padding: 2px 7px;
margin: 5px;
color: #f7f7f7;
-moz-border-radius: 3px;
border-radius: 3px;
}

.col-marketing{
background: orange;
}

.col-finance{
background: red;
}

.col-management{
background: #666666;
}

.col-hr{
background: blue;
}

.col-internet{
background: green;
}

.breadlink-home {
background: #333333;
}

.breadlink-section {
background: orange;
}

/*----------negocios content pages ---------*/

.layer3-negocios-image {
position: relative;
width: 100%;
background: #ccc;
margin: 0px 0px 30px 0px;
}

.layer3-negocios-address {
float:right;
width: 250px;
height: 200px;
background: #ccc;
margin: 10px 0px 10px 20px;
padding: 15px;
}



/*---------list boxes-------*/

/*
.layer3-left-listbox {
position: relative;
width: 650px;
height: 140px;
margin: 10px 0px 10px 0px;
background: #f7f7f7;
padding: 15px 10px 15px 10px;
}
*/

.layer3-left-listbox { /* the float box for section lists etc */
float: left;
width: 305px;
text-align:center;
/*height: 250px;*/
margin: 30px 25px 10px 0px;
background: #666;
padding: 0px 0px 0px 0px;
color: #999999;
overflow: hidden;
border: solid 1px #ccc;
-moz-border-radius: 5px;
border-radius: 5px;
}

.layer3-left-listbox-image { /* the float box for section lists etc */
position: relative;
width: 285px;
height: 200px;
margin: 10px 10px 20px 10px;
background: pink;
overflow: hidden;
}

.layer3-left-listbox h3{
display: block;
border-bottom: solid 1px #ccc;
background: #ffffff;
padding: 5px;
margin: 0px;
}
/*
.layer3-left-listbox img{
float: left;
margin: 11px 10px 0px 5px;
border: solid 3px white;
}
*/

.layer3-left-listbox h5{
font-size: 140px;
color: #f5f5f5;
padding: 5px;
margin: 7px 2px 3px 0px;
}

.layer3-left-listbox p{
font-size: 40px;
font-weight: 600;
color: #ffffff;
padding: 5px;
margin: 7px 2px 3px 0px;
}

.layer3-left-listbox-inner {
position: relative;
width: 100%;
height: 200px;
background: #ccc;
font-size: 14px;
}

.layer3-left-listbox a{
display: inline-block;
background: #3399cc;
padding: 5px 5px 5px 5px;
margin: 8px 10px 10px 0px;
float: right;
color: #ffffff;
text-decoration: none;
}





/*---------boxes at end-------*/

.layer3-left-content-half {
float: left;
width: 367px;
height: 220px;
background: #f5f5f5;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 3px 5px 7px #666666;
overflow: hidden;
margin: 0px 20px 0px 0px;
}

.layer3-left-content-half h5, .layer3-right-content h5{
display: block;
width: 100%;
font-size: 20px;
font-weight: 400;
margin: 0px;
padding: 10px;
height: 30px;
background: #ffffff;
}



/*---------right content --------*/

.layer3-big-content {
width: 1100px;
height: 470px;
margin: 0px 0px 30px 0px;
background: #f5f5f5;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 3px 5px 7px #666666;
overflow: hidden;
}


/*---------right content --------*/

.layer3-right {
display: inline-block;
width: 310px;
margin: 0px 40px 0px 0px;
/*background: blue;*/
}

.layer3-right-content {
position: relative;
width: 290px;
/*height: 220px;*/
margin: 0px 0px 30px 0px;
background: #f5f5f5;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 3px 5px 7px #666666;
overflow: hidden;
padding: 15px;
}

.layer3-right-content h5{
margin: -15px 0px 20px -15px; /*to counter the padding in div */
width: 120%;
}

.layer3-right-content h6{
display: inline-block;
padding: 10px 0px 0px 0px;
margin: 10px 0px 10px 0px; /*to counter the padding in div */
font-size: 16px;
clear: both;
}

.layer3-right-content img{
float: left;
margin: 0px 10px 0px 0px;
}

/*------layer4 artbox-----*/


.layer4-artbox {
float:left;
width: 285px;
height: 200px;
background: #ccc;
margin: 20px 40px 0px 0px;
}


/*---------------------*/

.floatbreaker {
clear: both;
width: 100%;
height: 20px;
background: brown;
}





.footer-thirds {
color: #cccccc;
float: left;
font-size: 12px;
line-height:14px;
width: 350px;
margin: 30px 25px 10px 0px;
/*
border-top: solid 1px #666666;
*/
padding: 0px 0px 15px 0px;
}

.footer-thirds h6{
color: #ffffff;
font-size: 12px;
line-height:14px;
padding: 0px 0px 15px 0px;
}

/* button */

.userbut_vocab, .userbut_sub {
	background-color:#fe1a00;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:18px;
	font-weight:bold;
	padding:0px 11px;
	text-decoration:none;
	text-shadow:1px 1px 0px #b23e35;
}.userbut_vocab:hover, .userbut_sub:hover {
	background-color:#ce0100;
}.userbut_vocab:active, .userbut_sub:active {
	position:relative;
	top:1px;
}

.facebook_but {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color:#3d94f6;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #337fed;
	display:inline-block;
	color:#ffffff;
	font-family:Trebuchet MS;
	font-size:15px;
	font-weight:bold;
	padding:8px 16px;
	text-decoration:none;
	text-shadow:1px 1px 0px #1570cd;
}.facebook_but:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background-color:#1e62d0;
}.facebook_but:active {
	position:relative;
	top:1px;
}