/*
Colores corporativos
gris-beige: #B4A689
mostaza: #C6952E
azulado: #038593
magenta: #b01f3e
*/

*{
	margin: 0px;
	padding: 0px;
}

h1{
	font-size:42px;
	margin: 10px;
	/*color: #333333*/
}

h2{    
	font-size:36px;
	margin: 0px;
        text-align: left;
	/*color: #333333;*/
}

h3{
	font-size:36px;
	margin: 10px;
        color: #000;/*Para web con fondo Blanco*/
        /*color: #eee;/*Para web con fondo Negro*/
        
        /*color: #B4A689; /*gris-beige*/
        /*color: #C6952E; /*mostaza*/
        /*color: #038593; /*azulado*/
        /*color: #b01f3e; /*magenta*/
}

h4{
	font-size:24px;
/*	color: #F60;*/
	margin: 0px;
	text-align: center;
	/*color: #333333;/*Para web con fondo Blanco*/
	/*background-color: #eee;/*Para web con fondo Blanco*/
        /*color: #eee;/*Para web con fondo Negro*/
	/*background-color: #000;/*Para web con fondo Negro*/
        /*color: #B4A689; /*gris-beige*/
        /*color: #C6952E; /*mostaza*/
        /*color: #038593; /*azulado*/
        /*color: #b01f3e; /*magenta*/
}

h5{
	font-size:24px;
/*	color: #F60;*/
	margin: 0px;
	text-align: left;
	/*color: #333333;/*Para web con fondo Blanco*/
	/*background-color: #eee;/*Para web con fondo Blanco*/
        /*color: #eee;/*Para web con fondo Negro*/
	/*background-color: #000;/*Para web con fondo Negro*/
        /*color: #B4A689; /*gris-beige*/
        /*color: #C6952E; /*mostaza*/
        /*color: #038593; /*azulado*/
        /*color: #b01f3e; /*magenta*/
}

header, section, footer, aside, nav, article, figure, figcaption, hgroup{
	display: block;
}

body{
	text-align: center;
	/*font-family:  'Open Sans', sans-serif;*/
        /*font-family:  'Ubuntu','Open Sans',sans-serif;*/
        font-family:  'Lato','Open Sans',sans-serif;
        background: #fff;
        color: #000;
}

body a{
    color: #C6952E;
}

#agrupar{
	background: #fff;
        color: #000;
        /*background: #000;*/
	/*color: #fff;*/
	margin:0px;
	width: 100%;
	margin: 0px;
	/*Espacio superior para desplazar el contenido y que se vea el menu*/
	padding: 123px 0px 0px 0px;
	text-align: center;
}


#datoscontacto{
	text-align:center;
	float: right;
	width: 40%;
}

/*#seccion{
	float: left	;
	width: 100%;
	margin: 0px;
	z-index: -1000px;
}*/

#columna{
	float: left;
	width: 220px;
	margin:20px 0px;
	padding: 20px;
/*	background: #CCCCCC;*/
}

.piedepagina{
	clear: both;
	text-align: center;
	/*color: #000;*/
	padding: 20px;
	border-top: 1px solid #999999;
}

article{
/*	background: #FFFBCC;*/
/*	border: 1px solid #999999;*/
	padding: 20px;
	margin-bottom: 15px;
}

article:target {
	color: #009;
	transition: all 1.5 ease-in-out;
}



article footer{
	text-align: right;
}

.clear{
	clear:left;
        border-top: 1px solid #000;
}

.contenedor{
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	position: relative;
	/*background-color: #eee;*/
	/*background-color: #000;*/
        /*color: #fff;*/
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	height: auto;
	alignment-adjust: central;
}

.item {
/*Posicionamiento del panel*/
	position: relative;
	display:inline-table;
	margin: 0px;
	padding: 0px;
        
/*Fondo del panel*/
/*	background: #F93;*/
/*	background-repeat:no-repeat;
	background-image: url(/scenic/images/fondo_item.jpg);
	background-size: 100% 100%;
	background-color: #FFE6C4;*/
	/*background-color: #b5a58b;/*Para web con fondo Blanco*/
        /*background-color: #000;/*Para web con fondo Negro*/

/*Texto raso del panel*/	
	text-align: justify;
	/*color: #555555;/*Para web con fondo Blanco*/

        /*color: #C6952E;/*mostaza*/
        /*color: #b01f3e;/*magenta*/
        color: #B4A689;/*gris-beige*/
        /*color: #038593;/*azulado*/

}

.item img{
	width: 100%;
}
.item .txt{
	margin: 6px;
        float: left;
        /*width: 50%;*/
        text-indent: 15px;
        line-height: 25px;
}

.uno_tres{
	width: 30%;
	min-width: 250px;
        height: 350px;
}

.uno_dos{
	width: 40%;
	min-width: 250px;
        height: 400px;
}

.more{
	/*float: right;*/
        position: absolute;
        bottom: 10px;
        right: 10px;
	margin: 5px;
/*	margin-left: auto;
	margin-right: auto;*/
	clear: both;
	display: block;
	width: 80px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	text-decoration: none;
	background: url(../images/boton.png) no-repeat;
}

.morecontenedor{
/*    margin-right: auto;
	margin-left: auto;*/
	width: 100%;
	/*position: relative;*/
/*	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 10px;*/
	height: 40px;
        bottom: 0px;
/*	alignment-adjust: central;*/

}

.welcome{
	width: 100%;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	/*min-height: 120px;*/
        border-bottom: 1px solid #333333;
        padding-bottom: 15px;
}

.redessociales{
	width: 100%;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: none;
}

.contenedorpaneles{
    width: 50%;
    display: inline-block;
    padding-bottom: 10px;
    margin-top: 10px;
    /*text-align: center;*/
}

.imagenpanel{
    position: relative;
    display:inline-table;
    margin: 0px;
    padding: 0px;
    padding-bottom: 0px;
    width: 100%;
    /*border: 1px solid #cccccc;*/
    color: #b01f3e;
}

.txt_gray{
	font-size: 42px;
	font-weight: normal;
	/*color: #333333;*/
        color: #B4A689;
        
}
.txt_orange{
	font-size: 42px;
	font-weight: normal;
	/*color: #e67e22;/*Para la web con el fondo Blanco*/
        color: #C6952E;/*Para la web con el fondo Negro*/
}
.txt_slogan{
	font-size: 14px;
	color: #929292;
}

.titulopagina{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0px;
	min-height: 40px;
	/*border-bottom: 1px solid #cccccc;*/
	margin: 0px 0;
	font-size: 44px;
	font-weight: bold;
	/*color: #333333;*/
        /*color: #C6952E;/*mostaza*/
        /*color: #b01f3e;/*magenta*/
        color: #B4A689;/*gris-beige*/
        /*color: #038593;/*azulado*/
}

.tituloseccion{
    width: 90%;
    position: relative;
    display: inline-block;
    /*color: #C6952E;*/
    color: #000;
}

.seccion{
    width: 90%;
    position: relative;
    display: inline-block;
}

/*.imagen{
	position: relative;
	display: inline-block;
	min-width: 400px;
	width: 45%;
	margin: 0px;
}*/

.imagen{
    width: calc(50% - 20px);
    margin: 10px 10px;
    /*margin: 0px 10px 10px 0px;*/
    padding: 0px 0px;
}
.derecha{
    float: right;
}

.izquierda{
    float: left;
}

/*img.izquierda{
	float:left;
	width: 100%;
}
img.derecha{
	float: right;
	width: 100%;	
}*/
img{
    width: 100%;
    text-indent: 0px;
}

.texto{
	position: relative;
	display:inline-block;
	min-width: 400px;
	/*width: 45%;*/
	margin: 0px;
	padding: 0px;
	height: auto;
	top: 0px;
	text-align: justify;
	vertical-align: top;
        text-indent: 30px;
        line-height: 25px;

        /*color: #C6952E;/*mostaza*/
        /*color: #b01f3e;/*magenta*/
        /*color: #B4A689;/*gris-beige*/
        /*color: #038593;/*azulado*/
        color: #000;/*negro*/

	
}
.texto p{
    padding-bottom: 25px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

.texto ul{
    /*float: left;*/
    padding-left: 10px;
    list-style-position: inside;
    
}

.texto li{
    padding-left: 0px;
    border-left: 0px;
    
}


p.derecha{
    float: right;
}

p.izquierda{
    float:left;
}

.contenedorproyecto{
	display: inline-block;
	width: 90%;
	height: auto;
	padding: 0px;
	margin: 5px;
}

.contenedorproyecto img{
	position: relative;
	display: inline-block;
        float: left;
	width: 50%;
	min-width: 400px;
	cursor: pointer;
}

.textoproyecto{
/*	float: left;*/
	position: relative;
	display:inline-block;
        float: left;
	margin: 2px;
	padding-left: 10px;
	height: auto;
	max-width: 48%;
	top: 0px;
	text-align: justify;
        /*color: #B4A689; /*Color corporativo beige-gris*/
        color: #000;
	vertical-align: top;
        line-height: 25px;
        /*text-indent: 30px;*/
}


.textoproyecto a{

}




.contenedormapa{
	display: inline-block;	
/*	float: left;*/
	position: relative;
	width: 100%;
	padding: 0px;
}

.contenedormapa iframe{
	position: relative;
	display: inline-block;
	float: left;
/*	float: left;
	top: 0;
	left: 0;*/
	width: 60%;

	border: none;
}

.txtmapa{
	position: relative;
	display:inline-block;
	float: left;
        width: 34%;
	margin: 0px;
	padding: 10px;
        padding-left: 3%;
	
        /*min-width: 350px;*/
	
/*Fondo del panel*/
/*	background: #F93;*/
/*	background-repeat:no-repeat;
	background-image: url(/scenic/images/fondo_item.jpg);
	background-size: 100% 100%;
	background-color: #FFE6C4;
	background-color: #b5a58b;*/
	vertical-align: top;
        /*text-indent: 30px;*/

/*Texto raso del panel*/	
	text-align: justify;
        color: #B4A689;/*gris-beige*/
        line-height: 25px;
}

.contenedorform{
	display: inline-block;
	position: relative;
	width: 40%;
	float: left;
}

.boton{
    margin-left: 30px;
    margin-top: 10px;
    margin-bottom: 5px;
    padding-top: 10px;
    line-height: 10px;
    /*border-width: 1px;
    border-color: #333333;
    border-style: solid;*/
    /*background-color: #B4A689;*/
    vertical-align: central;
    /*font-family:  'Open Sans', sans-serif;*/
    font-family:  'Lato','Open Sans',sans-serif;
    font-weight: 300; 
    font-style: normal; 
    font-size: 14px;
    text-decoration: none;
    color: #C6952E;

}

.boton:hover{
    /*background-color: #C6952E;*/
    color: #000;
}

table#publicaciones{
    display: inline;
    align-items: center;
    width: 80%;
    text-align: left;
    color: #000;
    
}

table#publicaciones td{
    padding: 5px;
}


table#publicaciones tr:nth-child(even) {
    background-color: #cccccc;
}
table#publicaciones tr:nth-child(odd) {
    background-color: #bbb;
}
table#publicaciones tr:nth-child(1) {
    background-color: #B4A689;
}

table#publicaciones a{
    color: #009;
}

.resumen{
    display: none;
}

@media only screen and (max-width : 800px) {
    #agrupar{
	/*Espacio superior para desplazar el contenido y que se vea el menu*/
	padding: 123px 0px 0px 0px;
    }
    .contenedor{
        width: 100%;
    }
    .uno_dos{
        min-width: 100%;
        height: auto;
    }
    .uno_tres{
        min-width: 100%;
        height: auto;
    }
    .imagen{
        min-width: 100%;
        margin: 10px 0px;
        padding: 0px;
    }
    .texto{        
        min-width: 100%;
    }
    .contenedormapa iframe{
        width: 90%;
        float: none;
    }
    .txtmapa{
        min-width: 90%;
    }
    .textoproyecto{
        max-width: 100%;
    }
    .contenedorproyecto img{
        min-width: 0px;
        width: 100%;
    }
    .resumen{
        display: block;
    }
    .welcome{
	/*width: 100%;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;*/
	/*min-height: 180px;*/
	/*border-bottom: 1px solid #cccccc;*/
	/*margin: 20px 0;*/
    }
    .redessociales{
        border-top: 1px solid #333333;
	/*border-bottom: 1px solid #333333;*/
    }
    .contenedorpaneles{
        width: 100%;
    }
}