@charset "utf-8";
/* CSS Document */

/*Custom Font for Main Meni */
@font-face
{
font-family: menufont;
src: url(custom/gautami.ttf);
}

html, body{ 
background: url(images/bg.jpg) no-repeat 100% 100% fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

button { 
padding: 0px; 
} 

#button li { 
display: inline; 
} 

#button li a { 
font-family: menufont;
text-align:center;
font-size:15.5px;
text-decoration: none; 
float:left; 
padding: 25px;

} 

#button li a:hover { 
    color:#a0c820;
}

input[type=radio].css-checkbox {
							display:none;
							}

						input[type=radio].css-checkbox + label.css-label {
							padding-left:27px;
							height:22px; 
							display:inline-block;
							line-height:22px;
							background-repeat:no-repeat;
							background-position: 0 0;
							vertical-align:middle;
							cursor:pointer;

						}

						input[type=radio].css-checkbox:checked + label.css-label {
							background-position: 0 -22px;
						}
						label.css-label {
				background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_1ddc0b0dc8dd741d710834aa81831cfa.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			} 

input, textarea {
	padding: 10px;
	border: 1px solid #a0c820;
	width: 200px;
	color: #999999;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;		
}

textarea {
	width: 400px;
	height: 150px;
	max-width: 400px;
	line-height: 18px;
}

input:hover, textarea:hover,
input:focus, textarea:focus {
	border-color: 1px solid #a0c820;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px;	
}

.form label {
	margin-left: 10px;
	color: #999999;
}

.form-style{
	font-family:menufont;
	position:relative;
	width:450px;
	height:550px;
	margin:0px auto 0px auto;

}
.requeridos{
font-family:menufont;
color:#FF0000;
font-size:12px;
}
.contacto-style{

	font-family:menufont;
	position:relative;
	width:900px;
	height:550px;
	margin:100px auto 0px auto;

}

.contacto-in-box{
	float:left;
	position:relative;
	width:445px;
	height:540px;	
	margin:0px auto 0px auto;
}

/* ===========================
   ====== Submit Button ====== 
   =========================== */

.submit input {
	width: 100px; 
	height: 40px;
	background-color: #a0c820;
	color: #FFFBF0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;		

}
p {line-height: 90%;}

a{
	color:#000900;
	text-decoration:none;
	text-align:center;
	}

a:hover{
  color:#a0c820;
}

a:focus{
	color:#1DAC3F;
}

.main-container {
   width:100%;
   margin-top:50px;
   min-width:1000px;
}

.header{
	 
}

/* Mediumn Container */

.main-center-content{
	position:relative;
	width:100%;
	
}
.contenedor-maincenter
{
	
	position:relative;
	height:inherit;
	background-color:inherit;
	width:1000px;
	margin:0 auto 0 auto;
}


	
}
.txtspace{
    line-height: 15px;
}

/* FOOTER CONTENT */

.footer-dsk{
 width:100%;
}

.subfooter{
	position:relative;
	width:550px;
	margin:0 auto 0 auto;
	height:120px;
	color:#C8C8CA;
	
}
.copyrights{
	position:absolute;
	font-family:Tahoma, Geneva, sans-serif;
	color:#a0c820;
	top:90px;
	left:50px;
	height:10px;
	width:500px;
	font-size:14.5px;
	text-align:center;
}

.greentxt{
	color:#a0c820;
	font-size:10px;	
}

.text-bold {
  font-size:15px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight: 700 !important;
}


/* slider box */


.inframe{

	position:relative;
	margin:20px 100px 0px 100px;
	width:800px;
	height:400px;
	z-index:5;
	margin:0 auto 0 auto;
}

.upperslide{
	height:400px;
}
.contenedor-upper
{
	position:relative;
	min-width:1000px;
}

.slider-wrapper { 
    width:800px; /* Make sure your images are the same size */
    height:400px; /* Make sure your images are the same size */
}

.theme-default-banners #slider {
    width:800px; /* Make sure your images are the same size */
    height:400px; /* Make sure your images are the same size */
}	


/* Menu */
.logo-left{
 	position:relative;
	top:0px;
	width:200px;
	height:220px;
	z-index:6;
}


.menuframe{
	position:relative;
	width:900px;
	margin:0 auto 0 auto;
	height:150px;
}

.menuleft{
	width:700px;
	text-align:center;
	position:absolute;
	top:30px;
	left:200px;
	padding:10px;
}

.menu-txt{
	position:absolute;
   /* background: -moz-linear-gradient(top, rgba(124,124,124,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(124,124,124,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
/*	background: -webkit-linear-gradient(top, rgba(124,124,124,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(top, rgba(124,124,124,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */	
	/*background: -ms-linear-gradient(top, rgba(124,124,124,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
	/*background: linear-gradient(to bottom, rgba(124,124,124,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a67c7c7c', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	width:600px;
	top:80px;
	height:70px;
	right:40px;
	padding:10px;
    /*filter: alpha(opacity=08);
    /* Firefox 0.9+, Safari 2.x+, Chrome, Opera 9+, IE 9+ */
    /*opacity: 0.08;*/	
	font-family:menufont;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.menu-txt-in{
	width:600px;
	top:80px;
	height:90px;
	right:40px; 
	position:absolute;
	color:#000900;
	padding-right:10px;
	font-family:menufont;
	text-align:justify;
	text-justify:inter-word;
}

.txt-container{
	position:relative;
	width:600px;
	height:300px;
	margin:0px auto 0px auto;
}
.text-medium{
	position:relative;
	font-family:menufont;
 	color:#000900;
	width:600px;
	height:260px;
	margin:100px auto 60px auto;
}

	
.servicios-boxes{
	position:relative;
	color:#000900;
	width:750px;
	height:550px;
	margin:80px auto 0px auto;
}


.float-shadow {
	display: inline-block;
	font-family:menufont;
	width:160px;
	font-size:18.75px;
	position: relative;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-align:center;
	 filter: alpha(opacity=90);
    /* Firefox 0.9+, Safari 2.x+, Chrome, Opera 9+, IE 9+ */
    opacity: 0.9;	
}
.separador{
	display: inline-block;
	 filter: alpha(opacity=50);
    /* Firefox 0.9+, Safari 2.x+, Chrome, Opera 9+, IE 9+ */
    opacity: 0.5;	
}
.float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
}

.float-shadow:hover {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}

.float-shadow:hover:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}