@charset "utf-8";


/* de BOILERPLATE --------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
 }
body { margin: 0; line-height: 1.231; 
 }
/* fin de BOILERPLATE creo--------------------------- */



img, object, embed, video {
	max-width: 100%;
}
/* IE 6 no admite max-width (anchura máxima), por lo que usa de manera predeterminada una anchura del 100% */
.ie6 img {
	width:100%;
}


/* Diseño móvil: 480 px e inferior. */

.todo {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	display: block;
	position: relative;
	}
.todo::after {
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../graficos/fondo-masdelarosa-larga.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	/*background-size: contain;*/ 
	background-size:cover;
    width: 100%;
    height: 100%;
    opacity : 1;
    z-index: -1;
}

.logoByF {display: block;	width: 100%; margin: 1em auto 0em auto; text-align:center;  }
.logoByFg  {display:none;  }

.iconosentrada  { font-family: sans-serif; color: white;
        background-color: rgb(74, 13, 114, 0.7);
        width: 320px; height: auto;
        margin: 20px auto;
        padding: 10px 20px;
        border: 1px solid #ccc;
        border-radius: 5px;  }
		 
.iconosentrada a  { text-align:center; 
				   color: white;
				   text-decoration:none;				    
				     }			 	
.iconosentrada p {	font-size:1.1em; 
				   font-style:italic;
				   text-align:center;
				    }
.contactdown  {width: 80%;
               background-color: rgb(74, 13, 114, 0.7);
               margin: 2em auto;
               text-align:center;
               margin-bottom:1em;
               padding: 1em 1em;
			   border: 1px solid #ccc;
               border-radius: 5px;  }
		 
.contactdown h4 {	 font-family:Verdana, Geneva, sans-serif;
                   color: white;
                   font-size:1.1em; 
				   font-style:italic;
				   text-align:center;
				    }				

#pie {margin-top: 3em;	
	width: 100%;
	bottom:0;
	display: block;
	}			  	  	 	
#pie img { width: 100%;  }
#pieg {   display:none; 	}

/*Comienza BARRA UP*/
.barraup li { float: left; font-family: sans-serif; font-size:1em;  color: white; }

.barraup ul { 
    width: 100%;
	height: 50px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: rgb(74, 13, 114);
	font-size: 1em;
	}

.barraup li {
    float: left;
}

.barraup li a {
    display: block;
    color: white;
    text-align: left;
    padding: 14px 16px;
    text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
.barraup li a:hover {  background-color: black;  }
/*FIN BARRA UP*/

/*Comienza BARRA down*/

.barraup li { float: left; font-family: sans-serif; font-size:1em;  color: white; }

.barrad  { font-family: Arial, Helvetica, sans-serif;
         font-size: 0.8em; 
         color:white;
         padding: 7px 15px 4px 15px;
         background-color: rgb(74, 13, 114);
    }

.barrad ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    }
.barrad li {
    float: left;
}

.barrad li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
.barrad li a:hover {
    background-color: #111;
}
#direcion {	font-size:0.8em; 
            margin: 0 auto;
            text-align:center;
			background-color: rgb(74, 13, 114);
			color:white;
}

.simbolos  {color:white;  }
/*#phone  {color:white;  }*/
#casahome  {color:white;
           margin:-5px 0px; }

/* FIN barra */
.miniwasap {display:inline-block; width:24px; height:24px; }

.notali { margin: 0em 1em;  
        font-size:0.95em; 
        font-family:Arial, Helvetica, sans-serif;
		font-style:italic;
		font-weight:bold;
		color: white;
		/*color: rgba(122,32,62,1);*/
		line-height:1.6em;
		}
.perderte  { font-family:"Eras Medium ITC"; 
              font-size:0.80em; 
              color: white;
              background-color:rgba(0, 0, 0); 
              display:inline-block;
              padding: 0.4em 0.8em; 
              margin: 0.1em auto;
	          border: 1px solid rgba(255,255,255,1); 
              border-radius: 4px;
			 -ms-border-radius: 4px;
			 -o-border-radius: 4px;
			 -moz-border-radius: 4px;
			 -webkit-border-radius: 4px;  }	

.button-bw  {
    border: none;
	font-size:1.3em; 
    background-color: rgb(74, 13, 114);
    padding: 15px 10px;
    text-align: center;
    text-decoration: none;
    float: left;
}
.button-bw:hover  { cursor:pointer; color: black;   }

.button-bn  {
    background-color: rgba(1,1,1,0); /* transparente */
    border: none;
	font-size:1.3em; 
    color: rgba(255,255,255,1);
    padding: 15px 10px;
    text-align: center;
    text-decoration: none;
	float: left;
    }
.button-bn:hover  { cursor:pointer; color: black;   }

.pdecontactpir {
	display: block;
	width: 80%;
	margin: 0 auto;
  font-family: Arial, Helvetica, sans-serif; font-size: 1em;
  text-align: center;	
  color: white;
  padding: 15px 10px;
  /*margin-bottom:2em;*/
  background-color: rgb(74, 13, 114, 0.7);
  border-color: #ddd;
}						 
.lineainterdias { margin:0em 5em 2em 5em;  border-top:1px	solid rgba(122,32,62,1);  clear:both; }
.linea00 {  border-top:0px	solid gray;  clear:both; margin:0px; }	

/* Diseño tableta: de 481 px a 768 px. Hereda estilos de: Diseño móvil. */

@media only screen and (min-width: 660px) {


#pie { display:none; }
	
#pieg {margin-top: 6em;	
	width: 100%;
	bottom:0;
	display: block;
	} 
.notali { font-size:0.85em; }

.iconosentrada  {margin-bottom:0.5em;  }
		 
.iconosentrada h4 {	  font-size:1.1em;    }			 											 			   	

.contactdown  {margin-bottom:1.5em;  }
		 
.contactdown h4 {  font-size:1em;     }								 									 				
.lineainterdias {margin:1.5em 5em 3em 5em; } 
#direcion {	font-size:0.9em;  }
											 			   	
}
	


/* Diseño escritorio: de 769 px hasta un máximo de 1920 px.  Hereda estilos de: Diseño móvil y Diseño tableta. */

@media only screen and (min-width: 880px) {
	

.logoByF { display:none;  }
.logoByFg  {display: block; width: 100%; margin: 1em auto 0em auto; text-align:center;  }
.notali { font-size:0.9em; }
.perderte  { font-size:1.05em;  }

.iconosentrada  {margin-bottom:0.5em;  }		 
.iconosentrada h4 {	  font-size:1.2em;    }			 											 			   	

.contactdown  {margin-bottom:2.5em; width: 55%; }		 
.contactdown h4 {  font-size:0.9em;     }

.pdecontactpir {width: 55%;  padding: 15px 10px;  }								
	  	 
		  	 
	   						
}