html
{
width:100%;
height:100%;
position:relative;
padding:0px;
margin:0px;
font-family:Arial;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
}

body
{
width:100%;
height:100%;
position:absolute;
padding:0px;
margin:0px;
background:url("../imgs/fondo.jpg");
background-size:cover;
background-position:center;
}

#headerContainer
{
	position:absolute;
	top:0px;
	width:100%;
	height:95px;
	background:#508956;
}

#headerLogo
{
	position:relative;
	width:100%;
	height:60px;
	background:#508956;
	box-shadow: 0px 0px 8px #444;
	z-index:2;
}

#headerLogoImgContainer
{
	width: 1000px;
	margin: 0 auto;
}

.headerLogoImg
{
	margin-top:0px;
	height:60px;
	cursor:pointer;
}

#headerMenu
{
	position:relative;
	width:100%;
	height:35px;
	background:rgba(242,140,42,1);
	/*box-shadow: 0px -3px 10px rgba(0,0,0,1);*/
}

#bodyContainer
{
	height:calc(100% - 101px);
	position:absolute;
	top:101px;
	width:100%;	
}

#inicioContainer
{
	padding-bottom: 0px;
	max-height:498px;
	height: calc(100% - 44px);
}

.inicioContainerBodyText
{
    /*overflow: hidden;
	overflow-y:auto;*/
    width: 100%;
    height: calc(100% - 14px);
    margin: 0 auto;
    position: relative;
    padding-bottom: 14px;
}

#footerContainer
{
	position:absolute;
	bottom:0px;
	width:100%;
	height:24px;
	background:#88B58C;
	/*box-shadow: 0px 0px 10px rgba(0,0,0,0.3);*/
}

#footerText{
	color:white;
	padding-top:6px;
	width:980px;
	margin:0 auto;
	font-size:12px;
	letter-spacing:1px;
}

.clearFloat
{
	clear:both;
}

.headerMenuItem
{
float: left;
padding-left: 10px;
color: white;
height: 24px;
padding-top: 10px;
padding-right: 10px;
cursor:pointer;
font-size:13px;
}

.headerMenuItem:hover
{
	background:rgba(210,140,42,0.5);
}


.headerMenuItemSelected
{
	height: 32px;
	background: rgba(104, 155, 114, 1);
	position: relative;
	z-index: 1;
	margin-top: 0px;
}

.headerMenuItemSelected:hover
{
	background: rgb(102, 150, 111);
}

#headerMenuItemsContainer
{
width:1000px;
margin:0 auto;
}

.footerTextSeparator
{
	margin-left:2px;
	margin-right:2px;
}

#headerMenuRightContainer
{
    float: right;
    background: rgba(243, 167, 91,1);
    color: white;
    font-size: 13px;
    right: -2px;
    position: relative;
}

.headerMenuRightItem
{
	float: left;
    padding-left: 10px;
    cursor: pointer;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    border-right: 1px solid rgba(243, 146, 0, 0.72);
    /*box-shadow: 1px 2px 3px rgba(173, 136, 0, 0.4);*/
}

.headerMenuRightItem:hover
{
	background:rgba(230, 167, 91, 1);
}

.headerMenuRightItemBold
{
	font-weight:bold;
}

.connectedIconItem
{
	float:left;
	margin-right:4px;
	margin-left:4px;
	cursor:pointer;
}

#connectedIcons
{
	float:right;
	margin-top:30px;
	margin-right:-4px;
}


.bodyCarrouselItem Img
{
	height: 260px;
}


.bodyCarrouselItem 
{
	height: 260px;
}

#bodyCarrouselContainer
{
	width: calc(100% - 36px);
	height: 260px;
	margin: 0 auto;
	position: relative;
	padding-top: 14px;
	padding-bottom:14px;
}

#bodyCarrouselContent
{
	width: 62.5%;
	height: 260px;
	cursor: pointer;
	z-index: 1;
	float: left;
	position: relative;
}

#bodyCarrouselContentRight
{
	position: relative;
	width: 37.5%;
	height: 260px;
	cursor: pointer;
	float: left;
	overflow:hidden;
}

#bodyPulicityContainer
{
	width: 100%;
	height: 194px;
	position: relative;
}

.bodyPublicityItem
{
	width: 298px;
    height: 100%;
    float: left;
    position: relative;
    cursor: pointer;
	margin-left:18px;
}

.bodyPublicityItemSecond
{
    margin-left: 34px;
    margin-right: 34px;
}

.bodyPublicityItemThird
{
    margin-left:0px;
}


.bodyPublicityItemViewMore
{
	position: absolute;
    right: 44%;
    bottom: 36px;
    background: rgb(83,136,90);
    width: 70px;
    height: 15px;
    font-size: 11px;
    padding: 2px;
    text-align: left;
    font-style: italic;
    color: #FFF;
    cursor: pointer;
    padding-left: 6px;
}

.bodyCarrouselItemImg
{
	width:600px;
	height:350px;
}

.bodyPublicityItemTitle
{
	background:#2A572E;
	width:100%;
	top:0px;
	position:relative;	
	font-size:14px;
	font-weight:bold;
}

.bodyPublicityItemTitleContent
{
	padding:6px;
	color:white;
	width:100%;
}

.creditCardsImg
{
	width:100%;
}

.bodyPublicityItemWhite
{
	background:White;
}

.popupContainer
{
	background:rgba(0,0,0,0.6);
	width:100%;
	height:100%;
	position:absolute;
	z-index:99999999;
	display:none;
	user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
}

.popupContent
{
	width: 800px;
	height: 500px;
	background: white;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -250px;
	margin-left: -400px;
}

.popupContentBody
{
	width:100%;
	height:100%;
}

.connectedIconItemImg
{
	height:24px;
	opacity:0.6;
}

.connectedIconItemImg:hover
{
	opacity:0.8;
}


.publicityItemImg
{
	width:100%;
	max-height:100%;
}

.popupContentHtml
{
	display:none;
}

.popupContentHtmlImg
{
	height:100%;
	width:100%;
	box-shadow: 42px 32px 60px rgba(0,0,0,0.3);
}

.bodyCarrouselItemRightImg
{
	width:100%;
	max-height:100%;
}

.bodyContainerItem
{
	display:none;
	top: 1px;
	height: calc(100% - 60px);
	width: 1000px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	overflow-y: auto;
	background: rgba(136, 181, 140, 0.3);
	max-height: 484px;
	padding-bottom: 14px;
	/*box-shadow: 1px 1px 26px rgba(0,0,0,0.2);*/
}

.bodyContainerItemSelected
{
	display:block;
}

#galeriaContainer
{
	padding-bottom: 0px;
	max-height:498px;
    height: calc(100% - 44px);
}

#contactoContainer
{
	padding-bottom: 0px;
	max-height:498px;
    height: calc(100% - 44px);
}

#nosotrosContainer
{
	padding-bottom: 0px;
	max-height:498px;
	height: calc(100% - 44px);
    /*overflow: hidden;
    max-height: none;
    height: calc(100% - 44px);*/
}

#abonosContainer
{
	padding-bottom: 0px;
	max-height:498px;
	height: calc(100% - 44px);
}

.abonosContainerBodyText
{
    overflow: hidden;
    /*width: calc(100% - 36px);*/
	width:100%;
    height: calc(100% - 14px);
    background: rgba(104, 155, 114, 1);
    margin: 0 auto;
    position: relative;
    padding-bottom: 14px;
	color:#FFF;
}

.abonosContainerImg
{
    float: left;
    height: calc(100% - 14px);
    width: calc(35% - 28px);
    padding-top: 14px;
    padding-left: 14px;
    padding-right: 14px;
    max-height: 470px;
}

.abonosContainerTextForImg
{
	float: left;
    width: calc(65% - 54px);
	height:100%;
    padding-left: 20px;
    padding-right: 34px;
}

.abonosImg
{
	width:100%;
	height:100%;
}

.abonosContainerTextColumn
{
	line-height: 18px;
    font-size: 13px;
}

.abonosContainerTextColumnFirst
{
    width: 28%;
    box-sizing: border-box;
    padding: 6px;
	border-right:1px solid #498152;
	padding-left:10px;
}

.abonosContainerTextColumnSecond
{
	width: 22%;
	text-align: center;
    padding: 6px;
    box-sizing: border-box;
	border-right:1px solid #498152;
}

.abonosContainerTextColumnThird
{
    width: 25%;
    text-align: center;
    padding: 6px;
    box-sizing: border-box;
	border-right:1px solid #498152;
}

.abonosContainerTextColumnFourth
{
    width: 25%;
    padding: 6px;
    box-sizing: border-box;
    padding-right: 50px;
    text-align: right;
}

.abonosContainerTextRowHeader  .abonosContainerTextColumnFirst
{
		padding:10px;
}

.abonosContainerTextRowHeader  .abonosContainerTextColumnSecond
{
		padding:10px;
}

.abonosContainerTextRowHeader  .abonosContainerTextColumnThird
{
		padding:10px;
}

.abonosContainerTextRowHeader  .abonosContainerTextColumnFourth
{
	padding-right: 50px;
	position:relative;
}

.abonosContainerTextColumnFourth .greenVerticalBar
{
	right:0px;
}

.abonosContainerTextTitle
{
    font-weight: bold;
    font-size: 18px;
    background: rgba(255,255,255, 0.7);
    color: #689B72;
    width: calc(100% - 20px);
    height: 15px;
    padding: 10px;
    margin-top: 30px;
    padding-top: 7px;
}

.abonosContainerTextTable
{
	width:100%;
	border-collapse:collapse;
}

.abonosContainerTextRowHeader
{
    font-weight: bold;
    color: white;
    width: 100%;
    font-size: 14px;
}

.abonosContainerTextRow
{
    width: 100%;
    font-size: 14px;
}

.alternateAbonosRow
{
	background: #578F60;
}

.nosotrosImg
{
	width: 660px;
	height: 590px;
	position: relative;
	text-align: center;
	margin: 0 auto;
	display:block;
	/*border: 1px solid white;*/
	margin-top: 20px;
	margin-bottom: 20px;
}

.serviciosItemsColumn
{
	float:left;
	width:320px;
	margin-right:15px;
}

.serviciosItemsLastColumn
{
	width: calc(100% - 674px);
    margin-right: 0px;
    height: 470px;
}

.serviciosItemContainer
{
	position:relative;
	cursor:pointer;
	width:100%;
	height:228px;
	opacity:0.92;
}

.serviciosItemContainer:hover
{
    opacity:1;
}

.serviciosItemContainerTop
{
	margin-bottom:14px;
	height:228px;
}

.serviciosItemsLastColumn .serviciosItemContainer
{
	height:100%;
}

.serviciosImg
{
	height:100%;
	width:100%;
}

.lineaNaranjaImg
{
	width:10px;
	position:absolute;
	right:0px;
	z-index:2;
	height:100%;
	opacity:1;
}

.backgroundNaranjaImg
{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	opacity:0.8;
}

.labelNaranjaContainer
{
	position:absolute;
	top:0px;
	left:0px;
	font-size: 16px;
	color: white;
	font-weight: 600;
}

.labelNaranjaText{
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
	padding-top: 8px;
	padding-left: 8px;
}

.labelEstCorp
{
	width:106px;
	height:56px;
}

.labelTratFac
{
	width:136px;
	height:56px;
}

.labelTratCorp
{
	width:136px;
	height:75px;
}

.labelSpa
{
	width:94px;
	height:56px;
}

.labelNovios
{
	width:106px;
	height:56px;
}

#serviciosContainer
{
	padding-bottom: 0px;
	max-height:498px;
    height: calc(100% - 44px);
}

.servicioItemBody
{
    overflow: hidden;
    /*width: calc(100% - 64px);*/
	width:calc(100% - 26px);
    height: 484px;
    background: rgba(104, 155, 114, 1);
    margin: 0 auto;
    display: none;
    position: relative;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 14px;
}

.servicioItemBodySelected
{
	display:block;
}

.backServicioMenu
{
	width: 44px;
	height: 44px;
	cursor: pointer;
	position: absolute;
	right: 30px;
	bottom: 30px;
	opacity:0.8;
}

.backServicioMenu:hover
{
	opacity:1;
}

.servicioItemBodyImg
{
	height:calc(100% - 14px);
	width:280px;
	float:left;
	position:relative;
	cursor:pointer;
}

.servicioItemBodyImgDim
{
	height:100%;
	width:100%;
}

.servicioItemBodyBackImgDim
{
	height:100%;
	width:100%;
}

.servicioItemBodyText
{
	float: left;
    width: calc(100% - 340px);
    height: calc(100% - 10px);
    padding-left: 40px;
    color: white;
    font-size: 13px;
    padding-top: 10px;
}

.servicioOneColumn
{
	width:100%;
}

.servicioMarginRight
{
	margin-right:2%;
}

.servicioOneColumnOfTwo
{
	width:48%;
	float:left;
}

.servicioItemBodyTextCapital
{
	font-weight: bold;
    margin-top: 5px;
    margin-bottom: 1px;
    line-height: 21px;
	cursor:pointer;
	color:#325637;
	padding-left:10px;
}

.servicioSubItemBodyText
{
	display:none;
}

.servicioSubItemBodyTextSelected
{
	display:block;
}

/*.servicioItemBodyTextCapital:before {
	content: "";
	width: 6px;
	height: 6px;
	background: #FFF;
	display: block;
	float: left;
	margin-right: 6px;
	border-radius: 50%;
	margin-top: 7px;
}*/

.servicioItemBodyTextCapital:hover
{
	background: white;
    opacity: 0.6;
}


.servicioItemBodyTextNormal
{
	padding-left:28px;
	line-height:21px;
	cursor:pointer;
}

.servicioItemBodyTextNormal:hover
{
	background: white;
    opacity: 0.6;
	color:#325637;
}

.servicioNoviosItemsList
{
	margin-top:30px;
}

.servicioNoviosParagraph
{
	line-height:20px;
	width:90%;
}


.slick-dots
{
	bottom:0px;
	right:14px;
}

.slick-dots li
{
	bottom: 0px;
	right: -246px;
	background:#DDD;
	border-radius:50%;
	width:14px;
	height:14px;
	opacity:0.9;
}

.slick-dots li button:before
{
	color:#DDD;
}

.slick-dots li.slick-active button:before
{
	color:#88B58C;
}

.slick-dots .slick-active
{
	background:#88B58C;
	border-radius:50%;
}


.slick-list
{
	height: 100%;
}

.slick-slider
{
	margin-bottom:0px;
}

.nosotrosContainerImg
{
    float: left;
    height: calc(100% - 14px);
    width: calc(35% - 28px);
    padding-top: 14px;
    padding-left: 14px;
    padding-right: 14px;
    max-height: 470px;
}

.nosotrosContainerTextForImg
{
    float: left;
	height:100%;
    width: calc(65% - 54px);
    padding-left: 20px;
    padding-right: 34px;
}

.nosotrosContainerBodyText
{
    overflow: hidden;
    /*width: calc(100% - 36px);*/
	width:100%;
    height: calc(100% - 14px);
    background: rgba(104, 155, 114, 1);
    margin: 0 auto;
    position: relative;
    padding-bottom: 14px;
}

.nosotrosContainerImg img
{
	width:100%;
	height:100%;
}

.genericContainerTextForImgTitleWhite
{
	font-weight: bold;
    font-size: 18px;
    background: rgba(255,255,255, 0.7);
    width: 100%;
    height: 24px;
    margin-top: 20px;
    padding-top: 9px;
	color:#689B72;
	position:relative;
}

.nosotrosContainerTextForImgBodyContainer
{
	margin-top:20px;
	height: calc(100% - 80px);
    overflow: hidden;
    overflow-y: auto;
}

#serviciosContainer .nosotrosContainerTextForImgBodyContainer
{
	margin-top:20px;
	height: calc(100% - 164px);
    overflow: hidden;
    overflow-y: auto;
}

.nosotrosContainerTextForImgBodyContainerJustOne
{
	margin-top:10px !important;
}

.nosotrosContainerTextForImgBody
{
	line-height:20px;
	font-size:14px;
	color:White;
}

.nosotrosContainerTextBottom 
{
	width:100%;
	margin:0 auto;
	line-height:20px;
	font-size:14px;
	color:White;
}

.nosotrosContainerMarginTop
{
	margin-top:24px;
}

.nosotrosContainerMarginTopSmaller
{
	margin-top:12px;
}

.nosotrosContainerTextBottomBold
{
	font-weight:bold;
}

.contactoContainerTextForImgBody
{
	line-height:20px;
	font-size:14px;
}

.contactoContainerMarginTop
{
	margin-top:24px;
}

.contactoContainerBodyText
{
	/*width:calc(100% - 36px);*/
	width:100%;
	height: calc(100% - 14px);
	background:rgba(104, 155, 114, 1);
	margin:0 auto;
	color:#FFF;
	overflow: hidden;
    padding-bottom: 14px;
}

.contactoContainerImg
{
    float: left;
    height: calc(100% - 14px);
    width: calc(45% - 28px);
    padding-top: 14px;
    padding-left: 14px;
    padding-right: 14px;
    max-height: 470px;
}

.contactoContainerImg img
{
	width:100%;
	height:100%;
}

.contactoContainerTextForImg
{
    float: left;
    width: calc(55% - 54px);
    padding-left: 10px;
    padding-right: 34px;
	height:100%;
}

.contactoContainerTextForImgTitle
{
	font-weight: bold;
    font-size: 18px;
    background: rgba(195, 58, 6, 0.7);
    width: 100%;
    height: 24px;
    margin-top: 20px;
    padding-top: 9px;
	color:white;
	position:relative;
	
}

.generalPopupContentClose
{
	position: absolute;
    top: -12px;
    right: -14px;
    font-size: 16px;
    font-weight: 600;
    height: 28px;
    width: 30px;
    padding: 2px;
    cursor: pointer;
    opacity: 1;
}

.generalPopupContentCloseImg
{
	width:100%;
	height:100%;
}

.backgroundPublicity
{
	height: 432px;
    width: 440px;
    background: rgba(105,155,113,0.9);
    position: absolute;
    right: 3%;
    top: 7%;
}

.backgroundPublicityTitle
{
    width: 83%;
    height: 66px;
    border-top-left-radius: 28px;
    background: rgba(73,129,82,1);
    position: absolute;
    right: 0px;
    top: 20px;
    padding-top: 20px;
    letter-spacing: 1px;
    padding-bottom: 4px;
}

.backgroundPublicityTitleFirstLine
{
    color: White;
    font-size: 20px;
    margin-left: 24px;
}

.backgroundPublicityTitleFirstLineBig
{
    color: White;
    font-size: 26px;
    margin-left: 24px;
}

.backgroundPublicityTitleSecondLine
{
	color: White;
    font-size: 26px;
    margin-left: 68px;
}

.backgroundPublicityTitleSecondLineSmall
{
	color: White;
    font-size: 20px;
    margin-left: 68px;
}

.publictyTextContainer
{
	color: white;
    top: 134px;
    position: absolute;
    width: 83%;
    padding-left: 8%;
    height: 270px;
    overflow: auto;
    padding-right: 7%;
}
			
.publicityTextLine
{
	line-height:22px;
}
			
.publicityTextParagraph
{
	margin-bottom:20px;
}

.publicityTextNormal
{
	font-size:16px;
}

.publicityTextMedium
{
	font-size:15px;
}

.publicityTextLineMedium
{
	line-height:17px;
}

.publictyTextUppercase
{
	text-transform:uppercase;
}

.publicityTextItalic
{
	font-style: italic;
}

.publicityTextBold
{
	font-weight:bold;
}

.publicityTextParagraphLast
{
	margin-bottom:0px;
}

.publicityMarginBottom
{
	margin-bottom:8px;
}

.galleryContainerBody
{
    /*width: calc(100% - 64px);*/
	width:100%;
    /*height: auto;*/
	height:calc(100% - 14px);
    margin: 0 auto;
    background-color: #689B72;
    padding-bottom: 14px;
	position:relative;
}


.galleryContainerBody .jssort01
{
	background:#689B72;
}

.rowFormText
{
	margin-bottom:16px;
}

#mapGoogle
{
	width:100%;
	height:100%;
}

.rowFormButton input
{
	margin-left: 16%;
    background-color: #51845B;
    border: 0px;
    height: 30px;
    width: 80px;
    font-size: 15px;
    margin-top: -3px;
    color: white;
    font-weight: bold;
	padding-bottom:2px;
	cursor:pointer;
}

.colFormTextName
{
    float: left;
    width: 16%;
    font-size: 15px;
    margin-top: 4px;
    opacity: 0.8;
}

.v-captcha
{
    float: right;
    width: 16%;
    color:red;
    text-align:center;
    background: white;
    font-size: 15px;
    margin-top: -58px;
    opacity: 0.8;
}

.colFormTextInput
{
	float:left;
	width:84%;
	position:relative;
}
.colFormTextInput input
{
	width: calc(100% - 20px);
    height: 24px;
    opacity: 0.7;
    font-size: 14px;
    padding-right: 12px;
	padding-left:6px;
}

.colFormTextArea
{
	float:left;
	width:84%;
	position:relative;
}

.colFormTextArea textarea
{
	width: calc(100% - 20px);
	height:110px;
	opacity:0.7;
	font-family:Arial;
	padding-left:6px;
    padding-right: 12px;
	padding-top:6px;
	padding-bottom:6px;
	font-size: 14px;
	overflow:hidden;
	overflow-y:auto;
}

.g-recaptcha
{
	margin-left: 15%;
	margin-top: 6px;	
	padding-left:6px;
    	padding-right: 12px;
	padding-top:6px;
	opacity: 0.8;
}


.whiteVerticalBar
{
	display:none;
	background: white;
    height: 100%;
    width: 10px;
    position: absolute;
    right: 0px;
    top: 0px;
    opacity: 0.55;
}

.colFormTextArea .whiteVerticalBar
{
	height:calc(100% - 12px);
}

.redVerticalBar
{
	display:none;
	background: #E71E1E;
    height: 100%;
    width: 10px;
    position: absolute;
    right: 0px;
    top: 0px;
    opacity: 0.55;
}

.greenVerticalBar
{
	display:none;
	background: rgba(74, 119, 81,1);
    height: 100%;
    width: 10px;
    position: absolute;
    right: 0px;
    top: 0px;
    opacity: 0.55;
}

.serviciosSubItemTitleText
{
	font-weight: bold;
    font-size: 18px;
    background: #588C63;
    width: 100%;    
    height: 24px;
    margin-top: 20px;
    padding-top: 9px;
	color:white;
	position:relative;
	
}

.serviciosSubItemTitleTextFirst
{
	margin-top:0px;
}

.serviciosSubItemTitleTextMarginTop
{
	margin-top:20px;
}

.servicioSubItemBodyTextContainer
{
	padding: 6px;
    line-height: 22px;
    font-size: 14px;
}

.scrollCustom::-webkit-scrollbar{
	width:12px;
	background:rgb(157, 191, 153);
} 

.scrollCustom::-webkit-scrollbar-thumb{
	background-color:#498152;
}

.scrollCustom::-webkit-scrollbar-thumb:hover{
	background-color:#498152;
}
.scrollCustom::-webkit-scrollbar-thumb:active{
	background-color:#6B9672;
} 

.scrollCustom::-webkit-scrollbar-track{
} 

.servicioTextList
{
	margin-bottom:10px;
}

.servicioTextListTitle
{
	margin-top:10px;
}

.servicioTextListItem
{
	padding-left:20px;
}

.servicioTextTitle
{
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
}

.servicioTextListPaddingLeftZero .servicioTextListItem
{
	padding-left:0px;
}


.servicioTextMarginTop10
{
	margin-top:10px;
}

.servicioTextMarginTopZero
{
	margin-top:0px;
}

.servicioTextMarginBottomZero
{
	margin-bottom:0px;
}

.genericText
{
    position: relative;
    top: 49%;
    margin-top: -14px;
	left:8px;
}

.maderaLogoImg
{
    position: absolute;
    top: 14px;
    right: 14px;
    width: 180px;
    height: calc(100% - 26px);
}

.maderaLogoTextImg
{
	position: absolute;
    bottom: 28px;
    right: 37px;
    width: 134px;
    height: 106px;
}