* {
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color:#FFF;
    opacity: 1; /* Firefox */
	font-style:italic;
	font-size:13px;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: red;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: red;
}
.ir-arriba {
	display:none;
	padding:15px;
	background:#069;
	font-size:30px;
	color:#fff;
	cursor:pointer;
	position: fixed;
	bottom:20px;
	right:20px;
}
#idiomas {
	position:fixed;
	right: 0px;
	width: 30px;
	background-color:rgba(0,0,0,0.3);
	z-index: 999;
	top: 50px;
	padding:10px;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	border-top-left-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-left-radius:4px;
}
#social {
	position:fixed;
	right: 0px;
	width: 30px;
	background-color:rgba(0,0,0,0.3);
	z-index: 999;
	top: 250px;
	padding:10px;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	border-top-left-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-left-radius:4px;
}
.content, .content-nav {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	/*background-image: url(../images/bk.jpg);
	background-repeat: no-repeat;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center top;*/
}
#nav {
	height: auto;
	background-color:#fff;
}
#nav .content-nav #logo {
	float: left;
	width: 200px;
	height: 80px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#nav .content-nav #menu {
	float: left;
	width: 700px;
	height: 80px;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
}
#nav .content-nav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin-top: 30px;
}
#nav .content-nav ul li {
	display: inline-block;
}
#nav .content-nav ul li a {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color:#069;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-ms-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;
	font-weight: lighter;
	letter-spacing: 1px;
	display: table-cell;
	line-height: 40px;
}
#nav .content-nav ul li a:hover {
	background-color: #069;
	color:#fff;
}
#toggle {
	background-color: #333;
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	display:none;
}
.class-elem1 {
	background-color: #fff;
	padding: 40px 15px 40px 15px;
}
.class-elem1 h1 {
	font-family: "Open Sans Condensed", sans-serif;
	font-size: 42px;
	font-weight: lighter;
	text-align:center;
	padding-bottom:20px;
	color:#069;
}
.class-elem1 h2 {
	font-family: "Open Sans Condensed", sans-serif;
	font-weight: lighter;
	font-size:32px;
	text-align:center;
	padding-bottom:30px;
}
.class-elem1 p {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
	text-align:justify;
	line-height:25px;
	padding-bottom:30px;
}
.class-elem2 {
    /*background-image: url(../images/bk.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;*/
	background-color:#069;
}
.class-elem2 .content {
	background-image: url(../images/diente.png);
    background-repeat: no-repeat;
    background-position: right 120px;
}
.class-elem2 h3 {
	font-family: "Open Sans Condensed", sans-serif;
	font-weight: lighter;
	font-size:32px;
	text-align:center;
	padding-top: 30px;
	padding-bottom:15px;
	color:#FFF;
	border-bottom:1px solid #CCC;
	margin-bottom:30px;
}
.class-elem2 ul {
	list-style-type:none;
	padding-bottom:30px;
}
.class-elem2 ul li {
	font-family: "Open Sans Condensed", sans-serif;
	font-weight: lighter;
	font-size:20px;
	color:#FFF;
	padding:0px 0px 10px 0px;
}
.class-elem3 {
	background-color:#069;
	padding:30px 15px 50px 15px;
}
.class-elem3 h4 {
	font-family: "Open Sans Condensed", sans-serif;
	font-weight: lighter;
	font-size:24px;
	color:#FFF;
	padding:0px 15px 20px 15px;
	text-align:center;
}
.class-elem3 a {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#069;
	background-color:#FFF;
	padding:15px 25px 15px 25px;
	text-decoration:none;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.class-elem3 a:hover {
	color:#fff;
	background-color:#333;
	

}
.class-elem3 .refresh {
	font-size:13px;
	color:#fff;
	background:none;
	text-decoration:underline;
}
.class-elem3 .refresh:hover {
	background:none;
}

.class-elem3 input, .class-elem3 select, .class-elem3 textarea {
	padding:10px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	width: 400px;
	margin-bottom:5px;
	background-color:#069;
	border-bottom:#FFF 1px solid;
	color:#FFF;
}
.class-elem3 p {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#FFF;
}	
.class-elem3 span {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#FFF;
}	
.class-elem3 .llave {
	font-size:60px;
	color:#FFF;
	margin-bottom:40px;
}
.class-elem3 h1 {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
	text-align:center;
	color:#FC0;	
}
.class-elem3 table {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#FFF;
	width:400px;
	border-collapse:collapse;
}
.class-elem3 table tr {
	border-bottom:1px solid #FFF;
}
.class-elem3 table tr td, .class-elem3 table tr th {
	padding:5px;
	text-align:center;
}

.class-contact {
	background-color: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
}
.class-contact #formulario {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	width: 55%;
	padding-right: 30px;
}
.class-contact #mapa {
	float: left;
	width: 45%;
}
.class-contact h4 {
	font-family: Arial;
	font-size: 14px;
	color: #000;
}
.class-contact input, .class-contact textarea {
	border: 1px solid #999;
	padding: 10px 0px 10px 30px;
	margin-bottom: 5px;
	width:100%;
}
.class-contact textarea {
	height: 60px;
}
.user-icn {
	background-image:url(../images/user.png);
	background-repeat:no-repeat;
	background-position:5px center;
}
.phone-icn {
	background-image:url(../images/phone.png);
	background-repeat:no-repeat;
	background-position:5px center;
}
.email-icn {
	background-image:url(../images/email.png);
	background-repeat:no-repeat;
	background-position:5px center;
}
.subject-icn {
	background-image:url(../images/subject.png);
	background-repeat:no-repeat;
	background-position:5px 10px;
}
.key-icn {
	background-image:url(../images/key.png);
	background-repeat:no-repeat;
	background-position:5px center;
}
.class-contact .send {
	background-color: #069;
	padding: 10px 20px 10px 20px;
	color:#fff;
	text-decoration: none;
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-ms-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;
}
.class-contact .send:hover {
	background-color: #080;
	color: #fff;
}
.class-contact .error {
	display: none;
	border: 1px solid #fb746d;
	padding: 5px;
	margin-top: 3px;
	margin-bottom: 3px;
	color: #930000;
	background-color: #FFB0B0;
}
.class-contact .ok {
	display: none;
	color: #008000;
	background-color: #C1FFC1;
	border: 1px solid #88FF88;
	padding: 5px;
	margin-top: 3px;
	margin-bottom: 3px;
}
#footer {
	background-color: #C00;
	height: 100px;
}
#public {
	padding-top: 15px;
	padding-bottom: 20px;
	text-align:center;
}
#public p {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#333;
}
#public p a {
	color:#069;
	text-decoration:none;
}

/*MASONRY*/
.grid {
    column-count: 4;
    column-gap: 20px;
}
.grid-item {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    background-color: #fff;
    display: inline-block;
    margin: 0 0 1em;
    width: 100%;
	padding:10px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-border-radius: 4px;
}
.grid-item img {
	width:100%;
}
.grid-item a, .grid-item a:hover {
	color:#069;
	background:none;
	font-size:13px;	
}
/*MASONRY*/

.boxes { 
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content: space-around;
}
.flex-item {
  background: tomato;
  padding: 5px;
  width: 250px;
  margin-top: 10px;
}

/*Checkbox Awesome*/
input[type=checkbox] { display:none; } /* to hide the checkbox itself */
input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block;
  color: #fff;/*cambiar color del check*/
  font-size: 18px;
}

input[type=checkbox] + label:before { content: "\f096"; } /* unchecked icon */
input[type=checkbox] + label:before { letter-spacing: 6px; } /* space between checkbox and label */

input[type=checkbox]:checked + label:before { content: "\f14a"; } /* checked icon */
input[type=checkbox]:checked + label:before { letter-spacing: 5px; } /* allow space for check mark */
/*Checkbox Awesome*/

/* Carousel */
.carousel {
	position: relative;
	overflow: hidden;
	padding: 20px 0 20px 0;
	margin-bottom: 0;
}
.carousel .forward, .carousel .backward {
	position: absolute;
	top: 50%;
	width: 6em;
	height: 12em;
	margin-top: -6em;
	cursor: pointer;
}
.carousel .forward:before, .carousel .backward:before {
	content: '';
	display: block;
	width: 6em;
	height: 6em;
	border-radius: 100%;
	background-color: rgba(72, 57, 73, 0.5);
	position: absolute;
	top: 50%;
	margin-top: -3em;
	-moz-transition: background-color 0.35s ease-in-out;
	-webkit-transition: background-color 0.35s ease-in-out;
	-o-transition: background-color 0.35s ease-in-out;
	-ms-transition: background-color 0.35s ease-in-out;
	transition: background-color 0.35s ease-in-out;
	-webkit-backface-visibility: hidden;
}
.carousel .forward:after, .carousel .backward:after {
	content: '';
	width: 3em;
	height: 3em;
	position: absolute;
	top: 50%;
	margin: -1.5em 0 0 0;
	background: url("images/arrow.svg") no-repeat center center;
}
.carousel .forward:hover:before, .carousel .backward:hover:before {
	background-color: rgba(239, 131, 118, 0.75);
}
.carousel .forward {
	right: 0;
}
.carousel .forward:before {
	right: -3em;
}
.carousel .forward:after {
	right: -0.25em;
}
.carousel .backward {
	left: 0;
}
.carousel .backward:before {
	left: -3em;
}
.carousel .backward:after {
	left: -0.25em;
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
}
.carousel .reel {
	white-space: nowrap;
	position: relative;
	-webkit-overflow-scrolling: touch;
	padding: 0 2em 0 2em;
}
.carousel article {
	display: inline-block;
	width: 18em;
	background: #fff;
	text-align: center;
	padding: 10px;
	margin: 0 20px 0 0;
	white-space: normal;
	opacity: 1.0;
	-moz-transition: opacity 0.75s ease-in-out;
	-webkit-transition: opacity 0.75s ease-in-out;
	-ms-transition: opacity 0.75s ease-in-out;
	transition: opacity 0.75s ease-in-out;
}
.carousel article.loading {
	opacity: 0;
}
.carousel article .image {
	position: relative;
	left: -1em;
	top: 0;
	width: auto;
	margin-right: -2em;
	margin-bottom: 3em;
}
.carousel article p {
	text-align: center;
}

@media only screen and (max-width: 900px) {
.content-nav {
	width:  100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.content {
	width:  100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 15px;
	padding-right: 15px;
}
#nav .content-nav #logo {
	clear:both;
	width: 100%;
	height:auto;
	text-align:center;
}
#nav .content-nav #menu {
	clear:both;
	width: 100%;
	height: auto;
	text-align:center;
	padding-bottom: 0px;
	padding-top: 0px;
}
#nav .content-nav ul {
	margin:0px;
}
/*#nav .content-nav ul li {
	width: 50%;
	padding: 0px;
	border-bottom: solid 1px #069;
	border-left: solid 1px #069;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#nav .content-nav ul li a {
	display: block;
	width: 100%;
	padding-left: 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}*/
.class-elem1 img {
	width:100%;
}
}

@media only screen and (max-width: 480px) {
#menu {
	display: none;
}
#nav .content-nav ul li {
	width: 100%;
}
#nav .content-nav ul li a {
	display:block;
	text-align:left;
}
#toggle {
	display: block;
}
.class-contact #formulario {
	clear: both;
	width: 100%;
	padding-right: 0px;
}
.class-contact #mapa {
	clear: both;
	width: 100%;
}
/*MASONRY*/
.grid {
    column-count: 2;
}
}