.equoVerde{ background-color:#88A338; }
.equoNaranja{ background-color:#EF7F2D; }
.gradBlue{
	background: rgba(73,165,191,1);
	background: -moz-linear-gradient(left, rgba(73,165,191,1) 0%, rgba(98,179,201,1) 21%, rgba(117,189,209,0.89) 37%, rgba(147,206,222,0.45) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(73,165,191,1)), color-stop(21%, rgba(98,179,201,1)), color-stop(37%, rgba(117,189,209,0.89)), color-stop(100%, rgba(147,206,222,0.45)));
	background: -webkit-linear-gradient(left, rgba(73,165,191,1) 0%, rgba(98,179,201,1) 21%, rgba(117,189,209,0.89) 37%, rgba(147,206,222,0.45) 100%);
	background: -o-linear-gradient(left, rgba(73,165,191,1) 0%, rgba(98,179,201,1) 21%, rgba(117,189,209,0.89) 37%, rgba(147,206,222,0.45) 100%);
	background: -ms-linear-gradient(left, rgba(73,165,191,1) 0%, rgba(98,179,201,1) 21%, rgba(117,189,209,0.89) 37%, rgba(147,206,222,0.45) 100%);
	background: linear-gradient(to right, rgba(73,165,191,1) 0%, rgba(98,179,201,1) 21%, rgba(117,189,209,0.89) 37%, rgba(147,206,222,0.45) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49a5bf', endColorstr='#93cede', GradientType=1 );
}
.gradGrey{
	background: #cedce7;
	background: -moz-linear-gradient(top,  #cedce7 0%, #596a72 100%);
	background: -webkit-linear-gradient(top,  #cedce7 0%,#596a72 100%);
	background: linear-gradient(to bottom,  #cedce7 0%,#596a72 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 );}
.modulos {
	margin:25px;
	padding:5px;
	height:100px;
	text-align:center;

	border:1px solid #CCC;

	-webkit-border-radius: 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px;

	-webkit-box-shadow: 0 0 20px 5px #A6A0BA;
	box-shadow: 0 0 20px 5px #A6A0BA;
	
}
.modulos:hover{
	background-color:#FFC;
	cursor:pointer;
}
/*
body{
	background-image: url(http://equolex.com/cdn/clausulasuelo/header_1024.jpg);
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: 100%;
}
*/
html {
    background: url(http://equolex.com/cdn/clausulasuelo/header_1024.jpg) no-repeat fixed center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
header, main, footer {
	padding-left: 0px;
}
footer.page-footer {
/*	background-color:#666666 /*#00897b/*#074e68*/;
/*	background: linear-gradient(to bottom, rgba(0,0,0,0.65) 97%,rgba(0,0,0,0) 100%);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&amp;0+0,1+65 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 65%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 65%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 65%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	
	padding-top:0px;
	margin-top:0px;
}
footer.page-footer .footer-copyright {
/*	border-top:1px solid #666666;
/*	background-color:#444444; */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+97,000000+100&amp;0.65+97,0+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 97%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 97%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 97%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
nav {
/*	background-color:#88A338 /*#00897b/*#074e68*/;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+97,000000+100&amp;0.65+97,0+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 97%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 97%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 97%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
    height: 48px;
    line-height: 48px;
}

input[type=text], input[type=file], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
    height: 2.5rem;
}

.btn, .btn-large, .btn-flat {
	padding:0 1rem;
}

.row {
    margin-bottom: 5px;
}
span.badge {
    padding: 0 2px;
}
span.badge.new:after {
    content: "";
}
.tabs li.tab a {
	color: #ea454b;
}
.card .card-content {
    padding: 5px;
}
.card-panel {
    padding: 5px;
}
.fixed{ box-shadow:0 0 10px rgba(0,0,0,0.5); position:fixed; top:40; width:100%; }

/*.collapsible-header { background-color: #D0CE2C; }*/
.notificar { padding:3px; background-color:#F90; color:#FFF; font-weight:bold; border:1px solid #CCCCCC; }
.global {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.global .footer-link-block {
	font-weight: normal;
	display: block;
	margin: 30px 0 0 0;
}
.global .footer-link-block.services {
	background: url("http://gruposvale.com/cdn/images/footer-studios.png") left top no-repeat;
}
.global .footer-link-block span {
	display: block;
	color: white;
	font-size: 0.75rem;
	padding-left: 40px;
	line-height: 18px;
}
.global .footer-link-block span.title {
	font-size: 1.0rem;
	margin-bottom: 5px;
}

.suscribirse {
	background-color: #999999 ;
}
.suscribirse p {
	clear: both;
	color: #fff;
}
table.striped.tr:hover {
    background-color: #b3e5fc;
}
table.hoverable > tbody > tr:hover {
	background-color: #6699FF; 
	cursor:pointer;
}
table > thead > tr {
	background-color: #888888; 
}
/**/
.row .pad0{ padding:0; }
.row .pad0003{ padding:0 0 0 3px; }
/**/
.textinput {
  height: 3em;
  margin: 1em 0;
  position: relative;
  width: 100%;
}
td, th { padding: 7px 5px; }

div.g-recaptcha {
  margin: 0 auto;
  width: 304px;
}

.textinput input,
.textinput label {
  cursor: text;
  font-size: 1.5em;
  padding: 0.6em 1% 0.15em 1%;
  position: absolute;
  transition: all 0.15s ease;
  width: 98%;
}

.textinput input {
  border: solid black 1px;
  border-radius: 0.15em;
}

.textinput label {
  color: #BCB9B8;
  padding: 0.5em 1%;
}

.textinput input.filled ~ label,
.textinput input:focus ~ label {
  font-size: 0.6em;
  font-weight: 600;
  position: absolute;
}

.textinput input.filled ~ label {
  color: #007932;
}

.textinput input[type="text"].filled,
.textinput input[type="email"].filled:valid {
  background: #B8DB9B;
}

.textinput input[type="text"].filled ~label:after,
.textinput input[type="email"].filled:valid ~label:after {
  color: #007932;
  content: "\f058";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 3em;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0.3em;
  right: 0.3em;
  transform: translate(0, 0);
}

input[type="submit"] {
  background: #F37043;
  border: solid #DA1D52;
  border-radius: 0.15em;
  border-width: 0 0 0.15em;
  color: white;
  cursor: pointer;
  font-size: 1.6em;
  padding: 0.2em 0.4em;
  transition: all 0.15s ease;
}

input[type="submit"]:hover {
  border-width: 0 0 0.1em;
  margin-top: 0.05em;
}

input[type="submit"]:active {
  border-width: 0 0 0em;
  margin-top: 0.15em;
}
/* */
.form-group {
  margin-bottom: 30px;
  position: relative;
}
.form-group input {
  border-left: none;
}
.form-group i {
  width: 20px;
  color: black;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.2);
}
.form-group label {
  margin-left: 56px;
  background: #fff;
  padding: 2px 5px;
  position: absolute;
  font-size: 12px;
  font-weight: normal;
  z-index: 999;
  margin-top: 15px;
  opacity: 0;
  transition: all 0.3s ease-out;
}
.form-group label.visible {
  transition: all 0.3s ease-out;
  opacity: 1;
  margin-top: -10px;
}
/* */
.contacto{
	border: 1px solid #CED5D7;
	border-radius: 6px;
	padding: 45px 45px 20px;
	margin-top: 50px;
	background-color: white;
	box-shadow: 0px 5px 10px #B5C1C5, 0 0 0 10px #EEF5F7 inset;
}
.contacto label{
	display: block; 
	font-weight: bold;
}
.contacto div{
	margin-bottom: 15px;
}
.contacto input[type='text'], .contacto textarea{
	padding: 7px 6px;
	width: 294px;
	border: 1px solid #CED5D7;
	resize: none;
	box-shadow:0 0 0 3px #EEF5F7;
	margin: 5px 0;
}
.contacto input[type='text']:focus, .contacto textarea:focus{
	outline: none;
	box-shadow:0 0 0 3px #dde9ec;
}
.contacto input[type='text'].invalido, .contacto textarea.invalido{
	box-shadow:0 0 0 3px #FFC9C9;
}
.contacto input[type='submit']{
	border: 1px solid #CED5D7;
	box-shadow:0 0 0 3px #EEF5F7;
	padding: 8px 16px;
	border-radius: 20px;
	font-weight: bold;
	text-shadow: 1px 1px 0px white;
	
	background: #e4f1f6; 
	background: -moz-linear-gradient(top, #e4f1f6 0%, #cfe6ef 100%);
	background: -webkit-linear-gradient(top, #e4f1f6 0%,#cfe6ef 100%); 
}
.contacto input[type='submit']:hover{
	background: #edfcff; 
	background: -moz-linear-gradient(top, #edfcff 0%, #cfe6ef 100%);
	background: -webkit-linear-gradient(top, #edfcff 0%,#cfe6ef 100%); 
}
.contacto input[type='submit']:active{
	background: #cfe6ef; 
	background: -moz-linear-gradient(top, #cfe6ef 0%, #edfcff 100%);
	background: -webkit-linear-gradient(top, #cfe6ef 0%,#edfcff 100%);
}
.error{
    background-color: #BC1010;
    border-radius: 4px 4px 4px 4px;
    color: white;
    font-weight: bold;
    margin-left: 16px;
    margin-top: 6px;
    padding: 6px 12px;
    position: absolute;
}
.error:before{
    border-color: transparent #BC1010 transparent transparent;
    border-style: solid;
    border-width: 6px 8px;
    content: "";
    display: block;
    height: 0;
    left: -16px;
    position: absolute;
    top: 8px;
    width: 0;
}
.result_fail{
    background: none repeat scroll 0 0 #BC1010;
    border-radius: 20px 20px 20px 20px;
    color: white;
    font-weight: bold;
    padding: 10px 20px;
    text-align: center;
}
.result_ok{
    background: none repeat scroll 0 0 #1EA700;
    border-radius: 20px 20px 20px 20px;
    color: white;
    font-weight: bold;
    padding: 10px 20px;
    text-align: center;
}
/* */
.google-hover { background-image: url('http://equolex.com/cdn/social/google-hover.png'); }
.facebook-hover { background-image: url('http://equolex.com/cdn/social/facebook-hover.png'); }
.linkedin-hover { background-image: url('http://equolex.com/cdn/social/linkedin-hover.png'); }
.twitter-hover { background-image: url('http://equolex.com/cdn/social/twitter-hover.png'); }

.social-slide {
	height: 48px;
	width: 48px;
	margin: 10px;
	float: left;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.social-slide:hover {
	background-position: 0px -48px;
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
}
/* MEDIA QUERYS*/
/* and (orientation: landscape) */
@media only screen and (max-width : 600px) and (orientation: portrait) { /* S */
	td, th { padding: 10px 5px; }
	th.not_s, td.not_s{
		display:none;
		width:0;
		height:0;
		opacity:0;
		visibility: collapse;       
	} 
}
@media only screen and (max-width : 992px) { /* M */
	td, th { padding: 10px 5px; }
	th.not_m, td.not_m{
		display:none;
		width:0;
		height:0;
		opacity:0;
		visibility: collapse;       
	} 
}
@media only screen and (min-width : 993px) { /* L*/
	body{ background-image:url(http://equolex.com/cdn/clausulasuelo/header_1024.jpg); background-repeat:no-repeat; background-position:center 0; background-size:100%;}
}
/**/
