/**********************************************************************************************
	Main Sections in CSS:

	1.	BASIC ELEMENTS
		Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.

	2.	LAYOUT
		Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site

	3.	PAGE COMMON STYLES
		Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc

	4.	PAGE SPECIFIC STYLES
		Define content styles that are specific to a particular page

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

@import url('/css/jquery.ddslick.css');

/* import core styles */
@import url(https://fonts.googleapis.com/css?family=Questrial|Fjalla+One|Leckerli+One|La+Belle+Aurore);

/**
* Eric Meyer's browser reset
* @see     http://meyerweb.com/eric/tools/css/reset/
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 1em;
	vertical-align: ; /* Dejar asi para que funcione el calendario */
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: ; /* Dejar asi para que funcione el calendario [Antes: collapse ] */
	border-spacing: ; /* Dejar asi para que funcione el calendario [Antes: 0 ] */
}

/*------------------------------------------------------------------------------------------------------*/



/**
* Generic Classes
* @description     Define styles for simple things like floating to the sides, text aligning, image-replacements
*/

img {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}

/*---- Floats ----*/
.flR { float: right; }
.flL { float: left; }

/*---- Horizontal Alignment ----*/
.alR { text-align: right; }
.alC { text-align: center; }

/*---- Vertical Alignment ----*/
.vlT {vertical-align:top;}
.vlB {vertical-align:bottom;}

/*---- Hide ----*/
.hide { display: none; }

/*---- Image Replacement Technique ----*/
.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; top: 0; text-indent: -1000em;}

/*------------------------------------------------------------------------------------------------------*/


/**
* Defaults
*/

html { font-size: 100.01%; }
body { width:100%; color:#000; font-family: 'Questrial', sans-serif; background:#ed9b41; font-size: 62.5%; line-height:1em; float: left;}

a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover { text-decoration: underline; }

.col-1 .column, .col-2 .column, .col-3 .column, .col-1-2 .column, .col-1-1-2 .column, .col-2-1 .column, .col-4 .column, .col-1-2-gr .column, .col-2-1-gr .column{
	float:left;
	margin:0 0 36px 36px;
	}
	.col-1 .column:first-child, .col-2 .column:first-child, .col-3 .column:first-child{
		margin-left:0;
		}
		.col-1 .column{ width:972px; }
		.col-2 .column{ width:468px; }
		.col-3 .column{ width:300px; }


/*------------------------------------------------------------------------------------------------------*/

input,select{
	cursor:pointer;
}

input[type="text"],
input[type="password"],
select,
input[type="date"],
input[type="file"],
textarea{
	border:1px solid #FFB600;
	color:#384624;
	padding:7px;
	font-size:13px;
	border-radius: 4px;
}

.btnGenerico {float:left;font-size:12px;background-color:#1858D8;color:#FFF!important;padding:0px 5px;border-radius:4px;margin:2px 3px;font-weight:bold;vertical-align: middle;}
.btnGenerico:hover {background-color:#3B7CFD;}

.button, input[type="button"], .btnAzul{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family:inherit;
	color: #ffffff;
	font-size: 0.8em;
	background: #429BF0;
	padding: 7px 20px 7px 20px;
	text-decoration: none;
	border: none;
	cursor:pointer;
	text-transform:uppercase;
	vertical-align: middle;
	}input[type="button"]:hover, .btnAzul:hover, .btnAzul:hover, input[type="button"]:active, input[type="button"]:focus,  .button:focus, .btnAzul:focus{
		background: #3cb0fd;
  		text-decoration: none;
		color: #ffffff;
		cursor:pointer;
	}

.btnGuardar,input[type="button"].btnGuardar,input[type="submit"], #btnAceptarConfirmBox, #btnAceptarAlertBox{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family:inherit;
	color: #ffffff;
	font-size: 0.8em;
	background: #FF6600;
	padding: 7px 20px 7px 20px;
	text-decoration: none;
	border: none;
	cursor:pointer;
	text-transform:uppercase;
	vertical-align: middle;
	line-height: 22px;
	}
	input[type="button"].btnGuardar:hover,.btnGuardar:hover,input[type="submit"]:hover,
	input[type="button"].btnGuardar:focus,.btnGuardar:focus,input[type="submit"]:focus {
		background: #FF9651;
  		text-decoration: none;
		color: #ffffff;
	}

.btnCancelar,input[type="button"].btnCancelar,input[type="submit"].btnCancelar,input[type="reset"], #btnCancelarConfirmBox{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family:inherit;
	color: #ffffff;
	font-size: 0.8em;
	background: #db0000;
	padding: 7px 20px 7px 20px;
	text-decoration: none;
	border: none;
	cursor:pointer;
	text-transform:uppercase;
	vertical-align: middle;
	line-height: 22px;
	}input[type="button"].btnCancelar:hover,.btnCancelar:hover,input[type="reset"]:hover,
	input[type="button"].btnCancelar:focus,.btnCancelar:focus,input[type="reset"]:focus{
		background: #ff5252;
		text-decoration: none;
		color: #ffffff;
	}

label{cursor:pointer;}

/* This imageless css button was generated by CSSButtonGenerator.com */


input[type="radio"]{
	cursor: pointer;
}

input[type="checkbox"]{
	cursor: pointer;
}

label{
	cursor:pointer;
}

textarea{
	color:#384624;
	font-size:12px;
	border-radius: 4px;
}

.grande{font-size:1.2em}
.muygrande{
	font-weight:bold;
	font-size:1.5em;
}
.normal{font-size:1em}
.pequenyo{font-size:0.9em}
.muypequenyo{font-size:0.8em}

.textoclaro{line-height:20px}


/*------------------------------------------
// 1.BASIC ELEMENTS
//	 Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
//------------------------------------------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, section, nav, img{ margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, li { line-height:1.0em; }

::-moz-selection { background: #5af; color: #fff; text-shadow: none; }
::selection { background: rgba(255, 187, 85, 0.3); color: #fff; text-shadow: none; }

a{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/*Title tooltip*/
.tooltip{width:100%;line-height:22px;}

/*------------------------------------------
// 2.LAYOUT
//   Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
//------------------------------------------*/

/*---- Container ----*/
div#container {width:100%; margin:0 auto; float:left;}

div.wrapper{ /*min-width:900px;*/ max-width:1250px; margin:0 auto; }

/*---- Header ----*/
div#header { box-shadow:0px 1px 5px rgba(0,0,0,0.5);background:#f8f5ed;border-bottom:4px solid #FC6;position:relative;width:100%;}

/*---- Content ----*/
div#content { background:url(../../images/public/noise.png) #FFF8E8; }

/*------------------------------------------------------------------------------------------------------*/

/**
* Clearing Methods
* @see     http://yaml.de/en/documentation/basics/general.html
*/

/* clearfix method for clearing floats */
.clearfix:after { content: "."; display: block; font-size:0; height: 0; clear: both; visibility: hidden;}

/* essential for Safari browser !! */
.clearfix { display: block; }

/* overflow method for clearing floats */
.floatbox { overflow:hidden; }

/* older method of adding empty tags for clearing */
.clear { clear: both; height:1px; line-height:1px; }

/*@media all{
	div.wrapper{ margin:0 auto; }
}

@media screen and (max-width: 480px){
	div.wrapper{ margin:0 auto; max-width:480px; }
}

@media screen and (min-width: 481px) and (max-width: 640px){
	div.wrapper{ margin:0 auto; min-width:481px; max-width:640px; }
}*/


/*------------------------------------------
// 3. PAGE COMMON STYLES
//	  Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
//------------------------------------------*/

/*---- Header - Logo ----*/
div#header div.logo{ position:relative; float: left; margin:auto; }
div#header div.logo a { position:relative; background:url(../../images/logo_w300.png) top left no-repeat; background-size:300px; width:300px; height:80px; display:block; }

/*---- Header - Social ----*/
div#header div#social{ position:relative; float: right; margin-right:10px; margin-top:20px; }

/************************************************************************************
SOCIAL LINK a.sb
*************************************************************************************/
a.sb, .sb a{
	width: 42px;
	height: 42px;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -900em;
	color: #333;
	text-decoration: none;
	line-height: 100%;
	white-space: nowrap;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	margin: 0 2px 5px 0;

	/* default button color */
	background-color: #ececec;
	border: solid 1px #b8b8b9;

	/* default box shadow */
	box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 0 rgba(0,0,0,.1);

	/* default border radius */
	border-radius: 180px;

	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/* for IE */
*:first-child+html a.sb,
*:first-child+html .sb a {
	text-indent: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
}


/* SB LIST
================================================ */
.sb {
	margin: 0;
	padding: 0;
}
.sb li {
	margin: 0;
	padding: 0;
	display: inline;
}


/* SIZES
================================================ */
/* small */
a.sb.small,
.sb.small a {
	width: 50px;
	height: 50px;
	font-size: 90%;
}

/* large */
a.sb.large,
.sb.large a {
	width: 40px;
	height: 40px;
	font-size: 120%;
}


/* GRADIENTS
================================================ */
/* default gradient */
a.sb.gradient,
.sb.gradient a {
	background-color: transparent !important;
}
a.sb.gradient:after,
.sb.gradient a:after {
	padding: 1px;
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: -1px;
	left: -1px;
	z-index: -1;

	box-shadow: inset 0 2px 0 rgba(255,255,255,.3);

	/* default gradient */
	background: -moz-linear-gradient(top, #FF6600 0%, #FF9966 100%);
	background: -webkit-linear-gradient(top, #FF6600 0%, #FF9966 100%);
	background: linear-gradient(top, #FF6600 0%, #FF9966 100%);
}


a.sb.facebook,
.sb a.facebook{ background:url(../../images/public/header/facebook.png) no-repeat 3px; background-size:34px;}

a.sb.twitter,
.sb a.twitter{ background:url(../../images/public/header/twitter.png) no-repeat 3px; background-size:34px; }

a.sb.google,
.sb a.google{ background:url(../../images/public/header/google.png) no-repeat 3px; background-size:34px; }

/* default hover */
a.sb:hover:after,
.sb a:hover:after {
	background-image: none;
}
a.sb:hover,
.sb a:hover,
a.sb:hover:after,
.sb a:hover:after {
	background-color: #FF9900;
}

/* Alertas */
.alertContent{/*min-width:700px*/;line-height:22px;width:auto;margin-left:10px;}

/************************************************************************************
SOCIAL LINK a.sb
*************************************************************************************/


/*---- Header - Contact ----*/
div#header div#contact{float: right; margin-top:20px; margin-right:15px; width:200px;}
div#header div#contact span.telefono{float:left;font-size:33px;line-height:33px; color:#3F3F3E; text-shadow:0px 1px 1px rgba(0,0,0,0.5); }
div#header div#contact span.email{float:left;font-size:15px; line-height:15px; color:#3F3F3E; text-shadow:0px 1px 1px rgba(0,0,0,0.5);}


/*---- Entrar - Salir ----*/

div#header div#login{ padding-left:50px; background:url(../../images/public/login/user-login.png) no-repeat 0px -7px; background-size:44px; float: right; margin: 21px 0px 0px 0px; height:auto; border-radius:4px; font-family: 'Fjalla One', sans-serif;}
	div#header div#login img{
			float:left;
			margin-right:7px;
			max-width: 36px;
			height: auto;
	}
	div#header div#login div:nth-child(1){
		float:left;
		font-size:14px;
		line-height:15px;
	}
	div#header div#login div:nth-child(2){
		clear:left;
		float:left;
	}
	div#header div#login div:nth-child(2) span.separator{
		float:left;
		font-weight:bold;
		color:#009900;
		margin:14px 5px 5px 5px;
		}
	div#header div#login div:nth-child(2) a{
		float:left;
		font-size:16px;
		line-height:16px;
		font-weight:lighter;
		margin-top:12px;
		color:#009900;
		text-decoration:underline;
		}
		div#header div#login div:nth-child(2) a:hover{
			color:#FF6600;
			text-decoration:none;
		}

/*---- Entrar - Salir ----*/

/*---- Login - Registrarse ----*/
@media all{
	div#header div#register{
		float: right;
		margin-top:20px;
		background:#FFCC99;
		padding:1px;
		border-radius: 4px;
	}
}

/*@media screen and (min-width: 400px) and (max-width: 700px){
	div#header div#register{ margin-right:25px; }
}
@media screen and (min-width: 701px) and (max-width: 1027px){
	div#header div#register{ margin-right:5px; }
}*/

div#header div#register a{
	box-shadow:inset 0px 1px 0px 0px #ffdbb0;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fbb55a), color-stop(1, #fb9e25) );
	background:-moz-linear-gradient( center top, #fbb55a 5%, #fb9e25 100% );
	background-color:#fbb55a;
	border:1px solid #ffaa22;
	display:inline-block;
	color:#864516;
	font-family:inherit;
	font-size:15px;
	font-weight:bold;
	padding:14px 20px;
	text-decoration:none;
	text-shadow:1px 1px 0px #FFCC99;
	font-family:inherit;
	transition: all 0.5s ease;
	}
	div#header div#register a.login{ border-radius:4px 0px 0px 4px; }
	div#header div#register a.registro{ border-radius:0px 4px 4px 0px; }
	div#header div#register a:hover{
		box-shadow: inset 0px 1px 2px 0px #B89155;
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FFDFB6), color-stop(1, #FFD6A0) );
		background: -moz-linear-gradient( center top, #fbb55a 5%, #fb9e25 100% );
		font-family: inherit;
	}div#header div#register a:active {
		position:relative;
		top:1px;
	}

/*---- Login - Registrarse ----*/

/*---- Header - Global-Navigation ----*/
div.global-naviagation{ float:right; margin-bottom:45px; display:inline-block;}
div.global-naviagation div.global-naviagation-left{ background:url(../../images/navigation/global-navigation-left.gif) top left no-repeat; padding-left:7px; height:29px;}
div.global-naviagation div.global-naviagation-left div.global-naviagation-right{background:url(../../images/navigation/global-navigation-right.gif) top right no-repeat; padding-right:7px; height:29px;}
div.global-naviagation div.global-naviagation-left div.global-naviagation-right div.global-naviagation-middle{background:url(../../images/navigation/global-navigation-middle.gif) top left repeat-x; height:29px; padding:0px 8px; }

div.global-naviagation ul li{ float:left; padding-right:33px;}
div.global-naviagation ul li.last{ padding-right:0px; font-size:110%;}
div.global-naviagation ul li a{ color:#707070; line-height:24px; text-decoration:underline }

/*---- Header - Global-Navigation-Social ----*/
div.global-naviagation-social{ float:right; margin-bottom:45px; display:inline-block; height:29px; padding:8px 8px; position:absolute; top: 0px; left: 50%; margin-left:-80px;}


.ui-widget {font-size:16px!important;line-height: 24px!important;}
.ui-dialog .ui-dialog-title{padding:4px;}

/*---- Box2Index ----*/
div.box{
	float:left;
	background:#FFF8E8;
	width:44%;
	padding:20px;
	cursor:pointer;
	border-radius:10px;
	box-shadow:1px 1px 2px rgba(0,0,0,0.5);
	font-family: 'Fjalla One', sans-serif;
	text-shadow: 2px 2px 1px  #CCC;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}
	div.box:last-child{
		float:right;
		}
	div.box:hover{
		background: #FFFEEE;
		color:#F90;
		text-shadow: 1px 1px 0px #CCC, 0 0 0 #000, 1px 1px 0px #CCC;
		box-shadow:0px 0px 5px #F90;
	}


section h1{
		font-family: 'Fjalla One', sans-serif;
		text-align:center;
		font-size:42px;
		color:#222;
		text-shadow: 0px 2px 1px  #CCC;
		padding:15px 10px;
		border-radius:4px;
	}
	section h1 span.subtitle{
		font-family: 'Fjalla One', sans-serif;
		font-size:42px;
		color:#000;
		text-shadow: 0px 2px 1px  #CCC;
		margin-left:15px;
	}
	section h1 span.subtitle p{
		float:left;
		clear:left;
		width:100%;
		font-size:22px;
		line-height:26px;
		text-align:center;
		color:#444;
		margin-left:0px;
		margin:15px 0px 25px 0px;
	}

section h2{
		float:left;
		clear:left;
		font-family: 'Fjalla One', sans-serif;
		font-size:30px;
		color:#D77B00;
		text-shadow: 2px 2px 1px  #CCC;
		padding:15px 10px;
	}
	section h2 span.subtitle{
		float:left;
		clear:left;
		font-family: 'Fjalla One', sans-serif;
		font-size:25px;
		color:#333;
		text-shadow: 2px 2px 1px  #CCC;
		margin:15px;
	}

section p a{ color:#FF6600; }
section p a:hover{ color:#009900; }

section p, section ul li{
	float:left;
	clear:left;
	font-family: inherit;
	font-size:16px;
	color:#222;
	margin:10px;
	line-height:24px;
	text-align:justify;
}

section p.contactanos{
	font-family: inherit;
	font-size:25px;
	color:#222;
	margin:15px 22px 10px 22px;
	line-height:34px;
	text-align:center;
	width:100%;
	float:left !important;
}

section ul.stars li{
	margin-left:15px;
	}
	section ul.stars li{
		font-family: inherit;
		font-size:18px;
		line-height:45px;
		color:#060;
		font-weight:bold;
		padding-left: 23px;
		background-image: url(../../images/iconos/knewstuff.png);
		background-repeat: no-repeat;
		background-position:0px 14px;
	}

section hr {
	background-image: url(../../images/public/gauze.png);
	height: .75em;
	border: none;
	margin: .75em 0;
	float: left;
	width: 100%;
}

section.cuenta-bancaria{
	background:#F9F9F9;
	box-shadow:0px 4px 4px 2px #933A00;
	border-radius:0px 0px 7px 7px;
	opacity:0.9;
	padding:10px 10px 45px 10px;
	margin-bottom:25px;
	}

section#servicios-principales{
	padding-top:15px;
	width:100%;
	background:#f8f5ed;
	height:170px;
	z-index:2;
	}
	section#servicios-principales h1{
		position:relative;
		z-index:3;
		font-size:45px;
	}
	section#servicios-principales div.servicio{
		text-align:center;
		background:#f8f5ed;
		float:left;
		margin-top:-100px;
		margin-left:9%;
		margin-bottom:25px;
		border-radius:180px;
		padding:15px;
		width:19%;
		height:225px;
		position:relative;
		z-index:1;
		}
		section#servicios-principales div.servicio:hover{ }
		section#servicios-principales div.servicio a{
			width:100%;
		}
		section#servicios-principales div.servicio h2{
			margin-left:-10px;
			margin-top:90px;
			line-height:26px;
			font-size:18px;
			color:#eea252;
			text-shadow:none;
			text-transform:none;
			width:100%;
		}
		section#servicios-principales div.servicio img{
			clear:left;
			margin:10px auto;
		}
/**** --  CONTACTO -- *****/

section.contacto{
	background:#F9F9F9;
	box-shadow:0px 4px 4px 2px #933A00;
	border-radius:0px 0px 7px 7px;
	opacity:0.9;
	padding:10px 10px 45px 10px;
	margin-bottom:25px;
	}
	section.contacto article.col-1{
		float:left;
		font-size:16px;
		width:550px;
		border-right:1px dotted #DDD;
		}
		section.contacto form#contact-form{
			float:left;
			font-size:16px;
		}
		section.contacto form#contact-form div.campo{
			float:left;
			font-weight:bold;
			float:left;
			width:500px;
			margin-top:20px;
		}
		section.contacto form#contact-form div.campo .required{
			font-weight:normal;
			color:#C30;
			margin-right:10px;
		}
		section.contacto form#contact-form div.campo input[type="text"]{
			width:485px;
			margin:15px 25px;
			padding:8px;
			font-size:16px;
		}
		section.contacto form#contact-form div.campo select{
			width:500px;
			margin:15px 25px;
			padding:8px;
			font-size:16px;
			box-shadow:0px 1px 1px 1px #EEE;
		}
		section.contacto form#contact-form div.campo textarea{
			font-weight:bold;
			width:485px;
			margin:15px 25px;
			padding:8px;
			font-size:16px;
		}
		section.contacto form#contact-form div.campo input[type="submit"]{
			width:350px;
			margin:25px 100px;
			padding: 17px 25px;
			font-size: 20px;
		}

	section.contacto article.col-2{
		margin-top:10px;
		float:left;
		margin-left:20px;
		width:385px;
		color:#333;
		font-size:20px;
		background-size:300px;
		}
		section.contacto div#contacto-otros span{
			font-size:32px;
			margin: 25px 0px 45px 15px;
			float: left;
			width: 100%;
		}
		section.contacto div#contacto-otros li{
			padding:5px;
			line-height:28px;
		}
		section.contacto div#contacto-otros li.numero{
			font-size:30px;
		}
		section.contacto div#contacto-otros li.email a{
			color:#FF6600;
			}
			section.contacto div#contacto-otros li.email a:hover{
				color:#009900;
			}
		section.contacto div#contacto-otros li.direccion span{
			font-size:18px;
			font-weight:normal;
			clear:left;
			margin:0;
		}
		section.contacto div#mapa{
			margin-top:50px;
			font-size:12px;
		}

/**** --  CONTACTO -- *****/

/**** --  REGISTRO -- *****/

section.registrarse{
	background:#F9F9F9;
	box-shadow:0px 4px 4px 2px #933A00;
	border-radius:0px 0px 7px 7px;
	opacity:0.9;
	padding:10px 10px 45px 10px;
	margin-bottom:25px;
	}
	section.registrarse h1 {margin-bottom:25px;}

	section.registrarse article.col-1{
		float:left;
		font-size:16px;
		width:49%;
		border-right:1px dotted #DDD;
		}
		section.registrarse form#registrarse-form div.campo{
			float:left;
			font-weight:bold;
			width:100%;
			margin-top:20px;
		}
		section.registrarse form#registrarse-form div.campo .required{
			font-weight:normal;
			color:#C30;
			margin-right:10px;
		}
		section.registrarse form#registrarse-form div.campo input[type="text"]{
			width:90%;
			margin:5%;
			padding:8px;
			font-size:16px;
		}
		section.registrarse form#registrarse-form div.campo select{
			width:90%;
			margin:5%;
			padding:8px;
			font-size:16px;
		}
		section.registrarse form#registrarse-form div.campo textarea{
			font-weight:bold;
			width:90%;
			margin:5%;
			padding:8px;
			font-size:16px;
		}
		section.registrarse form#registrarse-form div.campo input[type="submit"]{
			width:90%;
			margin:5%;
			padding: 20px 25px;
			font-size: 20px;
			text-transform:uppercase;
		}

	section.registrarse article.col-2{
		float:left;
		font-size:16px;
		width:49%;
		text-align:center;
		}
		section.registrarse article.col-2 div{
			float:left;
			width:100%;
			margin:10px 10px;
		}
		section.registrarse article.col-2 div h2{
			background: url(../../images/iconos/tick.png) no-repeat;
			background-size:20px;
			background-position-y:12px;
			font-size:20px;
			font-weight:bold;
			color:#F90;
			margin-bottom:10px;
			padding-left:30px;
		}
		section.registrarse article.col-2 div p{
			font-size:16px;
		}

section.registrarse-servicios{
		background: #FFF;
		padding: 10px 10px 45px 10px;
		margin-bottom: 25px;
		font-size:16px;
		width:100%;
	}
	section.registrarse-servicios form#registrarse-form div.campo{
			float:left;
			font-weight:bold;
			float:left;
			width:100%;
			margin-top:20px;
		}
		section.registrarse-servicios form#registrarse-form div.campo .required{
			font-weight:normal;
			color:#C30;
			margin-right:10px;
		}
		section.registrarse-servicios form#registrarse-form div.campo input[type="text"]{
			width:80%;
			margin:15px 25px;
			padding:8px;
			font-size:16px;
		}
		section.registrarse-servicios form#registrarse-form div.campo select{
			width:80%;
			margin:15px 25px;
			padding:8px;
			font-size:16px;
		}
		section.registrarse-servicios form#registrarse-form div.campo textarea{
			font-weight:bold;
			width:80%;
			margin:15px 25px;
			padding:8px;
			font-size:16px;
		}
		section.registrarse-servicios form#registrarse-form div.campo div#recaptcha_widget_div{
			width:auto;
			margin:15px 25px;
			padding:8px;
		}
		section.registrarse-servicios form#registrarse-form div.campo input[type="submit"]{
			width:350px;
			margin:25px 100px;
			padding: 17px 25px;
			font-size: 20px;
		}

/**** --  REGISTRO -- *****/

/**** --  LOGIN -- *****/

section.login{
	background:#F9F9F9;
	box-shadow:0px 4px 4px 2px #933A00;
	border-radius: 4px;
	opacity:0.9;
	padding:10px 10px 45px 10px;
	margin-top:25px;
	}
	section.login article.col-1{
		font-size:16px;
		width:60%;
		margin:10px auto;
		}
		section.login form#login-form div.campo{
			font-weight:bold;
			width:70%;
			margin:20px auto;
		}
		section.login form#login-form div.campo .required{
			font-weight:normal;
			color:#C30;
			margin-right:10px;
		}
		section.login form#login-form div.campo label {width:100%;}

		section.login form#login-form div.campo input[type="text"],
		section.login form#login-form div.campo input[type="password"]{
			width:100%;
			margin:15px auto;
			padding:8px;
			font-size:1em;
		}

		section.login form#login-form div.campo.submit {text-align:center;}
		section.login form#login-form div.campo input[type="submit"]{
			width:350px;
			margin:25px auto;
			padding: 17px 25px !important;
			font-size: 1em !important;
		}

		section.login form#login-form a{
			margin-left:25px;
			color:#FF6600;
		}
		section.login form#login-form a:hover{
			color:#009900;
		}

	section.login article.col-2{
		float:right;
		font-size:16px;
		width: 50%;
		text-align: center;
		}
		section.login article.col-2 h2{
			font-size:20px;
			font-weight:bold;
		}
		section.login article.col-2 img{
			margin-top:70px;
			max-width: 100%;
			height: auto;
		}

section.login-otros{
	background: #FFF;
	padding: 10px 10px 45px 10px;
	height: 700px;
	}
	section.login-otros article.col-1{
		margin:0px auto;
		font-size:16px;
		width:800px;
		}
		section.login-otros article.col-1 h1{
			float:left;
			width:100%;
		}
		section.login-otros article.col-1 h1 div{
			float:left;
			width:100%;
		}
		section.login-otros form#login-form div.campo{
			float:left;
			font-weight:bold;
			width:100%;
			margin-top:20px;
			text-align:center;
		}
		section.login-otros form#login-form div.campo label{
			float:left;
		}
		section.login-otros form#login-form div.campo .required{
			font-weight:normal;
			color:#C30;
			margin-right:10px;
		}
		section.login-otros form#login-form div.campo input[type="text"],
		section.login-otros form#login-form div.campo input[type="password"]{
			float:left;
			clear:left;
			width:80%;
			margin:15px 25px;
			padding:8px;
			font-size:16px;
		}
		section.login-otros form#login-form div.campo input[type="submit"]{
			width:350px;
			padding: 17px 25px;
			font-size: 20px;
			text-transform:uppercase;
		}
		section.login-otros form#login-form a{
			float:left;
			color:#FF6600;
		}
		section.login-otros form#login-form a:hover{
			color:#009900;
		}

/**** --  LOGIN -- *****/

/* PÁGINAS PUBLICAS CON CARACTERISTICAS */

section.public-content{
	background:#F9F9F9;
	box-shadow:0px 4px 4px 2px #933A00;
	border-radius:0px 0px 7px 7px;
	opacity:0.9;
	padding:10px 10px 45px 10px;
	margin-bottom:25px;
	}

	section.public-content div.caracteristicas-principales{
		float:left;
		margin:15px auto 0 auto;
		width:100%;
		}
		section.public-content div.caracteristicas-principales div.caracteristica{
			float:left;
			margin:15px;
			width:97%;
			}
			/*section.public-content div.caracteristicas-principales div.caracteristica:hover{
				background:#FEF9E9;
			}*/

			section.public-content div.caracteristicas-principales div.caracteristica .contenido-caracteristica{
				float:left;
				width:78%;
				margin:0px 1% 1% 1%;
			}

			section.public-content div.caracteristicas-principales div.caracteristica .contenido-caracteristica h2{
				float:none;
				clear:none;
				margin:5px 0px;
				padding:0px;
				font-size:20px;
				line-height:26px;
				color:#0084FF;
			}
			section.public-content div.caracteristicas-principales div.caracteristica .contenido-caracteristica h3{
				font-size:20px;
				line-height:26px;
				margin:5px 0px;
				font-weight:normal;
				text-shadow: 1px 1px 1px #CCC;
			}

			/*section.public-content div.caracteristicas-principales div.caracteristica img{
				padding:5px;
				float:left;
				width: 230px;
				height: auto;
				margin:5px 15px;
				box-shadow:1px 1px 2px 2px #999;
				}*/

			section.public-content div.caracteristicas-principales div.caracteristica .contenido-caracteristica a{
				color:#009900;
				text-decoration:underline;
				}
				section.public-content div.caracteristicas-principales div.caracteristica .contenido-caracteristica a:hover{
					color:#FF6600;
					text-decoration:none;
				}

			section.public-content div.caracteristicas-principales div.caracteristica .contenido-caracteristica ul{
					margin-top:7px;
					width:100%;
					float:left;
				}
				section.public-content div.caracteristicas-principales div.caracteristica .contenido-caracteristica ul li{
					float:none;
					background:url(../../images/iconos/todolist-checked.png) no-repeat;
					background-size: 16px;
					background-position-y:5px;
					padding-left:25px;
					font-size:15px;
				}

			section.public-content div.caracteristicas-principales div.caracteristica .image {
				float:left;
				width:18%;
				margin-left: 2%;
				transition:all 0.3s ease; /* Remember vendor prefixes! */
				opacity:0.95;
				cursor:pointer;
				max-height:170px;
				overflow: hidden;
				box-shadow:0px 2px 3px rgba(0, 0, 0, 0.3);
			}

			section.public-content div.caracteristicas-principales div.caracteristica .image img{
				width:100%;
				box-sizing:border-box; /* Don't forget vendor prefixes! */
				z-index:1;
				position:relative;
			}

			section.public-content div.caracteristicas-principales div.caracteristica .image.hover{
				transform:scale(4) translateX(100px); /* Remember vendor prefixes! */
				opacity:1;
				/*box-shadow:0px 2px 3px rgba(0, 0, 0, 0.3);*/
				z-index:2;
				position:relative;
			}

	section.public-content div.caracteristicas{
		float:left;
		margin-top:15px;
		}
		section.public-content div.caracteristicas div.caracteristica{
			border-radius: 10px;
			background:#EEE;
			float:left;
			margin:15px;
			width:97%;
			}
			section.public-content div.caracteristicas div.caracteristica p{
				float:none;
				clear:none;
			}
			section.public-content div.caracteristicas div.caracteristica img{
				float:left;
				max-width: 45px;
				height: auto;
				margin:14px 15px 0px 15px;
				}

		section.public-content div.caracteristicas div.caracteristica:last-child{
			margin-bottom:40px;
		}

	section.public-content div.caracteristicas div.gallery img{
		border-radius: 10px;
		cursor: pointer;
		float:left;
		margin-left:25px;
		background:#FFF;
		padding:5px;
		box-shadow:1px 1px 0px  #EEE;
		max-width: 100%;
		height: auto;
		}

/*--------- FIN plataforma - gesti�n ---------------*/


/*--------- PRINCIPIOS ---------------*/

	section.public-content div.principios{
		float:left;
		margin:15px auto 0 auto;
		width:100%;
		}

		section.public-content div.principios div.principio{
			float:left;
			margin:15px 40px;
			width:97%;
			}

			section.public-content div.principios div.principio .contenido-principio{
				float:left;
				width:78%;
				margin:2%;
			}

			section.public-content div.principios div.principio .contenido-principio h2{
				float:none;
				clear:none;
				margin:5px 1%;
				padding:0px;
				font-size:20px;
				line-height:26px;
				color:#0084FF;
			}
			section.public-content div.principios div.principio .contenido-principio h3{
				font-size:20px;
				line-height:26px;
				margin:5px 0px;
				font-weight:normal;
				text-shadow: 1px 1px 1px #CCC;
			}

			section.public-content div.principios div.principio .contenido-principio a{
				color:#009900;
				text-decoration:underline;
				}
				section.public-content div.principios div.principio .contenido-principio a:hover{
					color:#FF6600;
					text-decoration:none;
				}

			section.public-content div.principios div.principio .contenido-principio ul{
					margin-top:7px;
					width:100%;
					float:left;
				}
				section.public-content div.principios div.principio .contenido-principio ul li{
					float:none;
					background:url(../../images/iconos/todolist-checked.png) no-repeat;
					background-size: 16px;
					background-position-y:5px;
					padding-left:25px;
					font-size:15px;
				}

			section.public-content div.principios div.principio .image {
				float:left;
				width:17%;
				transition:all 0.3s ease; /* Remember vendor prefixes! */
				opacity:0.95;
				cursor:pointer;
			}

			section.public-content div.principios div.principio .image img{
				width:90%;
				box-sizing:border-box; /* Don't forget vendor prefixes! */
				z-index:1;
				position:relative;
			}


/**** --  LOGIN DEMO -- *****/

section.login-demo{
	background:#F9F9F9;
	box-shadow:0px 0px 5px rgba(0,0,0,0.5);
	border-radius:7px;
	opacity:0.9;
	padding:10px;
	}
	section.login-demo article.col-1{
		float:left;
		font-size:16px;
		width:550px;
		border-right:1px dotted #DDD;
		}
		section.login-demo form#login-form div.campo{
			float:left;
			font-weight:bold;
			float:left;
			width:500px;
			margin-top:20px;
		}
		section.login-demo form#login-form div.campo .required{
			font-weight:normal;
			color:#C30;
			margin-right:10px;
		}
		section.login-demo form#login-form div.campo input[type="text"], input[type="password"]{
			width:485px;
			margin:15px 25px;
			padding:8px;
			font-size:16px;
		}
		section.login-demo form#login-form div.campo input[type="submit"]{
			width:350px;
			margin:25px 100px;
			padding: 17px 25px;
			font-size: 20px;
		}
		section.login-demo form#login-form a{
			margin-left:25px;
			color:#FF6600;
		}
		section.login-demo form#login-form a:hover{
			color:#009900;
		}

	section.login-demo article.col-2{
		float:right;
		font-size:16px;
		width:380px;
		}
		section.login-demo article.col-2 h2{
			font-size:20px;
			font-weight:bold;
		}

/**** --  LOGIN DEMO -- *****/

/**** --  RECUPERAR CLAVE -- *****/

section.recuperar{
	background:#F9F9F9;
	box-shadow:0px 4px 4px 2px #933A00;
	border-radius:0px 0px 7px 7px;
	opacity:0.9;
	padding:10px 10px 45px 10px;
	margin-bottom:25px;
	}
	section.recuperar article.col-1{
		float:left;
		font-size:16px;
		width:800px;
		}
		section.recuperar form#recuperar-form div.campo{
			float:left;
			font-weight:bold;
			width:500px;
			margin-top:20px;
		}
		section.recuperar form#recuperar-form div.campo .required{
			font-weight:normal;
			color:#C30;
			margin-right:10px;
		}
		section.recuperar form#recuperar-form div.campo input[type="text"]{
			width:485px;
			margin:15px 25px;
			padding:8px;
			font-size:16px;
		}
		section.recuperar form#recuperar-form div.campo input[type="submit"]{
			width:350px;
			margin:20px 0px 20px 35px;
			padding: 17px 25px;
			font-size: 20px;
		}

	section.recuperar article.col-2{
		float:right;
		font-size:16px;
		width:380px;
		}
		section.recuperar article.col-2 h2{
			font-size:20px;
			font-weight:bold;
		}

	section.recuperar-otros{
		background: #FFF;
		padding: 10px 10px 45px 10px;
		height:700px;
		font-size:16px;
		}
		section.recuperar-otros article.col-1{
			font-size:16px;
			width:800px;
			margin: 20px auto;
		}
		section.recuperar-otros article.col-1 form#recuperar-form div.campo{
			float:left;
			font-weight:bold;
			width:100%;
			margin-top:20px;
		}
		section.recuperar-otros article.col-1 form#recuperar-form div.campo .required{
			font-weight:normal;
			color:#C30;
			margin-right:10px;
		}
		section.recuperar-otros article.col-1 form#recuperar-form div.campo input[type="text"]{
			width:80%;
			margin:15px 25px;
			padding:8px;
			font-size:16px;
		}
		section.recuperar-otros article.col-1 form#recuperar-form div.campo input[type="submit"]{
			margin:20px 0px 20px 35px;
			padding: 10px 30px !important;
			text-transform:uppercase;
		}
		section.recuperar-otros article.col-1 form#recuperar-form div.campo input[type="button"]{
			margin:20px 0px 20px 35px;
			padding: 10px 30px !important;
			text-transform:uppercase;
		}

/**** --  RESERVAS -- *****/

section.reservas{
	background:#F9F9F9;
	box-shadow:0px 4px 4px 2px #933A00;
	border-radius:0px 0px 7px 7px;
	opacity:0.9;
	padding:10px 10px 45px 10px;
	margin-bottom:25px;
	}
	section.reservas div.video img{
		float:right;
		margin:0px 25px;
		border:4px solid #CCC;
		border-radius:10px;
		box-shadow:1px 2px 2px #DDD;
		max-width: 100%;
		height: auto;
	}

	section.reservas .submenu{
		float:left;
		width:100%;
		margin:5px;
	}
	section.reservas .submenu ul{ float:left; width:100%;}
	section.reservas .submenu ul li{float:left; margin:10px 0px 10px 70px; clear:none;}

	section.reservas .submenu li div.opc_menu_izquierda{
		cursor: pointer;
		background: #06C;
		color: #FFF;
		font-size: 24px;
		font-weight:600;
		text-align: center;
		padding: 20px;
		border-radius: 10px;
		}

	section.reservas div.info{
		margin: 20px 0px;
		float: left;
		}

	section.reservas div.info div.video{ float:right; margin:10px }

	section.reservas div.info div.ventaja{ margin:25px 15px; float:left; width:90%; }

	section.reservas div.info div.ventaja.last{
		margin-top:30px;
		margin-bottom:40px;
		}

	section.reservas div.info div.ventaja img.round{
		border-radius: 5px;
		border: 1px solid #CCC;
		cursor: pointer;
		float:right;
		margin-right:15px;
		box-shadow:1px 1px 2px  #DDD;
		width: 150px;
		}

	section.reservas div.info div.ventaja p{
		 font-size:14px;
		 line-height:24px;
		}

	section.reservas div.info div.caracteristicas{
		float:left;
		margin-top:15px;
		}

	section.reservas div.caracteristicas div.caracteristica{
		border-radius: 10px;
		background:#DDD;
		float:left;
		margin:15px;
		width:930px;
		}

	section.reservas div.caracteristicas div.caracteristica img{
		float:left;
		max-width: 45px;
		height: auto;
		margin:5px 15px;
		}

	section.reservas div.caracteristicas div.gallery{
		float:left;
		padding:15px;
		}

	section.reservas div.caracteristicas div.gallery img{
		border-radius: 10px;
		cursor: pointer;
		float:left;
		margin-left:25px;
		background:#FFF;
		padding:5px;
		box-shadow:1px 1px 0px  #EEE;
		max-width: 100%;
		height: auto;
		}

	section.reservas #timpik{
		cursor: pointer;
		color: #FFF;
		font-size: 16px;
		font-weight:600;
		width: 180px;
		height: 49px;
		text-align: center;
		border-radius: 10px;
		background: url(../../images/timpik/timpik_button.png) #295C00 no-repeat 30px 5px;
		}

/**** --  RESERVAS -- *****/


section.sent-form-end{
	background:#F9F9F9;
	box-shadow:0px 0px 5px rgba(0,0,0,0.5);
	border-radius:7px;
	opacity:0.9;
	padding:30px 20px;
	margin-bottom:5%;
	}
	section.sent-form-end img{
		float:right;
		margin:10px;
		width: 160px;
		height: auto;
	}
	section.sent-form-end p{
		width:78%;
	}

section.sent-form-end-servicios{
	width:100%;
	background:#FFF;
	margin-bottom:5%;
	}
	section.sent-form-end-servicios img{
		float:left;
		margin:10px;
		max-width: 150px;
		height: auto;
	}


/*--- SECTIONS ---*/

.grises{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Versi�n SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%); /* Para cuando es est�ndar funcione en todos */
	filter: Gray(); /* IE4-8 and 9 */

	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.grises a:hover {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: none;

-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}


.verdeFilter{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Versi�n SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */
	-webkit-filter: none;
	-moz-filter: none;
	-ms-filter: none;
	-o-filter: none;
	filter: none;

	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	float:left;
}
.verdeFilter:hover {
	-webkit-filter: hue-rotate(75deg);
	-moz-filter: hue-rotate(75deg);
	-ms-filter: hue-rotate(75deg);
	-o-filter: hue-rotate(75deg);
	filter: hue-rotate(75deg); /* Para cuando es est�ndar funcione en todos */

	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/*------------------------------------------
// SOLUTION
//------------------------------------------*/

div#solution{
	width:100%;
	float:left;
	text-align:center;
	font-family:'La Belle Aurore', cursive;
	font-size:35px;
	color: #FFF;
	margin-top: -18px;
	z-index: 999;
	position: relative;;
}

/*------------------------------------------
// FOOTER
//------------------------------------------*/

footer, footer a{
	color:#999999;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}
	footer{
		line-height:25px;
		float: left;
		width: 100%;
	}

.container-footer-nav{
	padding-top:36px;
	border-top:5px solid #21292c;
	background: url(../../images/public/noise.png) repeat scroll 0 0 #060808;
	box-shadow: -1px -2px 2px rgba(0,0,0,0.5);
	}
	.container-footer-nav .col-3 .column{
		width: 28%;
		margin:0px 0px 25px 2% !important;
		height:150px;
		padding:1.4%;
		background:#21292c;
		box-shadow:0px 0px 2px #666;
		border-radius: 4px;
		text-align:center;
		}
		.container-footer-nav .col-3 .column:last-child{
			text-align:center;
			}
			.container-footer-nav .col-3 .column p.title{
				margin:10px auto 30px auto;
				font-size:2em;
				font-weight: lighter;
				color:#FFF;width: 100%;
				text-align: center;
			}


	a.register-footer {
			box-shadow:inset 0px 1px 0px 0px #fff6af;
			background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23) );
			background:-moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% );
			background-color:#ffab23;
			border-radius:4px;
			border:1px solid #ffaa22;
			color:#333;
			font-size:2em;
			font-weight:bold;
			padding:15px 22px;
			text-decoration:none;
			text-shadow:1px 1px 0px #ffee66;
			text-transform:uppercase;
		}a.register-footer:hover {
			text-decoration:none;
			background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64) );
			background:-moz-linear-gradient( center top, #ffab23 5%, #ffec64 100% );
			background-color:#ffec64;
		}a.register-footer:active {
			text-decoration:none;
			position:relative;
			top:1px;
		}

	.contact-footer li{
		font-size: 13px;
		font-weight: lighter;
		line-height: 32px;
		float: left;
		clear: none;
		font-family: inherit;
		margin: 0px 0px 49px 0px;
		text-align: left;
		color:#A1A1A1;
		}
		.contact-footer li span.title{
			width:100%;
		}
		.contact-footer span.title a{
			font-size:17px;
			font-weight: bold;
			color:#FFF;
		}
		.contact-footer li:last-child{
			margin-bottom:0;
			}
		.contact-footer i{
			color:#6C878E;
			}
			.contact-footer a:hover{
				text-decoration:underline;
				color:#F90;
				-webkit-transition: all 0.3s ease;
				-moz-transition: all 0.3s ease;
				-ms-transition: all 0.3s ease;
				-o-transition: all 0.3s ease;
				transition: all 0.3s ease;
				}

	.social a, .social li{
		float:left;
		width:42%;
		margin:1% 5%;
		text-align:center;
		}
		.social li:last-child{
			clear:none;
			margin-right:0;
			}
		.social a{
			opacity:0.75;
			width:100px;
			padding-top:120px;
			-webkit-transition: all 0.2s ease;
			-moz-transition: all 0.2s ease;
			-ms-transition: all 0.2s ease;
			-o-transition: all 0.2s ease;
			transition: all 0.2s ease;
			}
			.social a:hover{
				opacity:1;
				color:#F90;
				-webkit-transition: all 0.5s ease;
				-moz-transition: all 0.5s ease;
				-ms-transition: all 0.5s ease;
				-o-transition: all 0.5s ease;
				transition: all 0.5s ease;
				}
			.social a.facebook{
				background: url(../../images/public/footer/facebook.png) no-repeat; background-size:100%;
				}
			.social a.twitter{
				background: url(../../images/public/footer/twitter.png) no-repeat; background-size:100px;
				}

	.container-footer-nav .col-2{
		color:#CCCCCC;
		border-top:1px solid #1e262a;
		}
		.container-footer-nav .col-2 .column{
			width:auto;
			text-align:right;
			}
		.container-footer-nav .col-2 .column p{
			color:#CCCCCC;
			}
		.container-footer-nav .col-2 .column:last-child{
			text-align:right;
			width:auto;
			}
			.container-footer-nav .col-2 a{
				color:#CCCCCC;
				-webkit-transition: all 0.2s ease;
				-moz-transition: all 0.2s ease;
				-ms-transition: all 0.2s ease;
				-o-transition: all 0.2s ease;
				transition: all 0.2s ease;
				}
				.container-footer-nav .col-2 a:hover{
					color:#F90;
					}

	.container-footer-nav .keywords p, .container-footer-nav .keywords p a{
		color:#808789;
	}