* {
    padding:0;
    margin:0;
    outline:0;
}
.cl {
    font-size:0;
    line-height:0;
    height:0;
    display:block;
    clear:both;
}
body{
    background:#000;
    font-family:Arial, sans-serif;
    color:#b8b8b8;
    font-size:11px;
    line-height:16px;
    width: 100%;
}
a{
    color:#efd125;
    text-decoration: underline;
    cursor:pointer;
}
a:hover{
    text-decoration:none
}
a img{
    border:0;
}
p{padding-bottom: 20px}
.shell{width:90%;max-width:1000px; margin:0 auto; background:#000;}


.wap{z-index:9999; top:15px;  position:fixed; display:table; right:10%;}
#header{ background:url(images/header-bg.gif); background-repeat:  repeat-x; background-position: left  bottom; 
    width:100%; display: table;}

.logo{
	
	font-size: 0;
	line-height:0;
	width:35%;
	
	float: left;
	display: inline;
	margin:30px 0px;
}


h2{font-size: 16px; color:#000; line-height: 33px; border-bottom:solid 1px #000; background:#FF6600; padding-left:15px}

#nav{display: inline; width: 60%}
#nav ul{list-style-type: none; font-family: "trebuchet ms", sans-serif; margin: 30px 0px; text-align: right; text-transform: uppercase; font-weight: bold;}
#nav li{ display: inline-block; padding-right:38px; font-size: 20px; font-weight: bold;}
#nav li a{ display: inline; color:#fff; text-decoration: none; }
#nav li a:hover, #nav li a.active{color:#F60;}

#content{padding-top:20px; width:100%;}
#contenedor{text-align: center; width: 100%; }
#derecha{display: inline-block; width:67%; padding: 0 0 0 2% ; vertical-align: top; color:#CCC;margin-top:30px; font-size:14px; text-align:justify;} 
#izquierda{display: inline-block; width: 28%; padding: 0 2% 0 0; vertical-align: top; color:#ccc; margin-top:30px; text-align:left; }
#izquierda h2{background-image:url(images/h2-small.gif); background-repeat: no-repeat; background-position: right 0;
    margin-bottom:25px;font-size:14px;}
#izquierda p{display:block; margin-top:10px;}

#derecha h2{background:#FF6600 url(images/h2-long.gif) no-repeat right 0; margin-bottom:25px}
#der_1{ width:180px; height:135px; margin:7px; display: inline-block; margin-bottom:30px; }
#formilario{}

textarea{height: 100px; font-family:Arial, sans-serif; }
textarea, input[type="text"],input[type="email"],input[type="tel"]
{border: 1px solid #999!important;padding:10px 2%; margin: 3px 0px; width: 95%}

 input[type="submit"], input[type="reset"]{ background: #ccc; color: #000; width: 100px; margin: 10px; font-weight: bold; font-size: 20px; padding: 10px; text-align: center; border: 1px #000 solid;}
  input[type="submit"], input[type="reset"]:hover{background: #fff; color: #000}
  input[type="submit"]:hover{background: #FF6600}
#footer{ font-size: 12px; color:#b8b8b8;width:100%; margin-top:50px; clear:both  ;background:url(images/header-bg.gif) repeat-x 0 top; }
#footer a{ color:#FF6600; text-decoration:none; }
#footer p{ text-align:center; padding: 3px 0px}


#slider {
    width: 100%; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
    overflow: hidden; /* important */
    margin-top:20px;
}
#slider img{width: 100%!important; height: 300px }
#slider1 {
    width: 100%; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
    overflow: hidden; /* important */
}

#sliderContent, #slider1Content {
    width: 100%; /* important to be same as image width or wider */
    position: absolute;
    top: 0;
    margin-left: 0;
}
.sliderImage, .slider1Image {
  text-align: center;
    position: relative;
    display: none;
}
.sliderImage span {

}

.slider1Image span {
  
}
.clear {
    clear: both;
}
.sliderImage span strong, .slider1Image span strong {
    font-size: 14px;
}
.top {
    top: 0;
    left: 0;
}
.bottom {
    bottom: 0;
    left: 0;
}
.left {
    top: 0;
    left: 0;
    width: 110px !important;
    height: 280px;
}
.right {
    right: 0;
    bottom: 0;
    width: 90px !important;
    height: 290px;
}
ul { list-style-type: none;}

@media (max-width:1024px){
    .shell{width: 98%}
}
@media (max-width:800px){
    
#izquierda{display: inline-block; width: 35%; padding: 0 1%; vertical-align: top; color:#ccc; margin-top:50px; }
#derecha{display: inline-block; width:60%; padding: 0 1%; vertical-align: top; color:#CCC;margin-top:50px; font-size:14px; text-align:justify;} 
#derecha h2, #izquierda h2{background:#FF6600;}

}
@media (max-width:700px){
.logo{width: 100%; display:block; text-align: center!important; margin: 20px auto; padding: 0px}
#nav{width: 100%; display:block; text-align: center!important; margin: 20px auto;padding: 0px}

#nav ul{ text-align: center; }
#nav li{ padding-right:0;  padding: 5px 10px; }
}
@media (max-width:650px){
        .wap{ right:3%;}
#izquierda{display: block; width:95%; padding: 0; margin: 20px auto }
#derecha{display: block; width:95%; padding: 0; margin: 20px auto; text-align: left; } 
#derecha h2, #izquierda h2{background:#FF6600;}


}
@media (max-width:500px){
    
    .wap{z-index:9999; top:25px;  position:fixed; display:table; right:3px;}
#slider {visibility: hidden; display: none;}
}
.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input::before {
  content: 'Seleccione Foto';
  display: inline-block;
  background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid #999;
  border-radius: 3px;
  padding: 5px 8px;
  margin: 5px 0px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;color: #000;

}
.custom-file-input:hover::before {
  border-color: black;
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}