/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/*=====colores=====
marron #241e22
rojo #973432
rosa #973432
marroncillo #7F5150
gris clarito #f5f5f4
*/

@font-face {

font-family: Palace Script MT;

src: url(../fonts/PALSCRI.ttf) format(‘truetype’);

}

@font-face {

font-family: Palace Script MT_explorer;

src: url (‘../fonts/PALSCRI.eot);

}

body {
	margin: 0;
	padding: 0;
	font-size: 1.4em;
	line-height: 1.6em;
}

body > section {
	clear: both;
	padding: 50px 0;
}

h1, h2 {
	font-family: 'Roboto Condensed', sans-serif;
}

h1 {
	color: #0c243d;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 2.4em;
}

h2{
	color: #0c243d;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 1.4em;
}

h1.parallax {
	font-size: 6em;
	font-weight: 700;
	text-transform: none;
	color: #000;
	/*text-shadow: 0px 7px 8px black;
	-webkit-text-shadow: 0px 7px 8px black;
	-moz-text-shadow: 0px 7px 8px black;*/
}

h2.parallax {
	font-size: 2em;
	font-weight: 700;
	text-transform: none;
	color: #000;
	/*text-shadow: 0px 7px 8px black;
	-webkit-text-shadow: 0px 7px 8px black;
	-moz-text-shadow: 0px 7px 8px black;*/
}

.separador {
	width: 40px;
	height: 4px;
	display: block;
	margin: 0 auto;
	background-color: #973432;
	margin-bottom: 30px;
}

.grisBG {
	background-color: #f5f5f4;
	height: 90%;
}

.noso {
	height: 90%;
}

.marronBG {
	background-color: #241e22;
}

img:.imagenNO {
  visibility: hidden;
}
.imagen {
  visibility: visible;
}




/* Menú */

.navbar-default {
	box-shadow: none;
	background-color: transparent;
	border: none;
	background-image: none;
	min-height: 90px;ç
	padding-top: 20px; 
	color: #000;
}

.nav>li>a {
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	color: #FFFFFF;
	font-size: 1.5em;
	text-shadow: 1px 1px 1px black;
	-webkit-webkit: text-shadow: 1px 1px 1px black;;
	-moz-webkit: text-shadow: 1px 1px 1px black;;
	-ms-webkit: text-shadow: 1px 1px 1px black;;
	-o-webkit: text-shadow: 1px 1px 1px black;;
	webkit: text-shadow: 1px 1px 1px black;;
}

.nav>li>a:hover {
	background-color: #241e22;
}

.nav>li>a:focus {
	background-color: transparent;
}

.normal {
	transition: 1s all ease;
}

.efecto {
	background-color: #241e22;
	min-height: 30px;
	box-shadow: 0 0 10px black;
	padding-top: 0;
	transition: 1s all ease;
}




/* Parallax */


h1.parallax {
	font-family: "Palace Script MT", Verdana, arial, sans-serif;
	font-style: normal;
	padding-top: 1em;
}

h2.parallax {
	font-family: 'Roboto Condensed', sans-serif;
	margin-top: -1em;
}

h3.parallax {
	margin-top: -1em;
}

.img-responsive {
	margin-top: 100px;
}

section#parallax {	
	height: 1080px;
	background-image: url(../img/parallax.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}



/* tramites */

section#tramites {
	width: 100%;
}

section#tramites .social {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	margin: 0 auto;
	line-height: 180px;
}

section#tramites .social i {
	font-size: 3em;
	color: #FFFFFF;
	text-align: center;
}

section#tramites .marroncillo {
background-color: #7F5150;
}

section#tramites .rojillo {
background-color: #FF5854;
}

section#tramites .rosa {
background-color: #973432;
}

section#tramites p {
	text-align: justify;
	padding:5px 15px;
}


/* nosotros */

section#nosotros {
	width: 100%;
}

section#nosotros .social {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	margin: 0 auto;
	line-height: 180px;
}

section#nosotros .social i {
	font-size: 3em;
	color: #FFFFFF;
	text-align: center;
}

section#nosotros .marroncillo {
background-color: #7F5150;
}

section#nosotros .rojillo {
background-color: #FF5854;
}

section#nosotros .rosa {
background-color: #973432;
}

section#nosotros p {
	text-align: justify;
	padding:5px 15px;
}



ul.none {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: justify;
}

/* Mapa */

#mapa {
	height: 500px;
	width: 100%;
}

/* Contacto */

section#contacto h1 {
	color: #FFFFFF;
}

section#contacto .separador {
	background-color: #FFFFFF;
}

section#contacto p {
	font-size: 1.6em;
	color: #FFFFFF;
	margin-bottom: 20px;
}

section#contacto .campos {
	background-color: #241e22;
	border:2px solid #FFFFFF;
	border-radius: 10px;
	color: #ffffff;
}

.rosa {
background-color: #973432;
}

section#contacto form {
	margin-top: 30px;
}

section#contacto input {
	min-height: 50px;
	margin-bottom:20px;
}

section#contacto textarea {
	min-height: 200px;
}

section#contacto .btn.btn-default {
	background: #FFFFFF;
	border-radius: 14px;
	padding: 5px 43px;
	font-size: 1.4em;
	text-transform: uppercase;
}

::-webkit-input-placeholder {
	color:#FFFFFF !important;
}

:moz-placeholder {
	color:#FFFFFF !important;
}

::moz-placeholder {
	color:#FFFFFF !important;
}

:-ms-input-placeholder {
	color:#FFFFFF !important;
}

div#correcto {
	display: none;
	background-color: white;
	padding: 20px;
	text-align: center;
	font-size: 1.6em;
	border-radius: 20px;
	border: 4px solid green;
}

section#footer {
	color: #FFFFFF;
	text-align: center;
	background-color: #241e22;
}

section#footer p {
	font-size: 1em;
}

section#enlaces {
	text-align: center;
	background-color: #241e22;
}

section#enlaces a {
	color: #FFFFFF;
}

section#aviso {
	height: 700px;
	background-color: #241e22;
	padding-top: 10%;
}

section#aviso p {
	color: #FFFFFF;
	text-align: justify;
	font-size: 1.2em;
}

section#aviso h1,h2 {
	color: #FFFFFF;
	text-align: center;
}

section#cookies {
	background-color: #241e22;
	padding-top: 10%;
}

section#cookies p {
	color: #FFFFFF;
	text-align: justify;
	font-size: 1.2em;
}

section#cookies h1,h2 {
	color: #973432;
	text-align: center;
}

section#cookies a {
	color: #FFFFFF;
}


.has-error .help-block {
	padding: 10px;
    text-align: center;
    font-size: 1.6em;
    background-color: #e81c1c;
    border-radius: 10px;
    color: white;
    border: 2px solid;
}

.has-success .form-control-feedback {
	background-color: green;
    border-radius: 25px;
}

.has-error .form-control-feedback {
    background-color: red;
    border-radius: 25px;
}

.has-error .help-block {
    background-color: red;
    border-radius: 25px;
    padding: 10px;
}

.form-horizontal .has-feedback .form-control-feedback {
	font-size: 1.4em;
    margin-right: 10px;
    margin-top: 8px;
    color: white;
}



/* Animaciones */

.anima1, .anima2, .anima3 {
	opacity: 0;		
}

.anima1 {
  animation-delay: .2s;
  -webkit-animation-delay: .2s;
}

.anima2 {
  animation-delay: .3s;
  -webkit-animation-delay: .3s;
}

.anima3 {
	animation-delay: .5s;
	-webkit-animation-delay: .5s;
}



/* MediaQuerys */ 


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina 
@media only screen and (min-width : 320px) {
	

/* Extra Small Devices, Phones
@media only screen and (min-width : 480px) {
	
}

/* Small Devices, Tablets 
@media only screen and (min-width : 768px) {
	
}


/* Medium Devices, Desktops 
@media only screen and (min-width : 992px) {
	body {

}

/* Large Devices, Wide Screens 
@media only screen and (min-width : 1200px) {
	
}*/



/*==========  Non-Mobile First Method  ==========*/


/* Large Devices, Wide Screens */

@media(max-width:1200px) {
	
	/*body {
	background-color: red;
	}*/

}

/* Medium Devices, Desktops */

@media(max-width:992px) {
	
	/*body {
	background-color: orange;
	}*/
}

/* Small Devices, Tablets */

@media(max-width: 768px) {
	
	/*body {
	background-color: yellow;
	}*/

	section#parallax h1 h2 h3 {
		margin-top: -300px;
	}

	section#parallax h1 {
		font-size: 4em;
	}

	section#parallax h2 {
		font-size: 1.8em;
	}

	section#parallax h3 {
		font-size: 1.4em;
	}

	.img-responsive {
	margin-top: 5px;
}

	.col-sm-2 {
		width: 30%;
		display: inline-block;
	}

	.col-sm-10 {
		width: 90%;
	}
}

/* Extra Small Devices, Phones */

@media(max-width:480px) {
	
	/*body {
	background-color: blue;
	}*/
	
	section#parallax h1 {
		font-size: 3em;
	}

	section#parallax h2 {
		font-size: 1.3em;
	}

	section#parallax h3 {
		font-size: 1em;
	}
}

 /* Custom, iPhone Retina */

@media(max-width:320px) {
	
	/*body {
	background-color: pink;
	}*/
	
	section#parallax h1 {
		font-size: 3em;
	}

	section#parallax h2 {
		font-size: 1.3em;
	}

	section#parallax h3 {
		font-size: 1em;
	}


}