* {
	box-sizing: border-box;
	border: none;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

a img {
	border: none;
}

img {
	max-width: 100%;
	height: auto;
}


/* --------------Include Ricoh León ---@media 1920--------------*/

#ricohleon {
	/*background-color: #CE003A;*/
	background-color:#4E92AB;
	height:auto;
	margin-top: 0px;
	overflow: hidden;
	padding-bottom: 50px;
	position:relative;
	width: 100%;
}

#caricohleon {
	height: auto;
	margin-left: 10%;
	margin-top: 50px;
	overflow: hidden;
	position:relative;
	width: 80%;
}

#caricohleon #logo {
	height: 80px;
	margin-left:0%;
	position: absolute;
	text-align: center;
	width: 100%;
}

#caricohleon #logo img {
	max-width: 220px;
	width: 100%;
}

#caricohleon .p1 {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	color: #fff;
	font-size: 1.3em;
	font-weight: 300;
	height: auto;
	margin-left: 8%;
	margin-top: 100px;
	overflow: hidden;
	position: relative;
	text-align:center;
	width: 84%;
}

#caricohleon .tels {
	font-family: 'Syncopate', sans-serif;
	color: #fff;
	font-size: 1.4em;
	height: auto;
	margin-left: 0%;
	margin-top: 30px;
	overflow: hidden;
	position: relative;
	text-align:center;
	width: 100%;
}

#caricohleon .tels a {
	font-family: 'Syncopate', sans-serif;
	height: auto;
	color: #fff;
	font-size: 1.4em;
	overflow: hidden;
	position: relative;
}

#caricohleon .tels a:hover {
	color: #8ff504;
}

#caricohleon #conta {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 1.1em;
	margin-left: 20%;
	margin-top: 20px;
	text-align: center;
	width: 60%;
}

#caricohleon #conta a {
	color: #d0f213;
	font-family: 'Syncopate', sans-serif;
	font-size: 1.3em;
	font-weight: 500;
}

#caricohleon #conta a:hover {
	background-color: #d00920;
	color: #fff;
	font-size: 1.4em;
	font-weight: 400;
	padding: 10px 10px 10px 10px;
}

#caricohleon .p2 {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	color: #fff;
	font-size: 1.3em;
	height: auto;
	margin-left: 20%;
	overflow: hidden;
	position: relative;
	text-align:center;
	width: 60%;
}


/* ------Modulo 1 - Include Ricoh León --- 1599 - 1300 -----*/

@media screen and (max-width: 1599px) {
	
#caricohleon {
	margin-left: 5%;
	width: 90%;
}

#caricohleon .p1 {
	font-size: 1.4em;
	margin-left: 5%;
	width: 90%;
}

#caricohleon .p2 {
	font-size: 1.3em;
	margin-left: 20%;
	width: 60%;
}	
}
	


/* ------Modulo 1 - Include Ricoh León --- 1299 - 1000 -----*/

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

#caricohleon .p1 {
	font-size: 1.3em;
	margin-left: 0;
	width: 100%;
}

#caricohleon .tels {
	font-size: 1.3em;
}

#caricohleon .tels a {
	font-size: 1.3em;
}

#caricohleon .tels a:hover {
	font-size: 1.3em;
	font-weight: 400;
}

#caricohleon #conta {
	font-size: 1.3em;
}

#caricohleon #conta a {
	font-size: 1.1em;
}

#caricohleon #conta a:hover {
	font-size: 1.4em;
	font-weight: 400;
}

#caricohleon .p2 {
	font-size: 1.1em;
	margin-left: 16%;
	width: 68%;
}
}
	


/* ------Modulo 1 - Include Ricoh León --- 999 - 800 -----*/

@media screen and (max-width: 999px) { 
	
#caricohleon #logo img {
	max-width: 200px;
	width: 100%;
}

#caricohleon .p1 {
	font-size: 1.25em;
	margin-top: 80px;
}

#caricohleon .tels {
	font-size: 1.2em;
}

#caricohleon .tels a {
	font-size: 1.2em;
}

#caricohleon .tels a:hover {	
	font-size: 1.2em;
}

#caricohleon #conta {
	font-size: 1.3em;
}

#caricohleon #conta a {
	color: #86f407;
	font-size: 1.2em;
}

#caricohleon #conta a:hover {
	font-size: 1.2em;
	font-weight: 400;
}

#caricohleon .p2 {
	font-size: 1em;
	margin-left: 10%;
	width: 80%;
}
}




/* ------Modulo 1 - Include Ricoh León --- 799 - 600 -----*/

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

#caricohleon #logo img {
	max-width: 180px;
}

#caricohleon .p1 {
	font-size: 1.1em;
	margin-top: 70px;
}

#caricohleon .tels {
	font-size: 1.1em;
	font-weight: 400;
	margin-top: 20px;
}

#caricohleon .tels a {
	font-size: 1.1em;
	font-weight: 400;
}

#caricohleon .tels a:hover {	
	font-size: 1.1em;
}

#caricohleon #conta {
	font-size: 1em;
	margin-top: 15px;
}

#caricohleon #conta a {
	font-size: 1em;
}

#caricohleon #conta a:hover {
	font-size: 1em;
}

#caricohleon .p2 {
	font-size: 1em;
	margin-left: 5%;
	width: 90%;
}
}



/* ------Modulo 1 - Include Ricoh León --- 599 - 450 -----*/

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

#caricohleon #logo img {
	max-width: 180px;
}

#caricohleon .tels {
	font-size: 1.1em;
	margin-left: 5%;
	margin-top: 20px;
	width: 90%;
}

#caricohleon .tels a {
	font-size: 1.1em;
}

#caricohleon .tels a:hover {	
	font-size: 1.1em;
}

#caricohleon #conta {
	margin-top: 15px;
}

#caricohleon #conta a {
	font-size: 1.2em;
}

#caricohleon #conta a:hover {
	font-size: 1.2em;
}

#caricohleon #camodulo .p2 {
	margin-left: 5%;
	width: 90%;
}
}




/* ------Modulo 1 - Include Ricoh León --- 449 - 300 -----*/

@media screen and (max-width: 449px) {
	
#ricohleon {
	padding-bottom: 30px;
		margin-top: 0px;
	}

#caricohleon #logo {
	height: 60px;
}
	
#caricohleon #logo img {
	max-width: 160px;
}

#caricohleon .p1 {
	margin-top: 60px;
	overflow: hidden;
}
	
#caricohleon #conta {
	font-size: 1.1em;
	margin-top: 15px;
}

#caricohleon #conta a {
	font-size: 1.1em;
}

#caricohleon #conta a:hover {
	font-size: 1.1em;
}

#caricohleon #camodulo .p2 {
	font-size: 1em;
	overflow: hidden;
}	
}





/* ------Modulo 1 - Include Ricoh León --- 299 - 200  -----*/

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

#ricohleon {
	margin-top: 0px;
	padding-bottom: 30px;
}

#caricohleon {
	margin-top: 30px;
}

#caricohleon #logo img {
	max-width: 140px;
}

#caricohleon .p1 {
	font-size: 1em;
	margin-top: 50px;
}

#caricohleon .tels {
	font-size: 1em;
	margin-left: 0;
	width: 100%;
}

#caricohleon .tels a {
	font-size: 1em;
}

#caricohleon .tels a:hover {	
	font-size: 1em;
}

#caricohleon #conta {
	font-size: 1.1em;
	margin-left: 0%;
	width: 100%;
}

#caricohleon #conta a {
	font-size: 1.1em;
}

#caricohleon #conta a:hover {
	font-size: 1.1em;
}

#caricohleon .p2 {
	font-size: 1em;
	margin-left: 0%;
	width: 100%;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/*#ricohleon {
	background-color:brown;
	height:auto;
	margin-top: 0px;
	overflow: hidden;
	padding-bottom: 50px;
	position:relative;
	width: 100%;
}

#caricohleon {
	height: auto;
	margin-left: 10%;
	margin-top: 50px;
	overflow: hidden;
	position:relative;
	width: 80%;
}

#caricohleon #logo {
	height: 80px;
	margin-left:0%;
	position: absolute;
	text-align: center;
	width: 100%;
}

#caricohleon #logo img {
	max-width: 260px;
	width: 100%;
}

#caricohleon .p1 {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	color: #fff;
	font-size: 1.3em;
	font-weight: 300;
	margin-left: 8%;
	margin-top: 100px;
	text-align:center;
	width: 84%;
}

#caricohleon .tels {
	font-family: 'Syncopate', sans-serif;
	color: #fff;
	font-size: 1.4em;
	margin-left: 0%;
	margin-top: 30px;
	text-align:center;
	width: 100%;
}

#caricohleon .tels a {
	font-family: 'Syncopate', sans-serif;
	color: #fff;
	font-size: 1.4em;
}

#caricohleon .tels a:hover {
	color: #8ff504;
}

#caricohleon #conta {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 1.1em;
	margin-left: 20%;
	margin-top: 20px;
	text-align: center;
	width: 60%;
}

#caricohleon #conta a {
	color: #d0f213;
	font-family: 'Syncopate', sans-serif;
	font-size: 1.3em;
	font-weight: 300;
}

#caricohleon #conta a:hover {
	background-color: #d00920;
	color: #fff;
	font-size: 1.3em;
	font-weight: 400;
	padding: 10px 10px 10px 10px;
}

#caricohleon .p2 {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	color: #fff;
	font-size: 1.3em;
	margin-left: 20%;
	text-align:center;
	width: 60%;
}*/		
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

/* ----------Estilos del modal Menú Superior - 299 - 200 ------- */

.modal-navegasup:target {
	height:430px;
	left: 5%;
	top: 0px;
	max-width: 180px;
}

.fondomodal .p2-1 {
	margin-left: 0%;
}

.enlaces1 ul li a {
	font-size: 1em;
}

.enlaces1 a:hover {
	font-size: 1.05em;
	justify-content:space-between;
}

.enlaces2 ul li a {
	font-size: 1em;
}

.enlaces2 a:hover {
	font-size: 1.05em;
}	
}
