/* GENERAL-------------------------------------------
================================================== */
*	{
	margin: 0;
	padding: 0;
}

.clear	{
	clear: both;
}

a:link, a:visited, a:active {
    text-decoration:none;
}

*::selection	{
   background: #f50;
   color: #fff;
}

*::-moz-selection	{
   background: #f50;
   color: #fff;
}

*::-webkit-selection	{
   background: #f50;
   color: #fff;
}

*::-ms-selection	{
   background: #f50;
   color: #fff;
}


/* TODO----------------------------------------------
================================================== */
body		{
	background-image: url(galeria/BilboBaldosa.jpg);
	/* background-repeat: repeat; */
	background-color: #ededed;
	font-family: verdana, arial, arial narrow, calibri, sans-serif;
	text-align: justify;
	overflow-x: hidden !important;
}


/* BUTTON--------------------------------------------
================================================== */
.button {
	font-size: .9em;
	font-weight: 600;
	font-family: arial;
	padding: 5px 10px;
	margin: 10px 15px;
	background-color: #f40;
	color: #fff;
	border-radius: 20px 8px 20px 8px;
}

.button:hover {
	background-color: #800;
}


/* CONTENEDOR----------------------------------------
================================================== */
#contenedor	{
	width: 100%;
	margin: 0 auto;
	background-color: #222;
}


/* CABECERA------------------------------------------
================================================== */
#cabecera0	{
	background-image: url(galeria/cabecera/fondoCab0_1300.jpg);
	width: 100%;
	height: 150px;
}

#cabecera1	{
	background-image: url(galeria/cabecera/fondoCab1_1300.jpg);
	width: 100%;
	height: 150px;
}

#cabecera2	{
	background-image: url(galeria/cabecera/fondoCab2_1300.jpg);
	width: 100%;
	height: 150px;
	transition: background-image 2s;
}

#cabecera2:hover	{
	background-image: url(galeria/cabecera/fondoCab1_1300.jpg);
	width: 100%;
	height: 150px;
	transition: background-image 2s;
		-moz-transition: background-image 2s;
		-webkit-transition: background-image 2s;
}

#cabecera3	{
	background-image: url(galeria/cabecera/fondoCab3_1200.jpg);
	width: 100%;
	height: 150px;
}

#cabecera4	{
	background-image: url(galeria/cabecera/fondoCab4_1200.jpg);
	background-color: #026;
	width: 100%;
	height: 150px;
}

/* LOGO EN CABECERA----------------------------------
================================================== */
#logo	{
	width: 484px;
	height: 120px;
	background-image: url(galeria/cabecera/uanombre.png);
	margin: 0 auto;
	transition: 1s;
	background-repeat: no-repeat;
}

#logo:hover	{
	width: 503px;
	height: 125px;
	background-image: url(galeria/cabecera/uanombre+.png);
	margin: 0 auto;
	transform: scale(1.0);
	background-repeat: no-repeat;
}

#logo0	{
	width: 462px;
	height: 115px;
	background-image: url(galeria/cabecera/uaname.png);
	margin: 12px 15px;
	float: left;
}

#logo00	{
	width: 200px;
	height: 50px;
	background-image: url(galeria/cabecera/uaname().png);
	margin: 0 auto;
	transition: background-image 1s;
	background-repeat: no-repeat;
}

#logo00:hover	{
	width: 200px;
	height: 50px;
	background-image: url(galeria/cabecera/uaname_.png);
	margin: 0 auto;
	background-repeat: no-repeat;
		-moz-transition: background-image 1s;
		-webkit-transition: background-image 1s;
}

#logo1	{
	width: 600px;
	height: 150px;
	background-image: url(galeria/cabecera/uaname1.png);
	background-repeat: no-repeat;
	margin: 0 0 0 15px;
	float: left;
}

#logo2	{
	width: 600px;
	height: 150px;
	background-image: url(galeria/cabecera/uaname2.png);
	background-repeat: no-repeat;
	margin: 0 0 0 15px;
	float: left;
}

#logo3	{
	width: 600px;
	height: 150px;
	background-image: url(galeria/cabecera/uaname3.png);
	background-repeat: no-repeat;
	margin: 0 0 0 15px;
	float: left;
}

#logo4	{
	width: 600px;
	height: 150px;
	background-image: url(galeria/cabecera/uaname4.png);
	background-repeat: no-repeat;
	margin: 0 0 0 15px;
	float: left;
}

#logo5	{
	width: 600px;
	height: 150px;
	background-image: url(galeria/cabecera/uaname5.png);
	background-repeat: no-repeat;
	margin: 0 0 0 15px;
	float: left;
}

#logo6	{
	width: 100%;
	height: 150px;
	background-image: url(galeria/cabecera/uperro.png);
	margin: 0 auto;
}

#logo8	{
	width: 500px;
	height: 150px;
	background-image: url(galeria/cabecera/cdm_ec.png);
	background-repeat: no-repeat;
	margin: 0 auto;
}

#logo9	{
	width: 200px;
	height: 150px;
	background-image: url(galeria/cabecera/uanameweb.png);
	margin: 0 auto;
}

#logo10	{
	width: 600px;
	height: 150px;
	background-image: url(galeria/cabecera/uaname6.png);
	background-repeat: no-repeat;
	margin: 0 0 0 15px;
	float: left;
}

/* MENÚ INDEX----------------------------------------
================================================== */
#menu1	{
	background-image: url(galeria/cabecera/stoneoscuro_1300-.jpg);
	display: block;
	/* height: 35px; */
	list-style: none;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#menuPrin	{
	list-style: none;
	text-align: center;
	position: relative;
	margin: 0 auto;
}

#menu1 .menli1	{
	display: inline-block;
}

#menu1 a	{
	text-decoration: none;
}

#menuPrin .menli1	{
	/* float: left; */
	/* display: inline; */
}

#menuPrin .menli1 a	{
	text-decoration: none;
	color: #fff;
	text-align: center;
	font-size: 1em;
	width: 250px;
	margin: 0 -2px;
	padding: 8px 0;
	font-family: arial;
	text-shadow: 1px 1px rgba(0,0,0,0.95);
	border-radius: 20px 8px 20px 8px;
	transition: background-color 1s, color 1s, border 1s;
	display: block;
}

#menuPrin .menli1 a:hover	{
	background-color: #f40;
	color: #fff;
	font-family: arial;
	font-weight: 600;
		-moz-transition: background-color 1s, color 1s, border 1s;
		-webkit-transition: background-color 1s, color 1s, border 1s;
}

			/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

#menu2	{
	display: block;
	list-style: none;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 100%;
	flex-wrap: wrap;
	justify-content: center;
	border-bottom: 3px #f40 solid;
}

#menuSecun	{
	background-color: #111;
	height: 29px;
	list-style: none;
	text-align: center;
	position: relative;
	margin: 0 auto;
}

#menu2 .menli2	{
	display: inline-block;
}

#menu2 a	{
	text-decoration: none;
}

#menuSecun .menli2	{
	/* float: left; */
	/* display: inline; */
}

#menuSecun .menli2 a	{
	text-decoration: none;
	color: #888;
	text-align: center;
	font-size: 1em;
	margin: 0;
	width: 150px;
	padding: 5px 0;
	font-family: arial;
	border-radius: 20px 8px 20px 8px;
	transition: background-color 1s, color 1s, border 1s;
	display: block;
}

#menuSecun .menli2 a:hover	{
	background-color: #800;
	color: #fff;
	font-family: arial;
	/* font-weight: 600; */
	border-radius: 20px 8px 20px 8px;
		-moz-transition: background-color 1s, color 1s, border 1s;
		-webkit-transition: background-color 1s, color 1s, border 1s;
}


/* MENÚ----------------------------------------------
================================================== */

#menu3	{
	background-image: url(galeria/cabecera/stoneoscuro_1300+.jpg);
	display: block;
	height: 35px;
	list-style: none;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 100%;
}

#menuLehen	{
	list-style: none;
	text-align: center;
	margin-left: 20px;
}

#menu3 .menli3	{
	float: left;
	display: inline-block; 
}

#menu3 a	{
	text-decoration: none;
}

#menuLehen .menli3	{
	float: left;
	display: inline-block;
}

#menuLehen .menli3 a	{
	text-decoration: none;
	color: #fff;
	padding: 8px 0;
	text-align: center;
	font-family: arial;
	font-size: 1em;
	border-radius: 20px 8px 20px 8px;
	text-shadow: 1px 1px rgba(255,64,0,0.95);
	transition: background-color 1s, color 1s, border 1s;
	display: block;
	width: 180px;
}

#menuLehen .menli3 a:hover	{
	background-color: #f40;
	text-shadow: 1px 1px rgba(0,0,0,0.95);
	color: #fff;
	font-family: arial;
	font-weight: 600;
		-moz-transition: background-color 1s, color 1s, border 1s;
		-webkit-transition: background-color 1s, color 1s, border 1s;
}

#menu3 .marli1	{
	float: left;
	display: inline-block; 
}

#menuLehen .marli1 a	{
	text-decoration: none;
	color: #f40;
	padding: 8px 0;
	text-align: center;
	font-family: arial;
	font-size: 1em;
	background-color: #fff;
	display: block;
	width: 300px;
	font-weight: 600;
}

			/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

#menu4	{
	display: inline-block;
	margin: 0 auto;
	height: 30px;
	width: 100%;
	text-align: center;
}

#menuBigar	{
	border-bottom: 5px #f40 solid;
	background-color: #111;
	height: 30px;
	float: left;
	list-style: none;
	text-align: center;
	position: relative;
	width: 100%;
}

#menu4 .menli4	{
	display: inline-block;
	padding-left: 15px;
}

#menu4 a	{
	text-decoration: none;
}

#menuBigar .menli4	{
	float: left;
	display: inline-block;
}

#menuBigar .menli4 a	{
	text-decoration: none;
	color: #888;
	padding: 5px 0;
	text-align: center;
	font-family: arial;
	font-size: 1em;
	border-radius: 20px 8px 20px 8px;
	transition: background-color 1s, color 1s, width 2s;
	display: block;
	width: 150px;
}

#menuBigar .menli4 a:hover	{
	background-color: #000;
	color: #fff;
	font-family: arial;
	width: 300px;
	/* font-weight: 600; */
	transition: background-color 1s, color 1s, width 2s;
		-moz-transition: background-color 1s, color 1s, width 2s;
		-webkit-transition: background-color 1s, color 1s, width 2s;
}

#menu4 .marli2	{
	float: left;
	display: inline-block; 
}

#menuBigar .marli2 a	{
	text-decoration: none;
	color: #fff;
	padding: 5px 0;
	margin-left: 15px;
	text-align: center;
	font-family: arial;
	font-size: 1em;
	background-color: #800;
	display: block;
	width: 250px;
	font-weight: 600;
}


/* MENÚ STORYBOARD-----------------------------------
================================================== */
#menu5	{
	background-image: url(galeria/stoneoscuro-.jpg);
	display: block;
	/* height: 35px; */
	list-style: none;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	border-bottom: 5px #f40 solid;
}

#menuFive	{
	list-style: none;
	text-align: center;
	position: relative;
	margin: 0 auto;
}

#menu5 a	{
	text-decoration: none;
}

#menu5 .marli1	{
	float: left;
	display: inline-block; 
}

#menuFive .marli1 a	{
	text-decoration: none;
	color: #f40;
	padding: 8px 0;
	text-align: center;
	font-family: arial;
	font-size: 1.3em;
	background-color: #fff;
	display: block;
	width: 800px;
	font-weight: 600;
}


/* MENÚ PERRO----------------------------------------
================================================== */
#menuPerro	{
	background-color: #000;
	display: block;
	/* height: 35px; */
	list-style: none;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	border-bottom: 5px #5f0 solid;
}

#menuDog	{
	list-style: none;
	text-align: center;
	position: relative;
	margin: 0 auto;
}

#menuPerro a	{
	text-decoration: none;
}

#menuPerro .marli1	{
	float: left;
	display: inline-block; 
}

#menuDog .marli1 a	{
	text-decoration: none;
	color: #080;
	padding: 8px 0;
	text-align: center;
	font-family: arial;
	font-size: 1.3em;
	background-color: #fff;
	display: block;
	width: 350px;
	font-weight: 600;
	border-radius: 40px 40px 0 0;
}


/* MENÚ TORNEO---------------------------------------
================================================== */
#menuTorneo	{
	background-image: url(galeria/rayado-.jpg);
	background-color: #026;
	height: 36px;
	border-top: 1px #09f solid;
	border-bottom: 4px #09f solid;
	display: block;
	list-style: none;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#menuPrinTorneo	{
	list-style: none;
	text-align: center;
	position: relative;
	margin: 0 auto;
}

#menuPrinTorneo  .menliTorneo, .marliTorneo	{
	float: left;
	display: inline;
}

#menuPrinTorneo .menliTorneo a	{
	text-decoration: none;
	color: #fff;
	padding: 8px 0;
	text-align: center;
	font-size: 1em;
	/* border: 1px solid #026; */
	transition: background-color 1s, color 1s, border 1s;
	display: block;
	width: 200px;
}

#menuPrinTorneo .menliTorneo a:hover	{
	background-color: #026;
	color: #fff;
	/* border: 1px #00f solid; */
	font-weight: 600;
		-moz-transition: background-color 1s, color 1s, border 1s;
		-webkit-transition: background-color 1s, color 1s, border 1s;
}

#menuPrinTorneo .marliTorneo a	{
	text-decoration: none;
	color: #00f;
	padding: 8px 0;
	text-align: center;
	font-size: 1em;
	background-color: #fff;
	/* border: 1px solid #fff; */
	display: block;
	width: 200px;
}


/* REDES SOCIALES------------------------------------
================================================== */			
.socialred	{
	width: 100%;
	height: 30px;
	display: flex;
	margin-top: -47px;
	justify-content: flex-end;
}

.socialred #blogger,
		   #linkedin	{
	transition: 1s;
	width: 30px;
	height: 30px;
}

.socialred #blogger:hover,
		   #linkedin:hover	{
	/* filter: grayscale(100%); */
	transform: scale(1.2);
}

#blogger {
	width: 30px;
	height: 30px;
	margin: 0 15px 0 0;
	/* float: left; */
	/* margin-top: -47px; */
	/* margin-left: 1060px; */
	background-image: url(galeria/blogger.png);
}

#linkedin {
	width: 30px;
	height: 30px;
	margin: 0 15px 0 0;
	/* float: left; */
	/* margin-top: -47px; */
	/* margin-left: 1100px; */
	background-image: url(galeria/linkedin.png);
}

			/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

.rrss	{
	float: left;
	background-color: #000;
	/* height: 50px; */
	width: 100%;
	list-style: none;
	margin: 0;
	display: inline-block;
	padding: 2px 0 0 0;
	text-align: center;
	border-bottom: 3px #f40 solid;
	border-top: 1px #f40 solid;
}

.rrssPerro	{
	float: left;
	background-color: #000;
	/* height: 50px; */
	width: 100%;
	list-style: none;
	margin: 0;
	display: inline-block;
	padding: 2px 0 0 0;
	text-align: center;
	border-bottom: 3px #5f0 solid;
}

.inmenu	{
	position: relative;
	width: 100%;
	margin: auto;
	list-style: none;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.inmenu li	{
	padding: 10px 8px 10px 8px;
}

.inmenu img	{
	transition: 1s;
	width: 30px;
	height: 30px;
}

.inmenu img:hover	{
	/* filter: grayscale(100%); */
	transform: scale(1.2);
}

.rrrsss	{
	float: right;
	/* height: 50px; */
	width: 100%;
	list-style: none;
	margin: -55px 0 0 0;
	display: inline-block;
	text-align: center;
	justify-content: flex-end;
}

.socialredes	{
	position: relative;
	width: 100%;
	margin: auto;
	list-style: none;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	justify-content: flex-end;
}

.socialredes li	{
	padding: 10px 8px 10px 8px;
}

.socialredes img	{
	transition: 1s;
	width: 30px;
	height: 30px;
}

.socialredes img:hover	{
	/* filter: grayscale(100%); */
	transform: scale(1.2);
}


/* SECTION-------------------------------------------
================================================== */
#contenidoIndex	{
	width: 100%;
	background-color: #bbb;
}

#contenidoweb	{
	width: 100%;
	background-color: #bbb;
	border-top: 5px solid #f40;
}

#contenido	{
	width: 100%;
}


/* ARTICLE-------------------------------------------
================================================== */
#principal	{
	background-color: #bbb;
	width: 80%;
	float: left;
}

#principal, #dcha	{
	display: inline;
}

#princiProy	{
	background-color: #111;
	width: 99.9%;
	float: left;
}

#princiPerro, #dcha	{
	display: inline;
}

#princiPerro	{
	background-color: #111;
	width: 99.9%;
	float: left;
}

#princiPerroDcha	{
	background-color: #111;
	width: 100%;
	float: left;
}

#princiStory	{
	background-color: #111;
	width: 100%;
	float: left;
}

#princifondo	{
	background-image: url(galeria/cuadriculado.jpg);
	width: 100%;
	float: left;
}

#princiTorneo	{
	background-color: #bbb;
	width: 100%;
	float: left;
}


/* TÍTULOS Y ENCABEZADOS-----------------------------
================================================== */
#tituSeccion	{
	color: #f40;
	text-align: center;
	padding: 10px;
	text-shadow: 1px 2px rgba(0,0,0,0.95);
	font-size: 1.5em;
}

#tituSeccionPerro1	{
	color: #080;
	text-align: center;
	padding: 10px;
	text-shadow: 1px 2px rgba(0,0,0,0.95);
	font-size: 1.5em;
}

#tituSeccionPerro2	{
	color: #5f0;
	text-align: center;
	padding: 10px;
	text-shadow: 1px 2px rgba(0,0,0,0.95);
	font-size: 1.5em;
}

#tituSeccionTorneo	{
	color: #09f;
	text-align: center;
	padding: 10px;
	text-shadow: 1px 2px rgba(0,0,0,0.95);
	font-size: 1.5em;
}

.titular	{
	/* margin-left: 50px; */
	margin: 5px auto;
	text-align: center;
	font-size: 1.1em;
	/* padding-top: 5px; */	
}

.encabezado	{
	margin: 5px 0 0 5%;
	text-align: left;
	font-size: 1.2em;
	font-family: arial;
	padding: 5px;
}

.titulon	{
	margin: 5px auto;
	text-align: center;
	font-size: 1.4em;
	font-weight: 700;
}

.titulon_ddd	{
	color: #ddd;
	margin: 5px auto;
	text-align: center;
	font-size: 1.4em;
	font-weight: 700;
}

.titulillo	{
	margin: 5px auto;
	text-align: center;
	font-size: 1.1em;
	font-family: arial;
}

.titulillo_bbb	{
	color: #bbb;
	margin: 5px auto;
	text-align: center;
	font-size: .9em;
	font-family: arial;
}

.subtitulillo	{
	margin: 5px auto;
	text-align: center;
	font-size: .9em;
}

.explicacion	{
	margin: 5px 15px;
	text-align: justify;
	font-size: 1.1em;
	font-family: arial narrow;
	padding: 2px 0;
}

.titularPerro	{
	margin: 5px auto;
	text-align: center;
	font-size: 1.1em;
	color: #ddd;
}


/* HR------------------------------------------------
================================================== */
#bigindex	{
	width: 80%;
	margin: 0 auto;

}

hr	{
	width: 95%;
	margin: 0 auto;
}


/* PÁRRAFO-------------------------------------------
================================================== */
.parrindex	{
	text-align: center;
	margin: 0 auto;
	font-size: 1em;
	color: #000;
	padding: 10px 0;
}

.parr	{
	text-align: justify;
	font-size: 1em;
	color: #000;
	padding: 10px 20px;
}

.parr1	{
	text-align: justify;
	font-size: .8em;
	color: #000;
	padding: 5px 15px 15px 0;
}

.parr2	{
	text-align: justify;
	font-size: .8em;
	color: #000;
	padding: 5px 15px 15px 15px;
}

.parr3	{
	font-family: arial narrow;
	text-align: left;
	font-size: 1.1em;
	color: #000;
	padding: 10px 15px;
}

.parr4	{
	font-family: arial;
	text-align: left;
	font-size: 1.15em;
	color: #000;
	padding: 10px 15px;
	font-weight: 600;
}

/* .parr1 img	{
	margin: 0 auto;
	display: flex;
	width: 200px;
	height: auto;
} */

.parrProy	{
	text-align: justify;
	font-size: 1em;
	color: #ddd;
	padding: 10px 20px;
}

.parrProyGuion	{
	text-align: justify;
	font-size: 1em;
	color: #ddd;
	padding: 0 0 0 30px;
	float: left;
}

.parrProyList	{
	text-align: justify;
	font-size: 1em;
	color: #ddd;
	padding: 0 15px;
	width: 90%;
	display: flex;
}

.parrProyGuion, .parrProyList	{
	list-style: none;
}

#parrContenido	{
	margin: 0 auto;
	color: #fff;
	text-align: center;
	padding: 15px 0 5px 0;
	font-size: .9em;
}


/* TEXTOS--------------------------------------------
================================================== */
#linkout a	{
	color: #000;
	text-decoration: underline;
}

.negrita	{
	font-weight: 600;
}

#link a	{
	color: #f40;
}

.zonif	{
	margin-left: 8%;
	margin-top: 2px;
	position: absolute;
}

.m2	{
	margin-left: 50%;
}

.puntos	{
	margin-left: 10%;
}

.punli	{
	font-size: 1.1em;
	padding: 5px 2px;
}

.punli img	{
	width: 20px;
}

.letraweb	{
	font-size:1.3em;
	font-family: arial;
	/* font-weight: 600; */
	text-align: center;
	color: #000;
	margin: 0 15px;
	padding: 20px;
}

.letraweb2	{
	font-size:1.3em;
	font-family: arial;
	/* font-weight: 600; */
	text-shadow: 1px 1px rgba(0,0,0,0.95);
	text-align: center;
	color: #ddd;
	margin: 0 15px;
	padding: 20px;
}

#ghost_album01	{
	width: 1%;
	height: 330px;
	margin: 0 auto;
}

#ghost_album03	{
	width: 1%;
	height: 290px;
	margin: 0 auto;
}

#ghost_album06	{
	width: 1%;
	height: 330px;
	margin: 0 auto;
}

#ghost_albumA	{
	width: 1%;
	height: 330px;
	margin: 0 auto;
}


/* IMÁGENES------------------------------------------
================================================== */
.pingu	{
	width: 300px;
	height: 213px;
	background-image: url(galeria/pingu.jpg);
	margin: 0 auto;
}

.euskastea	{
	width: 300px;
	height: 207px;
	background-image: url(galeria/euskastea.jpg);
	margin: 0 auto;
}

.elv1s	{
	width: 300px;
	height: 392px;
	background-image: url(galeria/elv1s.jpg);
	margin: 0 auto;
}

.fgehry	{
	width: 300px;
	height: 340px;
	background-image: url(galeria/fgehry.png);
	margin: 0 auto;
}

.papever	{
	text-align: justify;
	font-size: .8em;
	color: #000;
	padding: 0 20px 0 2%;
}

			/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

#curriDiplos {
	width: 86%;
	margin: 0 auto;
}

			/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

#konectia	{
	width: 100%;
	height: 100%;
	margin: 5px auto;
	background-image: url(galeria/formacursos/konectia.jpg);
	background-repeat: no-repeat;
}

#behargintza	{
	width: 100%;
	height: 100%;
	margin: 5px auto;
	background-image: url(galeria/formacursos/behargintza.jpg);
	background-repeat: no-repeat;
}

#cime	{
	width: 770px;
	height: 298px;
	margin: 5px auto;
	background-image: url(galeria/formacursos/cime.jpg);
}

#sti	{
	width: 770px;
	height: 298px;
	margin: 5px auto;
	background-image: url(galeria/formacursos/sti.jpg);
}

#asimag	{
	width: 770px;
	height: 298px;
	margin: 5px auto;
	background-image: url(galeria/formacursos/asimag.jpg);
}

#ibaiondo	{
	width: 770px;
	height: 298px;
	margin: 5px auto;
	background-image: url(galeria/formacursos/ibaiondo.jpg);
}

#ecobite	{
	width: 770px;
	height: 429px;
	margin: 5px auto;
	background-image: url(galeria/formacursos/ecobite.jpg);
}

#alexanko	{
	width: 770px;
	height: 298px;
	margin: 5px auto;
	background-image: url(galeria/formacursos/alexanko.jpg);
}

			/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

#administra	{
	width: 770px;
	height: 200px;
	margin: 15px auto 0 auto;
	background-image: url(galeria/administra.jpg);
	
}

#aranzuelo	{
	width: 770px;
	height: 200px;
	margin: 15px auto 0 auto;
	background-image: url(galeria/aranzuelo.jpg);
}

#comercio	{
	width: 770px;
	height: 200px;
	margin: 15px auto 0 auto;
	background-image: url(galeria/comercio.jpg);
}

#delineacion	{
	width: 770px;
	height: 200px;
	margin: 15px auto 0 auto;
	background-image: url(galeria/delineacion.jpg);
}

#perro	{
	width: 770px;
	height: 200px;
	margin: 15px auto 0 auto;
	background-image: url(galeria/perro.jpg);
}

#perra	{
	width: 770px;
	height: 200px;
	margin: 15px auto 0 auto;
	background-image: url(galeria/perra.jpg);
}

#tdt	{
	width: 770px;
	height: 200px;
	margin: 15px auto 0 auto;
	background-image: url(galeria/tdt.jpg);
}

#yt	{
	margin: 0 auto;
	display: flex;
	justify-content: center;
}

			/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

#firefox	{
	width: 100px;
	height: 103px;
	background-image: url(galeria/firefox.png);
	/* float: left; */
	margin: 0 auto;
	/* justify-content: flex-end; */
	/* margin: 15px 0 0 265px; */
}

#chrome	{
	width: 100px;
	height: 103px;
	background-image: url(galeria/chrome.png);
	margin: 0 auto;
	/* float: left; */
	/* margin: 17px 0 0 100px; */
}

#explorer	{
	width: 100px;
	height: 103px;
	background-image: url(galeria/explorer.png);
	margin: 0 auto;
	/* float: left; */
	/* margin: 18px 0 0 100px; */
}

#edge	{
	width: 100px;
	height: 103px;
	background-image: url(galeria/edge.png);
	margin: 0 auto;
	/* float: left; */
	/* margin: 18px 0 0 100px; */
}

#win7	{
	width: 100px;
	height: 100px;
	background-image: url(galeria/windows7.png);
	margin: 0 auto;
	/* float: left; */
	/* margin: 18px 0 0 100px; */
}

#win10	{
	width: 100px;
	height: 100px;
	background-image: url(galeria/windows10.png);
	margin: 0 auto;
	/* float: left; */
	/* margin: 18px 0 0 100px; */
}

.navegadores	{
	width: 85%;
	/* height: 400px; */
	justify-content: space-around;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
}

			/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

#adobe	{
	width: 127px;
	height: 36px;
	background-image: url(galeria/adobe.jpg);
	list-style: none;
	margin: 5px auto;
	box-shadow: 2px 2px rgba(255,255,255,0.25);
}

#perrunos	{
	list-style: none;
	margin: 0 auto;
}

#udani	{
	margin: 20px auto;
	border-top: 5px #f40 solid;
	border-bottom: 5px #f40 solid;
}


/* WEB DE PROYECTOS----------------------------------
================================================== */
#proyecto0	{
	float: left;
	margin-left: 12%;
}

.proylist	{
	width: 100%;
	height: 50px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

#proylist0 {
	color: #000;
	padding: 2px;
	width: 80%;
	height: 10px;
	float: left;
	margin: 0 auto;
	font-size: .8em;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

#proylist1 {
	color: #f40;
	padding: 2px;
	width: 30%;
	height: 10px;
	float: left;
	margin: 0 auto;
	font-size: .8em;
	text-shadow: 1px 1px rgba(0,0,0,0.95);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

#proylist2 {
	color: #05f;
	padding: 2px;
	width: 30%;
	height: 10px;
	float: left;
	margin: 0 auto;
	font-size: .8em;
	text-shadow: 1px 1px rgba(0,0,0,0.95);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

#proylist3 {
	color: #800;
	padding: 2px;
	width: 30%;
	height: 10px;
	float: left;
	margin: 0 auto;
	font-size: .8em;
	text-shadow: 1px 1px rgba(0,0,0,0.95);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

#proylistA {
	background-color: transparent;
	width: 20px;
	height: 20px;
	float: left;
	margin: 0 auto;
	margin-left: 15px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	font-family: arial narrow;
	text-align: left;
	font-size: 1.1em;
	color: #000;
	padding: 10px 5px;
	padding-right: 15px;
}

#proylistB1 {
	color: #fff;
	padding: 10px 5px;
	background-color: #f40;
	width: 40px;
	height: 20px;
	float: left;
	font-size: 1em;
	font-weight: 600;
	font-family: arial narrow;
	font-style: italic;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#proylistB2 {
	color: #fff;
	padding: 10px 5px;
	background-color: #05f;
	width: 40px;
	height: 20px;
	float: left;
	font-size: 1em;
	font-weight: 600;
	font-family: arial narrow;
	font-style: italic;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#proylistB3 {
	color: #fff;
	padding: 10px 5px;
	background-color: #800;
	width: 40px;
	height: 20px;
	float: left;
	font-size: 1em;
	font-weight: 600;
	font-family: arial narrow;
	font-style: italic;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#proylistC {
	background-color: transparent;
	width: 84%;
	float: left;
	margin-left: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: justify;
	font-family: arial;
	text-align: left;
	font-size: 1.0em;
	color: #000;
	padding: 10px 5px;
	padding-right: 15px;
}


/* PAGINADO------------------------------------------
================================================== */
#numero1X	{
	width: 30px;
	height: 30px;
	background-image: url(galeria/numeros/1-.jpg);
	/* position: absolute; */
	/* padding: 0 10px;
	background-repeat: no-repeat; */
	margin-right: 15px;
}

#numero1_	{
	width: 30px;
	height: 30px;
	background-image: url(galeria/numeros/1+.jpg);
	margin-right: 15px;
}

#numero1_0	{
	width: 30px;
	height: 30px;
	background-image: url(galeria/numeros/1+.jpg);
	float: left;
}

#numero2X	{
	width: 30px;
	height: 30px;
	background-image: url(galeria/numeros/2-.jpg);
	/* position: absolute; */
	/* padding: 0 10px;
	background-repeat: no-repeat; */
	margin-right: 15px;
}

#numero2_	{
	width: 30px;
	height: 30px;
	background-image: url(galeria/numeros/2+.jpg);
	margin-right: 15px;
}

#numero2_0	{
	width: 30px;
	height: 30px;
	background-image: url(galeria/numeros/2+.jpg);
	float: left;
}

#numero3X	{
	width: 30px;
	height: 30px;
	background-image: url(galeria/numeros/3-.jpg);
	/* position: absolute; */
	/* padding: 0 10px;
	background-repeat: no-repeat; */
	margin-right: 15px;
}

#numero3_	{
	width: 30px;
	height: 30px;
	background-image: url(galeria/numeros/3+.jpg);
	margin-right: 15px;
}

#numero3_0	{
	width: 30px;
	height: 30px;
	background-image: url(galeria/numeros/3+.jpg);
	float: left;
}

#numero4X	{
	width: 30px;
	height: 30px;
	background-image: url(galeria/numeros/4-.jpg);
	/* position: absolute; */
	/* padding: 0 10px;
	background-repeat: no-repeat; */
	margin-right: 15px;
}

#numero4_	{
	width: 30px;
	height: 30px;
	background-image: url(galeria/numeros/4+.jpg);
	margin-right: 15px;
}

#numero4_0	{
	width: 30px;
	height: 30px;
	background-image: url(galeria/numeros/4+.jpg);
	float: left;
}

#numero5X	{
	width: 30px;
	height: 30px;
	background-image: url(galeria/numeros/5-.jpg);
	/* position: absolute; */
	/* padding: 0 10px;
	background-repeat: no-repeat; */
	margin-right: 15px;
}

#numero5_	{
	width: 30px;
	height: 30px;
	background-image: url(galeria/numeros/5+.jpg);
	margin-right: 15px;
}

#numero5_0	{
	width: 30px;
	height: 30px;
	background-image: url(galeria/numeros/5+.jpg);
	float: left;
}

#numero6X	{
	width: 30px;
	height: 30px;
	background-image: url(galeria/numeros/6-.jpg);
	/* position: absolute; */
	/* padding: 0 10px;
	background-repeat: no-repeat; */
	margin-right: 15px;
}

#numero6_	{
	width: 30px;
	height: 30px;
	background-image: url(galeria/numeros/6+.jpg);
	margin-right: 15px;
}

#numero6_0	{
	width: 30px;
	height: 30px;
	background-image: url(galeria/numeros/6+.jpg);
	float: left;
}

#numero7X	{
	width: 30px;
	height: 30px;
	background-image: url(galeria/numeros/7-.jpg);
	/* position: absolute; */
	/* padding: 0 10px;
	background-repeat: no-repeat; */
	margin-right: 15px;
}

#numero7_	{
	width: 30px;
	height: 30px;
	background-image: url(galeria/numeros/7+.jpg);
	margin-right: 15px;
}

#numero7_0	{
	width: 30px;
	height: 30px;
	background-image: url(galeria/numeros/7+.jpg);
	float: left;
}

#num2Pag	{
	height: 30px;
	margin: 0 5px;
	display: flex;
	justify-content: flex-end;
}

#num3Pag	{
	height: 30px;
	margin: 0 5px;
	display: flex;
	justify-content: flex-end;
}

#num4Pag	{
	height: 30px;
	margin: 0 5px;
	display: flex;
	justify-content: flex-end;
}

#num5Pag	{
	height: 30px;
	margin: 0 5px;
	display: flex;
	justify-content: flex-end;
}

#num6Pag	{
	height: 30px;
	margin: 0 5px;
	display: flex;
	justify-content: flex-end;
}

#num7Pag	{
	height: 30px;
	margin: 0 5px;
	display: flex;
	justify-content: flex-end;
}


/* WEB DE LA TABLA DE PRECIOS DE PERRO---------------
================================================== */
.tabla_perprecios	{
	width: 640px;
	margin: 0 auto;
}

#perprecios {
	width: 100%;
	float: left;
	margin: 0 auto;
}

#perpreciosZ {
	color: transparent;
	padding: 0;
	background-color: transparent;
	width: 160px;
	height: 20px;
	float: left;
	font-size: .7em;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#perpreciosV {
	color: #fff;
	padding: 5px 0;
	background-color: #f40;
	width: 220px;
	height: 20px;
	float: left;
	font-size: 1.1em;
	margin-left: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#perpreciosI {
	color: #fff;
	padding: 5px 0;
	background-color: #09f;
	width: 220px;
	height: 20px;
	float: left;
	font-size: 1.1em;
	margin-left: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

			/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
			
#perpreciosCity	{
	color: #fff;
	padding: 8px 0 2px 0;
	background-color: #000;
	width: 160px;
	height: 20px;
	float: left;
	font-size: 0.7em;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	font-style: italic;
}

#perpreciosVL, #perpreciosVB, #perpreciosIL, #perpreciosIB	{
	color: #fff;
	padding: 5px 0;
	background-color: #000;
	width: 105px;
	height: 20px;
	float: left;
	font-size: 1em;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	font-weight: bold;
}

#perpreciosVL, #perpreciosIL	{
	margin-left: 20px;
}

#perpreciosVB, #perpreciosIB	{
	margin-left: 10px;
}

			/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

#perprecios1h	{
	color: #000;
	padding: 5px 0;
	background-color: #ededed;
	width: 160px;
	height: 20px;
	float: left;
	font-size: 1em;
	margin: 0;
	text-indent: 1em;
	text-align: left;
}

#perprecios1vL, #perprecios1vB, #perprecios1iL, #perprecios1iB	{
	color: #000;
	padding: 5px 0;
	background-color: #ededed;
	width: 105px;
	height: 20px;
	float: left;
	font-size: 1em;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#perprecios1vL, #perprecios1iL	{
	margin-left: 20px;
}

#perprecios1vB, #perprecios1iB	{
	margin-left: 10px;
}

			/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

#perprecios2h	{
	color: #fff;
	padding: 5px 0;
	background-color: #080;
	width: 160px;
	height: 20px;
	float: left;
	font-size: 1em;
	margin: 0;
	text-indent: 1em;
	text-align: left;
}

#perprecios2vL, #perprecios2vB, #perprecios2iL, #perprecios2iB	{
	color: #fff;
	padding: 5px 0;
	background-color: #080;
	width: 105px;
	height: 20px;
	float: left;
	font-size: 1em;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#perprecios2vL, #perprecios2iL	{
	margin-left: 20px;
}

#perprecios2vB, #perprecios2iB	{
	margin-left: 10px;
}

			/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

#perprecios0z	{
	color: #000;
	padding: 5px 0;
	background-color: #111;
	width: 160px;
	height: 20px;
	float: left;
}

#perprecios0v {
	color: #fff;
	padding: 8px 0 2px 0;
	background-color: #000;
	width: 220px;
	height: 20px;
	float: left;
	font-size: 0.7em;
	margin-left: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#perprecios0i {
	color: #fff;
	padding: 8px 0 2px 0;
	background-color: #000;
	width: 220px;
	height: 20px;
	float: left;
	font-size: 0.7em;
	margin-left: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

			/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
			
#perdesprecios {
	color: transparent;
	padding: 10px 20px 0 20px;
	background-color: transparent;
	font-size: .6em;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#perroprecios	{
	margin: 0 auto;
	/* width: 1016px; */
	/* height: 637px; */
	text-align: center;
}


/* ASIDE---------------------------------------------
================================================== */
#dcha	{
	text-align: center;
	width: 20%;
	margin: 0 auto;
	position: absolute;
	background-color: #222;
}

.otroslinks	{
	float: left;
	width: 100%;
	margin: 0 auto;
}

.asili	{
	list-style: none;
	border-bottom: 1px #ededed solid;
	margin: 0 auto;
	width: 100%;
	padding: 8px 0;
	display: block;
	text-align: left;
}

.asili a	{
	text-decoration: none;
	font-size: 1em;
	color: #f40;
	margin-left: 4%;
	font-family: arial;
}

.asili:hover	{
	background-color: #333;
}

.asilisite	{
	list-style: none;
	border-bottom: 1px #ededed solid;
	margin: 0 auto;
	width: 100%;
	padding: 8px 0;
	display: block;
	text-align: left;
	background-color: #333;
}

.asilisite a	{
	text-decoration: none;
	font-size: .9em;
	color: #bbb;
	margin-left: 8%;
	font-family: arial;
	text-shadow: 1.3px 1.3px rgba(0,0,0,0.65);
	
}

.asilican	{
	list-style: none;
	/* border-top: 1px #ededed solid; */
	border-bottom: 1px #ededed solid;
	color: #fff;
	margin: 0 auto;
	width: 100%;
	padding: 8px 0;
	display: block;
	text-align: left;
}

.asilican a		{
	text-decoration: none;
	font-size: 1em;
	color: #5f0;
	margin-left: 4%;
	font-family: arial;
}

.parrluna	{
	float: left;
	text-align: justify;
	font-size: 0.9em;
	color: #ddd;
	padding: 10px 10px;
	margin: 0 auto;
}


/* WEB DE FORMACIÓN----------------------------------
================================================== */



/* .ghost	{
	overflow: scroll;
} */

/* .ensenanza	{
	margin: 5px auto;
	text-align: center;
	font-size: 1.1em;
} */

/* .ensenanzacan	{
	margin: 5px auto;
	text-align: center;
	font-size: 1.1em;
	color: #ddd;
} */


/* #easd	{
	width: 770px;
	height: 298px;
	margin: 5px auto;
	background-image: url(galeria/formacursos/easd.jpg);
} */

/* #artazaRomo	{
	width: 770px;
	height: 298px;
	margin: 5px auto;
	background-image: url(galeria/formacursos/artazaromo.jpg);
} */

#taula	{
	width: 86%;
	border: 1px solid #fff;
	border-collapse: collapse;
	text-align: center;
	color: #fff;
	margin: -5px auto 0 auto;
	text-shadow: 1px 2px rgba(0,0,0,0.95);
}
		
#col0	{
	width: 100%;
	background-color: #222;
	padding: 10px 0;
	border: 1px solid #fff;
	border-collapse: collapse;
}
		
#col1	{
	width: 50%;
	background-color: #333;
	padding: 10px;
	border: 1px solid #fff;
	border-collapse: collapse;
	color: #8df;
}
		
#aCol1	{
	width: 50%;
	background-color: #444;
	padding: 10px;
	border: 1px solid #fff;
	border-collapse: collapse;
	color: #8df;
}

#aCol1 a	{
	text-decoration: none;
	color: #8df;
}
		
#bCol1	{
	width: 50%;
	background-color: #444;
	padding: 10px;
	border: 1px solid #fff;
	border-collapse: collapse;
	color: #8df;
}

#bCol1 a	{
	text-decoration: none;
	color: #8df;
}
		
#cCol1	{
	width: 50%;
	background-color: #444;
	padding: 10px;
	border: 1px solid #fff;
	border-collapse: collapse;
	color: #8df;
}

#cCol1 a	{
	text-decoration: none;
	color: #8df;
}
	
#col2	{
	width: 50%;
	background-color: #333;
	padding: 10px;
	border: 1px solid #fff;
	border-collapse: collapse;
	color: #f85;
}
		
#aCol2	{
	width: 50%;
	background-color: #444;
	padding: 10px;
	border: 1px solid #fff;
	border-collapse: collapse;
	color: #f85;
}

#aCol2 a	{
	text-decoration: none;
	color: #f85;
}
		
#bCol2	{
	width: 50%;
	background-color: #444;
	padding: 10px;
	border: 1px solid #fff;
	border-collapse: collapse;
	color: #f85;
}

#bCol2 a	{
	text-decoration: none;
	color: #f85;
}

		
#cCol2	{
	width: 50%;
	background-color: #444;
	padding: 10px;
	border: 1px solid #fff;
	border-collapse: collapse;
	color: #f85;
}

#cCol2 a	{
	text-decoration: none;
	color: #f85;
}
		
#maspeq	{
	font-family: arial narrow;
	font-size: 1em;
}

#taulaXY	{
	width: 450px;
	height: 50px;
	border: 2px solid #800;
	border-collapse: collapse;
	text-align: center;
	color: #fff;
	margin: 0 auto 0 auto;
	text-shadow: 1px 2px rgba(0,0,0,0.95);
}

#ColX	{
	width: 50px;
	height: 40px;
	background-color: #ddd;
	padding-top: 5px;
	/* border: 2px solid #f40; */
	border-collapse: collapse;
	color: #8df;
}

#ColY	{
	width: 400px;
	height: 44px;
	background-color: #000;
	padding: 0;
	/* border: 2px solid #f40; */
	border-collapse: collapse;
	color: #ddd;
}

#ColY a	{
	text-decoration: none;
	
	color: #ddd;
}

.pago	{
	margin: 5px auto;
	text-align: center;
	font-size: 1.1em;
	font-family: arial;
	padding: 0 15px;
}


/* TRABAJOS------------------------------------------
================================================== */






.stoboacol1, .stoboacol2	{
	background-color: #222;
	width: 81%;
	list-style: none;
	margin: 0 auto;
	display: inline-block;
	padding: 2px 0 0 0;
	text-align: center;
	display: flex;
}

.preview_casIbi	{
	position: relative;
	width: 100%;
	margin: auto;
	list-style: none;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.preview_casIbi li	{
	padding: 10px 8px 10px 8px;
}

.preview_casIbi img	{
	transition: 1s;
	width: 100px;
	height: 56px;
}

.preview_casIbi img:hover	{
	/* filter: grayscale(100%); */
	transform: scale(1.15);
}

.preview_cocLei	{
	position: relative;
	width: 100%;
	margin: auto;
	list-style: none;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.preview_cocLei li	{
	padding: 10px 8px 10px 8px;
}

.preview_cocLei img	{
	transition: 1s;
	width: 100px;
	height: 56px;
}

.preview_cocLei img:hover	{
	/* filter: grayscale(100%); */
	transform: scale(1.15);
}




/* COLECCIONES Y ÁLBUMES-----------------------------
================================================== */
#albumes	{
	margin: auto;
	display: flex;
	width: 86%;
	height: auto;
	flex-wrap: wrap;
	justify-content: space-around;
	position: relative;
}


/* #album {
	width: 800px;
	margin: 0 auto;
} */

/* #albuma	{
	margin: 15px 0 0 20px;
	padding: 5px 10px;
	float: left;
} */

#album01, #album02, #album03, #album04, #album05, #album06, #album07, #album08, #album09,
#album10, #album11, #album12, #album13, #album14, #album15, #album16, #album17, #album18,
#album19, #album20, #album21, #album22, #album23, #album24, #album25   {
	width: 300px;
	height: 200px;
	margin-bottom: 20px;
	position: relative;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	/* border-radius: 20px 8px 20px 8px; */
	/* border: 2px solid #000; */
}

/* .extgalery	{
	position: relative;
	width: 100%;
	margin: auto;
	list-style: none;
	padding: 20px 0;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
} */

#album01, #album02, #album03, #album04, #album05, #album06, #album07, #album08, #album09,
#album10, #album11, #album12, #album13, #album14, #album15, #album16, #album17, #album18,
#album19, #album20, #album21, #album22, #album23, #album24, #album25 li	{
	
}

#imagenes	{
	width: 90%;
	margin: 0 auto;
}

.imagenH	{
	width: 100%;
	margin: 15px auto 0 auto;
}

#fotos	{
	width: 95%;
	margin: 0 auto;
}

.fotoH	{
	width: 100%;
	margin: 0 auto;
	padding: 8px 0;
}

.fotoV	{
	width: 80%;
	margin: 0 auto;
	padding: 8px 0;
	display: flex;
}

/* #myGalery	{
	float: left;
	padding: 5px 10px;
} */

#mapa1	{
	position: relative;
	width: 880px;
	height: 450px;
	margin: 0 auto;
	display: flex;
	border: 1px #fff solid;	
}

#mapa2	{
	position: relative;
	width: 95%;
	height: 350px;
	margin: 0 auto;
	display: flex;
	border: 1px #fff solid;	
}


/* TORNEO EL CASTILLAR-------------------------------
================================================== */
.decretazos	{
	width: 85%;
	/* height: 1600px; */
	justify-content: space-around;
	/* display: inline-block; */
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	/* justify-content: space-between; */
	/* justify-content: center; */
}

#game	{
	/* flex-wrap: wrap; */
	width: 200px;
	height: 135px;
	margin: 10px;
	/* display: inline-block; */
}

#videogame	{
	width: 85%;
	height: auto;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

#pdf0	{
	width: 80px;
	height: 91px;
	background-image: url(galeria/pdfull.png);
	margin: auto;
}

#pdf1	{
	width: 80px;
	height: 91px;
	background-image: url(galeria/pdf.png);
	margin: auto;
	/* border: 1px #555 solid; */
	/* margin: 15px 0 0 143px;
	float: left;
	text-align: center; */
	/* display: block; */
	/* width: 150px; */
}

#pdf2	{
	width: 80px;
	height: 91px;
	background-image: url(galeria/pdfno.png);
	margin: auto;
	/* margin: 15px 0 0 143px;
	float: left;
	text-align: center; */
	/* display: block; */
	/* width: 150px; */
	/* border: 1px #555 solid; */
}

#pdf3	{
	width: 80px;
	height: 91px;
	margin: auto;
}

#subpdftransp	{
	margin: auto;
	margin-top: 10px;
	font-size: 1em;
	font-family: arial narrow;
	color: transparent;
	padding: 2px 0;
	text-align: center;
	background-color: transparent;
	width: 150px;
	display: block;
	border-radius: 5px;
}

#subpdf	{
	margin: auto;
	margin-top: 10px;
	font-size: 1em;
	font-family: arial narrow;
	color: #fff;
	padding: 2px 0;
	text-align: center;
	background-color: #026;
	width: 150px;
	display: block;
	border-radius: 5px;
}

#subpdf:hover	{
	color: #f40;
}

/* GALERIA LIGHTBOX------------------------------- */
/* .minifoto	{
	position: relative;
	width: 100%;
	margin: auto;
	list-style: none;
	padding: 20px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.minifoto li	{
	margin: 5px;
}

.minifoto img	{
	width: 150px;
	height: 150px;
}

.lightboxa	{
	position: absolute;
	bottom: 100%;
	opacity: 0;
}

.lightboxa:target	{
	visibility: visible;
	opacity: 1;
	transition: all 0.5s;
	position: fixed;
	background: rgba(0,0,0,0.8);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.lightboxa h3 {
	color: #fff;
	font-size: 30px;
	text-align: center;
	margin: 15px 0;
}

.gugelfotos	{
	width: 100%;
	height: 75%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 2;
}

.gugelfotos a	{
	color: #fff;
	font-size: 40px;
	text-decoration: none;
	margin: 0 10px;
}

.gugelfotos a:nth-child(2)	{
	margin: 0;
	height: 100%;
}

.gugelfotos img	{
	width: auto;
	height: 100%;
	max-width: 100%;
	border: 8px solid #fff;
	border-radius: 20px;
	box-sizing: border-box;
}

.itxi	{
	display: block;
	background: #fff;
	width: 25px;
	height: 25px;
	margin: 15px auto;
	text-align: center;
	text-decoration: none;
	font-size: 25px;
	color: #000;
	padding: 5px;
	border-radius: 50%;
	line-height: 25px;
} */

.extgalery	{
	position: relative;
	width: 100%;
	margin: auto;
	list-style: none;
	padding: 20px 0;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.extgalery li	{
	padding: 0 10px 15px 10px;
}

.extgalery img	{
	transition: 1s;
	width: 150px;
	height: 150px;
}

.extgalery img:hover	{
	/* filter: grayscale(100%); */
	transform: scale(1.05);
}

			/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
			
.ingalery	{
	position: relative;
	width: 100%;
	margin: auto;
	list-style: none;
	padding: 5px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.ingalery li	{
	padding: 0 10px 15px 10px;
}

.ingalery img	{
	transition: 1s;
	width: 150px;
	height: 150px;
}

.ingalery img:hover	{
	/* filter: grayscale(100%); */
	transform: scale(1.05);
}


/* VÍDEOS EN IFRAME----------------------------------
================================================== */
.peli_DN	{
	width: 70%;
	margin: 0 auto;
}

.peli_CT	{
	width: 75%;
	margin: 0 auto;
}

.video16x9	{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.video4x3	{
	position: relative;
	padding-bottom: 75%;
	height: 0;
	overflow: hidden;
}

.video16x9 iframe	{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video4x3 iframe	{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/* SLIDE---------------------------------------------
================================================== */
.slide	{
    border: 8px solid #f40;
    width: 640px;
    height: 401px;
    margin: 0 auto;
	display: flex;
    border-radius: 8px;
    box-shadow: 8px 8px 4px #888;
    position: relative;
}

.slide  .img1,
		.img2,
		.img3,
		.img4,
		.img5	{
    width: 640px;
    height: 401px;
    position: absolute;
}

.slide .img2,
.slide .img3,
.slide .img4,
.slide .img5 {
    display: none;
}



.slaidPerro	{
    width: 100%;
	height: 250px;
	margin: 0 auto;
	display: flex;
    position: relative;
	background-color: #222;
}

.slaidPerro .img_p1,
			.img_p2,
			.img_p3,
			.img_p4	{
    /* width: 224px; */
	height: 250px;
	/* float: left; */
    position: absolute;
}

.slaidPerro .img_p2,
.slaidPerro .img_p3,
.slaidPerro .img_p4	{
    display: none;
}



.slaidDogbooks	{
    width: 121px;
	height: 150px;
	margin: 0 auto;
	display: flex;
    position: relative;
}

.slaidDogbooks 	.img_l1,
				.img_l2,
				.img_l3,
				.img_l4	{
    width: 100px;
	height: 150px;
	margin: 0 auto;
	/* float: left; */
    position: absolute;
}

.slaidDogbooks .img_l2, .slaidDogbooks .img_l3, .slaidDogbooks .img_l4	{
    display: none;
}




			/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

.sdile	{
    width: 768px;
    height: 432px;
    margin: 0 auto;
    position: relative;
}

.sdile 	.img_1,
		.img_2,
		.img_3,
		.img_4,
		.img_5,
		.img_6,
		.img_7,
		.img_8,
		.img_9,
		.img_10	{
    width: 768px;
    height: 432px;
    position: absolute;
}

.sdile .img_2, .sdile .img_3, .sdile .img_4, .sdile .img_5, .sdile .img_6,
.sdile .img_7, .sdile .img_8, .sdile .img_9, .sdile .img_10	{
    display: none;
}


			/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
			
.sdileBig	{
    width: 920px;
	height: 518px;
    margin: 0 auto;
    position: relative;
	border: 3px #fff solid;
}

.sdileBig 	.img_101,
			.img_102,
			.img_103,
			.img_104,
			.img_105,
			.img_106,
			.img_107,
			.img_108,
			.img_109,
			.img_110,
			.img_111,
			.img_112,
			.img_113,
			.img_114,
			.img_115,
			.img_116,
			.img_117,
			.img_118,
			.img_119,
			.img_120,
			.img_121,
			.img_122,
			.img_123,
			.img_124,
			.img_125,
			.img_126,
			.img_127,
			.img_128,
			.img_129,
			.img_130,
			.img_131,
			.img_132,
			.img_133,
			.img_134,
			.img_135,
			.img_136,
			.img_137,
			.img_138,
			.img_139,
			.img_140	{
    width: 100%;
    height: 100%;
    position: absolute;
}

.sdileBig .img_102, .sdileBig .img_103, .sdileBig .img_104, .sdileBig .img_105,
.sdileBig .img_106, .sdileBig .img_107, .sdileBig .img_108, .sdileBig .img_109,
.sdileBig .img_110, .sdileBig .img_111, .sdileBig .img_112, .sdileBig .img_113,
.sdileBig .img_114, .sdileBig .img_115, .sdileBig .img_116, .sdileBig .img_117,
.sdileBig .img_118, .sdileBig .img_119, .sdileBig .img_120, .sdileBig .img_121,
.sdileBig .img_122, .sdileBig .img_123, .sdileBig .img_124, .sdileBig .img_125,
.sdileBig .img_126, .sdileBig .img_127, .sdileBig .img_128, .sdileBig .img_129,
.sdileBig .img_130, .sdileBig .img_131, .sdileBig .img_132, .sdileBig .img_133,
.sdileBig .img_134, .sdileBig .img_135, .sdileBig .img_136, .sdileBig .img_137,
.sdileBig .img_138, .sdileBig .img_139, .sdileBig .img_140	{
    display: none;
}


.sliderfast	{
	position: relative;
	width: 80%;
	overflow: hidden;
	margin: 0 auto;
}

.lamina	{
	display: flex;
	width: 100%;
}

.lamina img	{
	height: 432px;
	width: 100%;
	transition: 1s;
}

.lamina input	{
	display: none;
}

.donetes	{
	display: flex;
	justify-content: center;
	margin: 5px;
}

.donetes label	{
	height: 20px;
	width: 20px;
	border-radius: 50%;
	border: 3px solid #000;
	cursor: pointer;
	transition: 1s;
	margin: 5px;
}

.donetes label:hover	{
	background-color: #f40;
}

#part1:checked ~ .w1	{
	margin: 0;
}

#part2:checked ~ .w2	{
	margin-left: -100%;
}

#part3:checked ~ .w3	{
	margin-left: -200%;
}

#part4:checked ~ .w4	{
	margin-left: -300%;
}

#part5:checked ~ .w5	{
	margin-left: -400%;
}

/* RECUADRO------------------------------------------
================================================== */
#originalidad	{
	width: 100%;
}

#recuadro {
	font-size: 1em;
	color: #000;
	padding: 5px 15px;
	text-align: center;
	background-color: #ededed;
	width: 250px;
	margin: 0 auto;
	border-radius: 20px 8px 20px 8px;
}

#V_U {
	font-size: 1.2em;
	color: #000;
	padding: 5px 15px;
	text-align: center;
	background-color: #ededed;
	margin: 0 auto;
	border-radius: 20px 8px 20px 8px;
	list-style: none;	
}

#huevada	{
	width: 60%;
	height: 100%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}




#huevo1a {
	text-decoration: none;
	font-size: 1em;
	color: #000;
	padding: 5px 15px;
	text-align: center;
	background-color: #ededed;
	display: block;
	width: 250px;
	margin: 0 10px 10px 10px;
	/* float: left; */
	border-radius: 20px 8px 20px 8px;
}

#huevo1b {
	text-decoration: none;
	font-size: 1em;
	color: #000;
	padding: 5px 15px;
	text-align: center;
	background-color: #ededed;
	width: 250px;
	display: block;
	margin: 0 10px 10px 10px;
	/* float: left; */
	border-radius: 20px 8px 20px 8px;
}

#huevo2a {
	text-decoration: none;
	font-size: 1em;
	color: #000;
	padding: 5px 15px;
	text-align: center;
	background-color: #ededed;
	width: 250px;
	display: block;
	margin: 0 10px 10px 10px;
	/* float: left; */
	border-radius: 20px 8px 20px 8px;
}

#huevopie {
	font-size: 1em;
	font-family: arial;
	color: #fff;
	padding: 5px 15px;
	margin-left: 20px;
	/* background-color: #555; */
	width: 120px;
	display: block;
	border-radius: 20px 8px 20px 8px;
	float: left;
	text-align: center;
}

#huevopie:hover {
	color: #f40;
}

#proylinks {
	font-size: 1em;
	color: #000;
	font-weight: 600;
	padding: 5px 10px;
	margin-left: 20px;
	background-color: #ededed;
	width: 50%;
	border-radius: 0 20px 20px 0;
	position: absolute;
}

#proylinks:hover {
	color: #f40;
}

.subli a		{
	background-color: #888;
	color: #000;
	text-decoration: none;
	padding: 0 10px;
	display: block;
}

#mapapie	{
	width: 100%;
	height: 250px;
	margin: 0 auto;
	display: flex;
}

#mapaweb	{
	margin: 0 auto;
	display: block;
	text-decoration: none;
	text-align: center;
	justify-content: center;
}

#mapaweb > li	{
	float:left;
	font-size: 1em;
	font-family: arial;
	color: #fff;
	padding: 5px 15px;
	margin: 0 5px 120px 5px;
	background-color: #555;
	width: 120px;
	display: block;
	border-radius: 20px 8px 20px 8px;
	text-decoration: none;
	text-align: center;
	justify-content: space-around;
}
	
#mapaweb li a	{
	color: #fff;
}

#mapaweb li a:hover	{
	color: #f40;
}

#mapaweb li ul	{
	display: none;
	position: absolute;
	width: 140px;
	background-color: #888;
	text-align: left;
	padding: 10px 15px;
	color: #000;
	transition: background-color 1s;
	font-size: 1em;
}
	
#mapaweb li ul a	{
	color: #000;
	font-size: .9em;
}
	
#mapaweb li ul a:hover	{
	color: #fff;
	background-color: #800;
	padding: 1px 5px 1px 10px;
	font-size: .9em;
	width: 100%;
	display: block;
}
	
#mapaweb li:hover > ul	{
	display: block;
	transition: background-image 1s, border-radius 1s;
		-moz-transition: background-image 1s, border-radius 1s;
		-webkit-transition: background-image 1s, border-radius 1s;
}

#mapaweb li ul	{
	list-style: none;
}

/* #mapaweb li ul li	{
	position: relative;
} */


	
/* #mapaweb li ul li ul{
	right: -140px;
	top: 0px;
} */
	
/* ul	{
	list-style: none;
} */



/* OCULTAR DESCRIPCIÓN-------------------------------
================================================== */
#leer	{
	text-decoration: none;
	font-size: .8em;
	color: #fff;
	text-shadow: 1px 1px rgba(0,0,0,0.65);
	margin: 0 auto;
	display: flex;
	justify-content: center;
	text-align: center;
	list-style: none;
	padding: 10px;
}

#leerMW	{
	text-decoration: none;
	font-size: .8em;
	color: #f40;
	text-shadow: 1px 1px rgba(0,0,0,0.65);
	margin: 0 auto;
	text-align: center;
	list-style: none;
}

#leerU	{
	text-decoration: none;
	font-size: .8em;
	color: #fff;
	text-shadow: 1px 1px rgba(0,0,0,0.65);
	margin: 0 auto;
	display: flex;
	justify-content: center;
	text-align: center;
	list-style: none;
	padding: 10px;
}

#leer1, #leer2, #leer3, #leer4, #leer5, #leer6, #leer7, #leer8, #leer9	{
	text-decoration: none;
	font-size: .8em;
	color: #fff;
	text-shadow: 1px 1px rgba(0,0,0,0.65);
}

#leer1t, #leer2t, #leer3t, #leer4t, #leer5t, #leer6t, #leer7t	{
	text-decoration: none;
	font-size: .8em;
	color: #fff;
	text-shadow: 1px 1px rgba(0,0,0,0.65);
	margin-left: 15px;
}

#leerK	{
	text-decoration: none;
	font-size: .8em;
	color: #fff;
	text-shadow: 1px 1px rgba(0,0,0,0.65);
	margin: 0 auto;
	text-align: center;
	list-style: none;
}

#parrafoOculto	{
	display: none;
	font-size: 1em;
	color: #000;
}

#parrafoOculto1t, #parrafoOculto2t, #parrafoOculto3t, #parrafoOculto4t, #parrafoOculto5t,
#parrafoOculto6t, #parrafoOculto7t	{
	display: none;
	font-size: 1em;
	color: #000;
}

#parrafoOcultoK	{
	display: none;
	font-size: .8em;
	color: #000;
}

#ocultar	{
	text-decoration: none;
	font-size: .8em;
	color: #f40;
	text-shadow: 1px 1px rgba(0,0,0,0.65);
	margin: 0 auto;
	text-align: center;
	list-style: none;
}

#ocultar1t, #ocultar2t, #ocultar3t, #ocultar4t, #ocultar5t, #ocultar6t, #ocultar7t	{
	text-decoration: none;
	font-size: .8em;
	color: #f40;
	text-shadow: 1px 1px rgba(0,0,0,0.65);
	margin: left;
}

#ocultarK	{
	text-decoration: none;
	font-size: .8em;
	color: #f40;
	text-shadow: 1px 1px rgba(0,0,0,0.65);
	margin-left: 318px;
}

.desplegable1, .desplegable2, .desplegable3, .desplegable4, .desplegable5, .desplegable6,
.desplegable7, .desplegable8, .desplegable9,
.desplegable1t, .desplegable2t, .desplegable3t, .desplegable4t, .desplegable5t,
.desplegable6t, .desplegable7t, .desplegable8t, .desplegable9t	{
	display: none;
	list-style: none;
}

.asili .desplegable1, .asili .desplegable2, .asili .desplegable3, .asili .desplegable4,
.asili .desplegable5, .asili .desplegable6, .asili .desplegable7, .asili .desplegable8,
.asili .desplegable9,
.asili .desplegable1t, .asili .desplegable2t, .asili .desplegable3t, .asili .desplegable4t,
.asili .desplegable5t, .asili .desplegable6t, .asili .desplegable7t, .asili .desplegable8t,
.asili .desplegable9t	{
	display: none;
	position: relative;
	width: 190px;
	color: #000;
}

.asili:hover > .desplegable1
				.desplegable2
				.desplegable3
				.desplegable4
				.desplegable5
				.desplegable6
				.desplegable7
				.desplegable8
				.desplegable9
				.desplegable1t
				.desplegable2t
				.desplegable3t
				.desplegable4t
				.desplegable5t
				.desplegable6t
				.desplegable7t
				.desplegable8t
				.desplegable9t	{
	display: block;
	margin: 8px 0 0 0;
}

.desplegable	{
	display: none;
	list-style: none;
}

.desplegableMW	{
	display: none;
	list-style: none;
	margin: 0 auto;
}

.desplegableU	{
	display: none;
	list-style: none;
}

/* #huevopie .desplegable	{
	display: none;
	position: absolute;
	width: 190px;
	color: #000;
}
#huevopie:hover > .desplegable	{
	display: block;
	margin: 8px 0 0 0;
} */
/* PÁGINA EN CONSTRUCCIÓN----------------------------
================================================== */
#obrasweb {
	width: 640px;
	height: 385px;
	margin: 0 auto;
	background-image: url(galeria/obras.png);
}

#perdon1	{
	font-size: 2em;
	font-family: arial;
	font-weight: 900;
	text-align: center;
}

#perdon2	{
	font-size:1.5em;
	font-family: arial;
	font-weight: 700;
	text-align: center;
	padding-bottom: 20px;
}


/* AFICIÓN A LA ASTRONOMÍA------------------------ */
#earth-moon	{
	margin: 0 auto;
	width: 90%;
	height: 280px;
}


/* PIE-----------------------------------------------
================================================== */
#pie	{
	/* height: 100%; */
	background-color: #000;
	border-top: 4px #f40 solid;
}

#textopie	{
	margin: 0 auto;
	text-align: center;
	padding: 10px 0 20px 0;
	width: 100%;
}

#piePerro	{
	/* height: 100%; */
	background-color: #000;
	border-top: 4px #5f0 solid;
}

#disweb	{
	color: #888;
	font-family: arial;
	font-size: .7em;
	text-align: center;
	margin: 0 auto;
}

#dgu	{
	color: #888;
	font-family: arial;
	font-size: .9em;
	text-align: center;
	margin: 0 auto;
}

#copy21	{
	width: 100%;
	margin: 0 auto;
	color: #fff;
	font-family: arial;
	font-weight: 600;
	font-size: 1em;
	text-align: center;
	padding-top: 5px;
	visibility: hidden;
	position: absolute;
}

#copy22	{
	width: 100%;
	margin: 0 auto;
	color: #fff;
	font-family: arial;
	font-weight: 600;
	font-size: 1em;
	text-align: center;
	padding-top: 5px;
	visibility: hidden;
	position: absolute;
}

#copy23	{
	width: 100%;
	margin: 0 auto;
	color: #fff;
	font-family: arial;
	font-weight: 600;
	font-size: 1em;
	text-align: center;
	padding-top: 5px;
	visibility: hidden;
	position: absolute;
}

#copy24	{
	width: 100%;
	margin: 0 auto;
	color: #fff;
	font-family: arial;
	font-weight: 600;
	font-size: 1em;
	text-align: center;
	padding-top: 5px;
	visibility: hidden;
	position: absolute;
}

#copy25	{
	width: 100%;
	margin: 0 auto;
	color: #fff;
	font-family: arial;
	font-weight: 600;
	font-size: 1em;
	text-align: center;
	padding-top: 5px;
	/* visibility: hidden; */
	position: absolute;
}

#copy26	{
	width: 100%;
	margin: 0 auto;
	color: #fff;
	font-family: arial;
	font-weight: 600;
	font-size: 1em;
	text-align: center;
	padding-top: 5px;
	visibility: hidden;
	position: absolute;
}

#copy27	{
	width: 100%;
	margin: 0 auto;
	color: #fff;
	font-family: arial;
	font-weight: 600;
	font-size: 1em;
	text-align: center;
	padding-top: 5px;
	visibility: hidden;
	position: absolute;
}

#copy28	{
	width: 100%;
	margin: 0 auto;
	color: #fff;
	font-family: arial;
	font-weight: 600;
	font-size: 1em;
	text-align: center;
	padding-top: 5px;
	visibility: hidden;
	position: absolute;
}

#copy29	{
	width: 100%;
	margin: 0 auto;
	color: #fff;
	font-family: arial;
	font-weight: 600;
	font-size: 1em;
	text-align: center;
	padding-top: 5px;
	visibility: hidden;
	position: absolute;
}

#copy30	{
	width: 100%;
	margin: 0 auto;
	color: #fff;
	font-family: arial;
	font-weight: 600;
	font-size: 1em;
	text-align: center;
	padding-top: 5px;
	visibility: hidden;
	position: absolute;
}


/* WEB DESIGN----------------------------------------
================================================== */
#webdesign	{
	width: 140px;
	height: 36px;
	margin: 0 auto;
	list-style: none;
}

#webart	{
	background-image: url(galeria/webart.jpg);
	width: 100%;
	height: 100%;
	margin: 0 auto;
	border-radius: 5px;
	border: 1px solid #888;
	list-style: none;
}

#webart:hover	{
	background-image: url(galeria/webart2.jpg);
	border-radius: 20px 8px 20px 8px;
	border: 1px solid #f40;
	transition: background-image 1s, border-radius 1s;
		-moz-transition: background-image 1s, border-radius 1s;
		-webkit-transition: background-image 1s, border-radius 1s;
}

#navegador	{
	width: 200px;
	height: 135px;
	margin: 10px;
}

#subnavegadorMF	{
	margin: auto;
	margin-top: 10px;
	font-size: 1em;
	font-family: arial;
	color: #e30d6d;
	padding: 2px 0;
	text-align: center;
	background-color: transparent;
	width: 150px;
	display: block;
	text-shadow: 1px 1px rgba(0,0,0,0.95);
}

#subnavegadorGC	{
	margin: auto;
	margin-top: 10px;
	font-size: 1em;
	font-family: arial;
	color: #3d9941;
	padding: 2px 0;
	text-align: center;
	background-color: transparent;
	width: 150px;
	display: block;
	text-shadow: 1px 1px rgba(0,0,0,0.95);
}

#subnavegadorIE	{
	margin: auto;
	margin-top: 10px;
	font-size: 1em;
	font-family: arial;
	color: #28aaf5;
	padding: 2px 0;
	text-align: center;
	background-color: transparent;
	width: 150px;
	display: block;
	text-shadow: 1px 1px rgba(0,0,0,0.95);
}

#subnavegadorME	{
	margin: auto;
	margin-top: 10px;
	font-size: 1em;
	font-family: arial;
	color: #0d79c8;
	padding: 2px 0;
	text-align: center;
	background-color: transparent;
	width: 150px;
	display: block;
	text-shadow: 1px 1px rgba(0,0,0,0.95);
}

#subwin7	{
	margin: auto;
	margin-top: 10px;
	font-size: 1em;
	font-family: arial;
	color: #f40;
	padding: 2px 0;
	text-align: center;
	background-color: transparent;
	width: 150px;
	display: block;
	text-shadow: 1px 1px rgba(0,0,0,0.95);
}

#subwin10	{
	margin: auto;
	margin-top: 10px;
	font-size: 1em;
	font-family: arial;
	color: #08f;
	padding: 2px 0;
	text-align: center;
	background-color: transparent;
	width: 150px;
	display: block;
	text-shadow: 1px 1px rgba(0,0,0,0.95);
}



/* ÁREA PRIVADA--------------------------------------
================================================== */
#privado	{
	background-image: url(galeria/privado.png);
	width: 100px;
	height: 36px;
	margin-right: 17px;
	margin-top: -23px;
	border-radius: 20px;
	border: 1px solid #888;
	list-style: none;
	float: right;
	position: relative;
}

#privado:hover	{
	border: 1px solid #f40;
}
