body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.content-top {
	position: relative;
	width: 100%;
	height: 596px;/*///////////////no es fijo/////////////////////*/
	background: url(../img/bg-top.jpg) repeat-x #efefef;
}

.bg-cnt-top {
	position: relative;
	width: 100%;
	height: 596px;/*///////////////no es fijo/////////////////////*/
	background: url(../img/bg-detalle.jpg) top center no-repeat;
}

.content-main {
	position: relative;
	width: 100%;
	clear: both;
	background: #efefef;
}

.wrapper{
	max-width: 985px;
	margin: 0px auto;
	position: relative;
}

.wrapper-cnt{
	max-width: 985px;
	padding-bottom: 25px;
	margin: 0px auto;
	overflow: hidden;
	background: url(../img/content-glow.png) no-repeat bottom center;
}

.wrapper-bottom{
	max-width: 985px;
	margin: 0px auto;
	position: relative;
	overflow: hidden;
	padding: 18px 0;
	background: url(../img/bottom-glow.png) no-repeat top center;
}

.header {
	position: relative;
	min-width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 12px;
	background: url(../img/divider-header.png) bottom center no-repeat;
}

.logo{
	position: relative;
	float: left;
	border: 0;
	margin: 10px 0 0px 10px;
}

	/*MENU LIGHT*/
	.menu-light{
		position: relative;
		float: right;
		width: 575px;
		height: 35px;
		margin-top: 18px;
	}

	.menu-light ul {list-style:none;margin:0;padding:0; font-family: Tahoma, Geneva, sans-serif; font-size: 14px; text-shadow:1px 1px 0 rgb(0,0,0);}
	.menu-light li {float:left;width: auto;margin:0;padding:0;text-align:center;}
	.menu-light li.active {background:url(../js/main/images/bg2.jpg) repeat 0 0; border-bottom: 1px solid #002038;}
	.menu-light li a {display:block;padding:10px 25px;height:100%;color:#FFF;text-decoration:none;border-right:1px solid #1a1a1a;}
	.menu-light li a.last {border-right:0px solid #1a1a1a;}
	.menu-light li a { 

	    -webkit-transition: all 0.2s ease; 
	    -moz-transition: all 0.2s ease; 
	    -o-transition: all 0.2s ease; 
	    -ms-transition: all 0.2s ease; 
	    transition: all 0.2s ease;		
	}
	.menu-light li a:hover, li a:focus, li a:active { 

		color: #FFF;

		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0089b3+0,00a1d5+100 */
		background: #0089b3; /* Old browsers */
		background: -moz-linear-gradient(top,  #0089b3 0%, #00a1d5 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #0089b3 0%,#00a1d5 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #0089b3 0%,#00a1d5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0089b3', endColorstr='#00a1d5',GradientType=0 ); /* IE6-9 */

	    -webkit-transition: all 0.2s ease; 
	    -moz-transition: all 0.2s ease; 
	    -o-transition: all 0.2s ease; 
	    -ms-transition: all 0.2s ease; 
	    transition: all 0.2s ease;
	}

	/*#a a {background:url(../js/main/images/bg.jpg) repeat -20px 35px;}
	#b a {background:url(../js/main/images/bg2.jpg) repeat 0 0;}
	#c a {background:url(../js/main/images/bg3.png) repeat 0 0;}
	#d a {background:url(../js/main/images/bg4.jpg) repeat 0 0;}*/
	
	/*ENDS MENU LIGHT*/

.slider-block {
	position: relative;
	width: 100%;
	height: 438px;
	margin-top: 3px;
	background: url(../img/shadows-slider.png) no-repeat bottom center;
}

.bottom {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	background: url(../img/bg-shadow-top-bottom.png) top repeat-x #262f38;
	border-bottom: 1px solid #1e252c;
	
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 11px;
}

.bottom-left {
	position: relative;
	width: auto;
	height: auto;
	float: left;
}

.btn-right {
	position: relative;
	width: 156;
	height: auto;
	float: right;
	background: #999;
}

.btn-vr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	background-image: url(../img/btn-ver.png);
	width: 169px;
	height: 31px;
	cursor: pointer;
	text-align: center;
	line-height: 28px;
	float: right;
}

.btn-vr:hover {
	background-image: url(../img/btn-ver2.png);
}

.btn-vr a {
	color: #fff;
	text-decoration: underline;
}

.line-bottom {
	position: relative;
	width: 100%;
	height: 22px;
	overflow: hidden;
	background: url(../img/line-bottom.png) top repeat-x #1f262d;
}

.box-black {
	position: relative;
	width: 250px;
    height: 290px;
	float: right;
	padding: 18px;
	margin-top: -20px;
	background: url(../img/img-proyectos.png) no-repeat bottom right #1d1d1d;
	
	/* Box Shadows */
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.6),
          0 0px 0 #5e524f;
    -moz-box-shadow: inset 0 0px 0px rgba(0,0,0,0.6),
          0 1px 0 #5e524f;
    box-shadow: inset 0 10px 30px rgba(0,0,0,0.6),
          0 0px 0 #5e524f;
	
	/* Transition Effect */
    -webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}

.box-black:hover {	

	background: url(../img/img-proyectos.png) no-repeat bottom right #111111;
	
	/* Transition Effect */
    -webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}

.box-black ul {
	margin: 0;
	padding: 0;
}

.box-black ul li{
	margin: 0 0 0px;
	padding: 5px 0px;
	list-style: none;
	background: url(../img/line-box.png) repeat-x bottom;
	
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-size: 10px;
	color: #d9d9d9;
	font-style: normal;
}

.box-black ul li a{
	color: #d9d9d9;
	text-decoration: none;
}

.box-black ul li a:hover{
	color: #00c6ff;
	text-decoration: none;
}

.ncarousel{
	float: left;
	/*width: 700px;*/
	height: auto;
}

.cnt-service{
	float: left;
	width: 500px;
	height: auto;
}

h1 { 
	margin: 0 0 0px; 
	font-size: 17px; 
	color: #00c6ff;
	font-family: 'FuturaLtBTLightItalic' , sans-serif;
	/*text-shadow: 1px 1px 0 rgb(0,0,0);*/
	line-height: 30px; 
	letter-spacing: 0em;
}

h1.mini { 
	margin: 0 0 0px; 
	font-size: 13px; 
	color: #00c6ff;
	font-family: 'FuturaLtBTLightItalic' , sans-serif;
	line-height: 30px; 
	letter-spacing: 0em;
}

h2 { 
	margin: 0 0 0px; 
	font-size: 17px; 
	color: #00c6ff;
	font-family: 'ColaborateThinRegular' , sans-serif;
	text-shadow: 0px 0px 0 rgb(0,0,0);
	line-height: 30px;
	font-weight: 300;
}

h3 { 
	margin: 0 0 0px; 
	font-size: 12px; 
	color: #003a5a;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 0px 0px 0 rgb(0,0,0);
	line-height: 14px;
	font-weight: 300;
}

h4 { 
	margin: 0 0 8px; 
	font-size: 13px; 
	color: #003a5a;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 0px 0px 0 rgb(0,0,0);
	line-height: 14px;
	font-weight: 300;
}

.vineta {
	float: left;

}

ul {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 0px 20px; 
	line-height: 18px;
	font-size: 12px;
	color: #797979;
	font-style: normal;
	padding:0;
}

ul li{
	margin: 0;
	padding: 0;
}

p  {
	color: #797979;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	margin: 0 0 17px; 
	text-align: justify;
}

p.small  {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 17px; 
	line-height: 18px;
	font-size: 10px;
	color: #797979;
	font-style: normal;
}

p.smallb  {
	font-family: Arial, sans-serif;
	margin: 0 0 10px; 
	line-height: 10px;
	font-size: 10px;
	color: #00b7ff;
	font-style: normal;
}

p.small-p  {
	font-family: Arial, sans-serif;
	margin: 0 0 10px; 
	line-height: 15px;
	font-size: 12px;
	color: #00b7ff;
	font-style: normal;
}


p.mini  {
	font-family: Tahoma, Geneva, sans-serif;
	margin: 0 0 17px; 
	line-height: 14px;
	font-size: 11px;
	color: #fff;
}

p.mini  a{
	color:#00c0ff;
}

p.mini  a:hover{
	color:#67d9ff;
}

p.miniw  {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 17px; 
	line-height: 14px;
	font-size: 11px;
	color: #fff;
}

.blue-mini{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 0px; 
	line-height: 28px;
	font-size: 11px;
	color: #00b7ff;
}

.blue-mini:hover{
	color: #97dcff;
}

.rblue-mini{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 0px; 
	line-height: 28px;
	font-size: 11px;
	color: #00b7ff;
	float: right;
}

.rblue-mini:hover{
	color: #97dcff;
}

span.black{
	font-size: 12px;
	color: #000;
}

span.blue{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 17px; 
	line-height: 14px;
	font-size: 13px;
	color: #00c0ff;
}

span.blue a{
	color: #00c0ff;
	text-decoration: none;
}

span.blue a:hover{
	color: #84d5ff;
	text-decoration: blink;
}

.blue a{
	color: #00c0ff;
	text-decoration: none;
}

.blue a:hover{
	color: #84d5ff;
	text-decoration: blink;
}
/* DROPCAP ------------------------------------------------------------*/

.dropcap:first-letter{ 
	font-size: 1.8em; 
	line-height: 0.76em;
	font-weight: 800;
	padding: 0.04em 0.35em 0 0; 
	float: left;
}

.dropcap2:first-letter{ 
	font-size: 4.9em; 
	line-height: 0.76em;
	font-weight: 800;
	padding: 0.04em 0.16em 0 0; 
	float: left;
}

.dropcapt:first-letter{ 
	font-size: 4.9em; 
	line-height: 0.76em;
	font-weight: 800;
	padding: 0.04em 0.0em 0 0; 
	float: left;
}
.dropcapt .span-letter{ 
	font-size: 4.9em; 
	line-height: 0.76em;
	font-weight: 800;
	padding: 0.04em 0.2em 0 0; 
	float: left;
}
.dropcap2p:first-letter{ 
	font-size: 5.8em; 
	line-height: 0.76em;
	font-weight: 800;
	padding: 0.04em 0.16em 0 0; 
	float: left;
	margin-left: -0.85em;
	margin-top: -0.36em;
}

.dropcap.dark:first-letter{ 
	display:block;
	float:left;
	font-size:30px;
	line-height:40px;
	margin:0 8px 0 0;
	padding: 10px 10px;
	background: #606060;
	color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
}

.arrowp-left {
	width: 13px;
	height: 17px;
	float: right;	
	right: 44px;
	position: relative;
	z-index: 40;
}

.arrowp-right {
	width: 13px;
	height: 17px;
	float: right;
	right: 0;
	position: relative;
	z-index: 40;
}

/* images align */
.img-left { 
	float: left; 
	margin: 0 15px 5px 0; 
}

.img-left-b{ 
	float: left; 
	margin: 0 15px 10px 0;
	border: 6px solid #f7f7f7;
}

.imgb-left { 
	float: left; 
	margin: 0 0px 8px 0;
	border: 6px solid #f7f7f7;
}

.imgb-line {
	width: 100%;
	height: 1px;
	background: #d3d3d3;
	float: left; 
	margin: 0px 0;
}

.img-right { 
	float: right; 
	margin: 0 0 5px 15px; 
}

.img-right-b{ 
	float: right; 
	margin: 0 0 10px 15px;
	border: 6px solid #f7f7f7;
}

.left2 { 
	position: relative;
	width: 70%; 
	float:left; 
	padding:10px; 
	margin:0px 0px 15px 0; 
	border:1px solid #ececec; 
	background: #fff;
	
	/* Transition Effect */
    -webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}

.left2:hover { 
	border:1px solid #bebebe;
	background: #fffdf7;
	-webkit-box-shadow: 0 0 7px rgb(130,130,130);  
	-moz-box-shadow: 0 0 7px rgb(130,130,130);  
	box-shadow: 0 0 7px rgb(130,130,130);
	
	/* Transition Effect */
    -webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}

.left2 .blog_content { overflow: hidden; display: block; width: 100%; }
.left2 .blog_content img { width: 100%; height: auto; }

#cntp-right {
	float: right;
	position: relative;
	width: 25%;
}

#cntp-right img { width: 100%; }

/*::::::::: FORMS :::::::::*/

#contact-left {
	color: #797979;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	position: relative;
	text-align: left;
	width: 55%;	
}

#contact-right {
	float: right;
	position: relative;
	width: 40%;
}

.detail-container { text-align: left !important; padding: 0 5px !important; border: 0 !important; margin-bottom: 10px; }
.detail-container h2{ font-size: 11px; line-height: 13px; margin: 0; padding: 0; }
.detail-container h3{ margin: 0; padding: 0; }
.detail-container p { padding: 12px 12px 1px 12px; margin: 0; }
.detail-container p a{ color: #00b7ff; font-family: Arial; text-transform: inherit; font-size: 12px; text-decoration: none; }
.detail-container p a:hover{ color: #868686; }

/*Responsive*/
@media (min-width: 0px) and (max-width: 499px) {
	.header{ text-align: center; }
	.logo{ float: inherit; display: inline-block; margin: 0; }
	.header .img-right{ float: inherit; display: block; width: 65%; margin: 0 auto; }
	.menu-light{ float: inherit; width: inherit; height: auto; }
	.menu-light li{ float: inherit; }
	.bottom-left { float: inherit; padding: 0; }
	.btn-vr{ float: inherit; margin: 0; }

	.box-black{ float: inherit; width: 100%; margin-top: 20px; margin-bottom: -25px; padding: 18px 50px; }
	.ncarousel{ float: inherit; margin: 0 auto; }
	.title{ text-align: center; }

	.slider-block {	background: #efefef; }

	.wrapper-cnt{ padding-left: 30px; padding-right: 30px; }
	.wrapper-bottom{ padding-left: 30px; padding-right: 30px; }

	.left2 { width: 100%; float: inherit !important; }
	#cntp-right{ width: 40%; float: inherit !important; }

	#contact-left { width: 100%; }
	#contact-right { width: 100%; }
}
@media (min-width: 500px) and (max-width: 767px) {
	.header{ text-align: center; }
	.logo{ float: inherit; display: inline-block; margin: 0; }
	.header .img-right{ float: inherit; display: block; width: 30%; margin: 0 auto; }
	.menu-light{ float: inherit; width: inherit; height: auto; }
	.menu-light li{ float: inherit; }
	.bottom-left { float: inherit; padding: 0; }
	.btn-vr{ float: inherit; margin: 0; }

	.box-black{ float: inherit; margin: 0 auto; margin-top: 20px; width: 320px; padding: 18px 50px; }
	.ncarousel{ float: inherit; margin: 0 auto; }
	.title{ text-align: center; }

	.slider-block {	background: #efefef; }

	.wrapper-cnt{ padding-left: 30px; padding-right: 30px; }
	.wrapper-bottom{ padding-left: 30px; padding-right: 30px; }

	.left2 { width: 100%; float: inherit !important; }
	#cntp-right{ width: 40%; float: inherit !important; }
}
@media (min-width: 768px) and (max-width: 991px) { 
	.header .img-right{ width: 30%; margin-top: 60px; margin-right: 20px; }
	.menu-light{  width: inherit; height: auto; }
	.menu-light li{  }
	.bottom-left { float: inherit; padding: 0; }
	.btn-vr{ float: inherit; margin: 0; }

	.box-black{ float: inherit; margin: 0 auto; margin-top: 20px; width: 350px; padding: 18px 50px; }
	.ncarousel{ float: inherit; margin: 0 auto; }
	.title{ text-align: center; }

	.slider-block {	background: #efefef; }

	.wrapper-cnt{ padding-left: 30px; padding-right: 30px; }
	.wrapper-bottom{ padding-left: 30px; padding-right: 30px; }

	.left2 { width: 70%; }
	#cntp-right{ width: 25%; }
}
@media (min-width: 992px) and (max-width: 1199px){ 
	.box-black{ float: inherit; margin: 0 auto; margin-top: 20px; width: 350px; padding: 18px 50px; }
	.ncarousel{ float: inherit; margin: 0 auto; }
	.title{ text-align: center; }
}
@media (min-width: 1200px) {
	.ncarousel{ width: 670px; }
}

/*|-------- FORMS |--------------------------------------------------------------------------*/
.bx{ padding:10px 6px; /*background:#f9f8f0;*/ }
.buttons{ width:170px; margin:0 auto; }
.bx_contact1{ float:left; width:300px; margin-right:20px; }
.bx_contact2{ float:left; width:300px; margin-right:0; }

label { color:#0092c8; font-size:13px; font-weight:700; }
small { color:#0092c8; font-size:12px; }
small a { color:#000; font-size:12px; font-weight:900; text-decoration:underline; }
div.err {  }
p.err, div.err ul{ color:#fff; font-size:13px; line-height:13px; font-weight:bold; padding:10px; padding-top:10px; margin: 0; margin-bottom:20px; background:#ea1600 url(../images/icons/icon-alert-circled.png) center 10px no-repeat; border:1px solid #ff3333; -webkit-border-radius: 5px; border-radius: 5px; }
p.err, div.err ul li{ margin-left:20px; }

label span{	width: 110px; float:left; text-align:left; padding:0; color:#000; line-height:12px; font-weight: bold; margin-top: 10px; }

.cod_captcha{ width:136px; }

input, select {	display: block;	font-weight: light;	border: 1px solid #CCCCCC; background: #fcfeed; margin:0; margin-bottom: 10px; padding:14px 14px; color: #535353; width:100%; font-family: "hallo_sansregular", sans-serif; font-size: 16px; font-weight:300; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;  }

textarea { display: block; font-weight: light; border: 1px solid #CCCCCC; background: #fcfeed; margin:0; margin-bottom: 10px; padding:14px 14px; color: #3d3d00; width:80%; font-family: "hallo_sansregular", sans-serif; font-size: 16px; font-weight:300; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; }

input:focus, textarea:focus{ background:#FFF; }
input#submit{ float: left; font-family: Arial, Helvetica, sans-serif; font-stretch:condensed; color:#fff; border: 0 solid #003957; text-transform: none; font-size: 12px; line-height: 12px; cursor: pointer; width: 80px; padding: 7px 14px; margin-right:3px; text-decoration: none; background: #262f38; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
input#submit:hover{	background:#00a1d4; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; }


/*::::::::: Form Icons :::::::::*/
#name { 
	background: url(../img/icon_form_name.gif) no-repeat top left #; 
}
#email { 
	background: url(../img/icon_form_email.gif) no-repeat top left #; 
}
#phone { 
	background: url(../img/icon_form_phone.gif) no-repeat top left #; 
	}
#url { 
	background: url(../img/icon_form_url.gif) no-repeat top left #;
 }
#comment { 
	background: url(../img/icon_form_comment.gif) no-repeat top left #; 
}

#cv { 
	background: none #fff;
}

#btn-box {
	background: #456c55;
	float: right;
	width: 100px;
	border: 0;
	cursor: pointer;
	padding: 0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 0px;
	color: #FFFFFF;
	font: 11px Georgia;
}