/* ---------------------------- */
	/* BODY Y TABLE */
	/* ---------------------------- */
    body {
		background-color: #DDDDDD; 
		margin:0;
		/* https://es.wikipedia.org/wiki/Familias_de_tipos_de_letra_(HTML) */
		font-family:'calibri';
	}
	table {
		margin:0 auto;
		background-color:white;
	}
	table, td, th {
		border:1px solid black;
		border-collapse: collapse;
	}
	td, th {
		padding:3px;
	}	
	th {
		background-color:#fde000;
	}	
	
	
	
	/* ---------------------------- */
	/* MENU */
	/* ---------------------------- */
    .contenedor-menu {
		display:table;
		width:100%;
		max-width:1300px;
		height:auto;
		margin:10px auto;
		padding:0px 0px;	 
		font-family: 'Source Sans Pro', 'Lucida Sans';
		text-align:center;
	}		
		
	.botonMenu {
			display:inline-block;
            text-align:center;
            text-decoration: none;
			font-family: Helvetica, sans-serif;
            color: #FFF;
            background: #7F8C8D;
            padding: 15px 30px;
            white-space: nowrap;
			
            border-radius: 5px;
            margin: 10px 5px;

	}		
	.botonMenu:hover{
		background: #B89978;
	}
	.botonActivo {
		background: #603021; 
	}
	

	/* ---------------------------- */
	/* CABECERA */
	/* ---------------------------- */
    #div-cabecera {
		/* INICIO - COLOR DE FONDO DEL GRADIENTE */
		background: #fefcea; /* Old browsers */
		background: -moz-linear-gradient(top, #fefcea 0%, #f1da36 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #fefcea 0%,#f1da36 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #fefcea 0%,#f1da36 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */	
		/* FIN - COLOR DE FONDO DEL GRADIENTE */
		
		display:table;
		width:100%;
		
		height:auto;
		margin:10px auto;
		padding:0px 0px;	 
		font-family: Gabriola;	
	}
	
	.banner {
		color:#603021; 
	}
	#rotulo2 {
		font-size:2.5em;
	}	
	
	
	/* ---------------------------- */
	/* PIE DE PÁGINA */
	/* ---------------------------- */
    #div-footer {
		// background-color:#E6E6E6;
	}
	

	
	/* ---------------------------- */
	/* CONTENEDORES */
	/* ---------------------------- */
    .contenedor-principal {
		display:table;
		width:100%;
		max-width:1300px;
		height:auto;
		margin:10px auto;
		padding:0px 0px;	 
		font-family: 'Source Sans Pro', 'Lucida Sans';
		background-color:white;
	}
	.contenedor-fila {
		display:table-row;
		width:100%;
		height:auto;
		margin:0 auto;
	}
	.contenedor-celda {
		display: table-cell;
		margin:0px auto 10px auto;
		padding:0px 10px;
		vertical-align:top;
	}
	
	.contenedor-rotulo {
		display: block;
		margin:0px auto 10px auto;
		padding:0px 10px;
		vertical-align:top;
		background-color: black;
	}	

	@media (max-width: 1000px) {
		.contenedor-rotulo h2 {
			font-size:20px;
		}
	} 	
	
	
	

	/* ---------------------------- */
	/* ASPECTO */
	/* ---------------------------- */
	h1 {
		margin:0 10px;
		padding:0;
		font-size:70px;
		color:#606060;
		font-weight: 400;
	}
	h2 {
		margin:0 10px;
		padding:0;
		font-size:30px;
		color:#585858;
		font-weight: 400;
	}
	
	h3 {
		margin:20px 10px 10px 10px;
		padding:0;
		font-size:25px;
		color:#585858;
		font-weight: 400;
	}	
	
	p {
		margin:0 10px;
		padding-top:10px;
		font-size:18px;
		color:#666666;
		text-align:justify;
	}
	ol, ul {
		font-size:18px;
		color:#666666;
	}
	

	

	/* ---------------------------- */
	/* CONTACTO */
	/* ---------------------------- */

	.gformulario {
		width:80%;
		margin:0 auto;
		border:1px solid black;
		background-color: #f9f7e4 ;
	}
	
	.gformulario-interno {
		width:96%;
		margin:10px auto;
    }

	.gformulario-descripcion {
		margin-bottom:10px;
	}
	.gformulario-descripcion p {
		color:black;
	}
	
	.caja {
		border-radius: 5px;
		border:2px solid blue;
		background-color: #dddddd;
		padding:1%;
		width:98%;
		margin-bottom: 10px;
	}
	
	.caja-label {
		display:inline-block;
		width:100px;
	}
	.caja-input {
		display:inline-block; 
		width:calc(100% - 110px);
	}
	

	
	input,
	textarea,
	select {
		background-color:  #f3edb9 ;
	}
	
	input:focus,
	textarea:focus,
	select:focus {
		background-color: #efcd99;
	}
	

	input[type=button] {
		background-color:  #935116;
		color: white;
	}
	
	input[type=button]:hover {
		background-color:  #FF5733;
	}

/*	

	http://css3buttongenerator.com/ 
	input[type=submit] {
	  background: #6e4306;
	  background-image: -webkit-linear-gradient(top, #6e4306, #d98134);
	  background-image: -moz-linear-gradient(top, #6e4306, #d98134);
	  background-image: -ms-linear-gradient(top, #6e4306, #d98134);
	  background-image: -o-linear-gradient(top, #6e4306, #d98134);
	  background-image: linear-gradient(to bottom, #6e4306, #d98134);
	  -webkit-border-radius: 28;
	  -moz-border-radius: 28;
	  border-radius: 28px;
	  font-family: Arial;
	  color: #ffffff;
	  font-size: 16px;
	  padding: 10px 20px 10px 20px;
	  text-decoration: none;
	  
	  cursor:pointer;
	}

	input[type=submit]:hover {
	  background: #661a03;
	  background-image: -webkit-linear-gradient(top, #661a03, #fc6f3c);
	  background-image: -moz-linear-gradient(top, #661a03, #fc6f3c);
	  background-image: -ms-linear-gradient(top, #661a03, #fc6f3c);
	  background-image: -o-linear-gradient(top, #661a03, #fc6f3c);
	  background-image: linear-gradient(to bottom, #661a03, #fc6f3c);
	  text-decoration: none;
	  
	  cursor:pointer;
	}	
	
*/	
	
	.caja:hover {
		background-color: #aaaaaa;
	}