body {
	color: #000;
	margin:0px; 
	padding:0px;
	font-family: Verdana, Arial, Bookman Old Style, Georgia;
	font-size:16px;
	background-color: #fff; 


	scrollbar-face-color: #FFECEC;
	scrollbar-track-color: #FFF3F3;

	scrollbar-arrow-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color:#ffffff;
	scrollbar-3dlight-color: #FFECEC;
	scrollbar-darkshadow-color: #dceaf4;
	
	text-align:center;

	}





#logo
{
	float:left;
}

#titulo
{
	float:right;
}

.contenido /* define el bloque de texto para el contenido */ 
	 { 
	margin:0;
	padding:0;
	text-align: justify;
	width: 400px; 
	height: auto; 
	margin-left: auto;
	margin-right: auto;
	 
	 }
	 
.subt /* subtitulos */
{
	font-size:18px;
	font-weight:bold;
	color:#999;
	padding:2px;
	border-bottom: 2px solid #fcc;

}

.menu
{
	list-style-type:none;
	margin:0;
	padding:0px;
	clear:both;
	
	border-top:1px solid #ccc;

	border-bottom:1px solid #000;	
	
	width:100%;	

	background: #FFECEC;
	
	/* fff9f9 */ 
	
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,endColorstr='#FFECEC',startColorstr='#fff9f9');
	
	/* for IE */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,endColorstr='#FFECEC',startColorstr='#fff9f9')";
	
	/* for IE */ background-image: -webkit-gradient(linear, left top, left bottom, from(#fff9f9), to(#FFECEC));
	
	/* for webkit browsers */ background-image: -moz-linear-gradient(center top, #fff9f9, #FFECEC);
	
	/* for firefox 3.6+ */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 249, 249, 1)), to(rgba(255, 236, 236, 1)));
	
	background: -moz-linear-gradient(center top, rgba(255, 249, 249, 1), rgba(255, 236, 236, 1));
	
	background: linear-gradient(#fff9f9, #FFECEC);
	
	background: -webkit-linear-gradient(#fff9f9, #FFECEC);
	
	color:#000;
}


.menu li
{
	display:inline;
	
	
}



.cgaleria
{
	float:left;
   width:100%;
   position:relative;
}
.galeria
{
	list-style-type:none;
	margin:0;
	padding:10px;
   text-align:center;
}


.galeria li
{
	display:inline;
	float:left;
	text-align:center;
	padding:10px;
	position:relative;
}





.pie
	{
	font-size:16px;	
	}



A:link		
	{
	color: #00F;

	}

A:visited
	{
	color: #00f;
	}


A:hover
	{	
	text-decoration: none; 
	color: #f00;
	}


A:active
 	{
	text-decoration: none; 
	color: #000000;
	}


.foto /* le pone un marquito a la foto */

	{
    border: 3px solid #ccc;

	}

.fx /* le pone un marquito a la foto */

	{
    border: 3px solid #ccc;

	}


.foto:hover
{
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}


.formulario /* le da formato a los campos en el formulario */

	{
    color: #000;
    background-color: #f3f3f9;
    border: 1px solid #fcf;
	border-left: 3px solid #fcf;
	}

input:focus.formulario, textarea:focus.formulario  /* le da formato a los campos SELECCINADOS en el formulario */
	{
    background-color: #fff;
    border: 1px solid #99f;
	}
	
	
/* style para el menu de */



a.mx:link
	{
	color:#000;
	text-decoration: none;
	padding:10px;
	font-size:16px;
	line-height: 40px;

	border-right: 1px solid #ccc;
	}

a.mx:visited
	{
	color:#000;
	text-decoration: none;
	padding:10px;
	}


a.mx:hover
	{
	background: #C33;
	text-decoration: none;
	color:#fff;
	padding:10px;
	}
	
	
a.mx:active
	{
	background: #900;
	text-decoration: none;
	color:#fff;
	padding:10px;
	}


/* crea botones para compartir */

.sh
{
margin:auto; width:196px; clear:both;
}

.sh a
{
display:block;
float:left;
background-image: url("https://www.bellezaculichi.com/i/fb.gif");
background-repeat: no-repeat;
}

.fb
{
	width:52px;
	height:22px;
	background-position: 0 0 ;
}

.tr
{
	width:71px;
	height:22px;
	background-position: -51px 0 ;
}


.rss
{
	width:54px;
	height:22px;
	background-position: -122px 0 ;
}


.date
{
	text-align:right;
	font-size:14px;
	border-top: 2px solid #09c;
	padding-top:5px;
}





/* En la galeria se muestran los botones para navegar con una lista */

.nav_gal
{
	list-style-type:none;
	margin:0;
	padding:0px;
	clear:both;
	color:#000;
}


.nav_gal li
{
	display:inline;
	
	
}


.nav_gal_no_link
{
	color:#000;

	padding:12px;
	font-size:16px;
	line-height: 60px;

	border: 1px solid #ccc;
	margin:3px;
	
	border-radius:3px;

}


/* links para navegar galeria */



a.nx:link
	{
	color:#00f;

	padding:12px;
	font-size:16px;
	line-height: 60px;

	border: 1px solid #ccc;
	margin:3px;
	
	border-radius:3px;
	}

a.nx:visited
	{
	color:#00f;
	border: 1px solid #ccc;
	padding:12px;
	}


a.nx:hover
	{
	background: #C33;
	text-decoration: none;
	color:#fff;
	padding:12px;
	}
	
	
a.nx:active
	{
	background: #900;
	text-decoration: none;
	color:#fff;
	padding:15px;
	}



#ag_menu
{
	display:none;
}


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

	body 
	{
		font-size:20px;
	}


	.subt /* subtitulos */
	{
		font-size:22px;
	}


	#logo
	{
		margin:auto;
		float:none;	
	}


	#titulo
	{
		display:none;
	}
	
	.menu li
	{
		display:block;


	width:100%;	

	background: #FFECEC;
	
	/* fff9f9 */ 
	
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,endColorstr='#FFECEC',startColorstr='#fff9f9');
	
	/* for IE */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,endColorstr='#FFECEC',startColorstr='#fff9f9')";
	
	/* for IE */ background-image: -webkit-gradient(linear, left top, left bottom, from(#fff9f9), to(#FFECEC));
	
	/* for webkit browsers */ background-image: -moz-linear-gradient(center top, #fff9f9, #FFECEC);
	
	/* for firefox 3.6+ */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 249, 249, 1)), to(rgba(255, 236, 236, 1)));
	
	background: -moz-linear-gradient(center top, rgba(255, 249, 249, 1), rgba(255, 236, 236, 1));
	
	background: linear-gradient(#fff9f9, #FFECEC);
	
	background: -webkit-linear-gradient(#fff9f9, #FFECEC);
	
	color:#000;	
	
	border-bottom: 1px solid #ccc;
	
	}


	a.mx:link
		{
		color:#000;
		text-decoration: none;
		padding:10px;
		font-size:16px;
		line-height: 40px;
		border-right: 0px solid #ccc;
		

		}

	#ag_menu
	{
	display:block;
	}
	

	#up
	{
	display:none;
	}


	
}	


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

	body 
	{
		font-size:20px;
	}

	.subt /* subtitulos */
	{
		font-size:22px;
	}


	#intro
	{
		width:470px;
		height:206px;	
	}


}

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

	.contenido /* define el bloque de texto para el contenido */ 
		 { 
		width: 300px; 
	 
		 }


	#intro
	{
		width:310px;
		height:136px;	
	}



}