body{
	font-family: Comic Sans MS;
		background-image: url(/img/ramo-fondo.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

h1{
text-align: center;
  font-family: Comic Sans MS;
 font-size: 1.4em;
 color: #000; 
}
h2{
 font-family: Comic Sans MS;

 font-size: .9em;
 color: #000;
}
p{
 font-size: .75em;
 color: #282828;
 text-align:justify;
 margin-left: .5em;margin-right: .5em;
 
}
#conte{
 font-family: Comic Sans MS;
vertical-align: middle;
	width: 90%;
	margin-left: 5%;
	border: none;
	border-color: Black;
	background-color: transparent;
	text-align: center; 
	min-height: 820px;
    height :auto;
}
#contetienda{
 font-family: Comic Sans MS;
vertical-align: middle;
	width: 100%;
	margin-left: 0px;
	z-index: -1;
	border: none;
	border-color: Black;
	background-color: transparent;
	text-align: center; 
	min-height:620px;
    height :auto;
}
#conteindex{
 font-family: Comic Sans MS;
margin-top: 15%;
vertical-align: middle;
	width: 90%;
	margin-left: 5%;
	border: none;
	border-color: Black;
	background-color: transparent;
	text-align: center; 
	height: auto;
}
#logo{
	width:auto;
	border: none;
	border-color: Black;
	background-color: transparent;
	text-align: center; 

	
}

#menu{
height: 1.1em;
font-family: "Times New Roman", Times, serif;
color: Black;
/* background-color:#CCCCFF; */
font-weight: bold; 
font-size: 1.2em;
  width: 100%;
	border:none;border-top:none; border-left:none;border-right:none;
	float: left;
}
#menuindex{
 
padding-top: 1.5em;
height: 3em;
font-family: "Times New Roman", Times, serif;
color: Black;background-color:#CCCCFF;font-weight: bold; font-size: 1.2em;
width: 100%;
	border:none;border-top:none; border-bottom:none; 
	float: left;
}
.active{
	 background-color: #9191FF;
	margin-right:-.3em; 
	padding-left: .2em;
	padding-right: .2em;
	text-decoration: none;
	color: White;
	font-size: 1em;
	border:none;border-top:none; border-bottom:none;border-color: Black;border-right: none;
}
.active5{
	  background-color: #9191FF;
	margin-right:-.3em; 
	padding-left: .2em;
	padding-right: .2em;
	text-decoration: none;
	color: White;
	font-size: 1em;
	border:none;border-top:none; border-bottom:none;border-color: Black; 
}
.sec{
	/*  background-color: #CCCCFF;*/
   margin-right:-.3em; 
	padding-left: .2em;
	padding-right: .2em;
	text-decoration: none;
	color: Black;
	font-size: 1em;
	border:none;border-top:none; border-bottom:none;border-color: Black; border-right: none;
}
.sec5{
	/*  background-color: #CCCCFF;*/
   margin-right:-.3em; 
	padding-left: .2em;
	padding-right: .2em;
	text-decoration: none;
	color: Black;
	font-size: 1em;
	border:none;border-top:none; border-bottom:none;border-color: Black;
}
.secindex{
	/*  background-color: #CCCCFF;*/
   margin-right:-.3em; 
	padding-left: .2em;
	padding-right: .2em;
	text-decoration: none;
	color: Black;
	font-size: 1.2em;
	border:none;border-color: Black;
}
#menu a:hover{
	background-color:#9191FF;
	display: inline-block;
	text-decoration: none;
	color: White;
	font-size: 1em;
}
#menuindex a:hover{
	
	display: inline-block;
	text-decoration: none;
	color: White;
	font-size: 1.2em;
	border:none;
}
#oferta{ 
background-color: White;
	width:auto;
	border:none;
	border-color: Black;
	border-top:none; border-right:none; 
	float: right;
	margin-left: .5em;
}
#imgof{
	margin: .2em;
}
#texof{
margin: .2em;
   text-align: center;
	font-weight: bold;
	font-family: Comic Sans MS;
	color: #000066;
	font-size: 1em;
}
#texof p{
	 text-align: center;
	font-weight: bold;
	font-family: Comic Sans MS;
	color: #000066;
	font-size: 1em;
}
#texof a{
   text-decoration: none;
   text-align: center;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF3300;
	font-size: 1em;
}
#texof a:hover{
   text-decoration: none;
   text-align: center;
	font-weight: bold;
   background-color:  
	font-family: Arial, Helvetica, sans-serif;
	color: #FF9900;
	font-size: 1em;
	background-color: transparent;
}
#texto {
font-family: Comic Sans MS;
  margin: 1.2em;
  margin-top: 2em;
}
#texto p {
	font-family: Comic Sans MS;
	font-size: 1em;
}
#texto img {
	 text-decoration: none;
	 border:none;
}
#textoinicio{
	font-family: Comic Sans MS;
  min-height: 520px;
  margin: 1.2em;
  margin-top: 2em;
  background-image: url(img/fondo-inicio.jpg);
  background-position: center;
  background-repeat: no-repeat;
}
#textoinicio p{
	font-family: Comic Sans MS;
	font-size: 1em;
}

#pieder{
font-size: 80%;
font-weight: 900;
text-align: center;
float: left;
width: 100%;
vertical-align:bottom;
border: none;
border-bottom: none;border-left: none;border-right: none;
border-color: Black;
background-color: transparent;
height: 110px;
background-color: White;
background-image: url(/img/ramo-bajo-fondo.jpg);
background-position: bottom center;
background-repeat: no-repeat;

}

#pieder a{
 text-decoration: none;
 color: #0D4CFF;
 font-weight: 900;
}
#pieder a:hover{
 text-decoration: none;
 color: #000099;
 }
 .acces{
 	margin-right: 1em; 	margin-left: 1em;
 }
 .contacto{
 	text-align: justify;
 }
 #form{
 	float: left;
	
	
 }
 #datos{
 	float: right;
 }
 /* Estilo de la Tienda */
 
 .bodytienda{
 	background-color: #FFC353;
  background-image: url(/img/ramo-fondo-tienda.jpg);
  background-repeat: no-repeat;
   background-position:right; 
 }
  #menu_tienda{
   background-color: #ffe6d4;
  padding-top: .5em;
 	
	width: 25%;
	text-align: left;
	text-decoration: none;
	float: left;
	margin-left: -2em;
	font-size: .8em;
	
	
 }
 #menu_tienda ul{
    
 	 list-style: none;
	 display: block;
	text-decoration: none;
  font-weight: bold;
 }

  .level1 a{
  text-align: left;
   background-color:  transparent;
	 display: block;
  	color: #15155C;
	text-decoration: none;
	 margin-bottom: -2px;
 	 margin-top: -4px;
  }
    .level2 a{
	 text-align: left;
	  /*  display: block;*/
	  background-color: transparent;
  	color: #B62323;
 text-decoration: none;
 margin-left: -2em;
 margin-bottom: -3px;
 margin-top: -1px;
 
  }
    .level3 a{
	 padding-left: 0em;
	 text-align:left;
	  /*  display: block;*/
	  background-color:  transparent;
  	color: #007501;
	text-decoration: none;
	margin-left: -4em;
	margin-bottom: -4px;
	margin-top: -4px;
  }
       .levelactive a{
	 background-color:  transparent;
  	color: #FFDA02;
	text-decoration: none;
  }
 
   .level1 a:hover{
	background-color:   transparent;
  	color: #D40000 ;
	text-decoration: none;
  }
    .level2 a:hover{
	 background-color:  transparent;
  	color: #191970;
 text-decoration: none;
  }
    .level3 a:hover{
	 background-color:  transparent;
  	color: Gray;
	text-decoration: none;
  }
      .levelactive a:hover{
	 background-color:  transparent;
  	color: Gray;
	text-decoration: none;
  }

  #productos{
   background-color: #ffe6d4;
  text-align: center;
 min-height: 600px;
 overflow:scroll;
 height: auto;
	width: 74%;
	margin-bottom: -10px;
	margin-left: 20%;
  }
  .productos{
  margin-bottom: 3em;
  text-align: center; 
 /*    border-bottom: dotted;
	border-bottom-width: thin;*/
  }
    .productos a{
  text-align: center; 
  }
   .productos form{
  text-align:center;
  margin-left: 65%;
  margin-top:-25px;
  /*   border-bottom: dotted 20%;
	border-bottom-width: thin;*/
  }
   .productos img{
	text-align: center;
  	 width: 20%;
	 border: none;
	 text-decoration: none; 
	 margin-left: 30%;
  }
    .imgtienda img{
	text-align: center;
  	 width: 20%;
	 border: none;
	 text-decoration: none; 
	 margin-left: -1em;
  }
    .imgtienda{
	 background-color: transparent;
  text-align: right;
  }
  .textienda{
  margin-left: 22%;
  margin-top: -15%;
  text-align: left;
  	width: 70%;
  }
  .carro{
  	margin-left: 120px;
	margin-bottom: 1px;
	 margin-top:-70px;
  }  
  /* fin estilo de la tienda */