@font-face {
    font-family: 'zx_spectrum_7_boldregular';
    src: url('zx_spectrum-7_bold-webfont.woff2') format('woff2'),
         url('zx_spectrum-7_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

li{
	list-style:none;
}

#thumbs li{
	display: inline;
	padding-left:3px;
	padding-right:3px;
}

#thumbs img{
	margin-top:5px;
}

ul{
	padding-left:0px;
}

body{
	background-color:#141f3d;
}

.titulo{
	color:white;
	font-size:2.5em;
	font-style:italic;
}

.tituloIndice{
	color:white;
	font-size:large;
	font-style:italic;
}

.detalleIndice{
	color:lightblue;
	font-size:1em;
	font-weight:bold;
	margin-top:5px;
}

.descripcion{
	color:white;
	font-size:0.9em;
}

.labelField{
	color:lightblue;
	font-size:1.2em;
	font-weight:bold;
}

.field{
	color:white;
	font-size:1.2em;
}

.center{
	text-align:center;
}

.menu{
	color:black;
	font-family:'zx_spectrum_7_boldregular';
	text-decoration:none;
	font-size:1.5em;
}

.menu:hover{
	color:black;
	text-decoration:none;
}

.menu:visited{
	color:black;
}

.mainmenu{
	color:white;
	text-decoration:none;
	font-size:0.85em;	
	font-weight:bold;	
}

.mainmenu:hover{
	color:white;	
	font-weight:bold;
}

.mainmenu:visited{
	color:white;	
	font-weight:bold;
}

.containerMenu{
	margin-top:50px;
	margin-bottom:50px;
	background-color:black;
	padding:10px;
}

#alien{
	text-align:center;
}

#saludoIntro{
	color:white;
	margin-top:40px;
}

#nombreIntro{
	color: white;
	font-size:1.1em;
	font-weight:bold;
}

.contactImage{
	padding-left:15px;
}

.margin-top{
	margin-top:10px;
}

#email{
	margin-left:10px;
	font-size:1.7em;
}

.linkMain{
	text-decoration:none;
	color:white;
	font-weight:bold;
}
.linkMain:hover{	
	color:white;
	font-weight:bold;
}
.linkMain:visited{	
	text-decoration:none;
	color:white;
	font-weight:bold;
}
.left{
	padding-left:15px;
}

.portfolio-box{
    background-color:#1A2137;
    padding-left:15px;
    padding-right:15px;
    margin-left:auto;
    margin-right:auto;
    box-shadow:1px 1px 4px 2px #888888;
	height:200px;
	margin-bottom:15px;
	min-width: 200px;
	max-width: 200px;
}

.portfolio-row{
    margin-bottom:30px;
}

.menu-option-selected{
	background-color: #1A2137;
	box-shadow:1px 1px 4px 2px #888888;
	border: 2px solid black;  
	border-radius: 25px;
}

.bd-placeholder-img {
	font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.menu-flag{
	width:100%;	
	padding:3px;
}

@media (min-width: 320px){
	.menu-flag{
		width:100%;	
	}
	.colPortfolio{
		.col-12;
	}
	iframe{
		width:100%;
		height: 200px;
	}
}

@media (min-width: 576px) { 
	.menu-flag{
		width:50%;
	}
	.colPortfolio{
		.col-6;
	}
	iframe{
		width:560px;
		height: 400px;
	}
	/*.colPortfolio{
		.col-12;
	}*/	
}

@media (min-width: 768px) {
	.bd-placeholder-img-lg {
    	font-size: 3.5rem;
    }
    .menu-flag{
		width:35%;	
	}
    /*.colPortfolio{
		.col-6;
	}*/
	.colPortfolio{
		max-width: 250px;
		min-width: 250px;
		margin-right: 20px;
	}
	.menu-option-selected{
        font-size:large;
        padding-bottom:5px;
        padding-left:10px;
        padding-right:10px;
	}
}

@media (min-width: 992px){
	.menu-flag{
		width:25%;	
	}
	/*.colPortfolio{
		.col-4;
	}*/
	.colPortfolio{
		max-width: 250px;
		min-width: 250px;
		margin-right: 20px;
	}
}



.image-lang-selected{
	box-shadow: 1px 1px 4px 2px #888888;
}

#lang-list{
    display:none;
}

#portfolio-filters label{
    color:white;
    padding-left:3px;
}

#portfolio-filters li{
    display:inline;
    width:25%;
    float:left;
}

#portfolio-filters{
    background-color:lightslategray;
    padding-left:30px;
    border-style:double;
}

input[type='checkbox'] {
    -webkit-appearance:none;
    width:30px;
    height:30px;
    background:white;
    border-radius:5px;
    border:2px solid #555;
}

input[type='checkbox']:checked {
    background: grey;
}

.filter-checkbox{
	vertical-align: middle;
}

#thumbs{
	margin-top:10px;
}

#imagen{
	min-width: 200px;
}