/*

*/

html, body{
	margin:0px;
	height:100%;
	background-color: #000000;
}

img{
	border: 0;
	max-width: 100%
}

a{
	text-decoration: none;
}

a.botones {
	font-family: 'Inconsolata', sans-serif;
	font-size: 20px;
	font-weight:400;
	line-height: normal;
	color: #ffffff;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	border: 1px solid #FFFFFF;
}

a.botones:hover{
	color: #000000;
	background: #ffffff;
}

h2{
	font-family: 'Inconsolata', sans-serif;
	font-size: 72px;
	font-weight: 700;
	color: #FFFFFF;
}

h3{
	font-family: 'Inconsolata', sans-serif;
	font-size: 48px;
	font-weight: 700;
	color: #FFFFFF;
}

h4{
	font-family: 'Inconsolata', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color:#ffffff;
	line-height: 20px;
}

h5{
	font-family: 'Inconsolata', sans-serif;
	font-size: 20px;
	font-weight: 700;
	color:#ffffff;
}

p{
	font-family: 'Inconsolata', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color:#000000;
	line-height: 20px;
}


.overlay{
	width: 100%;
	height: 100%;
	position: absolute;
	opacity: 0.5;
	filter: alpha(opacity=50);
	z-index: 3;
	background-image: url(../images/pattern.gif);
}

/* ==================================================
   HEADER
================================================== */

#header{
	background-color: #000000;
	height: 60px;
	width: 100%;
	position: fixed;
	margin:	auto;
	z-index: 100;
}


#logo{
	position:absolute;
	top: 0px;
	left: 20px;
	z-index: 100;
}

#redes{
	position:absolute;
	top: 20px;
	right: 20px;
	z-index: 100;
}

/* ==================================================
   SLIDER
================================================== */

#slider-content {
	position: absolute;
	left: 40px;
	bottom: 120px;
	margin: 0px;
	width: 100%;
	text-align: left;
	z-index: 3;
}

#slider-content .logoslide{
	width: 240px;
	float: left;
	padding-right:20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}

#slider-content .textoslide{
	max-width: 420px;
	float: left;
	padding-left:20px;
}

#slider-content h2{
	margin-top: 2px;
}

#slider-content h3{
	margin-top: -75px;
}

#slider-content h4{
	margin-top: -50px;
}

#slider-scroll {
	position: absolute;
	bottom: 45px;
	margin: 0px;
	width: 100%;
	text-align: center;
	z-index: 3;
	font-family: 'Inconsolata', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color:#999999;
	line-height: normal;
}

/* ==================================================
   CONTAINER
================================================== */

#container {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	background-color: #FFFFFF;
}

#container .column{
	float: left;
	margin: 0px;
	line-height: 0px;
	position: relative;
}

#container .two.column{
	width: 50%;
}

#container .four.column{
	width: 25%;
}


#stores .info, #facebook .info{
	position:absolute;
	width: 100%;
	text-align: center;
	top: 50%;
	margin-top: 15px;
}

#coleccion .info, #coleccion-mobile .info{
	position:absolute;
	width: 100%;
	text-align: center;
	top: 50%;
	margin-top: 15px;
}

#about .info, #about-mobile .info{
	position:absolute;
	margin-left: 20px;
	margin-right: 20px;
	bottom: 0px;
}

#producto01 .nombre, .marca {
	line-height: normal;
}

#producto02 .nombre, .marca {
	line-height: normal;
}


/* ==================================================
   MAIN
================================================== */
#main {
width: 100%;
margin: auto;
padding-top: 60px;
overflow: hidden;
background-color: #ffffff;
}


/* ==================================================
   PRODUCTOS Hoover Efect
================================================== */

.view {
   margin: 0px;
   float: left;
   border: 0px
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
}
.view .mask,.view .content {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}

.view .contenido {
	position: absolute;
	width: 100%;
	top: 50%;
	margin-top: -42px;
}

.view .nombre {
	color: #fff;
	text-align: center;
	position: relative;
	font-family: 'Inconsolata', sans-serif;
	font-size:20px;
	font-weight: 700;
	padding: 0px;
}

.view .marca {
	color: #fff;
	text-align: center;
	position: relative;
	font-family: 'Inconsolata', sans-serif;
	font-size:14px;
}

.view a.info {
	display: inline-block;
	text-decoration: none;
    font-family: 'Inconsolata', sans-serif;
    font-size:14px;
    font-weight: 400;
	line-height: normal;
	color: #ffffff;
	text-transform: uppercase;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	border: 1px solid #FFFFFF;
	margin-top: 20px;
}

.view a:hover {
	color: #000000;
	background: #ffffff;
}

/* ==================================================
   PRODUCTO DETALLE
================================================== */

#producto-slide{
	width: 50%;
	float: left;
	max-width: 1000px;
}

#producto-info{
	width: 50%;
	float: left;
	margin-bottom: 30px;
	position: relative;
}

#producto-info .content{
	padding-left: 60px;
	padding-right: 60px;
	padding-top: 30px;
	
}

#producto-info h2{
	margin-top: -55px;
	margin-bottom: 70px;
	color: #000000;
	line-height: 55px;
}

#producto-info h3{
	margin-top: 15px;
	color: #000000;
}

#producto-info h4{
	margin-top: -68px;
	color:#000000;
}

#producto-info h5{
	margin-top: 40px;
	margin-bottom: 20px;
	color:#000000;
}

#producto-info .detalle{
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 40px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;	
}

#producto-info .botones{
	position: relative;
	top: 0px;
	z-index: 1;
}

#producto-info a.botones {
	color: #000000;
	border: 1px solid #000000;
	padding-left: 10px;
	padding-right: 10px;
	float: right;
	margin-top: -8px;
}

#producto-info a.botones:hover{
	color: #ffffff;
	background: #000000;
}

#producto-info .asociado{
	width: 24%;
	margin-right: 1%;
	margin-bottom: 1%;
	float: left;
}

/* ==================================================
   DEALERS
================================================== */

.dealers-tit{
	margin:auto;
	text-align:center;
}

.dealers-tit h3{
	color:#000000;
	margin-top: 20px;
	margin-bottom: 20px;
}

.dealers-column{
	width: 25%;
	float: left;
}

.dealers-content{
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 0px;
	padding-bottom: 20px;
}

#col01{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;	
}

#col02{
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #000000;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #000000;
}

#col03{
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
}

#col04{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
}

.dealers-content h5{
	font-weight: 400;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #000000;
	display: inline;
	top: 5px;
	left: -10px;
	position: relative;
}

/* ==================================================
   CONTACTO
================================================== */

#contacto-map{
	width: 50%;
	float: left;
	max-width: 1000px;
	background-image: url(../images/map.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height:800px;
}

#contacto-info{
	width: 50%;
	float: left;
}

#contacto-info .content{
	padding-left: 60px;
	padding-right: 60px;
	padding-top: 30px;
	
}

#contacto-info h2{
	margin-top: 10px;
	margin-bottom: 30px;
	color: #000000;
}


#contacto-info h5{
	margin-top: 40px;
	margin-bottom: 20px;
	color:#000000;
}

#contacto-info .detalle{
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 40px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;	
}

#contacto-info a{
	color: #000000;
}

#contacto-info a:hover{
	color: #333333;
}


/* ==================================================
   FOOTER
================================================== */

#footer {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background-color: #000000;
	height: 40px;
}

#logofooter{
	position:absolute;
	top: 0px;
	left: 20px;
}

#copyright{
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#444444;
	line-height: 11px;
	top: 11px;
	left: 65px;
	padding-right: 20px;
}

#footer a{
	color: #888888;
}

#footer a:hover{
	color: #cccccc;
}

/* ==================================================
   MEDIA
================================================== */

#about-mobile{ display: none;}

#coleccion-mobile {	display: none;}

#slides2 { display: none}

@media screen and (orientation:portrait) {

#slides { display: none;}
#slides2 { display: block}

#slider-content .logoslide{float: none; border-right-width: 0px;}
#slider-content .textoslide{float: none; padding-left: 10px;}

}

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

}

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

#container .two.column {width: 100%;}
#container .four.column {width: 50%;}

#about-mobile {display: block;}
#coleccion-mobile {display: block;}
#about {display: none;}
#coleccion {display: none;}

#producto-info .content{padding-left: 25px;	padding-right: 25px; padding-top: 25px;}
#producto-info .asociado{width: 49%;}
#producto-info .detalle{padding-top: 10px; padding-bottom: 10px; margin-top: 20px;}
#producto-info h5{ margin-top: 20px;}

.dealers-column {width: 33.33%;}

#col02{
	border-right-width: 0px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
}

#col03{
	border-right-width: 0px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
}

#col04{
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #000000;
}

#contacto-info .content{ padding-left: 25px; padding-right: 25px; padding-top: 25px; padding-bottom:25px}
#contacto-info .detalle{ padding-top: 10px; padding-bottom: 10px; margin-top: 20px;}
#contacto-info h2 {margin-top: 0px; margin-bottom: 20px;}
#contacto-info h5{ margin-top: 20px;}

}

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

#slider-content { left: 20px; bottom: 100px;}
#slider-content .logoslide{width: 210px;}
#slider-content .textoslide{ max-width: 360px;}

#slider-content h3{	margin-top: -65px;}
#slider-content h4{	margin-top: -44px;}

#slider-scroll {font-size: 12px;}

p{ font-size: 14px; line-height: 18px;}
h2{	font-size: 62px;}
h3{	font-size: 42px;}
h4{ font-size: 14px; line-height: 18px;}
h5{	font-size: 18px;}

}

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

}

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



#about-mobile { height: 300px; background-color: #dddddd;}

#producto-slide{width: 100%;}
#producto-info{width: 100%;}

.dealers-column {width: 100%;}

#col02{	border-left-width: 0px;}
#col03{	border-left-width: 0px;}
#col04{	border-left-width: 0px;}

#contacto-map{ width:100%; height:250px;}
#contacto-info{	width: 100%;}


}

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

#slider-content .logoslide{width: 120px;}
#slider-content .textoslide{ width: 260px;}

#about-mobile { height: 230px;}

#slider-content h3{	margin-top: -45px;}
#slider-content h4{	margin-top: -25px;}

#slider-scroll {font-size: 10px;}

p{ font-size: 12px; line-height: 14px;}
h2{	font-size: 42px;}
h3{	font-size: 28px;}
h4{ font-size: 12px; line-height: 14px;}
h5{	font-size: 16px;}
a.botones {	font-size: 14px;}

#producto-info h2{margin-top: -30px; line-height: 35px;}

}

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

}