.californiamicro{
	background: #000;
	font-family: 'Open Sans', sans-serif;
	color: #fff;
}

.californiamicro .video{
	width: 100%;
	height: 943px;
	position: relative;
}

.californiamicro .fundido{
	width: 100%;
	height: 79px;
	z-index: 2000;
	position: absolute;
	bottom: 0px;
	background: url(./img/california/fundido.png) repeat-x;
}

.californiamicro .logocalifornia{
	width: 365px;
	height: 111px;
	background: url(./img/california/logo_california.png) no-repeat;
	position: absolute;
	top: 30px;
	left: 50%;
	margin-left: -182px;
	z-index: 3000;
}

.californiamicro .logofeber{
	width: 184px;
	height: 44px;
	background: url(./img/california/feber_logo.png) no-repeat;
	position: absolute;
	bottom: 60px;
	right: 80px;
	z-index: 3000;
}

.californiamicro .conten{
	width: 1024px;
	margin: auto;
}

.californiamicro .bloque{
	width: 100%;
	padding-bottom: 30px;
	text-align: center;
}

.californiamicro .separador{
	width: 100%;
	height: 46px;
	color: #d50000;
	font-size: 30px;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	background: url(./img/california/lineas.jpg) center no-repeat;
	margin-bottom: 30px;
	font-weight: 800;
}

.californiamicro .columna1, .californiamicro .columna2, .californiamicro .columna3{
	width: 314px;
	float: left;
	text-align: left;
}

.californiamicro .columna1, .californiamicro .columna2{
	margin-right: 40px;
}


.californiamicro .tv{
	width: 891px;
	height: 558px;
	background: url(./img/california/tv.jpg);
	margin: auto;
	padding: 30px;
	padding-left: 18px;
	background-repeat: no-repeat;
}

.californiamicro .mayusculas{
	text-transform: uppercase;
}

.californiamicro .amarillo{
	color: #ffcd00;
	font-weight: 800;
}

.californiamicro a{
	color: #d50000;
}


.californiamicro a:hover{
	color: #ffcd00;
}

.californiamicro .features{
	width: 1024px;
	height: 450px;
	background: url(./img/california/coche.jpg) no-repeat;
	position: relative;
}

.californiamicro .mas{
	background: url(./img/california/mas.png) no-repeat;
	width: 26px;
	height: 26px;
	position: absolute;
	display: block;
	z-index: 4000;
}

.mas.fea1{
	top: 358px;
	left: 400px;
}

.mas.fea2{
	top: 210px;
	left: 282px;
}

.mas.fea3{
	top: 95px;
	left: 470px;
}

.mas.fea4{
	top: 327px;
	left: 718px;
}

.mas.fea5{
	top: 163px;
	left: 557px;
}

.mas.fea6{
	top: 79px;
	left: 535px;
}

.feature{
	position: absolute;
	display: none;
}

.feature.feature1{
	top: 71px;
	left: 36px;
}

.feature.feature2{
	top: 209px;
	left: 2px;
}

.feature.feature3{
	top: 93px;
	left: 35px;
}

.feature.feature4{
	top: 325px;
    left: 725px;
}

.feature.feature5{
	top: 171px;
    left: 565px;
}

.feature.feature6{
	top: 77px;
    left: 544px;
}

#cboxOverlay{
	background: #000;
}

#cboxCurrent{
	display: none !important;
}

.group1{
	outline: none;
}

.anterior, .siguiente{
	width: 60px;
	height: 40px;
	background: url(./img/california/flecha_izquierda.jpg);
	position: absolute;
	display: block;
	text-indent: -10000px;
	overflow: hidden;
	top: 50%;
	left: 0px;
	margin-top: -20px;
}

.siguiente{
	right: 0px;
	left: auto;
	background: url(./img/california/flecha_derecha.jpg);
}

.noresponsive{
	display: block;
}

.responsive{
	display: none;
}

@media (max-width: 1024px){
	
	div{
		//border: 1px solid #f00;
	}
	
	.responsive{
		display: block;
	}
	
	.noresponsive{
		display: none;
	}
	
	.californiamicro .fundido{
		display:none;	
	}
	
	.californiamicro .logocalifornia{
		max-width: 365px;
		width: 80%;
		position: relative;
		background-size: contain;
		margin-left: 10%;	
		left: auto;
	}
	
	.californiamicro .conten{
		width: 100%;
	}
	
	.californiamicro .separador{
		width: 100%;
		height: 46px;
		font-size: 22px;
		padding-top: 6px;
		background: url(./img/california/lineas_mobile.jpg) center center no-repeat;
	}
	
	.californiamicro .columna1, .californiamicro .columna2, .californiamicro .columna3{
		width: 90%;
		margin-left: 5%;
		text-align: left;
	}
	
	.californiamicro .tv{
		width: 100%;
		background-size: contain;
		background-repeat: no-repeat;
		padding: 3% 4%;
	}
	
	.californiamicro iframe{
		width: 100% !important;
		height: 85% !important;
	}
	
	.slider1, .slider2{
		position: relative;
		width: 90%;
		margin-left: 5%;
		height: 300px;
	}
	
	.slider2 p{
		text-transform: uppercase;
		text-align: center;
	}
	
	.slider2{
		margin-bottom: 20px;
		height: auto;
	}
	
}