@font-face {
    font-family: "AvantGarde-Md";
    src: url("../fonts/ITCAvantGardeStd-Md.eot");
	font-weight: normal;
	font-style: normal;    
}
@font-face {
    font-family: 'AvantGarde';
    src: url("../fonts/ITCAvantGardeStd-Bk.otf");
}
@font-face {
    font-family: 'AvantGarde';
    font-weight: bold;
    src: url("../fonts/ITCAvantGardeStd-Bold.otf");
}
@font-face {
    font-family: 'AvantGarde-Md';
    src: url("../fonts/ITCAvantGardeStd-Md.otf");
}
@font-face {
    font-family: 'AvantGarde-MdObl';
    src: url("../fonts/ITCAvantGardeStd-MdObl.otf");
}
@font-face {
    font-family: 'AvantGarde-Xlt';
    src: url("../fonts/ITCAvantGardeStd-XLt.otf");
}


body {
    padding: 0px; margin: 0px;
    background-color: white;
    background-image: url("../images/fondos/home_04.jpg");
    background-position: top center;
    background-attachment: fixed;
    font-family: 'AvantGarde';
}
.izquierda { float: left; }
.derecha { float: right; }
a { text-decoration: none }
a img { border: 0px; }

.recuadro-home {
    background-image: url("../images/fondo_cuadros.png");
    background-repeat: repeat;
    padding: 15px 20px;
    width: 336px;
    float: left;
    clear: both;
    margin-left: 43px;
    margin-top: 15px;
}

#yaLoHemos {
    text-align: center;
    margin: 0px;
    margin-top: 30px;
    font-family: 'AvantGarde-MdObl';
    font-size: 20px;
    color: #7a7a7a;
    padding: 0px;
}


.linkPpal {
    display: block;
    text-align: center;
    color: #56595c;
    font-size: 25px;
    text-decoration: none;
    font-family: 'AvantGarde-Md';
}





.main {
    width: 980px;
    margin: 0 auto;
}

.recuadro {
    background-image: url("../images/fondo_cuadros2.png");
    background-repeat: repeat;
    padding-left: 53px;
    padding-right: 53px;
    padding-top: 18px;
    padding-bottom: 13px;
    margin-bottom: 15px;
    overflow: hidden;
}
.recuadroCentro {
    min-height: 468px;
}

.linksPpalesMenu {
    margin-top: 26px;
    display: block;
}
.linksPpalesMenu a, .linksPpalesMenu span {
    color: #56595c;
    font-size: 17px;
    text-decoration: none;
    font-family: 'AvantGarde-Md','AvantGarde-Md_IE' ;    
}


.menu {
    list-style: none;
    float: right;
    clear: right;
    padding: 0px;
    margin: 0px;
    margin-top: 47px;
}
.menu li {
    display: block;
    float: left;
    margin-left: 9px;
}
.menu li a {
    color: #56595c;
    font-size: 17px;
    text-decoration: none;
    font-family: 'AvantGarde-Md';        
}

.menu li a.tienda {
	background-color: #56595c;
	color: #fff;
	padding: 4px 14px;
	border-radius: 5px;
}

.idiomas {
    float: right;
    clear: both;
}
.idiomas a {
    margin-left: 17px;
}

.footer {
    overflow: hidden;
    padding-left: 0px;
    padding-right: 0px;
}
.footer span.lebana {
    color: #56595c;
    font-size: 13px;
    font-family: 'AvantGarde-Md';            
}
.footer .redesSociales {
    margin-left: 15px;
    float: left;
}
.footer .redesSociales a {
    text-decoration: none;
    outline: none;
}
.footer .redesSociales a img {
    border: 0px;
}
.footer span.derechos {
    color: #797a7c;
    font-size: 13px;
    font-family: 'AvantGarde-Md';            
}
.footer .menuAbajo {
    float: right;
    margin-right: 15px;
}
.footer .menuAbajo a, .footer .menuAbajo span {
    color: #797a7c;
    font-size: 12px;
    font-family: 'AvantGarde-Md';                
}

.titulo-pagina {
    color: #56595c;
    font-size: 20px;
    font-family: 'AvantGarde-Md';
    font-weight: normal;
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
}


.grilla {
    overflow: hidden;
    width: 624px;
    border-right: solid 1px #56595c;
}
.elemento {
    float: left;
    width: 167px;
    margin-right: 40px;
    margin-bottom: 12px;
}
.elemento-banio {
    float: left;
    width: 167px;
    margin-right: 40px;
    margin-bottom: 30px;    
}
    .elemento-titulo {
        width: 100%;
        overflow: hidden;
        margin-bottom: 9px;
    }
    .elemento-codigo {
        display: block;
        float: left;
        width: 62px;
        color: #797a7c;
    }
    .elemento-nombre {
        display: block;
        float: left;
        color: #797a7c;
    }
    .elemento-foto {
        max-width: 167px;
        max-height: 106px;
    }
    
.texto {
    color: #707173;
    text-align: justify;
    font-size: 13px;
    font-family: 'AvantGarde-Md';                
}


.columna1 {
    width: 170px;
    margin-right: 50px;
    min-height: 490px;
}
.columna1 > .elemento-titulo > .elemento-codigo, .columna1 > .elemento-titulo > .elemento-nombre {
    font-size: 22px;
}
.elemento-texto {
    font-size: 13px;
    color: #5b5c5e;
    font-family: "AvantGarde-Md";
}

strong {
    font-weight: normal !important;
    color: #56595c !important;
}

.columna2 {
    width: 650px;
}


.codigoVertical, .codigoHorizontal {
    font-size: 70px;
    color: #56595c;
}
.textoVertical {
    font-family: "AvantGarde-Md";
    font-size: 13px;
    color: #5b5c5e;
    float: left;
    width: 275px;
    text-align: justify;
    margin-left: 25px;
    margin-top: 30px;
}
.fotoVertical {
    float: left;
}
.codigoVertical {
    float: left;
    margin-left: 25px;
}

.fotoHorizontal {
    margin-bottom: 32px;
    overflow: hidden;
}
.codigoHorizontal {
    text-align: left;
    float: left;
    width: 250px;
}
.textoHorizontal {
    font-family: "AvantGarde-Md";
    font-size: 13px;
    color: #5b5c5e;
    float: left;
    width: 400px;
    text-align: justify;
}


.contactoForm {
    border: solid 1px #56595c;
    padding: 20px;
    margin-top: 20px;
}
.contactoForm .label {
    color: #a5a4a4;
    font-family: "AvantGarde-Md";
}
.contactoFormInput {
    color: #a5a4a4;
    border: none;
    width: 92%;
    border-bottom: solid 1px #a5a4a4;
    font-family: "AvantGarde-Md";
    outline: none;
    padding: 5px;
    margin-bottom: 15px;
}
.contactoFormEnviar {
    font-family: "AvantGarde-Md";
    color: #56595c;
    border: none;
    font-size: 16px;
    cursor: pointer;
}

.parrafo-verde {
    color: #56595c;
    font-family: "AvantGarde-Md";
}
.parrafo-gris {
    color: #a5a4a4;
    font-family: "AvantGarde-Md";
}


.volverLink {
    position: absolute;
    bottom: 0px;
    left: 0px;
    color: #5b5c5e;
    text-decoration: none;
    cursor: pointer;
    display: block;
}
.volverLink:hover {
    text-decoration: underline
}


.elemento-forum {
    width: 168px;
    /*height: 270px;*/
    float: left;
    /*margin-right: 68px;*/
    margin-right: 64px;
    margin-bottom: 30px;
}
.elemento-forum-foto-container {
    width: 168px;
    height: 147px;
}
.elemento-forum-foto {
    max-width: 168px;
    max-height: 147px;    
}
.elemento-forum-titulo {
    font-family: 'AvantGarde';
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    margin-top: 24px;
    margin-bottom: 3px;
    color: #959595;
}
.elemento-forum-texto {
    font-family: 'AvantGarde-Md';
    font-size: 13px;
    text-align: left;
    color: #959595;
}
.elemento-forum-texto * {
    margin: 0px !important;
    color: #959595 !important;
    font-family: 'AvantGarde-Md' !important;
    font-size: 13px !important;
    text-align: left !important;
}

.listado-proyectos a {
    display: block;
    font-size: 16px;
}




/** OUTLET **/
.elemento-outlet {
    width: 100%;
    display: block;
    min-height: 131px;
    overflow: hidden;
}
.elemento-outlet-numero {
    font-size: 70px;
    color: #56595c;
    float: left;
    width: 160px;
}
.elemento-outlet-foto-container {
    float: left;
    display: block;
}
.elemento-outlet-texto {
    float: left;
    margin-left: 60px;
    width: 400px;
    text-align: left;
    padding: 0px;
    color: #a5a4a4;
    font-family: "AvantGarde-Md";
    font-size: 13px;
}
.elemento-outlet-texto p {
    margin: 0px; padding: 0px;
    margin-bottom: 6px;
}


/** DESCARGAS **/
.elemento-descargas {
    width: 100%;
    display: block;
    min-height: 52px;
    overflow: hidden;
    margin: 10px 0px;
}
.elemento-descargas img {
    float: left;
}
.elemento-descargas a {
    margin-left: 30px;
    font-family: 'AvantGarde-Md';
    font-size: 16px;
    color: #a5a4a4 !important;
    margin-top: 14px;
    float: left;
}






.paginador {
    overflow: hidden;
    float: right;
    clear: both;
}

.textoHorizontalProyecto {
    font-family: "AvantGarde-Md";
    font-size: 13px;
    color: #5b5c5e;
    float: left;
    width: 400px;
    text-align: justify;
}
.textoVerticalProyecto {
    font-family: "AvantGarde-Md";
    font-size: 13px;
    color: #5b5c5e;
    float: left;
    width: 295px;
    text-align: justify;
    margin-left: 25px;
    margin-top: 15px;
}

.codigoVerticalProyecto {
    float: left;
    margin-left: 25px;
}
.codigoVerticalProyecto, .codigoHorizontalProyecto {
    font-size: 70px;
    color: #56595c;
}
.codigoHorizontal {
    text-align: left;
    float: left;
    /*width: 135px;*/
}











/****************************************************************
 * SIMPLEMODAL
 ***************************************************************/
	#simplemodal-container a.modalCloseImg {
		background:url(../images/x.png) no-repeat;
		width:25px;
		height:29px;
		display:inline;
		z-index:9999;
		position:absolute;
		top:0px;
		right:0px;
		cursor:pointer;
	}
	#basic-modal-content {
		display:none;
	}
	
	/* Overlay */
	#simplemodal-overlay {background-color:white;}
	
	/* Container */
	#simplemodal-container {
		background-color: transparent;
	
	}
	.simplemodal-data > img {
		border-radius: 10px;
		-moz-border-radius: 10px;
		border:4px solid #deebe4;
		background-color:#f9fdfa;
		padding: 10px;
		display: block;
	}
	
	.aceptarModalBtnContainer {
		margin-top: 20px; 
		float:left; 
		width: 100%; 
		clear: both; 
		text-align: center
	}
	.aceptarModalBtn {
		background-color: #65B43D;
		color: #eeeeee;
		font-size: 12px;
		font-weight: bolder;
		border: none;
		padding: 6px;
		cursor: pointer;
	}
    
#loading {
    z-index: 9999;
    position: absolute;
    top: 48%; left: 48%;
    width: 32px;
    height: 32px;
    background-color: white;
    display: none;
}


.elemento-solucion1 {
    float: left;
    margin-right: 40px;
    margin-bottom: 25px;
    width: 167px;
    height: 160px;
}
.elemento-solucion1 .elemento-titulo {
    height: 45px;
    position: relative;
}
.elemento-solucion1 .elemento-titulo span {
    position: absolute;
    bottom: 5px;
}
.elemento-solucion1 .elemento-foto {
    margin-top: 0px;
}


.foto-solucion {
    float: left;
    margin-bottom: 25px;
    margin-right: 20px;
}