/* TEMP */
/*.col-4, .col-12 {border: solid 1px black;}*/

/* BODY //////////////////////////////////////////////////////////////////////////// */
body {
	background-color:/*#E8E8E7*//*#F2F2F2*/#000; padding-bottom:0; margin-bottom:0; /*padding-top:65px*/;
	font-family: 'Nunito Sans', sans-serif; font-weight: 400; color: #4D4D4F;
}
.first-sectio-pad-top {padding-top: 90px;}
/* COLOR //////////////////////////////////////////////////////////////////////////// */
/*
#4D4D4F CAME GRIS (85%)
#A7C539 CAME VERDE
#76963D CAME VERDE FONT
#BC2836 CAME RED
*/
.red {color:#BC2836;}
.red-bg, .bg-red {background-color:#BC2836;}
.green {color: #A7C539;}
.green-bg, .bg-green {background-color: #A7C539;}
.green-font {color: #76963D}/*8FAB30*/
.blue {color: #4BA5DC;}
.blue-bg {background-color: #4BA5DC;}
.gray {color:#4d4d4f;}

.bg-graylite {background-color: #F2F2F2;}

.pad-tb30, .pad-bt30 {padding-top: 30px; padding-bottom: 30px;}

/* FONT //////////////////////////////////////////////////////////////////////////// */
p {font-size:100%}
/*li {font-size:100%}*/
.p-featuredtext {font-family: 'Quicksand', sans-serif; font-size:150%; font-weight:300; line-height:1.4;}

h1, h2, h3, h4 {font-family: 'Montserrat', sans-serif; font-weight: 700;}
h1 {font-weight: 700;}
h2 {font-weight: 700;}/*antes: 400 */
h3 {font-weight: 400;}
h4 {font-weight: 400;}

h1 {font-size:190%;}/*antes 220 */
h2 {font-size:150%;}
h3 {font-size:120%;}
h4 {font-size:110%;}

/*a {color:#BC2836;}

a:hover {color: #000;}*/

/* Haciendo todas las img Responsivas: */
img {
  max-width: 100%;
  height: auto;
}

/* Haciendo todas las img Responsivas: */
/*img,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: auto;
}*/

/*h1 {font-size:220%;}
h2 {font-size:180%;}
h3 {font-size:140%;}
h4 {font-size:110%;}*/

/* IDEA: */
.fontsize-0-5 {font-size: 0.5rem}
.fontsize-1 {font-size: 1rem}

/* NAVBAR //////////////////////////////////////////////////////////////////////////// */
/*.bg-dark {background-image: linear-gradient(120deg, #150401 0%, #1D3E09 80%);}*/
.navbar {padding-top: 8px; padding-bottom: 8px} /*8*/
.navbar-brand {padding: 0;}/*5*/
.bg-dark {background-color: #262626 /*#584B4F*/!important;} /* Debe ser !imp... para que sobreescriba el de bs*/
.nav-link {padding: 5px;}

.camelogo img {width: 250px}
@media (max-width:360px){.camelogo img {width: 210px}}
/*.menu {
  text-align: center;
  font-weight: 500;
}

.menu-item {
  display: inline-block;
}

.menu-item:not(:last-child)::after {
  content: "⁄";
  display: inline-block;
  font-size: .75em;
  padding: 0 .2em;
  color: #a8a5be;
}*/
.menu-item {font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 90%;/* letter-spacing: 1px*/}
.menu-item a {color: #C0C0C0 !important; padding: 8px;} /* #C0C0C0 */
.menu-item a:hover {color: #A7C539 !important; text-decoration: none;}
.menu-item.is-active a {border-bottom: 1px solid #A7C539;}
@media (max-width:576px){.menu-item.is-active a {border-bottom: 0;}}
/*.menu-item.is-active2 a {border: 1px solid #FFF;}*/

.is-active {border-bottom: 1px solid #A7C539 !important;}
@media (max-width:576px){.is-active {border-bottom: 0 !important;}}

.is-active2 {border: 1px solid #A7C539;} /* Languaje */

/* HOMEPAGE //////////////////////////////////////////////////////////////////////////// */
.came-welcome {text-align: center}

.came-welcome p {font-family: 'Quicksand', sans-serif; font-size:150%; font-weight:300; line-height:1.4; padding: 0 50px 20px 50px;}
@media (max-width:768px){.came-welcome p {font-size:120%; padding: 0 0 20px 0;}}

.came-welcome-top-a img {float: right;}
@media (max-width:768px){.came-welcome-top-a img {float: none; margin: 0 auto;}}

.float-right {float: right !important;}

.came-welcome-top-b h1 {color: #005000 !important;}
@media (max-width:768px){.came-welcome-top-b h1 {font-size: 130%; text-align: center;}}

.came-green-bg {background-color: #A7C539;}

.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4;} /* lead, de Bootstrap */
@media (min-width:768px){.lead{font-size:21px}} /* Solo para Pantallas más grandes de 768px */

.nuestrafilo li {margin-bottom:10px; border-bottom:solid 1px #FFF}
.nuestrafilo h3
{margin-bottom:2px;font-size:16px;font-weight:300;line-height:1.4;color:#0071BC;}
@media (min-width:768px){.nuestrafilo h3 {font-size:21px}}
.lead-nuestrafilo {margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4;color:#0071BC;}
@media (min-width:768px){.lead-nuestrafilo {font-size:21px}}

/*.came-lead-p-homeserv {margin-bottom:20px; font-weight:300;line-height:1.4;} */
/* lead, de Bootstrap */

@media (min-width:768px){.came-lead-p-homeserv {font-size:16px}} /* Solo para Pantallas más grandes de 768px */

/* HOME /////////////////////////////////////////////////////////////// */
.top-welcome {/*background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);*/
/*background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%);*/

    background-color: #A6C539;
    background: linear-gradient(145deg,#A6C539,#8FAB30);
    color: #fff;
	
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    width: 100%;
    min-height: 420px;
    height: 50vh;
    max-height: 500px;
    box-sizing: border-box;
    padding: 48px 0px 32px 0px;
    overflow: hidden;
    -webkit-transform: skewY(8deg);
    transform: skewY(8deg);
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
}

/* HOME SERVICE-BOX */
.came-servicebox {padding:10px 0 50px 0;/*border: 1px solid #000;*/}
.came-servicebox {text-align:center;}
.came-servicebox p {text-align:left;}

.services-came {/*color:#FFF; padding-top:20px;*/ padding-bottom:30px;}
.services-came li {/*font-family: 'Quicksand', sans-serif; */font-size:130%; font-weight:300; line-height:1.4; margin-bottom:20px;}
.services-came h1, .services-came h2 {color:#FFF;/*font-size: 300%*/}
.services-came h1 span, .services-came h2 span {display: inline-block; padding:15px 25px;}

/* BUTTONS / BTN */
.btncame-redbg {
  color: #FFF;
  /*background-color: #A7C539;*/
  padding: 8px 15px 10px 15px;
  border: 1px solid #FFF;
  border-radius:0px;
}
.btncame-redbg:hover {color: #BC2836; background-color:#FFF;}

/* BTN RED */
.btncame-red {
  color: #BC2836;
  padding: 8px 15px 10px 15px;
  border: 1px solid #BC2836;
  border-radius:0px;
}
.btncame-red:hover {color:#FFF; background-color:#BC2836;}

/* BTN GREEN */
.btncame-green {color: #8FAB30; padding: 8px 15px 10px 15px; border: 1px solid #8FAB30; border-radius:0px;}
.btncame-green:hover {color:#FFF; background-color:#8FAB30;}

/* BTN BLUE */
.btncame-blue {color: #4BA5DC; padding: 8px 15px 10px 15px; border: 1px solid #4BA5DC; border-radius:0px;}
.btncame-blue:hover {color:#FFF; background-color:#4BA5DC;}

.btncame-overblue {color: #FFF; padding: 8px 15px 10px 15px; border: 1px solid #FFF; border-radius:0px;}
.btncame-overblue:hover {color: #005bea; background-color: #FFF;}

/* HOME SERVICES COlOR BOXES */
.logos-red {/*background-color:#FFF;*/}
.logos-red h1, .logos-red h2, .logos-red h3 {color: #BC2836;}

.websites-blue {/*background-color: #4BA5DC;*/background-image: linear-gradient(to top, #00c6fb 0%, #005bea 100%);}
/*.websites-blue h2, h3 {color: #4BA5DC;}*/

.gdesign-green h2, h3 {color: #76963D;}/*#A7C539*/


/* LOGOS /////////////////////////////////////////////////////////////////////////////////////////// */
.logos h1, .logos h2, .logos h3, .logos h4 {color:#BC2836;}
/*.logos #ext_menu-0 .navbar,
.logos #ext_menu-0 .nav-dropdown-sm,
.logos #ext_menu-0 .nav-dropdown-sm .link[aria-expanded="true"],
.logos #ext_menu-0 .nav-dropdown-sm .dropdown-menu {background: #BC2836;}*/
@media (min-width: 992px) {
.logos-slogan {border-top: solid 1px #BC2836; border-bottom: solid 1px #BC2836; padding: 10px 0 15px 0;}
}
.XXXlogos .bg-dark {background-color: #BC2836 !important;}
.XXXlogos .footer {background-color: #BC2836;}

/* MEMU ITEM COLOR PERSONALIZADO "ACTIVE" SEGUN SECCION 
.logos .menu-item.is-active a {background-color: #BC2836;} */

.nav-pills .nav-link {
  border-radius: 0;/* Antes 0.25rem */
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #BC2836;
}

.came-label {display: inline-block; padding:15px 25px;}

/* CAROUSEL /////////////////////////////////////////////////////////////////////////////////////////// */
/* HOME: WEB: */
/*.carousel-home-web .carousel-caption {padding-top: 100px;}
.carousel-caption {padding-top: 100px;}*/

/*.carousel-home-web .carousel-inner .carousel-item img {padding-bottom: 250px;}*/
.carousel-home-web-img {padding-bottom: 80px;}

/* WEB WEB WEB WEB ////////////////////////////////////////////////////////////////////////////////////// */
/*.web .bg-dark {background-color: #1257D3 !important;}*/
/*.web .footer {background-color: #1257D3;}*/

/*.web .bg-dark {background-image: linear-gradient(to top, #00c6fb 0%, #005bea 100%);}*/
.site-box {/*background-color: #F2F2F2*/; padding: 10px; margin-bottom: 10px}
.site-box img {border-radius: 6px; border: solid 1px #000}
.site-box figure {margin: 0}
.site-box h4 {font-size: 80%; display: inline-block}
.site-box span {color: white; font-size: 90%;}
.site-box p {font-size: 90%; color:#8D8D8D; font-weight: 200}
.site-box a {color: #118AD8; font-size: 90%}


/* DISENNO D! /////////////////////////////////////////////////////////////////////////////////////////// */
.XXXdiseno-g .bg-dark {background-color: #A7C539 !important;}
.XXXdiseno-g .footer {background-color: #A7C539;}

/* FOOTER //////////////////////////////////////////////////////////////////////////// */
/*.footer {position: absolute; bottom: 0; width: 100%;
}*/
.footer {background-color:/*#262626*/#2C2A2B; color:#CDCDCD; padding-top: 30px;}
.footer h3, h4 {color: #A7C539;}
.footer h3 a {color: #A7C539;}
.footer p {font-size:100%;}
.footer li {list-style:none;}
.footer ul {list-style:none; padding-left:0; margin-left:0;}
.footer a {color:#FCFFE0;}
.footer a:hover {color:#FBF68A; text-decoration:none;}

.footer-red h3, .footer-red h4 {color: #BC2836;}


/* https://bootsnipp.com/snippets/5MXdE */
.slewedBox {
	/* bg colo rhere */
	padding: 100px 0 50px 0;
	transform: skew(0deg, -10deg) translateY(0px);
}
.containeri {
	padding: 50px 0;
	transform: skew(0deg, 10deg);
}
@media (max-width: 767px) {.containeri {padding: 0 0;}}


.slewedBox2 {
	/* bg colo rhere */
	padding: 100px 0 50px 0;
	transform: skew(0deg, 10deg) translateY(0px);
}
.containeri2 {
	padding: 50px 0;
	transform: skew(0deg, -10deg);
}
@media (max-width: 767px) {.containeri {padding: 0 0;}}


/*.containeri h1 {
	margin: 0;
	padding: 20px 0;
	font-size: 3em;
}
.containeri p {
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.5em;
	width: 80%;
}
.sec2 {
	padding: 0 200px 150px;
	font-family: arial;
	text-align: right;
}
.sec2 h1 {
	margin: 0;
	padding: 20px 0;
	font-size: 3em;
}
.sec2 p {
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.5em;
	width: 100%;
}*/

/* https://css-tricks.com/almanac/properties/t/transform/ (en comments) */
.skewbox {
/*-moz-transform: skewX(12deg) skewY(32deg);
-webkit-transform: skewX(12deg) skewY(32deg);
-o-transform: skewX(12deg) skewY(32deg);
-ms-transform: skewX(12deg) skewY(32deg);*/
transform: skewX(0deg) skewY(-10deg);
	background-color: blue;
}
.skewbox-content {
	transform: skewX(0deg) skewY(10deg);
	color: white;
	padding: 100px 20px;}


.uniform__potty {
    position: absolute;
    left: -9999px;
}

/*body {background-color: #343233; color: #EEDABB;}*/

/*.carousel-caption {padding-top: 300px}*/

.logoprimatic {padding: 10px 100px 10px 100px;}
@media (max-width: 767px) {.logoprimatic {padding: 10px 20px 10px 20px;}}