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; 
} 


body {
  margin: 0;
  width: 100%;
  height:100%;
  overflow:hidden;
  font: normal normal normal 14px/1.6 'Open Sans', sans-serif;
  padding-bottom: 2px;
  color: #5a5a5a;
  /*
  	background-color:#000000;
    background-image: url('../images/back_main.jpg');
    background-repeat:no-repeat;
    background-size: 100% 100%;
    
  -webkit-transition: opacity 400ms;
  -moz-transition: opacity 400ms;
  transition: opacity 400ms; */
}

::-webkit-scrollbar {
      width: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
      background-color: rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

/* anula scrollbar 
::-webkit-scrollbar {display:none}*/


.sombras {
	-moz-box-shadow: 10px 10px 42px 0px #000;
	-webkit-box-shadow:  10px 10px 42px 0px #000;
	box-shadow:  10px 10px 42px 0px #000;
}


.sombra_img { -webkit-filter: drop-shadow(10px 10px 10px #000);
			  filter: drop-shadow(10px 10px 10px #000);
}

.redondo{
     -moz-border-radius: 7px;
     -webkit-border-radius: 7px;
     border-radius: 7px;
     border: 0px solid #ffffff;	
}

.no_movil { display:block}
.movil { display:none}

    @media only screen and (max-width:700px) {
		.no_movil { display:none}
		.movil { display:block}
	}


a, a:visited, a:link, a:hover {	color:#333333; text-decoration:none;  }

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  margin-right:50px;
}

li {
  float: right;
  margin: 0px 10px 0px 10px;
}

li a {
  display: block;
  color: #C0C0C0;
  text-align: center;
  text-decoration: none;
}

li a:hover {
  color: #666666;
  text-decoration: underline;
}

#cabecera { position:fixed; top:20px; float:left; width:100%; height:50px; text-align:right; padding:5px; z-index:999;  }

#logo, #logo2 { float:left; width:450px; height:160px; margin-left:20px; background-image: url('../images/logo.png'); background-size:cover; background-repeat:no-repeat }

    @media only screen and (max-width:1650px) {
		#logo, #logo2 { width:350px; height:125px; }
    }

    @media only screen and (max-width:1366px) {
		#logo, #logo2 { width:300px; height:107px; }
    }

#menu_sup, #menu_gallery { font-size:2.5em; text-align:center; margin-top:-2px;
	width: auto; padding-left:10px; padding-right:10px; margin-right:10px; float:right; background-color:black;
	opacity: 0.85; 
}

    @media only screen and (max-width:1366px) {
		#menu_sup, #menu_gallery { font-size:2em; }
		#menu_gallery { margin-top: -11px; margin-right: -18px }
    }


#menu_sup a, #menu_gallery a { color:white;}
#menu_sup a:hover, #menu_gallery a:hover { text-decoration:underline}
#menu_sup li { cursor:pointer; }


#menu_gallery { float:right; position:absolute; top:60px; right:180px; display:none }

#pie li, #pie a { color:white}


#deplega_movil a { font-size:2em; color: #666666; margin:0px; padding:15px; line-height:2 }
#deplega_movil hr { color: #666666; margin:0px; padding:0px}
#spec_link p { margin-left:30px; }

    @media only screen and (max-width:700px) {
		#spec_link p { margin-left:5px; line-height:20px; }
    }

#pie {
	position:fixed; bottom:20px; float:left; width:100%; height:290px; margin-bottom:-270px; background-color:black; z-index:99999 ;
	opacity: 0.85;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

    @media only screen and (max-width:768px) {
		#pie { font-size:0.8em } 
    }

    @media only screen and (max-width:360px) {
		#pie { font-size:1.2em } 
    }

#spec_link { width:60%; float:left; text-align:left; }
#social_link { width:40%; float:right; text-align:left; padding:0px; }
#social_link div { margin-top:-45px; font-size:3.0em; width:50px; height:45px; float:right; text-align:center; cursor:pointer }

    @media only screen and (max-width:768px) {
		#social_link div {  margin-top:-35px; font-size:2.5em; width:40px; height:35px; } 
		#spec_link { font-size:0.8em}
    }

#mapa_completo {width:100%; height:100%; position: fixed; top:0px; left:0px; border:0}

    @media only screen and (max-width:700px) {
		#mapa_completo { display:none} 
    }

#content_contacto { 
		width:60%; margin:0px; height:auto; padding:50px; overflow:hidden; margin-top:15px; position:relative; left:20%; z-index:99; color:white;
		-o-opacity: 0.9;
		-ms-opacity: 0.9;
		-moz-opacity: 0.9;
		opacity: 0.9;
		}

#content_contacto:hover {
		-o-opacity: 1;
		-ms-opacity: 1;
		-moz-opacity: 1;
		opacity: 1;
}

#show_form {position:relative; float:right; top:42px; right:20px; background-color: #333333; color:white; padding:14px; cursor:pointer}

    @media only screen and (max-width:1330px) {
		#content_contacto { left:35% }
	}

    @media only screen and (max-width:1150px) {
		#content_contacto { width:65% }
	}

    @media only screen and (max-width:985px) {
		#content_contacto { width:75%; left:25%; }
		#logo, #logo2 { width:250px; height:89px; margin-left:10px; }
		#menu_sup { font-size:1.8em; padding-left:5px; padding-right:5px; margin-right:20px;  }
		#menu_gallery { font-size:1.8em; margin-top: -15px; margin-right: -25px }
	}

    @media only screen and (max-width:875px) {
		#logo, #logo2 { width:200px; height:71px; margin: 0px; margin-top:-10px;}
		#menu_sup  { font-size:1.4em; padding-left:5px; padding-right:5px; margin-right:5px; }
		#menu_gallery  { font-size:1.4em; margin-top: -25px; margin-right: -55px   }
		#content_contacto { }
	}

    @media only screen and (max-width:815px) {
		#logo, #logo2 { width:150px; height:54px;  }
		#content_contacto { width:100%; margin:0px; left:0px; float:none}
    }

    @media only screen and (max-width:800px) {
		#content_contacto { width:100%; margin:0px; float:none;
		-o-opacity: 1;
		-ms-opacity: 1;
		-moz-opacity: 1;
		opacity: 1;
		}
    }

    @media only screen and (max-width:768px) {
		#menu_gallery { margin-top: -24px; margin-right: -60px }
	}

    @media only screen and (max-width:500px) {
		#content_contacto { padding:50px 0px 0px 0px;}
	}

    @media only screen and (max-width:385px) {
		#menu_sup, #menu_gallery { font-size:0.5em;	}
		#menu_gallery { margin-top: -49px; margin-right:-115px   }
	}

    @media only screen and (max-width:360px) {
		#logo, #logo2 { width:300px; height:70px;  }
	}


/* Formulario de contacto */

#formulario_contacto {
    width:99%;
    margin:0px;
    margin-left:0.5%;
    margin-top:-10px;
    height: auto;
	color: #6b5d55; 
    text-align:left;
    line-height:130%;
    float:left;
    overflow:hidden;
    padding:2%; padding-top:10px;
    z-index:9;
    background-color: #333333; color:white; 
}

#formulario_contacto li { height:25px; margin-bottom:5px;}
#formulario_contacto h1 { font-size:1.8em}
#formulario_contacto h2 { text-align: center; font-size:1.8em; font-weight:700; }
#formulario_contacto h5 { text-align: center}
#formulario_contacto p {  text-align: center; font-size :1.1em; font-weight:400; }
#formulario_contacto p span{ font-weight: 100; font-size:1em }
#formulario_contacto input { display: block;
	width: 95%;
	margin-left:2.5%;
	margin-bottom: 4px;
	font-size:1.4em;
	background-color: #f4fbf4;
        border: 1px solid #808080;
		-o-opacity: 0.9;
		-ms-opacity: 0.9;
		-moz-opacity: 0.9;
		opacity: 0.9;
	padding:10px; 
	background-color: #1E1E1E;
	color:white;
}

::placeholder { color: white; }
:-ms-input-placeholder { color: white; } /* Internet Explorer 10-11 */
::-ms-input-placeholder { color: white; } /* Microsoft Edge */


#formulario_contacto label { font-size:1.4em; width:100%; margin-left:70%; margin-top:10px; }
#formulario_contacto textarea { font-size:1.4em; width:95%; margin-left:2.5%; height:150px; margin-top:10px; background-color: #1E1E1E; color:white; padding:10px; }



#formulario_contacto .botonAcceder{
	width: 120px;
	height: 45px;
	background: #d3e11d;
	border:none;
	color:#535353;
	font-size:1.0em;
	cursor:pointer;
}

#formulario_contacto .botonAcceder:hover{
	background: #535353;
	color:#d3e11d;
}
    
    @media only screen and (max-height:768px) {
		#formulario_contacto textarea { font-size:1.1em; height:130px; margin-top:5px; line-height:100%;  }
 		#formulario_contacto input { margin-bottom: 2px; font-size:1.1em;}
  	}

    @media only screen and (max-width:700px) {
		#formulario_contacto { padding:20px}
		#formulario_contacto textarea { height:140px;}
    }

    @media only screen and (max-width:500px) {
		#formulario_contacto { width:100%; margin-top:25px; }
    }


#contact_left { width:47.5%; margin-left:2.5%; height:200px; float:left; padding-left:10px; }
#contact_left p { font-size:1.0em; font-weight:lighter; text-align:left }

#contact_right { width:47.5%; margin-right:2.5%; height:200px; float:right; padding-left:10px; padding-top:45px; border-left: thin white solid; text-align:center }
#contact_right p { font-size:1.0em; font-weight:lighter }
#contact_right i { font-size:2.5em; margin:5px; }


    @media only screen and (max-height:768px) {
		#contact_left, #contact_right { height:130px; margin-top:-40px  }
		#formulario_contacto textarea { height:90px; }
		#contact_right p, #contact_left p { font-size:0.85em;  }
    }
    
    @media only screen and (max-width:360px) {
		#contact_left { width:64%; margin-left:0px; padding-left:0px; }
		#contact_right { width:35%; margin-right:0.25%; padding-right:5px;  }
		#contact_right i { font-size: 2.0em; margin:5px; }
		#formulario_contacto .botonAcceder{ margin-left:-20px }
	}