@import url('../fuentes.css');

*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family: sans-serif;
}
body {	
	background: #EEEEEE;
}
body input, body select,
body textarea{
	border-radius: 7px !important;
	font-size: 0.8em !important;
	background-color: #FFFFFF !important;
}
body label{
	font-size: 0.8em !important;
	margin: auto 0px;
}
body a, body a:hover{
	outline: none;
	text-decoration: none;
	color: #404346;
}
textarea{
	resize: none;
}
.main{
	flex-direction: column;
	margin: 25px auto;
	width: 70%;
}
.div_Logbannr{
	border: 1px solid #B1B1B1;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	margin-bottom: 10px;
	justify-content: space-between;
	padding: 7px;
	border-radius: 7px;
}
.div_LogoRzsocial{
	justify-content: space-between;
	width: 40%;
}
.div_Logo{
	width: 25%;
}
.div_Logo img{
	margin: auto;
	width: 150px;
	height: 90px;
}
.div_Rzsocial{
	flex-direction: column;
	width: 70%;
	align-items: center;
}
.name_Sist{
	color: #222ac3;
	font-family: Courgette-Regular, RobotoMono-BoldItalic;
	font-size: 1.7em;	
}
.name_Empresa{
	font-family: Courgette-Regular, SourceSansPro-BoldItalic, RobotoMono-BoldItalic;
	color: #5a6268;
	font-size: 1.6em;
	margin-bottom: 10px;
}
.div_grp2{
	justify-content: space-around;
	flex-wrap: wrap;
	width: 35%;
}
.div_user, .div_carshop{
	flex-direction: column;
	align-items: center;
	height: 60px;
	margin-top: auto;
	margin-right: 10px;
}
.div_user a h6{
	margin-top: 5px;
}
.div_user a{
	transition:all .5s ease-in-out;
	overflow:hidden;	
}
.div_user a:hover {
		-webkit-transform:scale(1.1);
		-moz-transform:scale(1.1);
		-o-transform:scale(1.1);
	transform:scale(1.1);
	cursor: pointer;
}
.iconusr{
	font-size: 1.7em;
	color: #5a6268;
}
.div_carshop{
	font-size: 2.1em;
	width: 14%;
}
.div_carshop a{
	transition:all .5s ease-in-out;
	overflow:hidden;	
}
.div_carshop a:hover {
		-webkit-transform:scale(1.2);
		-moz-transform:scale(1.2);
		-o-transform:scale(1.2);
	transform:scale(1.2);
	cursor: pointer;
}
.div_avisocarshopp{
	width: 100%;
	height: 300px;
	background-image: url("../../img/Aviso_Car_Shopping.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.div_nameuser{
	justify-content: flex-end;
	margin-bottom: 40px;
	width: 30%;
	margin-left: auto;
}
.div_nameuser h5{
	font-family: OpenSans-SemiBold, OpenSans-Medium, Arial, Helvetica !important;
	font-size: 0.9em;
	color: #5A6268;
}
.div_find{
	margin: 5px auto 15px;
	width: 85%;
}
.div_find input, .div_find button{
	margin: auto;
}
.div_find input{
	width: 87%;
}
.div_ppal{
	justify-content: space-between;
	margin-bottom: 25px;
}
.div_menu{
	/* border: 1px solid #F41C1C; */
	height: 160px;
	flex-direction: column;
	width: 20%;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
.div_titmenu{
	justify-content: center;
	border: 1px solid transparent;
	background-color: #404346;
	padding: 7px;
}
.div_titmenu span, .div_titmenu h4{
	color: #FFFFFF;
	margin: auto;
}
.div_titmenu span{
	margin-right: 10px;
	font-size: 1.3em;
}
.div_menu ul li{
	background-color: #eae5e5;
	padding: 12px;
}
.icon_menu{
	margin-left: 5px;
	margin-right: 15px;
}
.div_menu ul:hover, .div_menu ul li:hover{
	background-color: #FFFFFF;
	cursor: pointer;
}
.div_menu ul li a:hover{
	color: #222AC6;
}
.div_grup1{
	flex-direction: column;
	width: 75%;
}
.div_banner{
	background-image: url("../../img/banner_ppal.png");
	background-repeat: no-repeat;
	/* background-size: cover; */
	background-size: 100% 100%;
	height: 340px;
	margin-bottom: 20px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.div_anunc{
	justify-content: space-between;
	margin-bottom: 20px;
}
.info_avis{
	flex-direction: column;
	text-align: justify;
	width: 30%;
	background-color: #F1F1F1;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.div_aviso{
	justify-content: flex-start;
	margin-bottom: 3px;
}
.div_aviso h4{
	font-family: IBMPlexMono-BoldItalic, SourceSansPro, Arial, Helvetica;
	margin: auto;
}
.div_icon{
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 3px;
	width: 17% !important;
}
.div_avis{
	width: 80% !important;
}
.div_avis h4{
	margin-left: 0px;
	margin-right: auto;
}
.info_avis h6{
	font-family: SourceSansPro, IBMPlexMono-BoldItalic, Arial, Helvetica;
	margin-top: 5px;
	padding: 5px;
	font-size: 0.85em;
	font-weight: 400;
}
.icono{
	font-size: 1.85em;
	color: #666666;
	margin: auto;
}
.garant{
	font-size: 1.5em;
	color: #222AC3;
}
.envio{
	font-size: 1.5em;
	color: #9BD357;
}
.ofertas{
	font-size: 1.5em;
	color: #FA0E0E;
}



/* DESTACADOS */
.subtit{
	font-family: RobotoMono-Bold, Lato-Regular, Arial, SourceSansPro, IBMPlexMono-BoldItalic, Helvetica;
	font-size: 1em;
	color: #474444;
	margin: 20px 0px auto 0px;
}
.div_destacds{
	flex-direction: row;
	justify-content: space-around;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 30px;
}
.div_prodct{
	flex-direction: column;
	justify-content: space-between;
	width: 21%;
	height: 250px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	border-radius: 7px;
}
.div_imgn{
	width: 90%;
	height: 75%;
	padding: 7px;
	margin: auto;
}
.div_imgn a{
	transition:all .5s ease-in-out;
	overflow: hidden;
	width: 90%;
	height: auto;
	margin: auto;
}
.div_imgn img{
	width: 95%;
	height: auto;
	margin: auto;
}
.div_imgn a:hover {
		-webkit-transform:scale(1.1);
		-moz-transform:scale(1.1);
		-o-transform:scale(1.1);
	transform:scale(1.1);
	cursor: pointer;
}
.div_nameprdct{
	align-items: center;
	width: 100%;
	height: 21%;
}
.div_nameprdct h5{
	font-family: OpenSans-SemiBold, OpenSans-Medium, Arial, Helvetica !important;
	color: #575757;
	font-size: 1em;
	margin: 0px auto;

}




/* SLIDER OWL */
.owl-carousel div{
	display: flex;
	align-self: center;
}
.owl-container{
	width: 90%;
	height: 60px;
	margin: auto;
	margin-top: 20px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.item{
	margin: auto;
}
.owl-prev{
	margin-left: auto !important;
}
.owl-dots{
	display: none !important;
}

/* FOOTER */
.div_footer{
	justify-content: space-between;
	width: 100%;
	margin-top: 80px;
}
.div_sect, .div_sect2, .div_sect3{
	flex-direction: column;
	width: 30%;
}
.div_redes{
	margin-top: 10px;
	justify-content: flex-start;
}
.div_redes div{
	margin: 0px 10px 10px;
	border-radius: 50%;
	padding: 5px;
	height: 35px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.fb, .twtr, .instag{
	width: 37px;
}
.iconreds{
	font-size: 1.3em;
	/* color: #474444; */
	margin: auto;
}
.div_redes div:hover{
	background-color: #2F36C6;
	color: #FFFFFF !important;
	cursor: pointer;
}
.subtit_{
	font-family: RobotoMono-Bold, Lato-Regular, Arial, SourceSansPro, IBMPlexMono-BoldItalic, Helvetica;
	font-size: 1em;
	color: #474444;
	margin-bottom: 15px;
}
.div_sect2, .div_sect3{
	justify-content: flex-start;
}
.div_info{
	justify-content: space-between;
	margin-bottom: 7px;
}
.div_phones{
	flex-direction: column;
	padding: 0px;
}
.cntct{
	justify-content: flex-start;
	margin-bottom: 10px;
}
.iconcntct{
	border-radius: 50%;
	margin: 5px 10px 5px 10px;
	font-size: 1.5em;
	width: 12%;
	height: 35px;
	color: #2F36C6;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.icon_{
	margin: auto;
}
.div_sect2 p, .div_sect3 p{
	font-size: 0.85em;
	margin: auto;
}




/******MENU ADMIN***********/
.div_brand{
	width: 100%;
	justify-content: flex-start;
	margin-bottom: 50px;
}
.div_Log{
	width: 11%;
}
.div_Log img{
	margin: auto;
	width: 150px;
	height: 90px;
}
.div_emprs{
	flex-direction: column;
	width: 43%;
	align-items: center;
}
.div_exit{
	margin-left: auto !important;
	margin-top: auto;
}
.div_exit img{
	transition:all .5s ease-in-out;
	overflow:hidden;	
}
.div_exit img:hover{
		-webkit-transform:scale(1.1);
		-moz-transform:scale(1.1);
		-o-transform:scale(1.1);
	transform:scale(1.1);
	cursor: pointer;
}





/* FOOTER  */
.div_FechaHora{
	flex-direction: column;
	width: 60%;
	font-size: 1.7em;
	margin: auto;
}
.div_FechaHora div{
	margin: auto;
}
.div_FechaHora div span{
	font-family: Courgette-Regular, SourceSansPro-BoldItalic;
	color: rgba(0, 0, 0, 0.85);
}

/* ******************************************* */


/* COPYRIGHT */
.div_SyT{
	justify-content: flex-start;
	justify-content: flex-end;
	margin-top: 50px;
	margin-bottom: 0px;
}
.div_SyT p{
	font-family: Courgette-Regular, SourceSansPro-BoldItalic;
	font-size: 0.8em;
	color: rgba(0, 0, 0, 0.85);
	margin-bottom: 0px;
}
.div_SyT a{
	font-family: Courgette-Regular, SourceSansPro-BoldItalic;
	font-size: 1.1em;
	color: #2b32c5;
	margin-bottom: 0px;
	text-decoration: none;
}

/* BOTONES */
.div_find button{
	font-family: Arial, Helvetica, SourceSansPro;
	font-size: 0.73em;
	background-color: #FFFFFF !important;
	color: #222AC6 !important;
	width: auto;
	margin: auto;
	height: 30px;
	border-radius: 7px;
}
.div_find button:hover{
	background-color: #1D5297 !important;
	color: #FFFFFF !important;	
}
.separador{
    width: 70%;
    border: 1px solid #f28c32;
    margin: -10px auto 15px;
}













/****** MEDIA QUERYS *******

/* SCREEN 1920 */
@media screen and (max-width:1920px) {
	.main{
		width: 58%;
	}
	.main_menu{
		width: 45%;
		margin-left: 10%;
	}
	.div_menu{
		height: 143px;
	}
}



/* SCREEN 1600 */
@media screen and (max-width:1600px) {
	.div_Logbannr{
		border: 1px solid #B1B1B1;
		box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	}
	.div_LogoRzsocial{
		width: 43%;
	}
	.div_grp2{
		width: 35%;
	}
	.info_avis h6{
		padding: 3px 7px;
	}
	.envio,.garant,.ofertas{
		font-size: 1.3em;
	}
	.icono{
		font-size: 1.4em;
	}
	.div_sect2{
		width: 25%;
	}
	.div_nameprdct{
		width: 98%;
		margin: 0px auto;
	}
	.div_nameprdct h5{
		padding: 2px 7px;	
		font-size: 0.85em;
	}
	/* MENU ADMIN */
	.main_menu{
		width: 60%;
		margin-left: 10%;
	}

}



/* SCREEN 1440 */
@media screen and (max-width:1440px) {
	.main{
		width: 75%;
	}
	.main_menu{
		width: 62%;
		margin-left: 8%;
	}

}



/* SCREEN 1366 */
@media screen and (max-width:1366px) {
	.main{
		width: 80%;
	}
	.main_menu{
		width: 62%;
	}

}



/* SCREEN 1138 */
@media screen and (max-width:1138px) {
	.main{
		width: 97%;
	}
	.main_menu{
		width: 75%;
	}
}



/* SCREEN 1080 */
@media screen and (max-width:1080px) {
	.main_menu{
		width: 80%;
		margin-left: 5%;
	}
	.div_menu{
		height: 143px;
	}

}



/* SCREEN 1024 */
@media screen and (max-width:1024px) {
	.main_menu{
		width: 80%;
	}
	.div_emprs{
		width: 50%;
	}
}



/* SCREEN 915 */
@media screen and (max-width:915px) {
	.div_LogoRzsocial{
		width: 50%;
	}
	.div_grp2{
		width: 47%;
	}
	.div_carshop{
		width: 15%;
	}
	.envio,.garant,.ofertas{
		font-size: 1.2em;
	}
}



/* SCREEN 896 */
@media screen and (max-width:896px) {

}



/* SCREEN 810 */
@media screen and (max-width:810px) {
	.div_grp2{
		justify-content: space-around;
		flex-wrap: wrap;
	}
	.div_find{
		width: 85%;
		margin-top: 7px;
		margin-bottom: 20px;
	}
	.div_menu{
		height: 143px;
	}
	.garant, .ofertas{
		font-size: 1.4em;
	}
	.info_avis {
		width: 32%;
	}
	.info_avis h6{
		font-size: 0.85em;
	}
	.envio,.garant,.ofertas{
		font-size: 1.1em;
	}
	.icono{
		font-size: 1.2em;
	}
	.div_sect, .div_sect3{
		width: 33%;
	}
	.div_sect2{
		width: 29%;
	}

	/* MENU ADMIN */
	.main_menu{
		width: 92%;
		margin-left: 4%;
	}

}



/* SCREEN 768 */
@media screen and (max-width:768px) {
	.main{
		width: 97%
	}
	.div_LogoRzsocial{
		width: 55%;
	}
	.div_grp2{
		justify-content: space-around;
		flex-wrap: wrap;
		width: 40%;
	}
	.div_Logo img{
		width: 90px;
		height: 80px;
	}
	.div_find{
		width: 85%;
		margin-bottom: 7px;
	}
	.div_user, .div_carshop{
		width: 30%;
	}
	.div_nameuser{
		width: 50%;
	}
	.div_ppal{
		flex-direction: column;
	}
	.div_menu{
		width: 30%;
		margin-bottom: 20px;
	}
	.div_grup1{
		width: 96%;
		margin: 0px 2%;
	}
	.div_banner{
		margin-bottom: 30px;
	}
	.envio,.garant,.ofertas{
		font-size: 1.3em;
	}
	.icono{
		font-size: 1.5em;
	}
	.div_prodct{
		width: 30%;
		height: 180px;
		margin-bottom: 25px;
	}
	.div_nameprdct h5{
		font-size: 0.85em;
	}
	.div_imgn img{
		width: 90%;
		height: 100px;
	}
	.div_footer{
		justify-content: space-around;
		flex-wrap: wrap;
	}
	.div_sect{
		width: 40%;
	}
	.div_sect2, .div_sect3{
		width: 35%;
	}
	.div_sect3{
		margin-top: 20px;
	}
	/* MENU ADMIN */
	.main_menu{
		width: 90%;
		margin-left: 3%;
	}
	.div_Log{
		width: 15%;
	}
	.div_Log img{
		margin: auto;
		width: 110px;
		height: 90px;
	}
	.div_emprs{
		width: 55%;
	}

}



/* SCREEN 740 */
@media screen and (max-width:740px) {
	/* MENU ADMIN */
	.main_menu{
		width: 95%;
		margin-left: 2%;
	}

}


/* SCREEN 414 */
@media screen and (max-width:414px) {
	.main{
		margin-top: 10px;
	}
	.div_Logbannr{
		flex-direction: column;
	}
	.div_LogoRzsocial{
		width: 100%;
		margin-bottom: 10px;
	}
	.name_Sist{
		margin-bottom: 0px;
	}
	.div_grp2{
		width: 100%;
		margin-left: auto;
	}
	.div_nameuser{
		width: 95%;
	}
	.div_menu{
		width: 50%;
		height: auto;
	}
	.div_anunc{
		flex-direction: column;
	}
	.info_avis{
		width: 70%;
		margin: 0px auto 20px;
	}
	.div_prodct{
		width: 48%;
	}
	.div_nameprdct {
		margin: 0px auto;
		width: 95%;
	}
	.div_nameprdct h5{
		font-size: 0.8em;
	}
	.info_avis h6{
		padding: 3px 7px;
	}
	.div_footer{
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.div_sect, .div_sect2, .div_sect3{
		width: 100%;
	}
	.div_sect, .div_sect2{
		margin-bottom: 20px;
	}
	.div_sect3{
		margin-top: 0px;
	}
	.div_sect{
		margin-bottom: 40px;
	}
	.div_banner{
		height: 200px;
	}

	/* MENU ADMIN */
	.main_menu{
		width: 97%;
		margin-left: 1%;
	}
	.div_Log{
		width: 20%;
	}
	.div_Log img{
		margin: auto;
		width: 150px;
		height: 70px;
	}
	.nameadmin{
		font-size: 1.2em;
	}
	.name2{
		font-size: 1.5em;
	}
	.div_emprs{
		width: 65%;
	}
	.dtsusr{
		font-size: 0.85em;
	}
	.div_exit img{
		width: 50px;
	}
	.fechoradmn{
		width: 100%;
	}
	.div_FechaHora div span{
		font-size: 0.9em;
	}
}



/* SCREEN 360 */
@media screen and (max-width:360px) {
	.div_Logo{
		width: 20%;
	}
	.div_Logo img{
		width: 90%;
		height: 70%;
	}
	.div_Rzsocial{
		width: 77%;
	}
	.name_Sist{
		font-size: 1.5em;
	}
	.name_Empresa{
		font-size: 1.3em;
	}
	.div_find{
		margin-bottom: 15px;
	}
	.div_menu{
		width: 60%;
		height: auto;
	}
	.info_avis{
		width: 85%;
	}
	.envio,.garant,.ofertas{
		font-size: 1.3em;
	}
	/* MENU ADMIN */
	.nameadmin{
		font-size: 1em;
	}
}