/* CSS Document */

@font-face {
    font-family: "avian";
	src: url('../fonts/avian.ttf');
}

/* -------  portada  ------- */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url('../img/fondo2.jpg');
	min-width:100px;
	max-width:100%;
}

.width {
	min-width:100px; /*Anchura minima*/
	max-width:700px; /*Anchura maxima*/
}


/* ------  autoajustar imagenes  ------ */

.container .one.colum,
.container .one.colums {width: 40px;}
.container .two.colums {width: 100px;}
.container .three.colums {width: 160px;}
.container .four.colums {width: 220px;}
.container .five.colums {width: 280px;}
.container .six.colums {width: 340px;}
.container .seven.colums {width: 400px;}
.container .eight.colums {width: 460px;}
.container .nine.colums {width: 520px;}
.container .ten.colums {width: 580px;}

.ten-din-img {width:100%;}

/* ------  autoajustar imagenes  ------ */

.transparent {
	width:1100px;
	background-image: url('../img/transparent.png');
}


.fondo {
	background-image: url('../img/fondo1.jpg');
	border-bottom: 6px solid #737373;
}


.logo-inicio {
	margin:45px 5px 25px 5px;
}


.tex {
	font-family:Avian, Arial, Helvetica, sans-serif;
	font-size:24px;
	text-align:center;
	color:#515151;
	text-shadow:1px 1px 1px #ffffff;
	margin:5px;
}


.footer {
	width:100%;
	position:fixed;
	bottom:0px;
	text-align:center;
}


.credito {
	font-family:Avian, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
	color:#FFFFFF;
	text-shadow:1px 1px 1px #000000;
	margin:5px;
}

/* ------  BOTON  ------ */
.boxboton {
	padding:20px 6px 20px 6px;
}

.boton {
	width:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	background-image: url('../img/btn.png');
	background-color:#00ba04;
	color:#ffffff;
	text-align:left;
	text-decoration:none !important;
	text-shadow:1px 1px 1px #000000;
	padding:7px 20px 7px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:10px 0px 10px 10px;
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
.boton:hover { background-image: url('../img/btn2.png');}
.boton:active { background-color:#171010;}