@charset "utf-8";
/* CSS Document */
html { 
	margin:0px;
	padding:0px;
}
@font-face {
	font-family: "Maiandra GD";
	src:url(../fonts/maian.eot), url(../fonts/maian.ttf),url(../fonts/maian.otf), url(../fonts/maian.woff);
	font-size:14px;
}
@font-face {
	font-family: "Cambria";
	src:url(../fonts/cambriai.eot), url(../fonts/cambriai.ttf),url(../fonts/cambriai.otf), url(../fonts/cambriai.woff);
	font-size:24px;
}
@font-face {
	font-family: mistral;
	src:url(../fonts/mistral.eot), url(../fonts/mistral.ttf),url(../fonts/mistral.otf), url(../fonts/mistral.woff);
	font-size:24px;
}
@font-face {
	font-family: capital;
	src:url(../fonts/chopinscript.eot), url(../fonts/chopinscript.ttf), url(../fonts/chopinscript.otf), url(../fonts/chopinscript.woff);
	font-size:24px;
}
@font-face {
	font-family: postit;
	src:url(../fonts/Postit-Penscript.eot), url(../fonts/Postit-Penscript.ttf), url(../fonts/Postit-Penscript.otf),url(../fonts/Postit-Penscript.woff);
	font-size:24px;
}
@font-face {
	font-family: celtic;
	src:url(../fonts/celticmd.ttf);
	font-size:24px;
}

* {
	margin: 0;
	padding-top: 10px;
	font-family: "Maiandra GD";
	font-size: 16px;
	color: #000;
	text-shadow: 1px 1px 5px rgba(0,0,0,1);
	-moz-text-shadow: 1px 1px 5px rgba(0,0,0,1);
	-webkit-text-shadow: 1px 1px 5px rgba(0,0,0,1);
}
h1 {
	padding: 12px 5px;
	font-size: 30px;
	text-align: left;
	font-family: cambria;
	color: rgba(88,0,88,1);
	text-shadow: 1px 1px 6px rgba(0,0,0,1), 1px 0px 12px rgba(255,255,155,1);
    -moz-text-shadow: 1px 1px 6px rgba(0,0,0,1), 1px 0px 12px rgba(255,255,155,1);
    -webkit-text-shadow: 1px 1px 6px rgba(0,0,0,1), 1px 0px 12px rgba(255,255,155,1);
}
h1:first-letter {
   float:left;
   display:block;
   margin-top:-20px;
   font-size:70px;
   margin-left:5px;
   line-height:40px;
   padding:0px;
   /*margin-right:2px;*/
   font-family:capital;
   font-weight:lighter;
   color: rgba(88,0,88,1);
   }
  
h1:hover { 
   color:rgba(88,0,88,1);
   text-shadow: 0px 0px 12px rgba(125,125,125,1),1px 1px 8px rgba(255,255,100,1);
   -moz-text-shadow: 0px 0px 12px rgba(125,125,125,1),1px 1px 8px rgba(255,255,100,1);
   -webkit-text-shadow: 0px 0px 12px rgba(125,125,125,1),1px 1px 8px rgba(255,255,100,1);
}
/*h1:hover:first-letter {

} */
	
h3 {
	font-size: 22px;
	text-align: left;
	font-family: "Maiandra GD";
	color: rgba(240,240,240,1);
	text-shadow: 3px 3px 5px rgba(0,0,0,1);
	-moz-text-shadow: 3px 3px 5px rgba(0,0,0,1);
	-webkit-text-shadow: 3px 3px 5px rgba(0,0,0,1);
}
h4 {
	font-size: 22px; 
	color: #000;
}
p {
	margin-top:5px;
	margin-left:20px;
	padding-left: 40px;
	margin-right: 10px;
	font-family: "Cambria";
	line-height:32px;
	font-style:italic;
	font-size:24px;
}

p:first-letter {
   float:left;
   display:block;
   margin-top:-15px;
   margin-left:0px;
   font-size:36px;
   color: rgba(88,0,88,1);
   /*line-height:30px;*/
   padding: 2px 2px;
   /*margin-right:1px;*/
   font-family:celtic;
   font-style: normal;
   font-weight:lighter;
   border-style: outset;
   border-width: 1px;
   border-radius: 8px;
   border-color: black;
   text-shadow: 1px 1px 6px rgba(0,0,0,1), 1px 0px 12px rgba(255,255,155,1);
    -moz-text-shadow: 1px 1px 6px rgba(0,0,0,1), 1px 0px 12px rgba(255,255,155,1);
    -webkit-text-shadow: 1px 1px 6px rgba(0,0,0,1), 1px 0px 12px rgba(255,255,155,1);
}
p.sangria { text-indent: 32px; }

p1 { 
	display:block;
	font-family: mistral; 
	font-size:30px; 
	color:#444; 
	text-align:justify;
	padding-right: 12px;
	padding-left: 12px;
	text-shadow: 1px 1px 8px #000;
	-moz-text-shadow: 1px 1px 8px #000;
	-webkit-text-shadow: 1px 1px 8px #000;
}
p1.sangria { text-indent: 32pt; }
hr {
	margin:0px;
	padding:0px;
}

footer {
  display:block;
  font-family:mistral;
  text-align: center;
  font-size:32px;
  color:#000;
  text-shadow: 1px 1px 8px #fff;
  -moz-text-shadow: 1px 1px 8px #fff;
  -webkit-text-shadow: 1px 1px 8px #fff;
}
address { 
  margin-bottom:0px;
  padding:0 5px;
  font-size: 12px;
  color:rgba(0,0,0,1);
  text-shadow: 1px 1px 8px #fff;
  -moz-text-shadow: 1px 1px 8px #fff;
  -webkit-text-shadow: 1px 1px 8px #fff;
}
a { text-decoration:none; }
/*#movil{
	position:absolute;
	margin:10px 5px;
	padding:0;
	width:70px;
	height:72px;
	background-image:url(../ico/movil.png);
	background-repeat:no-repeat;
	z-index:2000;
}*/
.pluma {
	position:absolute;
	float: right;
	margin: -105px 890px;
    width: 90px;
    height: 90px;
    display: block;
    alignment-adjust: rigth;
	background-image: url(../ico/pluma90B_trans.png);
	background-repeat: no-repeat;
	background-position: right;
	filter: drop-shadow(3px 5px 3px #000);
	z-index: 1;
}
#lacre {
	position:absolute;
	width:107px;
	height:100px;
	margin:630px 890px;
	background-image:url(../logos/lacre.107.100.png);
	background-repeat:no-repeat;
	z-index:2000;
}
#contenedor {
	margin:0px auto;
	padding:10px;
	display:block;
	background-image:url(../fondos/plumabn_fondo.png);
	min-width:750px;
	alignment-adjust:central;
	width:1020px;
	height:750px;
	margin-top:10px;
	outline-width:medium;
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	-o-border-bottom-leftradius:12px;
	border-bottom:medium #00C;
	box-shadow:8px 8px 5px #000;
	-moz-box-shadow:8px 8px 5px #000;
	-webkit-box-shadow:8px 8px 5px #000;
}
#cabecera {
	margin: 0px;
	padding: 0px;
	height:90px;
	border:solid 1px  #BCBCBC;
	border-top-left-radius:12px;
	-moz-border-top-left-radius:12px;
	-webkit-border-top-left-radius:12px;
	-o-border-bottom-topleftradius: 12px;
	border-top-right-radius:12px;
	-moz-border-top-right-radius:12px;
	-webkit-border-top-right-radius:12px;
	-o-border-bottom-toprightradius: 12px;
	z-index:0;
}
#contenido { 
	margin-top:34px;
	padding:0px;
	position:absolute;
	width:1020px;
	height:612px;
}
.contenidoI {
	margin-top: 34px;
	padding-left: 0px;
    position:absolute;
	width:210px;
	height:612px;
	border:solid 5px #000;
	border-bottom-left-radius:12px;
	 -moz-border-bottom-left-radius:12px;
	-webkit-border-bottom-left-radius:12px;
	-o-border-bottom-leftradius: 12px;
	border-bottom-right-radius:12px;
    -moz-border-bottom-right-radius:12px;
	-webkit-border-bottom-right-radius:12px;
	-o-border-bottom-rightradius: 12px;
	z-index:0;
}
.contenidoD {
	position:relative;
	margin-top: 34px;
	padding-left: 0px;
	width:810px;
	height:612px;
	border:solid 3px #000;
	border-bottom-left-radius:12px;
	-moz-border-bottom-left-radius:12px;
	-webkit-border-bottom-left-radius:12px;
	-o-border-bottom-leftradius: 12px;
	border-bottom-right-radius:12px;
	-moz-border-bottom-right-radius:12px;
	-webkit-border-bottom-right-radius:12px;
	-o-border-bottom-rightradius: 12px;
	z-index:0;
}
.contador {
	margin-top:-34px;
	padding-left:0px;
	background-color:transparent;
}
.ratio {
	position:absolute;
	margin:0px 5px auto;
	background-color:transparent;
	width:120px;
	height:50px;
	z-index:2;
}
.ratioInterior {
	position:absolute;
	margin: -12px 40% auto;
	padding:0px;
	background-color:transparent;
	width:120px;
	height:50px;
	z-index:2;
}
.logo {
	margin-top: -18px;
	padding-left:0px;
	width:702px;
	z-index:0;
}
#boton, .boton {
	width:62px;
	height:24px;
	font-size:14px;
	background:#CCC;   
    background-image: -webkit-linear-gradient(top,#fff,#666);
    background-image: -moz-linear-gradient(top,#fff,#666);
    background-image: -o-linear-gradient(top,#fff,#666);  
    background-image: linear-gradient(to bottom,#fff,#666);     
    border: 1px solid #999;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;  
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 2px #FFF inset; 
    -webkit-box-shadow: 0px 0px 2px #FFF inset;
    -o-box-shadow: 0px 0px 2px #FFF inset; 
	box-shadow: 0px 0px 2px #FFF inset;
	-moz-box-shadow:0px 0px 2px #FFF inset;
	-webkit-box-shadow:0px 0px 2px #FFF inset;
    padding: 1px 1px; 
    color: #EEE;
    font-weight:100;
    text-decoration:none;
	text-shadow: 1px 2px 2px #000;
	-moz-text-shadow: 1px 2px 2px #000;
    -webkit-text-shadow: 1px 2px 2px #000;
}
#boton:hover, .boton:hover {
    background:#fff;  
    background-image: -webkit-linear-gradient(bottom,#fff,#666);
    background-image: -moz-linear-gradient(bottom,#fff,#666);
    background-image: -o-linear-gradient(bottom,#fff,#666);   
    background-image: linear-gradient(to top,#fff,#666);
	color: #fff;
	text-shadow: 1px 2px 2px #000;
	-moz-text-shadow: 1px 2px 2px #000;
    -webkit-text-shadow: 1px 2px 2px #000;
    cursor: pointer;
}
#pieCol1 {
		float:left;
		width: 33.3%;
		display:block;
		text-align:left;
		font-size:16px;
}
#pieCol2 {
		float:left;
		width: 33.3%;
		display:block;
		text-align:center;
		alignment-adjust:central;
		font-size:18px;
}
#pieCol3 {
		float:left;
		width: 33.3%;
		display:block;
		text-align:center;
		font-family:mistral;
		font-size:23px;
		color:rgba(88,0,88,1);
}
.métrica { color: rgba(50,50,50,1);font:Tahoma;font-size:4px;text-shadow: 1px 1px 1px rgba(255,255,255,1);}
.rojo { color:rgba(255,0,0,1);font-size:12px;font-weight:bold ; }
.gualda { color:rgba(255,255,0,1);font-size:12px;font-weight:bold;}
.mensaje { color: green; font-size:60px; }
.mensajeERROR { color: red; font-size:60px; }

.fondo {background-image:url(../fondos/plumabn.png); }
.común {background-image:url(../fondos/portada_trans.png); }
.adios {background-image:url(../fondos/adios.png); }
.amor {background-image:url(../fondos/corazoncristal.png); }
.amor_rostro {background-image:url(../fondos/rostro_fondo.png); }
.anden {background-image:url(../fondos/anden.png); }
.besos {background-image:url(../fondos/beso.png); }
.beso_boca {background-image:url(../fondos/besoboca_fondo.png); }
.beso_mejilla {background-image:url(../fondos/besomejilla.png); }
.corazon_roto {background-image:url(../fondos/corazonroto.png); }
.corazon_cojin {background-image:url(../fondos/corazon_fondo.png); }
.delamano {background-image:url(../fondos/delamano.png);}
.eclipse {background-image:url(../fondos/eclipse.png); }
.esperando {background-image:url(../fondos/adiostren.png); }
.estrellas {background-image:url(../fondos/estrellas_fondo.png); }
.happy {background-image:url(../fondos/felicidades.png); }
.lucha {background-image:url(../fondos/lucha.png); }
.inmemoriam {background-image:url(../fondos/nicho.png); }
.lluvia {background-image:url(../fondos/lluviavidrio.png); }
.llorar {background-image:url(../fondos/llorar.png); }
.mares {background-image:url(../fondos/mares.png); }
.mirada {background-image:url(../fondos/mirada_fondo.png); }
.música {background-image:url(../fondos/partitura.png); }
.necropolis {background-image:url(../fondos/necropolis.png); }
.luna {background-image:url(../fondos/luna_fondo.png); }
.ojos {background-image:url(../fondos/reflejoenojos.png); }
.olas {background-image:url(../fondos/fondoolas.png); }
.paloma {background-image:url(../fondos/palomayrosa.png); }
.personal {background-image:url(../fondos/personal3_bn.png); }
.regalo {background-image:url(../fondos/regalo-flores.png); }
.rosa {background-image:url(../fondos/rose_fondo.png); }
.sobrinas {background-image:url(../fondos/sobrinas.png); }
.soledad {background-image:url(../fondos/montanna.png);}
.sueños_dormida {background-image:url(../fondos/dormida.png); }
.sueños_acostada {background-image:url(../fondos/acostada.png); }
.sueños_acostados {background-image:url(../fondos/durmiendojuntos.png); }
.sueños_abrazados {background-image:url(../fondos/abrazados.png); }
.tristeza {background-image:url(../fondos/rosasespinas.png); }
.velas {background-image:url(../fondos/velas.png); }
.ventana {background-image:url(../fondos/mujer_ventana.png); }