html {height:100%; }
body {height:100%; position: relative; background: #000;} 

@font-face { font-family: montserratbold; src: url(../fonts/Montserrat-Bold.ttf); } 
@font-face { font-family: roboto; src: url(../fonts/roboto.ttf); } 

h1 { font-family: montserratbold, sans serif; font-weight: bold; font-size: 3.5em; color:#fff; padding: 5px 0px; }

h2 { font-family: montserratbold, sans serif; font-size: 2em; line-height: 1.5em; color:#fff; padding: 5px 0px; }
h2 a:link { color:#fff !important; text-decoration:none; transition: all 0.3s ease 0s;}
h2 a:visited { color:#fff !important; text-decoration:none; transition: all 0.3s ease 0s;}
h2 a:hover { color: #8BC53E !important; }

p { font-family: roboto, sans-serif; font-size: 1.2em; color: #fff; line-height: 1.5em; padding: 5px 0px;}
p a:link { text-decoration:none; color:#fff !important; font-weight:bold; }
p a:visited { text-decoration:none; color:#fff !important; font-weight:bold; }
p a:hover { color: #8BC53E !important; }

h3 { font-family: roboto, sans-serif; font-size: 1em; color: #fff;}
h3 a:link, a:visited { color: rgba(255, 255, 255, 0.9); text-decoration:none;}
h3 a:hover { color: rgba(255, 255, 255, 1);}

h4 { font-family: roboto, sans-serif; font-size: 0.8em; color: #fff;}


@media screen and (max-width: 768px){
h1 { font-size: 2.5em;}
h2 { font-size: 2em;}
}	

.btn { font-family: roboto; font-size: 0.8em; border-radius: 40px; transition: all 0.3s ease 0s; padding: 8px 25px; background:#fff; color: #000; margin: 10px 0px; }
.btn a:link, a:visited { text-decoration:none; color: #000 !important; }
.btn:hover { background:#8BC53E; color:#fff;}




/*///////////////////////////////////////////////////////////////// */




.link_arriba { position:fixed; bottom:25px; right:50px; z-index: 1; opacity:1; display:none; }
.link_arriba:hover { opacity:0.5 }
.link_arriba img {height: 50px;}
@media screen and (max-width: 768px){
.link_arriba { bottom:70px; right:20px; }
.link_arriba img {height: 30px;}	
}




/*///////////////////////////////////////////////////////////////// */




.nav-agrandar-achicar { background: rgba(0,0,0,0); padding: 15px 0px; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out;}
.agrandar-achicar {padding:0px 0px; background:rgba(0, 0, 0, 1);}

.nav-logo { height: 50px; width: auto; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out; }

.nav-logo-agrandar-achicar {height: 30px; width: auto;}

.nav-item {padding:0px 10px;}
.navbar-nav .active { color: #fff!important; }

.nav-item { text-decoration: none; cursor: pointer; }
.nav-item a:link { color: rgba(255, 255, 255, 0.8); text-decoration: none;  }
.nav-item a:visited { color: rgba(255, 255, 255, 0.8); text-decoration: none;  }
.nav-item a:hover { color: rgba(255, 255, 255, 1);}
.nav-link-redes { display: inline-block; padding-right: 5px !important; padding-left: 5px !important;}
.nav-link-redes img { height: 18px; width: auto; margin-top:-3px; opacity: 0.8; }
.nav-link-redes img:hover { opacity: 1;}

.menu_mostrar_achicado {display:none;}

.dropdown-menu { border: 0px; background: rgba(0, 0, 0, 0.5); }
.dropdown-menu a:link, a:visited {  color:#fff;  } 
.dropdown-menu a:hover {color:#fff; background: rgba(0, 0, 0, 0.5);}
.dropdown-item { display: block }
.dropdown-toggle {padding-left: 0px !important;}

.dropdown .nav-link {display: inline-block; }

@media screen and (max-width: 768px){
.navbar { padding: 0px; margin: 0px; min-width: 100%; text-align: center; display: block; }
.navbar-brand { padding:15px 0px; margin-left: 0px; }
.nav-logo { height: 50px; width: auto; }
.navbar-toggler { float:right; position: absolute; right: 10px; top: 15px; background-color:transparent; border:0px solid rgba(255,255,255,0.5)}
.navbar-toggler-icon { background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}

.navbar-nav { text-align: center; padding:0px; margin: 0px; background:#231F20;  }
.menu_ocultar_achicado {display:none;}
.menu_mostrar_achicado {display:inline-block;}
.nav-item { padding:0px; }
.nav-item a:link { color: #fff !important; padding: 10px 0px;}
.nav-item a:visited { color: #fff !important; padding: 10px 0px;}
.nav-link-redes { margin: 0px 5px;}
.nav-logo-agrandar-achicar { height: 40px; width: auto;}
}




/*///////////////////////////////////////////////////////////////// */




.inicio { height: 100%; }
.swiper-wrapper, .swiper-slide {padding: 0px;}

  /* Cambiar color al bullet del Slider */
.swiper-pagination-bullet{background:#fff;opacity:.5}
.swiper-pagination-bullet-active{background:#fff;opacity:1}
  /* Cambiar color a las flechas del Slider (Cambiar %23fff por %23colorhexa)*/
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E"); opacity: 0.5;}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E");opacity: 0.5;}
.swiper-button-next:hover, .swiper-button-prev:hover {opacity:1;}

.slide1 {background:#01F18E; background-image: url("../img/inicio_diseno_1.jpg"); background-size: cover; background-position: center; }
.slide2 {background:#00B3BA; background-image: url("../img/inicio_disenoweb_1.jpg"); background-size: cover; background-position: center; }
.slide3 {background:#915BA1; background-image: url("../img/inicio_ilustracion_1.jpg"); background-size: cover; background-position: center; }
.slide4 {background:#000000; background-image: url("../img/inicio_color_1.jpg"); background-size: cover; background-position: center; }

.patron_lineal {height:100%; background-image:url(../img/bg_pattern.png); background-repeat:repeat; opacity: 1; padding:0px;}

.swiper-slide .container {height: 100%; text-align: left; position: relative; }
.caja_txt { position: absolute; bottom:75px; width:40%;}
.caja_txt img { height: 50px; margin: 0px 0px 20px 0px; }


@media screen and (max-width: 768px){
.slide1 {background:#01F18E; background-image: url("../img/inicio_diseno_1_ch.jpg"); background-size: cover; background-position: center; }
.slide2 {background:#00B3BA; background-image: url("../img/inicio_disenoweb_1_ch.jpg"); background-size: cover; background-position: center; }
.slide3 {background:#915BA1; background-image: url("../img/inicio_ilustracion_1_ch.jpg"); background-size: cover; background-position: center; }
.slide4 {background:#000000; background-image: url("../img/inicio_color_1_ch.jpg"); background-size: cover; background-position: center; }

.swiper-button-prev,.swiper-container-rtl .swiper-button-next{ display: none; }
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{ display: none;}

.swiper-slide .container {padding:0px;}
.caja_txt { bottom:30px; width:100%; padding:20px; }
.caja_txt img { height: 40px; }

}




/*///////////////////////////////////////////////////////////////// */




.bio { padding:100px 0px; background-image:url(../img/black_paper.png); background-repeat:repeat;}
.bio_texto { text-align: right; }
.bio_texto h2 { color:#8BC53E; }
.bio_imagen {text-align: left; }
.bio_imagen img {width:100%; max-width:250px;}

@media screen and (max-width: 768px){
.bio_imagen { padding: 0px 50px 50px 50px; text-align:center; }
.bio_imagen img {width:100%; padding: 0px;}
.bio_texto { text-align: center; }
}




/*///////////////////////////////////////////////////////////////// */




.galeria { height: 100%; -webkit-box-shadow: 0px 0px 50px 0px #000; -moz-box-shadow: 0px 0px 50px 0px #000; box-shadow: 0px 0px 50px 0px #000; z-index:1000;}
.galeria .row { height: 100%; }

.presentacion_diseno { height: 100%; padding: 0px; text-align: center; background-color:#333333 ; background-image: url("../img/fondo_diseno.jpg"); background-size: cover; background-position: center; }
.presentacion_disenoweb { height: 100%; padding: 0px; background-color:#4D4D4D ; background-image: url("../img/fondo_disenoweb.jpg"); background-size: cover; background-position: center; }
.presentacion_ilustracion { height: 100%; padding: 0px; background-color:#333333 ; background-image: url("../img/fondo_ilustracion.jpg"); background-size: cover; background-position: center; }
.presentacion_color { height: 100%; padding: 0px; background-color:#4D4D4D ; background-image: url("../img/fondo_color.jpg"); background-size: cover; background-position: center; }

.presentacion_table { height:100%; width:100%; display:table; text-align: center; background: rgba(0, 0, 0, 0.5); transition: all 0.3s ease 0s; padding-top:60px;}

.presentacion_table:hover { background: rgba(0, 0, 0, 0.7); }
.presentacion_tablecell{ text-align: center; display:table-cell; vertical-align:middle; }
.presentacion_tablecell img { width: 80px; padding: 0px 0px 10px 0px;} 
.presentacion_tablecell span { padding:0px; margin:0px; line-height:0px; display: block;}

@media screen and (max-width: 768px){
.galeria, .galeria .row, .presentacion_diseno, .presentacion_disenoweb, .presentacion_ilustracion, .presentacion_color { height: auto; }
.presentacion_table { height: auto; padding-top:0px;}
.presentacion_table:hover { background: rgba(0, 0, 0, 0.5); }
.presentacion_tablecell img { padding: 30px 0px 0px 0px;} 
.presentacion_tablecell .btn { margin: 0px 0px 40px 0px; }
.presentacion_tablecell span { display: inline; }
}




/*///////////////////////////////////////////////////////////////// */




.contacto {height: 100%; padding: 0px; background: #000; background-image: url("../img/fondo_contacto.jpg"); background-size: cover; background-position: center; position:relative; z-index:-1;}

.contacto_oscurecer { height: 100%; background: rgba(0, 0, 0, 0.25) }
.contacto_contenedor { height: 100%; }
.contacto_contenedor_on { height:100%;}
.contacto_data img { height:20px; margin-top:-1px; padding-right: 10px ;}

.contacto_formulario {padding: 50px 0px 0px 0px;}
.form-control { font-family:roboto; font-size:1em; color:#fff; margin:10px 0px; border : none; background: none; border-bottom: 1px solid #fff; border-radius: 0px; }
.form-control:focus {color:#fff; background: rgba(0,0,0, 0.5); border-color : #fff; outline: 0; -webkit-box-shadow: none; box-shadow: none; }
.form-control::placeholder { color: #fff!important; opacity: 0.9!important;}

.g-recaptcha {padding-top: 0px; margin: 20px 0px; overflow:hidden;}

@media screen and (max-width: 768px){
.contacto { height:auto;}
.contacto_data { text-align:center; padding: 80px 0px 20px 0px; }
.contacto_formulario { padding: 0px 0px 80px 0px; text-align:center;}
.form-control { text-align:center;}
}




/*///////////////////////////////////////////////////////////////// */




.footer { text-align: center; height:50px; margin-top:-50px; overflow:hidden;} 
.footer img {height:20px; padding: 0px 10px; margin-top:-4px; }
.footer h5 {line-height:50px;  }

@media screen and (max-width: 768px){
.footer { padding-bottom: 50px;} 
}




/*///////////////////////////////////////////////////////////////// */




.inicio_subdominio {  padding: 0px; z-index:-1;}
.inicio_subdominio_oscurecer{ height:100%; width:100%; background: rgba(0, 0, 0, 0.5); }

.subdominio_diseno { background-image: url("../img/inicio_diseno_1.jpg"); background-size: cover; background-position: center; background-attachment:fixed; }
.subdominio_ilustracion { background-image: url("../img/inicio_ilustracion_1.jpg"); background-size: cover; background-position: center; background-attachment:fixed;}
.subdominio_color { background-image: url("../img/inicio_color_1.jpg"); background-size: cover; background-position: center; background-attachment:fixed;}
.subdominio_disenoweb { background-image: url("../img/inicio_disenoweb_1.jpg"); background-size: cover; background-position: center; background-attachment:fixed;}

.subdominio_cajatexto { width:40%;  padding: 250px 0px 50px 0px;}

@media screen and (max-width: 768px){
.subdominio_diseno, .subdominio_disenoweb, .subdominio_ilustracion, .subdominio_color { background-attachment: scroll; }
.subdominio_cajatexto { width:100%; }
}




/*///////////////////////////////////////////////////////////////// */




.subdominio_galeria { background-image:url(../img/black_paper.png); background-repeat:repeat; }
.subdominio_galeria .row { padding: 100px 0px 100px 0px; }
.subdominio_galeria figure {padding:10px;}
.subdominio_galeria figure a { background: #000; padding:0px; display:block; }
.subdominio_galeria figure img { width:100%; padding:0px; transition: all 0.3s ease 0s;}
.subdominio_galeria figure img:hover { opacity: 0.5; }

.subdominio_galeria figure figcaption { display: none;}
.pswp__caption__center { text-align:center !important; }
.pswp__bg { background:rgba(0, 0, 0, 0.7) !important;}
.pswp__button--share { display:none !important;}
.pswp__button--fs { display:none !important;}


@media screen and (max-width: 768px){
.subdominio_galeria .row { padding: 50px 0px 50px 0px; }
.subdominio_galeria figure {padding:10px;}
}




/*///////////////////////////////////////////////////////////////// */




.presentacion_table_subdominios { padding:50px 0px !important;}

@media screen and (max-width: 768px){
.presentacion_table_subdominios { padding:0px 0px !important;}
}




/*///////////////////////////////////////////////////////////////// */




.contacto_subdominios {height:auto !important; }
.contacto_contenedor_on_subdominios { padding: 0px 0px 80px 0px !important;}

@media screen and (max-width: 768px){
.contacto_contenedor_on_subdominios { padding: 0px 0px 0px 0px !important;}	
}





/*///////////////////////////////////////////////////////////////// */




.disenoweb_galeria {background-image:url(../img/black_paper.png); background-repeat:repeat; padding: 50px 0px; }
.disenoweb_item {padding: 50px 0px; }

.disenoweb_img {background:#000; padding:0px; }
.disenoweb_img a img {width:100%; height:auto; transition: all 0.3s ease 0s;}
.disenoweb_img a img:hover { opacity: 0.7; }

.disenoweb_txt { padding-left:50px;}

@media screen and (max-width: 768px){
.disenoweb_galeria {padding: 25px 0px; }
.disenoweb_item {padding: 25px 0px; }
.disenoweb_txt {padding: 0px 25px; }
.disenoweb_txt h3 {padding-top:50px;}
}