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

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

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

/* PALETA DE COLORES

VERDE: 71d3c5

*/

/* GENERALES */
html, body{ font-family: 'deliciousbold', sans-serif; font-size: 16px; }
h1, h2, h3 { font-family: 'misolight', sans-serif; font-weight: 100; }
p, a, label{ font-family: 'deliciousbold', sans-serif; font-size: 1rem; }

h4, h5, h6,
input,
button,
select,
textarea{ font-family: 'deliciousbold', sans-serif; font-size: 1rem; }

h1 a, h2 a, h3 a{ font: inherit; color: inherit; }

/** Small screens **/
@media only screen {

.btn{ background-color: #71d3c5; border: 1px solid #71d3c5;  }
.btn:hover{ background-color: #ffffff; color: #71d3c5; }
.tooltip.left{ /*background-color: #71d3c5;*/ background-color: #bbb;  }
.tooltip.left::before{ border-color: transparent transparent transparent #bbb; }
.tooltip.left .tooltip-inner, .tooltip-inner{ background-color: #bbb !important; }

.caramba--button{ display: inline-block; background-color: #252525; border-radius: 1.75rem; text-align: center; padding: 0.875rem 2.25rem; color: #ffffff; }
.caramba--button > *{ font-family: 'deliciousbold', sans-serif; font-size: 1rem; line-height: 1.25em; text-align: center; display: inline-block; color: #ffffff; margin: 0; }

/* HOME HEADER */
ul.top-nav>li.primary-action>a.btn{ background-color: #71d3c5; }
ul.top-nav>li.primary-action>a.btn:hover{ background-color: #ffffff; color: #71d3c5; }

.navbar-main .navbar-nav>li>a{ background-color: #71d3c5; }
/*.navbar-main .navbar-nav>.active>a:focus, .navbar-main .navbar-nav>.active>a:hover, 
.navbar-main .navbar-nav>.open>a:focus, .navbar-main .navbar-nav>.open>a:hover, 
.navbar-main .navbar-nav>li>a:focus, .navbar-main .navbar-nav>li>a:hover*/
.navbar-main .navbar-nav>.active>a, .navbar-main .navbar-nav>.active>a:focus, .navbar-main .navbar-nav>.active>a:hover, 
.navbar-main .navbar-nav>.open>a, .navbar-main .navbar-nav>.open>a:focus, .navbar-main .navbar-nav>.open>a:hover, 
.navbar-main .navbar-nav>li>a:focus, .navbar-main .navbar-nav>li>a:hover{ background-color: #ffffff; color: #71d3c5; }

section#main-menu, #main-menu #nav { background-color: #71d3c5; }
section#home-banner { background-color: #71d3c5; }
section#home-banner + div.home-shortcuts{ background-color: #252525; }
.home-shortcuts li{border-right: 1px solid white;}
.home-shortcuts li:first-child{border-left: 1px solid white;}
.home-shortcuts .lead{line-height: 65px;}

section#main-body{ min-height: auto; }
.main-content{ min-height: auto; }


#primary-nav ul.navbar-nav li#Primary_Navbar-Announcements{ /*display: none;*/ }

.main-content p:last-child{ /*background-color: red;*/ }

/* BOTÓN WHATSAPP */
.caramba--whastapp-fix{ display: none; opacity: 0; visibility: hidden; position: fixed; right: 1rem; bottom: 6.5rem; width: 3rem; max-width: 4rem; height: 3rem; max-height: 4rem; background-color: transparent; text-align: center; }
.caramba--whastapp-fix img{ height: 3rem; width: 3rem; margin: 0; padding: 0; }

/* HOME SLIDESHOW 
.gradiente-celeste1{ background: linear-gradient(180deg, rgba(78, 174, 160, 0) 72.39%, #4EAEA0 100%), #88D1C5; }
.gradiente-celeste2{ background: linear-gradient(180deg, rgba(54, 141, 129, 0) 69.78%, #368D81 100%), #4EAEA0; }
.gradiente-naranja{ background: linear-gradient(180deg, rgba(190, 144, 64, 0) 60.42%, #BE9040 100%), #FDC055; }
.gradiente-azul{ background: linear-gradient(180deg, rgba(26, 48, 77, 0) 57.08%, #1A304D 100%), #336099; }
*/
.gradiente-celeste1{ background:  #88D1C5; }
.gradiente-celeste2{ background:  #4EAEA0; }
.gradiente-naranja{ background:  #FDC055; }
.gradiente-azul{ background: #336099;  color: white;} 



#slideshow-home{  }
#slideshow-home *{ /*margin: 0;*/ outline: none; }
#slideshow-home .slideshow--home .slick-list{ height: 100%; }
#slideshow-home .slideshow--home .slick-list .slick-track{ height: 100%; }
#slideshow-home .slideshow--home .home--slide{ padding: 5.625rem 0; }
#slideshow-home .slideshow--home .home--slide h1{ /*font-style: italic;*/ font-weight: bold; font-size: 3rem; line-height: 0.975em; margin: 0; text-transform: uppercase; }
#slideshow-home .slideshow--home .home--slide h2{ /*font-style: italic;*/ font-weight: normal; font-size: 2rem; line-height: 1.025em; margin: 0; text-transform: uppercase; }
#slideshow-home .slideshow--home .home--slide .caramba--button{ margin: 0; margin: 1rem 0; }
#slideshow-home .slideshow--home .home--slide h6{ font-family: 'misolight', sans-serif; /*font-style: italic;*/ font-weight: bold; font-size: 0.75rem; line-height: 1.3em; letter-spacing: 0.095em; text-transform: uppercase; margin: 0; }
#slideshow-home .slideshow--home .home--slide h1 + h2{ margin-top: 2.125rem; }

/* FOOTER PAGE CONTACTO */
.caramba--contacto{ padding: 1.75rem 0; display: none;}
.caramba--contacto h1{ /*font-style: italic;*/ font-weight: bold; font-size: 3rem; line-height: 0.975em; margin: 0; text-transform: uppercase; }
.caramba--contacto h3{ /*font-style: italic;*/ font-weight: bold; font-size: 1.5rem; line-height: 1.3em; margin: 0; letter-spacing: 0.035em; text-transform: uppercase; }
.caramba--contacto a:hover, .caramba--contacto a:focus{ /*text-decoration: none;*/ color: inherit; }
.caramba--contacto .caramba--button{ margin: 0.5rem 0; }
.page-Administración #main-body{ background-color: transparent; }
.page-Administración #main-body .container .main-content{ margin: 0; }

/* CART.PHP */
	/*CHECKOUT*/
	#order-standard_cart .view-cart-items-header{ background-color: #71d3c5 !important; }
	#order-standard_cart .view-cart-items{ border-color: #71d3c5 !important; }
	#order-standard_cart .empty-cart .btn{ background-color: #71d3c5 !important; }
	#order-standard_cart .order-summary .btn-continue-shopping{ margin-top: 0.5rem; }

	.row-product-selection #products .price-table .top-head{ background: #71d3c5 !important; background-color: #71d3c5 !important; }
	.row-product-selection #products .price-table .top-head .top-area, .row-product-selection #products .price-table .top-head .popular-plan,
	.row-product-selection #products .price-table .top-head .price-area{ border-color: #71d3c5 !important; color: #000000 !important; }

/* CLIENT AREA LOGGEDIN */
#diskUsage div input, #bandwidthUsage div input{ margin: 0 !important; left: 50%; transform: translateX(-50%); }

	} /* Define mobile styles */
	
	@media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */
	
		/** Medium screens**/
		@media only screen and (min-width: 40.063em) { 

			/* BOTÓN WHATSAPP */
			.caramba--whastapp-fix{ width: auto; height: auto; max-height: 6rem; max-width: 6rem; }
			.caramba--whastapp-fix img{ width: 4rem; height: 4rem; }

			/* HOME SLIDESHOW */
			#slideshow-home{ /*display: none;*/ }
			#slideshow-home .slideshow--home .home--slide .cell{ text-align: center; }
			#slideshow-home .slideshow--home .home--slide h1 + h2{ margin-top: 1rem; }

			/* FOOTER PAGE CONTACTO */
			.caramba--contacto{ padding: 8.25rem 0; }

			 } /* min-width 641px, medium screens */
		
			@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
			
				/** Large screens**/
				@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */
				
					@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
					
						/**XLarge screens**/
						@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */
						
							@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
							
								/**XXLarge screens**/
								@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */