@charset "utf-8";
/* CSS Document */

html, body
{
    height: 100%;
}

body {
	font-family: "Didact Gothic";
	margin: 0;
	padding: 0;
	color: #333;
}
a {
	text-decoration: none;
	color: #333;
}
a:hover {
	text-decoration: underline;
}

h1, h2, h3, p {
	margin: 0px;
	padding: 0px;
}
#main {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 9999;
	background-color: #fff;
}
#main-title {
	margin: 10px;
	
}
#main-title-logo {
	float: left;
	width: 25%;
}
#main-title-logo img {
	max-width: 583px;
}

#main-title-menu {
	float: left;
	width: 75%;
	min-height: 25px;
}

#main-content {
	clear: both;
}


/*CSS MENU*/
ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.title-menu li {

	
}

ul.title-menu li a{
	display: block;
	float: right;
	text-align: center;
	width: 80px;
	padding: 5px;
	border: 1px solid #fff;
	margin-right: 10px;
	margin-bottom: 0px;
	text-decoration: none;
	margin-top: 0px;
}
ul.title-menu li.actual a{
	background-color: #ccc;
	border: 1px solid #ccc;
}
ul.title-menu li a:hover {
	background-color: #FF9900;
	border: 1px solid #FF9900;	
}
#proyectos {
	font-size: 0.8em;
}

#proyectos img {
	margin: 3px;
	border: 2px solid #fff;
}
#proyectos img:hover {
	border: 2px solid #FF9900;
}

.image-caption {
	color: #FFF;
	background-color: #666;
	position: absolute;
	bottom: 115px;
	left: 0px;
	padding: 5px 20px;
}
.logo-caption {
	color: #FFF;
	background: rgba(0, 0, 0, 0.15);
	position: absolute;
	bottom: 200px;
	left: 0px;
	padding: 5px 20px;
	font-size: 2.1em;
	z-index: 999;
}


/*CSS FOOTER*/
#footer {
	margin-top: 0px;
	background-color: #FFF;
	font-size: 0.8em;
	text-transform: uppercase;
	padding: 5px 20px;
	height: auto;
	text-align: right;
	position: absolute;
	bottom: 0px;
	width: 100%;
	z-index: 999;
}


/*CSS PORTADA RESPONSIVE*/

.responsive-image, .responsive-image2, .responsive-image3, .responsive-image4, .responsive-image5, .responsive-image6, .responsive-image7, .responsive-image8, .responsive-image9, .responsive-image10{
    width: 100%;
    background-size: 100% 100%;
} 

/* Retina display */
@media screen and (min-width: 2560px){
    .responsive-image{
        background-image: url('../img/portada2/01-Linares-01.jpg');
    }
	.responsive-image2{
        background-image: url('../img/portada2/02-Neuron-Fachada-Sur-01.jpg');
    }
	.responsive-image3{
    }
	.responsive-image4{
        background-image: url('../img/portada2/04-RioTinto-01.jpg');
    }
	.responsive-image5{
        background-image: url('../img/portada2/05-VPO-Sevilla-Este-01.jpg');
    }
	.responsive-image6{
        background-image: url('../img/portada2/06-ETCySG-Sala-24h-01.jpg');
    }
	.responsive-image6{
    }
	.responsive-image8{
        background-image: url('../img/portada2/08-Local-Navalpedroche-01.jpg');
    }
	.responsive-image9{
        background-image: url('../img/portada2/09-Oficina-Metro-Granada-01.jpg');
    }
	.responsive-image10{
        background-image: url('../img/portada2/10-Biblioteca-ETCySG-01.jpg');
    }
}
/* Desktop */
@media screen and (min-width: 1200px) and (max-width: 2560px){
    .responsive-image{
        background-image: url('../img/portada2/01-Linares-02.jpg');
    }
	.responsive-image2{
        background-image: url('../img/portada2/02-Neuron-Fachada-Sur-02.jpg');
    }
	.responsive-image3{
    }
	.responsive-image4{
        background-image: url('../img/portada2/04-RioTinto-02.jpg');
    }
	.responsive-image5{
        background-image: url('../img/portada2/05-VPO-Sevilla-Este-02.jpg');
    }
	.responsive-image6{
        background-image: url('../img/portada2/06-ETCySG-Sala-24h-02.jpg');
    }
	.responsive-image7{
    }
	.responsive-image8{
        background-image: url('../img/portada2/08-Local-Navalpedroche-02.jpg');
    }
	.responsive-image9{
        background-image: url('../img/portada2/09-Oficina-Metro-Granada-02.jpg');
    }
	.responsive-image10{
        background-image: url('../img/portada2/10-Biblioteca-ETCySG-02.jpg');
    }
}
/* Mobile */
@media screen and (max-width: 1200px){
    .responsive-image{
        background-image: url('../img/portada2/01-Linares-03.jpg');
    }
	.responsive-image2{
        background-image: url('../img/portada2/02-Neuron-Fachada-Sur-01.jpg');
    }
	.responsive-image3{
    }
	.responsive-image4{
        background-image: url('../img/portada2/04-RioTinto-03.jpg');
    }
	.responsive-image5{
        background-image: url('../img/portada2/05-VPO-Sevilla-Este-03.jpg');
    }
	.responsive-image6{
        background-image: url('../img/portada2/06-ETCySG-Sala-24h-03.jpg');
    }
	.responsive-image7{
    }
	.responsive-image8{
        background-image: url('../img/portada2/08-Local-Navalpedroche-03.jpg');
    }
	.responsive-image9{
        background-image: url('../img/portada2/09-Oficina-Metro-Granada-03.jpg');
    }
	.responsive-image10{
        background-image: url('../img/portada2/10-Biblioteca-ETCySG-03.jpg');
    }
}