/*---------------------------------------------------General------------------------------------------------------*/

* {text-indent:0px; margin:0px; padding:0px; border:0px; outline: 0;}

p {text-align:center;}

body {text-align:center;}

#global {
	width:100%; 
	margin:auto;
}

/*---------------------------------------------------Fuentes------------------------------------------------------*/

@font-face {
    font-family: "Sweet-Sans-Pro-Bold";
    font-style: normal;
    font-weight: normal;
    src: local("?"), url("fuentes/Sweet-Sans-Pro-Bold.woff") format("woff"), url("Fuentes/Sweet-Sans-Pro-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "Sweet-Sans-Pro";
    font-style: normal;
    font-weight: normal;
    src: local("?"), url("fuentes/Sweet-Sans-Pro.woff") format("woff"), url("Fuentes/Sweet-Sans-Pro.ttf") format("truetype");
}

@font-face {
    font-family: "Museo";
    font-style: normal;
    font-weight: normal;
    src: local("?"), url("fuentes/Museo.woff") format("woff"), url("Fuentes/Museo.ttf") format("truetype");
}

@font-face {
    font-family: "MuseoSlab";
    font-style: normal;
    font-weight: normal;
    src: local("?"), url("MuseoSlab.woff") format("woff"), url("MuseoSlab.ttf") format("truetype");
}


/*---------------------------------------------------Cabecera------------------------------------------------------*/

#cabecera-general {
	position:fixed;
	width:100%;
	top:0;
	background-color:#753337;
	z-index:1;
/*	-webkit-box-shadow: 1px 1px 5px #000; 
	-moz-box-shadow: 1px 1px 5px #000; 
*/}
#cabecera {
	width:90%;
	top:0;
	margin:auto;
	background-color:#753337;
}
#logotipo {
	width:100%;
	margin:auto;
}

/*---------------------------------------------------Navegador------------------------------------------------------*/

#navegador {
	width:100%;
	margin:auto;
	list-style:none;
	text-align:right;
	margin-left:16%;
}
#navegador li {
	float: left;
	width: 19%;
	margin:auto;
	margin-left:3%;
	border-style:solid;
	border-width:medium;
	border-color:#fff;
}
#navegador li a {
	float:left;
	width: 100%;
	text-align:center;
    font-family: "Sweet-Sans-Pro";
	line-height:1.5em;
	letter-spacing:0.1em;
	color: #fff;
	border-top-color: #80807f;
	border-style: solid none none;
	text-decoration: none;
	font-size:0.8vw;
	padding:5% 0% 5% 0%;
}
#pagina-actual li a{ 
	color: #000; 
	background-color: #fff;
	text-decoration: none;
}
#navegador li a:hover{ 
	color: #000; 
	background-color: #fff;
	text-decoration: none;
}

#boton {
	width:100%;
	margin:auto;
	list-style:none;
}
#boton li {
	margin:auto;
	margin-left:3%;
	border-style:solid;
	border-width:medium;
	border-color:#fff;
}
#boton li a {
	width: 100%;
	text-align:center;
    font-family: "Sweet-Sans-Pro";
	line-height:1.5em;
	letter-spacing:0.1em;
	color: #fff;
	background-color:#753337;
	border-style: solid none none;
	text-decoration: none;
	font-size:1.5vw;
	padding:2% 3% 2% 3%;
}
#boton-actual li a{ 
	color: #fff; 
	background-color: #666;
	text-decoration: none;
}
#boton li a:hover{ 
	color: #fff; 
	background-color: #666;
	text-decoration: none;
}

#clientes {
	width:100%;
	margin:auto;
	margin-top:1%;
	margin-bottom:10%;
	list-style:none;
	text-align:right;
}
#clientes li {
	float: left;
	width: 16%;
	margin:auto;
	margin-left:3%;
	margin-bottom:3%;
	border-style:solid;
	border-width:medium;
	border-color:#000;
}
#clientes li a {
	float:left;
	width: 100%;
	text-align:center;
    font-family: "Sweet-Sans-Pro";
	line-height:1.5em;
	letter-spacing:0.1em;
	color: #80807f;
	border-top-color: #80807f;
	border-style: solid none none;
	text-decoration: none;
	font-size:1vw;
	padding:5% 0% 5% 0%;
}
#clientes-actual li a{ 
	color: #000; 
	background-color: #76c400;
	text-decoration: none;
}
#clientes li a:hover{ 
	color: #000; 
	background-color: #76c400;
	text-decoration: none;
}


#login-texto{	
	width:100%;
	margin:auto;
	font-size:1vw;
    font-family: "MuseoSlab";
	color:#303030;
	padding:1% 0% 1% 0%;
	margin-top:2%; 
	margin-bottom:2%;
}

#login-input{	
	width:100%;
	margin:auto;
	font-size:4.8vw;
    font-family: "MuseoSlab";
	color:#303030;
	padding:1% 0% 1% 0%;
	margin-top:2%; 
	margin-bottom:2%;
	border:2px solid #76c400;
}

#boton-login{
	width:50%;
	margin:auto;
	display: block;
    font-family: "Sweet-Sans-Pro";
	cursor:pointer;
	font-size:1vw;
	margin-top:10%; 
	margin-bottom:10%;
	padding:4% 0% 4% 0%;
	text-decoration: none;
	background: #76c400;
	border: 2px solid #76c400;
	border-radius: 0px;
	color: #303030;
	text-align: center;
}

#lista {
	width:90%; 
	margin:auto;
    font-family: "Sweet-Sans-Pro";
	font-size:1vw;
	color: #80807f;
	line-height:1.5em;
	letter-spacing:0.1em;
}
#lista li {
	 text-align:left; 
	 text-decoration:none;
}


/*---------------------------------------------------Contenido------------------------------------------------------*/

#contenido-general {
	width:100%;
	padding-top:8%;
	padding-bottom:10vw;
}
#contenido {
	width:90%; 
	margin:auto;
}

#titulo {
	width:90%; 
	margin:auto;
	margin-top:5%; 
	margin-bottom:1%;
    font-family: "Sweet-Sans-Pro-Bold";
	font-size:2vw;
	color: #753337; 
	line-height:1.5em;
	letter-spacing:0.1em;
}

#subtitulo {
	width:90%; 
	margin:auto;
	margin-top:1%; 
	margin-bottom:1%;
	text-align:center;
    font-family: "Sweet-Sans-Pro";
	font-size:1vw;
	color: #283159; 
	line-height:1.8em;
	letter-spacing:0.1em;
}

#texto {
	width:90%; 
	margin:auto;
    font-family: "Sweet-Sans-Pro";
	font-size:1vw;
	color: #80807f;
	line-height:1.5em;
	letter-spacing:0.1em;
}

#banner {
	width:100%;
	background-color:#c35f44;
}

#linea {
	width:70%;
	margin:auto;
	border-style:solid;
	border-bottom-width:5px;
	border-color:#753337;
}

#linea-pie {
	width:40%;
	border-style:solid;
	border-bottom-width:1px;
	border-color:#000;
}

/*--Efecto zoom en imagenes y texo--*/
#zoom{
	/* Aumentamos la anchura y altura durante 2 segundos */
	transition: width 2s, height 2s, transform 2s;
	-moz-transition: width 2s, height 2s, -moz-transform 2s;
	-webkit-transition: width 2s, height 2s, -webkit-transform 2s;
	-o-transition: width 2s, height 2s,-o-transform 2s;
}
#zoom:hover{
	/* tranformamos el elemento al pasar el mouse por encima al doble de su tamaño con scale(2). */
	transform : scale(1.04);
	-moz-transform : scale(1.04);      /* Firefox */
	-webkit-transform : scale(1.04);   /* Chrome - Safari */
	-o-transform : scale(1.04);        /* Opera */
	cursor:pointer;
}


/*---------------------------------------------------Pie------------------------------------------------------*/

#pie-general {
	width:100%;
	position:fixed;
	bottom:0;
	height:5vw;
}

#pie {
	width:75%;
}