@charset "utf-8";

/* 

CSS Document created by JPMEstudio System  - http://www.jpmestudio.com

JPMEstudio.com © 2014-2017 - All rights reserved

More info: info@jpmestudio.com

This site is created and optimized by JPMEstudio System - http://www.jpmestudio.com

*/

body {
	background:#FFF;
	margin: 0 auto;
}
p {
	font-family:roboto2;
	font-size:13px;
	line-height:20px;
	color:#1d1d1d/*Color Fuente Principal*/;
}
strong {
	font-family:roboto4;
	font-weight:100;
}
.space {
	padding-top:.5em;
	padding-bottom:.5em;	
}
a {
	text-decoration:none;
	color:inherit;
	font-family:roboto2;
	outline: 0;
	-webkit-transition: all 350ms ease-in-out;
	-moz-transition: all 350ms ease-in-out;
	-ms-transition: all 350ms ease-in-out;
	-o-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
}
a:hover {
	text-decoration:none;
	color:inherit;
}
.imghover:hover {
	opacity: 0.3;
	-webkit-transition: all 350ms ease-in-out;
	-moz-transition: all 350ms ease-in-out;
	-ms-transition: all 350ms ease-in-out;
	-o-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
}
h1 { /* TITULOS GENERALES */
	font-family:roboto3; 
	color:#000000; 
	font-size:40px; 
	line-height:normal; 
	width:auto; 
	text-transform:uppercase; 
	padding-top:.3em; 
	padding-bottom:.3em; 
	font-weight: normal; 
	text-align:center;
	margin:0 auto;
}
h2 { /* SLOGANES DEBAJO DE TITULO */
	font-family:roboto2; 
	color:#000000; 
	font-size:14px; 
	line-height:normal; 
	width:auto; 
	text-transform:none; 
	font-weight: normal; 
	text-align:center;
	margin:0 auto;
}
h3 { /*TITULO PAGINAS*/
	color: #000000;
	font-family: roboto3; 
	font-size:36px;
	font-weight:normal;
	text-align:center;
}
h4 { /*TITULOS SECUNDARIOS*/
	color: #000000;
	font-family: roboto3; 
	font-size:20px;
	font-weight:normal;
	text-align:center;
	text-transform:none;
	margin:0 auto;
}
h5 { /*TITULOS COLUMNAS*/
	font-family:roboto3; 
	color:#000000; 
	font-size:20px; 
	line-height:normal; 
	width:auto; 
	text-transform:none; 
	padding-bottom:1em;
	font-weight: normal; 
	text-align:center;
	margin:0 auto;
	
}
h6 { /*TITULOS PACKS*/
	color:#000000;
	font-size:16px;
	padding-left:3%;
	font-family: roboto2;
	line-height:0px;
	
}
h7 { /*TITULOS TEMPLATE*/
	color:#000000;
	font-size:18px;
	font-family: roboto2;
	text-align:justify;
	text-transform:uppercase;
}
h8 { /*TEXTOS VARIOS*/
	color:#000000;
	font-size:16px;
	font-family: roboto2;
	text-align:justify;
	text-transform:uppercase;
}
h9 { /*EXPERIENCIA LABORAL*/
	color:#000000;
	font-size:16px;
	font-family: roboto2;
	text-align:justify;
}
hr {
	color: #E5E5E5;
	background-color: #E5E5E5;
	height: 1px;
	border:none;
	width:100%;
}
table {
   width: 100%;
   text-align: left;
   border-collapse: collapse;
   margin: 0 0 1em 0;
   caption-side: top;
   bottom:1px solid #CCC;
   font-family:roboto2;
   font-size:13px;
   color:#000000/*Color Fuente Principal*/;
   line-height:35px;
}
.text-left {
	text-align:left;
	margin:0px auto;
}
.text-right {
	text-align:right;
	margin:0px auto;
}
.text-center {
	text-align:center;
	margin:0px auto;
}
.text-cursive {
	font-style:oblique;
	margin:0px auto;
}
.text-justify {
	text-align:justify;
	margin:0px auto;
}
.top {
	background:#000000;
	width:auto;
	height:auto;
	top:0;
	border-bottom:4px solid #fff600;
}
.top .top-content {
	width:1300px;
	height:auto;
	margin:0 auto;
}
.top p {
	color:#F1F1f1;
	font-family:roboto3;
	font-size:14px;
	padding:.5em;
	margin:0 auto;
	top:0;	
}
.top-text-left {
	text-align:left;
}
.top-text-right {
	text-align:right;
}
.top a {
	color:#F1F1f1;
	font-family:roboto3;
	font-size:14px;
	text-align:right;
	padding:.2em;
	margin:0 auto;
	top:0;	
}
.top a:hover {
	color:#dddddd;
}
@media screen and (max-width:1400px) {
.top .top-content {
	width:1200px;
}
}
@media screen and (max-width:1200px) {
.top .top-content {
	width:1000px;
}
}
@media screen and (max-width:1000px) {
.top .top-content {
	width:96%;
	padding-left:2%;
	padding-right:2%;
}
.top p {
	padding:.1em;	
}
.top-text-left {
	text-align:center;
}
.top-text-right {
	text-align:center;
}
}
.header {
	background:#FFF;
	margin:0 auto;
	padding:0px 0px;
	top:0;
	width:100%;
	height:auto;
}
.logo {
	margin:0 auto;
	padding:1em;
	top:0;
	width:auto;
	height:auto;
}
.logo h1, h2 {
	margin:0 auto;
	padding:0px 0px;
}
.logo h1 {
	font-size:42px;
}
.logo h2 {
	font-size:18px;
}
.breadcrumb {
	background:#F1F1F1;
	width:auto;
	height:auto;
	border-bottom:1px solid #E5E5E5;
}
.breadcrumb .breadcrumb-content {
	width:1300px;
	height:45px;
	padding-top:1.5em;
	margin:0 auto;
}
.breadcrumb .breadcrumb-content p {
	color:#000;
	font-family:roboto2;
	margin:0 auto;
}
.breadcrumb .breadcrumb-content a {
	color:#000;
	font-family:roboto2;
	margin:0 auto;
}
.breadcrumb .breadcrumb-content a:hover {
	text-decoration:none;
	color:#000;
	margin:0 auto;
	font-family:roboto4;
}
.breadcrumb .breadcrumb-content .lf {
	margin:0 auto;
	float:left;
	font-size:13px;
	background-color:#fff600;
	padding:.2em .6em;
}
.breadcrumb .breadcrumb-content .rg {
	margin:0 auto;
	float:right;
	font-size:13px;
}
@media screen and (max-width:1400px) {
.breadcrumb .breadcrumb-content {
	width:1200px;
}
}
@media screen and (max-width:1200px) {
.breadcrumb .breadcrumb-content {
	width:1000px;
}
}
@media screen and (max-width:1000px) {
.breadcrumb .breadcrumb-content {
	width:94%;
	padding-right:3%;
	padding-left:3%;
	height:auto;
	padding-top:1em;
	padding-bottom:1em;
}
.breadcrumb .breadcrumb-content .lf {
	font-size:16px;
	width:95%;
	margin-bottom:1em;
	float:none;
}
.breadcrumb .breadcrumb-content .rg {
	float:none;
	font-size:16px;
	width:95%;
}
}
.wrap-grid {
	margin:0 auto;
	padding-top:2em;
	padding-bottom:2em;
	width:1300px;
	height:auto;
	position:relative;
}		
.wrap-grid li {
	color:#1d1d1d/*Color Fuente Principal*/;
	font-size:13px;
	font-family:roboto2;
	list-style-type: none;
	padding: .6em 0em 0em .5em;
}
.wrap-grid li:before {
	content:'> ';
	color:#fff600;
	padding-right:.3em;
}
@media screen and (max-width:1400px) {
.wrap-grid{
	width:1200px;
}
}
@media screen and (max-width:1200px) {
.wrap-grid{
	width:1000px
}
}
@media screen and (max-width:1000px) {
.wrap-grid {
	width:94%;
	padding-right:3%;
	padding-left:3%;
}
}
.box-one {
	background:#000 url(../images/bg.jpg) fixed no-repeat bottom right;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	width:100%;
	height:auto;
	min-height:650px;
	padding-top:1em;
	padding-bottom:0em;
}
.box-one .slogan h1 {
	color:#000;
	font-family:roboto4;
	font-size:40px;
	margin:.5em 0;
	letter-spacing:-5px;
}
.box-one .box-one-info {
	background:#000 url(../images/bg-blur.jpg) fixed no-repeat bottom right;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	border-radius:6px;
	width:900px;
	height:auto;
	margin:0 auto;
	padding:.5em;
}
.box-one .white-middle-bar {
	background:url(../images/white-middle-bar.png) repeat-x center center;
	width:auto;
	height:60px;
	margin:0 auto;
}
.box-one .white-middle-bar .chevron-circle-down {
	background-color:#FFF;
	box-shadow:0px 0px 20px rgba(0,0,0,0.35);
	margin:0 auto;
	width:60px;
	height:60px;
	border-radius:250px;	
}
.box-one .white-middle-bar .chevron-circle-down p {
	text-align:center;
	color:#000;
	font-size:32px;
	padding:.45em 0;
}
@media screen and (max-width:1000px) {
.box-one {
	background:#000 url(../images/bg-blur.jpg) repeat-y center top;
}
.box-one .box-one-info {
	background:none;
	width:80%;
}	
}
.img-laptop {
	width:920px;
	height:auto;
}
@media screen and (max-width:1000px) {
.img-laptop {
	width:90%;
}
}
.box-servicios {
	background:#f2f2f6 url(../images/bg-inclined.jpg) no-repeat top right;
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
.box-fotografia {
	background:#f2f2f6 url(../images/reportaje2.png) no-repeat center center;
	height:965px;
}
@media screen and (max-width:1000px) {
.box-fotografia {
	background:#f2f2f6 url(../images/reportaje2-devices.png) no-repeat center center;
}	
}
.video-youtube {
	background:#FFF;
	padding:.5em;
	border-radius:6px;
	width:100%;
	height:305px;
}
@media screen and (max-width:1000px) {
.video-youtube {
	width:95%;
}	
}
.title {
	font-size:44px;
	line-height:normal;
	font-family:roboto3;
	color:#FFF;
	text-align:center;
	margin:0 auto;
}
.text {
	font-size:20px;
	line-height:normal;
	font-family:roboto1;
	color:#FFF;
	text-align:center;
}
.col {
	position:relative;
	height:auto;
	width:auto;
	margin:0 auto;
}
.col .c1-1 {
	padding-left:1%;
	padding-right:1%;
	width:98%;
	float:left;
}
.col .c1-2 {
	padding-left:1%;
	padding-right:1%;
	width:48%;
	float:left;
}
.col .c1-3 {
	padding-left:1%;
	padding-right:1%;
	width:31%;
	float:left;
}
.col .c1-4 {
	margin-left:1%;
	margin-right:1%;
	width:23%;
	float:left;
}
.col .c1-5 {
	margin-left:1%;
	margin-right:1%;
	width:18%;
	float:left;
}
.col .c2-3 {
	padding-left:1%;
	padding-right:1%;
	width:62%;
	float:left;
}
@media screen and (max-width:1000px) {
.col .c1-2 {
	padding:0 0px;
	width:100%;
	margin-top:15px;
	margin-bottom:15px;
}
.col .c1-3 {
	padding:0 0px;
	width:100%;
	margin-top:15px;
	margin-bottom:15px;
}
.col .c1-4 {
	padding:0 0px;
	width:100%;
	margin-top:15px;
	margin-bottom:15px;
}
.col .c1-5 {
	padding:0 0px;
	width:100%;
	margin-top:15px;
	margin-bottom:15px;
}
.col .c1-4 {
	padding:0 0px;
	width:100%;
	margin-top:15px;
	margin-bottom:15px;
}
.col .c2-3 {
	padding:0 0px;
	width:100%;
	margin-top:30px;
}
}
/* DIV DESPLEGABLE */
dl {
	border-bottom:1px solid #F1F1F1;
	border-radius:4px;
}
dt {
	border:1px solid #CCC;
	border-radius:4px;
	padding-top:.7em;
	padding-bottom:.7em;
	cursor:pointer;
	background:#f1f1f1;
	margin-top:.5em;
}
dt:hover {
	background:#CCC;
	border:1px solid #C0C0C0;
}
dt h2 {
	font-size:16px;
}
dt h2:before {
  content:"+ ";
  font-size:14px;
  margin-left: 10px;
}
dd {
	margin:0 0 .5em 0;
	padding:.8em 0 .8em 0;
}
/* DIV DESPLEGABLE */
.inset {
	border:1px solid #333;
	font-size:18px;
	color:#000000;
	border-radius:0px;
	padding:1em;
	background:#FFF;
	text-align: center;
}
.reportaje {
	background:#000 url(../images/reportaje.jpg) no-repeat center right;
	background-size: cover; 
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	width:100%;
	height:auto;
	min-height:800px;
}
.reportaje h3 {
	color:#FFF;
	font-size:32px;
	font-family:roboto2;
	text-align:left;
}
.reportaje p {
	color:#FFF;
	font-size:20px;
	font-family:roboto1;
	padding-right:70%;
	padding-top:1.5em;
	line-height:normal;
}
@media screen and (max-width:1200px) {
.reportaje p {
	padding-right:40%;
}	
}
@media screen and (max-width:1000px) {
.reportaje p {
	padding-right:0%;
}	
}

/* ------------------- BUTTONS ------------------- */
.btn {
	border:none;
	font-family:roboto2;
	font-weight:normal;
	white-space:normal;
	display:inline-block;
	text-align:center;
	cursor:pointer;
}
.btn:hover {
	text-decoration:none;
	-webkit-transition: all 350ms ease-in-out;
	-moz-transition: all 350ms ease-in-out;
	-ms-transition: all 350ms ease-in-out;
	-o-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out; 
}
.btn-plus {
	background:#000000;
	color:#FFF;
	border-radius:0;
	font-size:13px;
	margin-top:25px;
	padding:10px 10px;
	width:90%;
}
.btn-plus:hover {
	background:#333;
	color:#FFF;
}
.btn-plus-reportaje {
	background:#fff600;
	color:#000;
	border-radius:0;
	font-size:13px;
	margin-top:25px;
	padding:10px 15px;
	width:auto;
}
.btn-plus-reportaje:hover {
	background:#FFF;
	color:#fff600;
}
.btn-normal {
	background:#000000;
	color:#FFF;
	border-radius:3px;
	padding:10px 15px;
}
.btn-normal:hover {
	background:#808080;
	color:#FFF;
}
.btn-box-one {
	width:300px;
	background:#fff600;
	border-radius:0;
	border: 2px solid #fff600;
	color:#000;
	padding:1.2em 1.8em;
	margin:.5em;
	font-size:13px;
	letter-spacing:2px;
	text-transform:uppercase;
}
.btn-box-one:hover {
	background:#FFF;
	color:#fff600;
	border: 2px solid #FFF;
}
.btn-go-portfolio {
	width:300px;
	background:#FFF;
	border-radius:0;
	border: 2px solid #fff600;
	color:#fff600;
	padding:1.2em 1.8em;
	margin:.5em;
	font-size:13px;
	letter-spacing:2px;
	text-transform:uppercase;
}
.btn-go-portfolio:hover {
	background:#FFF;
	color:#000;
	border: 2px solid #000;
}
.btn-background-transparent-border-white {
	background:none;
	color:#FFF;
	border:2px solid #FFF;
	border-radius:0;
	text-transform:uppercase;
	font-family:roboto2;
	font-size:14px;
	letter-spacing:2px;
	padding:10px 10px;
}
.btn-background-transparent-border-white:hover {
	background:#FFF;
	color:#000000;
}
.btn-contact {
	background:#e96656;
	color:#FFF;
	border-radius:3px;
	text-transform:uppercase;
	padding:.8em 1.5em;
}
.btn-contact:hover {
	background:#cb4332;
}
.social {
	background:none;
	-webkit-transition: all 350ms ease-in-out;
	-moz-transition: all 350ms ease-in-out;
	-ms-transition: all 350ms ease-in-out;
	-o-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
	cursor:pointer;
}
.social:hover {
	background:none;
}
.facebook:hover {
	color:#3a5795;
}
.twitter:hover {
	color:#55acee;
}
.linkedin:hover {
	color:#FFF;
}
.google:hover {
	color:#ea4335;
}
.instagram:hover {
	color:#FFF;
}
.youtube:hover {
	color:#e62117;
}
@media screen and (max-width:1000px) {
.btn {
	font-size:22px;
}	
.btn-box-one {
	margin-bottom:.1em;
	width:80%;
}
}
/* ------------------- BUTTONS ------------------- */
.footer-barra {
	background:none;
	margin:0 auto;
	width:60%;
	height:1px;
	margin-bottom:2em;
	border-bottom:2px dashed #000;
}
@media screen and (max-width:1000px) {
.footer-barra {
	width:70%;
}
}
.footer {
	background:#000;
	width:auto;
	height:auto;
	margin:0 auto;
	padding-top:2em;
	padding-bottom:2em;
}
.footer p {
	color:#808080;
	font-size:14px;
	line-height:20px;
}
.footer a {
	color:#808080;
}
.footer a:hover {
	color:#FFF;
	text-decoration:underline;
}
.clr {
	clear:both;
	padding:0;
	margin:0;
	width:auto;
	font-size:0;
	line-height:0;
}
.blank {
	margin:0 auto;
	width:auto;
}
.simple {
	height:1em;
}
.doble {
	height:2em;
}
.triple {
	height:3em;
}
.go-top {
position: fixed;
bottom: 1%;
right: 1%;
z-index:999999;
}
.go-top p {
color:#FFF;
}
.go-top a {
width: auto;
height: auto;
padding:.6em .8em;
display: block;
background:rgba(0,0,0,0.7);
color:#FFF;
text-align:center;
font-size:24px;
border-radius:100%;
}
.go-top a:hover {
color:#000;
background:rgba(79,79,79,0.7)
}