/* Reset
----------------------------------------------------------------------------------------------------*/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

a, a:hover, a:active{
	text-decoration: none
}

img, fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

ul, il{
	list-style: none;
}


/* PRINCIPAL
----------------------------------------------------------------------------------------------------*/
html{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	position:relative;
	text-align:center;
}

body{
	width:100%;
	height:100%;
	margin:0 auto;
	padding:0;
	font-family:sans-serif;
	text-align:center;
	position:relative;
	overflow-x:hidden;
	overflow-y:auto;
}

.noscroll{
	overflow:hidden;
}

.scrollactive{
	overflow-y:scroll;
}

.margenmain{
	width:100%;
	height:110px;
	display:block;
	position:relative;
}

.main{
	width:100%;
	height:auto;
	margin:0 auto;
	display:block;
	position:relative;
}

.main .cont{
	width:100%;
	height:auto;
	margin:0 auto;
	display:block;
	position:relative;
}

.section{
	width:100%;
	height:auto;
	display:block;
	position:relative;
	clear:both;
	margin:0 auto;
}

.footer{
	width:100%;
	height:48px;
	max-width:1200px;
	line-height:48px;
	padding:48px 0 0 0;
	margin:0 auto;
	display:block;
	clear:both;
	text-align:center;
	border:solid #ddd;
	border-width:1px 0 0 0;
}

.footer .bt{
	width:auto;
	height:30px;
	margin:0;
	padding:4px;
	display:inline-block;
}

.footer .bt img{
	width:auto;
	height:100%;
}

.clearbox{
	width: 0;
	height: 0;
	display: block;
	clear:both;
}

/* PARRAFOS Y TITULOS
----------------------------------------------------------------------------------------------------*/
.texto{
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}

.mostrar{
	display: none !important;
}

.titulo_01{
	margin:0;
	padding:0;
	font-size:18px;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
}

.titulo_01 b{
	font-weight:500;
}

.titulo_02{
	margin:0;
	padding:0;
	font-size:24px;
	font-family: 'Lato', sans-serif;
	font-weight:400;
}

.titulo_02 b{
	font-weight:700;
}

.titulo_03{
	margin:0;
	padding:0;
	font-size:36px;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	letter-spacing:3px;
}

.titulo_03 b{
	font-weight:700;
}

.titulo_04{
	margin:0;
	padding:0;
	font-size:20px;
	font-family: 'Lato', sans-serif;
	font-weight:400;
}

.titulo_04 b{
	font-weight:700;
}

.parrafo_01{
	margin:0;
	padding:0;
	font-size:16px;
	line-height:1.5;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
}

.parrafo_01 b{
	font-weight:500;
}

.parrafo_01 li{
	margin:0 0 0 20px;
	padding:0 0 8px 0;
	list-style: disc;
}

.parrafo_02{
	margin:0;
	padding:0;
	font-size:15px;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
}

.parrafo_02 b{
	font-weight:500;
}

.parrafo_03{
	margin:0;
	padding:0;
	font-size:13px;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
}

.parrafo_03 b{
	font-weight:500;
}

.txt-sombra{
	text-shadow: 0px 0px 4px #000000;
}

.txt-brillo{
	text-shadow: 0px 0px 8px #ffffff;
}

.color0{color:#000;}
.color3{color:#333;}
.color6{color:#666;}
.color9{color:#999;}
.colorc{color:#ccc;}
.colord{color:#ddd;}
.colorf{color:#fff;}


/* HEADER / menu_principal
----------------------------------------------------------------------------------------------------*/
.header{
	width:-webkit-calc(100% - 100px);
	width:-moz-calc(100% - 100px);
	width:calc(100% - 100px);
	height:80px;
	display:block;
	clear:both;
	text-align:center;
	margin:0 auto;
	padding:15px 50px;
	background:#fff;
	position:fixed;
	z-index:99999;
	top:0;
	left:0;
}

.header-home{
	background:transparent;
}

.header .logo{
	width:auto;
	height:100%;
	display:block;
	margin:0;
	padding:0;
	float:left;
}

.header .logo img{
	width:auto;
	height:100%;
}

.header .logo img.logo-portrait{display:none;}

.menu_principal{
	width:auto;
	height:auto;
	display:block;
	float:right;
	margin:12px 0 0 0;
}

.header-inicio .menu_principal{
	margin:0;
}

.menu_principal ul{
	width:auto;
	height:auto;
	display:block;
	padding:0;
	margin:0;
}

.menu_principal ul li{
	width:auto;
	height:20px;
	line-height:20px;
	display:inline-block;
	margin:0 0 0 32px;
	padding:5px 0;
	font-size:22px;
	font-family: 'Lato', sans-serif;
	font-weight:bold;
	position:relative;
	float: left;
	color:#fff;
}

.menu_principal ul li.division{
	font-weight:normal;
	margin:0 6px;
	color:#ccc;
	opacity:0.75;
	display:none;
}

.header-home .menu_principal ul li.division{
	color:#fff;
}

.menu_principal ul li.idioma{
	margin:0 0 0 16px;
	display:none;
}

.menu_principal ul li a{
	height:100%;
	display:block;
	cursor:pointer;
	color:#999;
}

.header-home .menu_principal ul li a{
	color:#fff;
}

.menu_principal ul li a:hover{
	opacity:0.6;
}

.menu_principal ul  li a.select, .menu_principal ul li a:hover.select{
	color:#000;
	opacity:1;
}

.menu_principal ul li.redes{
	margin:0 0 0 16px;
}

.menu_principal ul li.redes a{
	opacity: 0.5;
}
.menu_principal ul li.redes a:hover{
	opacity: 1;
}

.menu_principal ul li.redes a img{
	height:100%;
	display:block;
}
.menu_principal ul li.redes a img.negro{
	display:none;
}

.movil_titulo {
	font-size: 0.75em;
	font-weight: normal;
	font-family:'Open Sans', sans-serif;
	float:right;
	line-height:35px;
	padding:0 12px 0 0;
	margin:15px 0;
	text-transform:uppercase;
	display:none;
}

.menu_principal .nav2{
	width:100%;
	height:auto;
	margin: 0;
	padding:0 0 0 0;
	display:none;
	clear:both;
}

.menu_principal .logo2{
	width:auto;
	height:60px;
	display:block;
	margin:0;
	padding:0;
	float:left;
}

.menu_principal .logo2 img{
	width:auto;
	height:100%;
	display:block;
}

.menu_principal .bt_menu2{
	width:auto;
	height:72px;
	margin:-8px 0 0 0;
	float:right;
	display:block;
	cursor:pointer;
}

.menu_principal .bt_menu2 img{
	width:auto;
	height:100%;
}

.bt_menu{
	width:auto;
	height:100%;
	margin:0;
	float:right;
	display:none;
	cursor:pointer;
	background:#fff;
}

.bt_menu img{
	width:auto;
	height:100%;
}

.bt_menu img.bm-portrait{
	display:none;
}

.menu_header_sombra{
	width:100%;
	height:5px;
	display:none;
	position:absolute;
	z-index:9998;
	top:0;
	left:0;
	background-size:auto 100%;
	background-position: center center;
	background-repeat: repeat-x;
	background-image:url(../img/sombra.png);
	opacity:0.5;
}


/* BANNER GENERAL
----------------------------------------------------------------------------------------------------*/

#slide{
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}

#slide .imagebanner{
	width: 100%;
	height: 100%;
	display: block;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;
}

#slide .imagebanner a{
	width:100%;
	height:100%;
	display:block;
	opacity:0;
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
}

#banner_menu .bt{
	position: relative;
	cursor:pointer;
}

#banner_menu .bt .normal{
	width:100%;
	height:100%;
	position:absolute;
	z-index:200;
	display:block;
}

#banner_menu .bt .over{
	width:100%;
	height:100%;
	position:absolute;
	z-index:100;
	display:none;
}


/* banner_home
----------------------------------------------------------------------------------------------------*/
.banner_home{
	width:100vw;
	height:100vh;
	background-color:#fff;
	margin:0;
	position:relative;
}

.banner_home #slide {
	width:100%;
	height:100%;
	margin:0;
}

.banner_home #slide .imagebanner{
	background-color:#ddd;
	background-size:cover;
}

.banner_home .trans{
	width:100%;
	height:300px;
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	background-image:url(../img/transparencia_01.png);
	background-position:center top;
	background-repeat:repeat-x;
	background-size:auto 100%;
}

.banner_home .trans2{
	width:100%;
	height:300px;
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	z-index:100;
	background-image:url(../img/transparencia_02.png);
	background-position:center top;
	background-repeat:repeat-x;
	background-size:auto 100%;
}

.banner_home #banner_menu{
	width:100%;
	height:auto;
	display:block;
	text-align:center;
	position:absolute;
	bottom:24px;
	left:0;
	z-index:900;
}

.banner_home #banner_menu .botones{
	width:80%;
	height:auto;
	display:block;
	margin:0 auto;
}

.banner_home #banner_menu .bt{
	width:36px;
	height:36px;
	display:inline-block;
	margin:0 6px;
}

.banner_home #banner_menu .normal{
	width:26px;
	height:6px;
	display:block;
	background:#fff;
	top:15px;
	left:5px;
	opacity:0.5;
}

.banner_home #banner_menu .over{
	width:26px;
	height:6px;
	display:block;
	background:#fff;
	top:15px;
	left:5px;
}


.banner_home #slide #banner1 {background-image: url(../img/banner_inicio/01-1440.jpg) !important;}
.banner_home #slide #banner2 {background-image: url(../img/banner_inicio/02-1440.jpg) !important;}
.banner_home #slide #banner3 {background-image: url(../img/banner_inicio/03-1440.jpg) !important;}
.banner_home #slide #banner4 {background-image: url(../img/banner_inicio/04-1440.jpg) !important;}
.banner_home #slide #banner5 {background-image: url(../img/banner_inicio/05-1440.jpg) !important;}
.banner_home #slide #banner6 {background-image: url(../img/banner_inicio/06-1440.jpg) !important;}


/* INICIO
----------------------------------------------------------------------------------------------------*/
.inicio{
	background:#222;
}

.inicio #banner_slide{
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

.inicio #banner_slide #slide div{
	background-size: 100% auto;
	background-position: center bottom;
	background-repeat: no-repeat;
}

.inicio #banner_slide #slide div p{
	width: 400px;
	padding: 14px 14px 14px 55px;
	margin: 0;
	position: absolute;
	bottom: 85px;
	left: 0;
	z-index: 100;
	opacity: 0;
	color: #fff;
	font-size: 13px;
	font-family: Arial,Helvetica,sans-serif;
	background: url(../img/fondo_02.png);
}

.inicio #banner_menu{
	width: auto;
	height: auto;
	display: block;
	position: absolute;
	top: 130px;
	right: 55px;
	z-index: 200;
}

.inicio #banner_menu .bt{
	width: 12px;
	height: 12px;
	display: block;
	float: left;
	margin: 0 3px;
}

.inicio #banner_menu .bt .normal{
	width: 12px;
	height: 12px;
}

.inicio #banner_menu .bt .over{
	width: 12px;
	height: 12px;
}

.inicio .anterior{
	width: 36px;
	height: 36px;
	display: block;
	position: absolute;
	bottom: 295px;
	left: 55px;
	margin: 0;
	z-index: 1000;
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../img/ico_02.png);
	cursor: pointer;
	opacity: 0.75;
}

.inicio .siguiente{
	width: 36px;
	height: 36px;
	position: absolute;
	bottom: 295px;
	right: 55px;
	margin: 0;
	z-index: 1000;
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../img/ico_03.png);
	cursor: pointer;
	opacity: 0.75;
}

.inicio .anterior:hover, .inicio .siguiente:hover{
	opacity: 1;
}

/* NOSOTROS
----------------------------------------------------------------------------------------------------*/
.imagenbanner_u{
	width:-webkit-calc(100% - 100px);
	width:-moz-calc(100% - 100px);
	width:calc(100% - 100px);
	height:-webkit-calc(100vh - 300px);
	height:-moz-calc(100vh - 300px);
	height:calc(100vh - 300px);
	max-width:1600px;
	max-height:1200px;
	margin:20px auto 0 auto;
	padding:0;
	position:relative;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}

.imagenbanner_u h1{
	width:100%;
	height:auto;
	margin:-24px 0 0 0;
	padding:0;
	text-align:center;
	position:absolute;
	top:50%;
	left:0;
	z-index:100;
}

.nosotros_info{
	width:-webkit-calc(100% - 100px);
	width:-moz-calc(100% - 100px);
	width:calc(100% - 100px);
	max-width:1100px;
	margin: 0 auto;
	text-align:justify;
	padding:54px 0 0 0;
}

.nosotros_info .enlaces a:hover{
	text-decoration:underline;
}

.lista_proyectos{
	width:100%;
	height:auto;
	display:block;
	clear:both;
	padding:6px 0;
	border:solid #eee;
	border-width:0 0 1px 0;
	color:#000;
}

a.lista_proyectos:hover{
	background:#f1f1f1;
}

.lista_proyectos p{
	float:left;
	padding:0 12px 0 0;
	font-size:14px;
	text-align:left;
}

.lista_proyectos p.date{
	width:68px;
}

.lista_proyectos p.nombre{
	width:-webkit-calc(60% - 92px);
	width:-moz-calc(60% - 92px);
	width:calc(60% - 92px);
}

.lista_proyectos p.estado{
	width:-webkit-calc(20% - 12px);
	width:-moz-calc(20% - 12px);
	width:calc(20% - 12px);
}

.lista_proyectos p.categoria{
	width:-webkit-calc(20% - 12px);
	width:-moz-calc(20% - 12px);
	width:calc(20% - 12px);
}

.logosclientes{
	width:100%;
}

.logosclientes img{
	width:20%;
	height:auto;
	display:block;
	float:left;
}

.last{
	min-height: -webkit-calc(100vh- 350px);
    min-height: -moz-calc(100vh - 350px);
    min-height: calc(100vh - 350px);
	padding:54px 0;
}

.last .parf{
	max-width: 380px;
}

.nosotros_info .col1{
	width:-webkit-calc(50% - 24px);
	width:-moz-calc(50% - 24px);
	width:calc(50% - 24px);
	float:left;
}

.nosotros_info .col2{
	width:-webkit-calc(50% - 24px);
	width:-moz-calc(50% - 24px);
	width:calc(50% - 24px);
	float:right;
}

.nosotros_info .titu{
	padding:0 0 36px 0;
}

.nosotros_imagen{
	width:100%;
	height:auto;
	display:block;
	margin:48px 0;
}

.fotoperfil{
	width:auto;
	height:auto;
	float:left;
	margin:0 24px 24px 0;
}



/* PROYECTOS
----------------------------------------------------------------------------------------------------*/
.menu_categorias{
		width:auto;
		height:auto;
		display:block;
		margin:0 auto;
		padding:0;
		position:absolute;
		top:55px;
		right:50px;
}

.menu_categorias ul{
	width:auto;
	height:100%;
	display:block;
	padding:0;
	margin:0;
}

.menu_categorias ul li{
	width:auto;
	height:40px;
	line-height:40px;
	display:inline-block;
	margin:0 0 0 20px;
	padding:0;
	font-size:14px;
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	position:relative;
	float:left;
	letter-spacing: 1px;
}

.menu_categorias ul li a{
	height:100%;
	display:block;
	cursor:pointer;
	color:#999;
}

.menu_categorias ul li a:hover{
	opacity:0.6;
}

.menu_categorias ul  li a.select, .menu_principal ul li a:hover.select{
	color:#333;
	opacity:1;
}

.banner_proyectos{
	width:-webkit-calc(100% - 100px);
	width:-moz-calc(100% - 100px);
	width:calc(100% - 100px);
	height:-webkit-calc(100vh - 210px);
	height:-moz-calc(100vh - 210px);
	height:calc(100vh - 210px);
	max-width:1600px;
	max-height:1200px;
	margin:20px auto 0 auto;
	padding:0;
	position:relative;
}

.banner_proyectos #slide {
	width:100%;
	height:100%;
	margin:0;
}

.banner_proyectos #slide .imagebanner{
	background-color:#ddd;
	background-size:cover;
}

.banner_proyectos .banner_titulo{
	width:-webkit-calc(100% - 24px);
	width:-moz-calc(100% - 24px);
	width:calc(100% - 24px);
	height:50px;
	line-height:50px;
	padding:0 12px;
	display:block;
	position:relative;
}

.banner_proyectos .banner_titulo h1{
	width:50%;
	line-height:50px;
	display:block;
	float:left;
	text-align:left;
}

.banner_proyectos .banner_titulo .nav{
	width:-webkit-calc(50% - 24px);
	width:-moz-calc(50% - 24px);
	width:calc(50% - 24px);
	height:50px;
	display:block;
	float:right;
}

.banner_proyectos .banner_titulo .nav .bt{
	width:30px;
	height:30px;
	padding:10px;
	display:block;
	float:right;
	cursor:pointer;
	opacity:0.5;
	margin:0 0 0 24px;
}

.banner_proyectos .banner_titulo .nav .bt:hover{
	opacity:1;
}

.banner_proyectos .banner_titulo .nav p{
	line-height:50px;
	float:right;
}

.banner_proyectos .banner_titulo .nav .bt img{
	width:100%;
	height:100%;
	display:block;
}

.contenedor_thumb{
	width:-webkit-calc(100% - 70px);
	width:-moz-calc(100% - 70px);
	width:calc(100% - 70px);
	height:auto;
	min-height:-webkit-calc(100vh - 240px);
	min-height:-moz-calc(100vh - 240px);
	min-height:calc(100vh - 240px);
	display:block;
	position:relative;
	background: #fff;
	padding:0 35px;
}

.loader{
	width:-webkit-calc(100% - 70px);
	width:-moz-calc(100% - 70px);
	width:calc(100% - 70px);
	height: auto;
	position:absolute;
	top: 0;
	left: 35px;
	z-index: 999;
	background-color: #fff;
}

.loader .load_thumb{
	width:-webkit-calc(25% - 24px);
	width:-moz-calc(25% - 24px);
	width:calc(25% - 24px);
	height:250px;
	margin:24px 12px 0 12px;
	display: inline-block;
	position: relative;
	float: left;
	background:#f6f6f6;
	display:block;
}

.contenedor_thumb a{
	width:-webkit-calc(25% - 24px);
	width:-moz-calc(25% - 24px);
	width:calc(25% - 24px);
	height:250px;
	margin:24px 12px 0 12px;
	display: inline-block;
	position: relative;
	float: left;
	background:#000;
}

.contenedor_thumb a .imagen{
	width:100%;
	height:100%;
	display:block;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-color: #f6f6f6;
	opacity:1;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out; /* IE10 is actually unprefixed */
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.contenedor_thumb a h2 {
	width:-webkit-calc(100% - 24px);
	width:-moz-calc(100% - 24px);
	width:calc(100% - 24px);
	padding:12px;
	text-align:left;
	position:absolute;
	bottom:0;
	left:0;
	z-index:100;
	opacity:0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out; /* IE10 is actually unprefixed */
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.contenedor_thumb a:hover .imagen{
	opacity:0.4;
}

.contenedor_thumb a:hover h2{
	opacity:1;
}

.proyectos_info{
	width:-webkit-calc(100% - 100px);
	width:-moz-calc(100% - 100px);
	width:calc(100% - 100px);
	max-width:1100px;
	margin: 0 auto;
	text-align: left;
	padding:48px 0;
}

.proyectos_info .col1{
	width:-webkit-calc(30% - 24px);
	width:-moz-calc(30% - 24px);
	width:calc(30% - 24px);
	float:left;
}

.proyectos_info .col2{
	width:-webkit-calc(70% - 24px);
	width:-moz-calc(70% - 24px);
	width:calc(70% - 24px);
	float:right;
}

.proyectos_info .titu{
	padding:0 0 36px 0;
}

.division_02{
	width:100%;
	height:2px;
	line-height:2px;
	font-size:1px;
	display:block;
	background:#ddd;
	margin:20px 0;
}

.division_00{
	width:100%;
	height:2px;
	line-height:2px;
	font-size:1px;
	display:block;
	background:#ddd;
	margin:0 0 20px 0;
}

.division_03{
	width:100%;
	height:1px;
	line-height:1px;
	font-size:1px;
	display:block;
	background:#ddd;
	margin:48px 0 0 0;
}

.division_04{
	width:100%;
	height:72px;
	line-height:72px;
	font-size:1px;
	display:block;
	background:transparent;
}

.proyecto_imagen_principal{
	width:-webkit-calc(100% - 100px);
	width:-moz-calc(100% - 100px);
	width:calc(100% - 100px);
	height:auto;
	max-width:1100px;
	margin:20px auto 0 auto;
	padding:0;
	position:relative;
}

.proyecto_imagen{
	width:auto;
	height:auto;
	max-width:100%;
	display:block;
	margin:48px auto 0 auto;
}

.proyecto_imagen-800{
	max-width:800px;
}

.proyecto_imagen-840{
	max-width:840px;
}

.proyecto_imagen-740{
	max-width:740px;
}

.proyecto_imagen_pie{
	width:100%;
	height:auto;
	display:block;
	padding:36px 0;
	text-align:center;
}

.pipd{
	width: -webkit-calc(70% - 24px);
    width: -moz-calc(70% - 24px);
    width: calc(70% - 24px);
	float:right;
	clear:both;
}

.pimd{
	width: -webkit-calc(70% - 24px);
    width: -moz-calc(70% - 24px);
    width: calc(70% - 24px);
	text-align:right;
	float:right;
	clear:both;
}

.con-img{
	width:100%;
	height:auto;
	display:block;
	max-width:1100px;
	clear:both;
	position:relative;
	margin:0 auto;
	text-align:center;
}

.con-img img{
	width:100%;
	height:auto;
	display:block;
	margin:0;
}

.con-img img.cimd{
	width: -webkit-calc(70% - 24px);
    width: -moz-calc(70% - 24px);
    width: calc(70% - 24px);
	text-align:right;
	float:right;
	clear:both;
}

.con-img-840{
	max-width:840px;
}


.con-img-800{
	max-width:800px;
}

.con-img-740{
	max-width:740px;
}

.con-img p{
	width:auto;
	height:auto;
	display:block;
	text-align:right;
	padding:12px;
	position:absolute;
	bottom:12px;
	right:12px;
	z-index:100;
}

.con-img p.fondo1{
	background:rgba(0,0,0,0.4);
}

.con-img p.fondo2{
	background:rgba(255,255,255,0.4);
}

.menu_categorias2{
	width:-webkit-calc(100% - 48px);	
	width:-moz-calc(100% - 48px);	
	width:calc(100% - 48px);	
	height:auto;	
	display:none;	
	padding:24px;	
	text-align:right;	
}

.menu_categorias2 li{
	width:auto;	
	height:20px;	
	display:inline-block;	
	line-height:20px;	
	list-style:none;	
	padding:0 6px;	
	margin:0 0 4px 0;	
	border:solid #eee;	
	border-width:0 1px 0 0;	
	font-size:0.8em;	
	font-family:'Roboto', sans-serif;	
	font-weight:300;	
}

.menu_categorias2 li a{
	color:#666;
}

.menu_categorias2 li a.select{
	color:#000;
	font-weight:700;
}

/* CONTACTO
----------------------------------------------------------------------------------------------------*/
.contacto_c1{
	width: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	background-image: url(../img/contacto_01.jpg);
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;
}

.contacto_c2{
	width: auto;
	height: 195px;
	display: block;
	padding: 45px 0 0 0;
	position: absolute;
	bottom: 0;
	right: 530px;
	z-index: 200;
	color: #fff;
}

.contacto_c2 p{
	float: right;
}

.contacto_c2 a{
	color: #fff;
}

.contacto_c2 a:hover{
	color: #999;
}

.contacto_c3{
	width: 370px;
	height: 160px;
	display: block;
	padding: 0 0 0 55px;
	margin: 40px 0;
	position: absolute;
	bottom: 0;
	right: 55px;
	z-index: 200;
	color: #fff;
	border: solid #fff;
	border-width: 0 0 0 1px;
}

.contacto_c3b{
	display: none;
	height: auto !important;
	padding: 80px 0 0 0;
}

.contacto_c3b a{
color: #fff;
}

.formulario{
	width: 100%;
	height:auto;
	margin: 0;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #fff;
}

.contact_c{
	width:100%;
	height:22px;
	display:block;
	margin:0 0 3px 0 ;
	position:relative;
	clear: both;
	line-height:22px;
}

.celda{
	width:100%;
	height:auto;
	display:block;
	margin:0;
	position:relative;
	clear: both;
}

.input01{
	width:-webkit-calc(100% - 10px);
	width:-moz-calc(100% - 10px);
	width:calc(100% - 10px);
	height:30px;
	display:block;
	margin:4px 0 15px 0;
	padding:0 5px;
	border:none;
	background:#eee;
}

.textarea01{
	width:-webkit-calc(100% - 10px)!important;
	width:-moz-calc(100% - 10px)!important;
	width:calc(100% - 10px)!important;
	height:100px !important;
	display:block;
	margin:4px 0 15px 0;
	padding:5px;
	border:none;
	background:#eee;
}

.bt_enviar{
	width:90px;
	height:40px;
	line-height:40px;
	margin:0;
	padding:0;
	background:#666;
	cursor: pointer;
	float:right;
	border:none;
}

.bt_enviar:hover{
	background:#333;
}

.contacto_social{
	width:35px;
	height:35px;
	display:block;
	clear:both;
	opacity:0.5;
	padding:10px 0;
	margin:12px 0 0 0;
}

.contacto_social img{
	width:100%;
	height:100%;
	display:block;
}

.contacto_facebook:hover{
	opacity:1;
}



/* NOTICIAS
----------------------------------------------------------------------------------------------------*/

.noticias_thumb{
	width:-webkit-calc(100% - 70px);
	width:-moz-calc(100% - 70px);
	width:calc(100% - 70px);
	height:auto;
	display:block;
	position:relative;
	background: #fff;
	padding:0 35px;
}

.noticias_thumb a{
	width:-webkit-calc(25% - 24px);
	width:-moz-calc(25% - 24px);
	width:calc(25% - 24px);
	height:auto;
	margin:24px 12px 0 12px;
	display: inline-block;
	position: relative;
	float: left;
	background:#999;
}

.noticias_thumb a .imagen{
	width:100%;
	height:230px;
	display:block;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	opacity:0.5;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out; /* IE10 is actually unprefixed */
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.noticias_thumb a .txt{
	width:-webkit-calc(100% - 24px);
	width:-moz-calc(100% - 24px);
	width:calc(100% - 24px);
	height:80px;
	padding:12px;
	text-align:left;
	position:relative;
	background:#fff;
}

.noticias_thumb a:hover .imagen{
	opacity:1;
}

.noticia_info{
	width:-webkit-calc(100% - 100px);
	width:-moz-calc(100% - 100px);
	width:calc(100% - 100px);
	max-width:1200px;
	margin: 0 auto;
	text-align:justify;
	padding:24px 0 100px 0;
	border:solid #eee;
	border-width:36px 0 0 0;
}

.noticia_info .col1{
	width:40%;
	float:left;
}

.noticia_info .col2{
	width:-webkit-calc(60% - 48px);
	width:-moz-calc(60% - 48px);
	width:calc(60% - 48px);
	float:right;
}

.noticia_imagen{
	width:100%;
	height:auto;
	display:block;
}

.noticia_info .col2 a{
	width:auto;
	height:auto;
	margin:24px 0 0 0;
	display:block;
	background:transparent;
	font-weight:bold;
	color:#000;
}

/* NOTICIAS
----------------------------------------------------------------------------------------------------*/
#preload{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 15px 0 0 198px;
	z-index: 999999;
}

#preload2{
	width: 100%;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	margin: 0;
	z-index: 999999;
	text-align: center;
}

#preload2 p{
	padding: 0;
	margin: 0;
	font-size: 10px;
	color: #fff;
}

#preload3{
	position: absolute;
	margin: 0 0 0  -8px;
	bottom:315px;
	left:50%;
	z-index: 888888;
}

#jpreOverlay {
	position: absolute;
	z-index: 999999;
	overflow: hidden;
}

#jprePercentage{
	color: #fff;
	font-size: 10px;
	text-align: center;
}

#jpreBar {
display:none;
}

.bodyinicio #jpreOverlay {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.bodyinicio #jpreLoader{
	width:100%;
	height: 100%;
	margin: 0;
	top: 0;
	left:0;
}

.bodyinicio #jprePercentage {
	width:100%;
	position: absolute;
	bottom: 295px;
	margin:0;
}

.bodyproyecto #jpreOverlay {
	width: 100%;
	height: 100%;
	top: 0;
	left:0;
}

.bodyproyecto #jpreLoader{
	width:100%;
	height: 100%;
	margin: 0;
	top: 0;
	left:0;
}

.bodyproyecto #jprePercentage {
	width:100%;
	position: absolute;
	top: 50%;
	margin:40px 0 0 205px;
}