html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

@font-face {
	font-family: 'Futura Std';
	src: url('../fonts/FuturaStd-Bold.eot');
	src: url('../fonts/FuturaStd-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/FuturaStd-Bold.woff') format('woff'),
		url('../fonts/FuturaStd-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Futura Std';
	src: url('../fonts/FuturaStd-Book.eot');
	src: url('../fonts/FuturaStd-Book.eot?#iefix') format('embedded-opentype'),
		url('../fonts/FuturaStd-Book.woff') format('woff'),
		url('../fonts/FuturaStd-Book.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Futura Std';
	src: url('../fonts/FuturaStd-Light.eot');
	src: url('../fonts/FuturaStd-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/FuturaStd-Light.woff') format('woff'),
		url('../fonts/FuturaStd-Light.ttf') format('truetype');
	font-weight: lighter;
	font-style: normal;
}


/*  ---------------------------------- G E N E R A L ---------------------------------- */

BODY { font-family: "Futura Std"; font-size: 14px; }

.w70 {width: 70%; float: left;}
.w30 {width: 30%; float: left;}

NAV {
	width:100%;
	height:100%;
	position: fixed;
	background-color: #000000;
	background-image: url('../img/jorge-san-martin-bg-menu.gif');
	background-size: cover;
	z-index:1000;
} NAV A {
	text-decoration: none;
	color: #666666;
	transition: color 0.9s ease;
	font-weight: lighter;
	font-size: 34px;
	line-height: 54px;
	text-transform: uppercase;
	letter-spacing: 10px;
} NAV A:hover {
	color:#FFFFFF;
} NAV A.active {
	text-decoration: underline;
	cursor: pointer;
} NAV UL {
	margin:60px;
} NAV P.datos {
	position:absolute;
	left:60px;
	bottom:60px;
	
} NAV P.datos A {
	color: #FFFFFF;
	font-size: 18px;
	line-height: 32px;
	padding: 0;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 1px;
} NAV P.datos A:hover {
	text-decoration: underline;
}

#menu-icon {
	position: absolute;
	right:18px;
	top:18px;
	width: 30px;
	height:24px;
	background-image: url('../img/jorge-san-martin-menu.svg');
	background-repeat: no-repeat;
	background-size: contain;
} #menu-icon A {
	width: 10px;
} #menu-icon A IMG {
	width: 100%;
} #menu-icon.active {
	background-image: url('../img/jorge-san-martin-menu-close.svg');
}

#menu-logo {
	position: absolute;
	bottom: 22px;
	right: 22px;
	height: 180px;
} NAV H1 {
	color:#FFFFFF;
	letter-spacing: 11px;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: lighter;
	width:20px;
  	writing-mode: vertical-lr;
  	transform: rotate(180deg);
	position: absolute;
	bottom: 230px;
	right: 24px;
	float: left;
}



SECTION {
	padding: 36px;
	padding-left: 98px;
	max-width: 1600px;
	margin: auto;
}

.home-comun {
	max-width: 600px;
	text-align: center;
	padding:0;
	margin:auto;
	padding-top: 100px;
	clear: both;
	margin-bottom: 20px;
}

.home-comun H1 {
	padding-bottom:40px;
}
.home-comun H2 {
	font-family: "Futura Std";
	font-size: 14px;
	letter-spacing: 3px;
	font-weight: lighter;
	padding-top:10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	margin-top: 20px;
	border-top: #000000 solid 1px;
	border-bottom: #000000 solid 1px;

}

.home-comun H3 {
	font-family: "Futura Std";
	font-size: 13px;
	line-height: 20px;
	font-weight: lighter;
	padding-top:10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	margin-top: 20px;
	border-top: #000000 solid 1px;
	border-bottom: #000000 solid 1px;

}

.home-comun H3 A {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color:#000000;
}

.home-comun STRONG {
	font-weight: bold;
}

.home-comun .col {
	width: 45%;
	padding-right: 20px;
	float: left;
}

SECTION.home-comun .col IMG {
	width:100%;
}

SECTION.home-comun IMG.banner {
	margin-top: 20px;
	max-width: 100%
	margin-bottom: 20px;
}

.separador {
	clear:both;
}

.oculto {
	display: none;
}

.invisible {
	visibility: hidden;
}

/*  ---------------------------------- H O M E ---------------------------------- */

.home ARTICLE {
	padding-bottom: 40px;
	position: relative;
} .home ARTICLE:last-of-type {
	padding-bottom: 10px;
}

.slider {
	max-width:75%;
}  .slider .bx-wrapper  {
	box-shadow: none;
	border: none;
	margin-bottom: 0px;
}  .slider .bx-wrapper .bx-pager {
	bottom: 20px;
	padding: 0;
	margin: 0;
} .bx-wrapper .bx-pager.bx-default-pager a {
	background: none;
	border: 1px #FFFFFF solid;
	border-radius: 3px;
	width: 6px;
	height: 6px;

} .bx-wrapper .bx-pager.bx-default-pager a.active {
	background-color: #FFFFFF;
	border-radius: 3px;
}  .right .slider {
	margin: auto;
	margin-right: 0px;
}

 .right .info-proyecto {
	text-align: right;
}

.home .cita {
	position: absolute;
	font-weight: bold;
	letter-spacing: 6px;
	line-height: 32px;
	font-size: 20px;
	z-index: 10;
	width: 40%;
	right:10px;	
	top: 10px;
	min-width: 300px;
	text-shadow: 1px 1px 1px white, 3px 3px 5px white;
} .home .cita .autor  {
	font-size: 11px;
	letter-spacing: 3px;
	padding-top: 20px;
	line-height: 12px;
} .home  .right .cita {
	right: auto;
	left: 0px;
}

 .caja {
	height: 10px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #000000;
	display: inline-block;
	padding: 20px;
	padding-top: 18px;
	font-size: 14px;
	text-decoration: none;
	margin: -1px;
	margin-top: 2px;
	transition: background-color 0.4s ease;
} .caja:hover {
	background-color: #444444;
} .caja.info {
	transition: background-color 0.4s ease, width 1s linear;
}

/*  ---------------------------------- M A R C A S  ---------------------------------- */

SECTION.marcas {
	padding-right: 0px;
}

.marca H2, .marcas H2 {
	font-size: 22px; 
	font-weight: bold;
	line-height: 38px;
	width: 70%;
	padding-bottom: 60px;
}

.marcas ARTICLE.marca {
	float: left;
	width: 20%;
	border-top: 1px solid #000000;
	margin-right: 5%;
	margin-bottom: 30px;
	text-align: center;
	height: 90px;
} .marcas .marca .imagen {
	width: 100%;
	padding-top: 16px;
	padding-bottom: 16px;
} .marcas .marca .logo {
	max-width:75%;
	max-height: 70px;
	padding:10px;
	margin:auto;
	padding-top: 16px;
} .marcas .marca P {
	font-size: 16px;
	line-height: 22px;
	padding-bottom: 24px;
} .marcas .marca A {
	font-weight: bold;
	font-size: 14px;
	color: #000000;
	transition: color 0.6s ease;
} .marcas .marca A:hover {
	color: #666666;
}

.marca ARTICLE.item-sizer, .marca ARTICLE.item {
	width: 45%;
	margin-right: 5%;
	margin-bottom: 60px;
} .marca ARTICLE.item.doble {  
	width: 95%;
} .marca ARTICLE.item.texto {
	font-size: 16px;
	line-height: 24px;
} .marca ARTICLE.item.texto IMG {
	max-width: 70%;
	max-height: 70px;
	padding-bottom: 30px;
} .marca ARTICLE.item.foto {
	position: relative;
} .marca ARTICLE.item.foto IMG {
	width: 100%;
} .marca ARTICLE.item.foto .new {
	position: absolute;
	color: white;
	font-weight: bold;
	font-size: 20px;
	top: 20px;
	left: 20px;
} .marca A {
	line-height: 30px;
	font-weight: bold;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	transition: color 0.6s ease;
} .marca A:hover {
	color: #666666;
}

/*  ---------------------------------- T I E N D A ---------------------------------- */

SECTION.tienda {
	padding-right: 0px;
}

.tienda H2 {
	font-size: 22px;
	font-weight: bold;
	line-height: 38px;
	width: 70%;
	padding-bottom: 60px;
}

.tienda #mapa {
	height: 400px;
} .tienda ARTICLE.item-sizer, .tienda ARTICLE.item {
	width: 45%;
	margin-right: 5%;
	margin-bottom: 60px;
} .tienda ARTICLE.item.doble {  
	width: 95%;
} .tienda ARTICLE.datos {
	background-image: url('../img/jorge-san-martin-bg-datos.jpg');
	background-size: cover;
} .tienda ARTICLE.datos .wrapper{
	margin: 20px;
} .tienda ARTICLE.datos A {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;
	line-height: 32px;
	text-decoration: none;
} .tienda ARTICLE.datos A:hover {
	text-decoration: underline;
} .tienda ARTICLE.item .imagen {
	width: 100%;
}

/*  ---------------------------------- P R O Y E C T O S ---------------------------------- */

SECTION.proyectos {
	padding-right: 0px;
}

.proyectos H2 {
	font-size: 22px;
	font-weight: bold;
	line-height: 38px;
	width: 70%;
	padding-bottom: 60px;
	float:left;
} 

.proyectos .filtro {
	display: block;
	width: 15%;
	float:right;
} .proyectos .link-filtro {
	font-size: 22px;
	text-decoration: none;
	font-weight: bold;
	color: #CCCCCC;
	line-height: 38px;
	transition: color 0.4s ease;
	display: block;
} .proyectos .link-filtro:hover {
	color:#666666;
} .proyectos .link-filtro.active {
	color:#000000;
}

.proyectos ARTICLE.item-sizer, .proyectos ARTICLE.item {
	width: 45%;
	margin-right: 5%;
	margin-bottom: 60px;
	border-top: 1px solid #000000;
} .proyectos ARTICLE.item.doble {
	width: 95%;
} .proyectos ARTICLE.item .imagen {
	width: 100%;
} .proyectos .caja {
	height: 10px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #000000;
	display: inline-block;
	padding: 20px;
	padding-top: 18px;
	font-size: 14px;
	text-decoration: none;
	margin: -1px;
	margin-bottom: 30px;
	transition: background-color 0.4s ease;
} .proyectos .caja:hover {
	background-color: #444444;
} .proyectos .caja.info {
	transition: background-color 0.4s ease, width 1s linear;
} .proyectos P {
	font-size: 16px;
	line-height: 22px;
} .proyectos P:first-of-type {
	margin-top: 20px;
}

/*  ---------------------------------- P R O Y E C T O S - V E R ---------------------------------- */


SECTION.proyectos-ver {
	padding-right: 0px;
}

.proyectos-ver H2 {
	font-size: 22px;
	font-weight: bold;
	line-height: 38px;
	padding-bottom: 20px;
} 

.proyectos-ver P {
	font-size: 16px;
	line-height: 22px;
} .proyectos-ver P:last-of-type {
	padding-bottom: 20px;
}

.proyectos-ver ARTICLE.detalle-proyecto {
	margin-bottom: 50px;
	float: left;
} .proyectos-ver .detalle-proyecto A {
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	transition: color 0.4s ease;
	border-bottom: 2px solid #000000;
	padding-bottom: 20px;
	width: 150px;
	display: block;
} .proyectos-ver .detalle-proyecto A:hover {
	color: #666666;
}

.proyectos-ver A.proyecto-cerrar {
	float: right;
	padding-right: 5%;
}

.proyectos-ver ARTICLE.item-sizer, .proyectos-ver ARTICLE.item {
	width: 45%;
	margin-right: 5%;
	margin-bottom: 20px;
} .proyectos-ver ARTICLE.item.doble {  
	width: 95%;
} .proyectos-ver ARTICLE.item .imagen {
	width: 100%;
}

/*  ---------------------------------- OCASION ---------------------------------- */

.ocasion .slider {
	max-width:100%;
}

.ocasion .w30.info P {
	padding-left: 20px;
	font-weight: bold;
	font-size: 16px;
	line-height: 120%;
	padding-bottom:20px;
}

.ocasion .w30.info P.titular {font-size: 24px;}
.ocasion .w30.info SPAN.articulo P {font-size: 14px; color:#999999; }
.ocasion .w30.info SPAN.info P {font-size: 10px;}
.ocasion .w30.info SPAN.info A {color: #000000; }

/*  ---------------------------------- CONTACTO ---------------------------------- */

.contacto H2 {
	font-size: 22px;
	font-weight: bold;
	line-height: 38px;
	width: 70%;
	padding-bottom: 60px;
}

.contacto ARTICLE.form {
	font-size: 16px;
	padding-top: 70px;
}

.contacto ARTICLE.datos {
	font-size: 18px;
	line-height: 32px;
	font-weight: bold;
	padding-top: 80px;
} .contacto ARTICLE.datos A {
	color: #000000;
	text-decoration: none;
	transition: color 0.8s ease;
} .contacto ARTICLE.datos A:hover {
	text-decoration: underline;
	color: #666666;
}



.contacto INPUT.campo {
	border:none;
	font-family: "Futura Std";
	font-size: 24px;
	font-weight: lighter;
	background: transparent;
	width: 70%;
	height: 40px;
	margin-bottom: 40px;
	border-bottom: 1px solid #999999;
	outline: none;
	display: block;
} .contacto INPUT.campo.error {
	border-bottom: 1px solid #FF0000;
} .contacto .aviso-form {

} .contacto .aviso-form.error {
	color: #FF0000;
}

.contacto INPUT.boton {
	width: 240px;
	font-size: 10px;
	letter-spacing: 6px;
	text-transform: uppercase;
	border: none;
	color:#FFFFFF;
	background-color: #000000;
	margin-top: 60px;

} 

/*  ---------------------------------- CATÁLOGO ---------------------------------- */

.catalogo {

}

.catalogo IFRAME {

}

@media only screen and (max-width : 1400px) {

	NAV UL {margin:40px;} 
	NAV P.datos {left:40px; bottom:40px;}
	#menu-logo  {	bottom: 22px;right: 22px;height: 150px;}
	.slider {max-width:60%;}
	.cita {right: 100px;}
	NAV H1 { letter-spacing: 6px; font-size: 12px;bottom: 200px;right: 24px; display:none;}
	NAV A {  font-size: 28px; line-height: 40px; }
	NAV P.datos A { font-size: 14px; line-height: 26px;	}

	.contacto ARTICLE.form { padding-top: 0px; }
	.contacto ARTICLE.datos { padding-top: 30px; }


}	

@media only screen and (max-width : 1023px) {
	.slider {max-width:100%;}
	.cita {display: none;}
}

@media only screen and (max-width : 767px) {
	.w30, .w70 { width: 100%; }
	NAV {width:100%;height:100%;}
	NAV UL {margin:30px;} 
	NAV P.datos {left:30px; bottom:40px;}
	NAV A {  font-size: 20px; line-height: 36px; }
	#menu-logo  {right: 12px;height: 150px; bottom: 40px;}
	#menu-icon {right:8px;top:18px;width: 28px;height:20px;}
	.caja.info {display:none;}
	.caja {padding: 16px; padding-top: 15px; font-size: 12px;}
	
	SECTION { padding: 16px; padding-left: 58px; margin-right: 15px;}

	.marcas H2, .proyectos H2, .proyectos-ver H2, .tienda H2, .contacto H2 { width:90%; padding-bottom: 20px; font-size: 18px; line-height: 34px;}
	.proyectos ARTICLE.item, .proyectos-ver ARTICLE.item { width: 100%; }
	.marca ARTICLE.item-sizer, .marca ARTICLE.item, .marca ARTICLE.item.doble { width: 100%; }
	.marcas ARTICLE.item {width: 35%; float:left; padding-right:5%;}
	.proyectos .filtro { display:none; }
	.proyectos .caja {padding: 16px; padding-top: 15px; font-size: 12px;}

	.ocasion .w30.info { padding-top: 40px; }
	.ocasion .w30.info P { padding-left: 0px;  }
	
	.tienda ARTICLE.item {width:100%;  margin-bottom: 10px;}
	.tienda ARTICLE.datos A {font-size: 14px;}
	.contacto ARTICLE.form {padding-top: 20px;}
	.contacto INPUT.campo {width: 100%;height: 30px;font-size: 18px;}
	.contacto INPUT.campo.boton  { font-size: 10px; }
	.contacto ARTICLE.datos { padding-top: 20px; font-size: 12px; line-height: 22px;}

}

@media only screen and (max-width : 454px) {
	SECTION.home-comun .col {width: 100%; padding-right: 0px;} 
	SECTION.home-comun .col IMG {width:50%;}
}