@charset "utf-8";
/* CSS Document */
html, body, h1, h2, h3, h4, h5, h6, div, p, span, ul, li, a, img, form, input, select{ margin: 0; padding: 0;}
img{ border:none; text-decoration:none;}
div{ position:relative;}
li { list-style-type: none; }
h1 {}
h2 {font-size: 13px;}
h3 {font-size: 12px; font-weight:normal;} 

fieldset 			{ border:none}
textarea:focus, input:focus	{ border:1px solid #99CC00}

/*clase generica para listados*/
.H						{}
.H ul					{}
.H li					{display:inline; margin-left:5px; padding:5px}
.H li a					{ color:#333; text-decoration:none; text-transform:uppercase}
.H li a:hover			{ color: #333; text-decoration:underline;}

input					{ vertical-align:middle;}
input.btn1				{background: url(../img/btn1.png) no-repeat top left; border:none; height:21px;
						width:80px; color:#FFF; text-align:center!important; font-size:10px;
						text-transform:uppercase;
						} 
input.btn1:hover		{background: url(../img/btn1.png) no-repeat left -22px; border:none; height:21px; cursor:pointer}	

input.btn2				{background: url(../img/btn2.png) no-repeat top left; border:none; height:21px;
						width:120px; color:#FFF; text-align:center; cursor:pointer;}
input.btn2:hover		{background: url(../img/btn2.png) no-repeat left -22px; border:none; height:21px; cursor:pointer}

input.btn1, input.btn2  { font-size:11px; text-align:center!important}
label 					{color: #333; display: block;	margin: 5px 3px;}
.radios					{ width:20px; vertical-align:middle}
/*CLASES GENERALES*/
.virtualGrave			{ font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:12px;
						  background:url(../img/bg_body.jpg) #fff repeat-x top left;}
.container				{ margin:0 auto 0 auto; width:900px; /*border:1px solid #CCC;*/ overflow:hidden}

/*clases para botones e inputs text*/
.w100P					{ width:240px}
.w100					{ width:100px}
.w200					{ width:200px}
.w250					{ width:350px}
.w300					{ width:300px}
.w400					{ width:400px}
.fr	  					{ float:right}
.fl	  					{ float:left}

/*ZONA CABECERA*/
.banner					{ width:880px; /*height:170px;*/}
.banner2				{width:880px; height:280px;}
.logo					{ width:200px; height:70px; float: left; margin-left:10px}
.navZone				{ float:left; margin-right:10px;}
.loginZone label		{ display:inline}
.navZone				{ clear:both}

.loginZone     			{ border-bottom:3px solid #D69400; width:872px; margin-left:20px; float:right;
						text-align:right}
.loginZone2     		{ margin-right:20px; position: relative; z-index:3; /*margin-top:-30px*/}
.loginZone2 table		{ float:right; /*background:url(../img/bgLogin.png) no-repeat left;*/ height:100px; margin-top:20px}
.loginZone2	table label	{ color:#333;}
.loginZone2 table td input.btn1	{ margin-top:5px;}
.loginZone2 a			{ color: #690}
.navZone				{background:url(../img/NavL.jpg) #f2f2f2 no-repeat left; height:21px; color:#FFF; width:890px; margin:0 auto}
.navZone ul				{background:url(../img/NavR.jpg) #f2f2f2 no-repeat right; height:21px; margin-left:14px;}


/*ZONA CUERPO*/
.cuerpo{ clear:both; padding:5px; overflow:hidden}

/*CONTENEDORES*/
/*Buscador*/
.buscador				{background:url(../img/imagenBuscador.jpg) no-repeat left; height:150px; width:887px;}
.buscador h2			{ visibility:hidden}
.buscador table			{ margin:0px 10px}
.buscador .boton1		{ margin-top:28px}
.buscador label			{ display: inline!important;}
.buscador .search		{padding:50px 10px 0px 150px; height:120px}
.mas .boton1			{ margin-top:0px!important}

.resultados{}
.titbusqueda{ overflow:hidden; width:auto}
.titbusqueda .H{ display:inline}
.titbusqueda .H a{ cursor:pointer; padding:5px}
.orden{ float:right; margin:5px 10px;}

.paginador{display:inline-block}
.paginador div{ display:inline;}

.fallecido{width:430px; float:left; overflow: hidden; margin-bottom:5px; border-top:1px solid #FFF; margin-left:5px;
					background: url(../img/transp.png) repeat;}
.oraciones{background: url(../img/transp.png) repeat; border-top:1px solid #FFF; padding:10px}
.fallecido h3{ font-weight:bold;}
.perfilContent h3, .datos h2{ font-weight:normal;}
.fallecido span, .perfilContent span{ font-size:13px}
.fallecido input{ float:right; text-align:right; margin:5px}
.photo{ width:90px; height:90px; float:left; vertical-align:middle; margin:7px}
.datos{ margin-left:100px; text-align:justify}
.datos span			{ font-size:22px; }
.res .datos span   	{ font-size:16px; font-style:italic}  
 
/*administracion*/
.administracion{ overflow:hidden; width:auto; padding:0px 5px;}
.administracion .buscador .search  { height:100px; padding-top:60px}
.editDatos{ overflow:hidden;  width:300px; float:left}
.editDatos .password{}
.editDatos .fallecido{ border:none; margin-left:0px; width:300px }
.editDatos h3{ font-weight:normal;}
.editDatos .fallecido input{ text-align:left; float:left}
.editMensajes{margin-left:320px;}
/*.datos{ text-align:right; padding-right:5px}*/
.admin {overflow:hidden}
.admin ul.H{ float: left; background-color:#CCC; width:550px;}
.editMensajes .edicion .H{ clear:none}
.editMensajes h2.autor{ text-align:left; text-transform:uppercase}
.editMensajes .wrap{ border-bottom:1px solid #999; margin-bottom:10px; background: url(../img/transp.png) repeat;}

.editDatos, .editMensajes{ /*border:1px solid #CCC;*/}

.buttons		{width:100%; height:25px}
.buttons input{ display:inline; float:right; margin:3px 5px;}

/*CAJA generica para todos los contenedores*/
.marco .UL {
	float: left;
	width: 11px;
	height:10px;
	background: url(../img/corner_upL.png) no-repeat left top;}
	
.marco .UR {
	margin-left:11px;
	height:10px;
	background: url(../img/corner_upR.png) no-repeat right top;}	

.marco .DL {float: left; position: absolute; *position: relative!important;/*Solo IE*/
	width: 11px; height:8px; background: url(../img/corner_downL.png) no-repeat left bottom;}
	
.marco .DR {
	margin-left: 11px;
	height:8px;
	background: url(../img/corner_downR.png) no-repeat right bottom;}
	
.marco .Mcontent { 
	width:100%;
	background: url(../img/corner_midL.png) repeat-y left top!important;}

.marco .Mcontent .ML {
	width:5px;
	float:left;}
	
.marco .Mcontent .MR {
	background: url(../img/corner_midR.png) repeat-y right top!important;
	margin-left: 5px;
	padding-right: 10px; overflow:hidden}


/*TABS content*/

.perfilContent { background:url(../img/bgTabs.png) no-repeat right top;}
.perfilContent .photo{ width:300px; height:300px; float:left; border:1px solid #CCC; padding:2px}
.perfilContent .datos{ margin:0px 20px 10px 330px; *margin-top:-15px; text-align:justify; padding:5px}
.oraciones{ /*float:left; */margin-left:330px; margin-top:50px}
.oraciones p { font-style:italic;}
.fechas			{}
.fechas .nac, .fechas .death	{ float:left; background: url(../img/transp.png) repeat; border-top:1px solid #FFF;}
.fechas .death		{ margin-left:30px}

/*Video*/
.video { text-align:center	}

/*guest book*/
#tabs-4 .mensajes{ float:left; width:450px;}
.mensajes{width:100%;}
.mensajes .wrap{ border-bottom:1px dotted #333; margin-bottom:10px; display:inline-block; width:100%}  
.mensajes .recordatorio, .texto .recordatorio{ float:left; height:80px; width:80px}
.newMensaje{ width:350px; float: right}
.newMensaje table{ width:100%}
.mensajes .paginador{ text-align: center}
.newMensaje .photo{ width:50px; height:50px}
.mensajes{ margin-right:10px; text-align:justify; }
.mensajes .texto{ font-style:italic; margin-left:90px;}
.mensajes .texto span{ font-weight:bold}
h2.autor{ text-align:right; margin-bottom:5px;} 
.edicion{ display:block}
.edicion .H{ text-align:right;}
.edicion ul.H a{ cursor:pointer}


/*galeria de fotos*/
.caption{font-style:italic;color:#887;}
.demo{position:relative;margin-top:2em;}
.gallery_demo{width:702px;margin:0 auto;}
.gallery_demo li{width:68px;height:50px;border:3px double #111;margin: 0 2px;background:#000;}
.gallery_demo li div{left:240px}
.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}

.primerafoto	{height:100px; width:100px; padding:5px; background: url(../img/transp.png) repeat; border:1px solid #CCC;}

#main_image{margin:0 auto 60px auto;height:438px;width:700px;background:black;}
#main_image img{margin-bottom:10px;}

.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}

.info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
.info p{margin-top:1.6em;}

.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}

/*ZONA PIE*/
.pie{ clear:both; text-align:center; color:#666}


/*clases genericas para backgrounds*/

.bg1		{background: url(../img/bgAdmin.jpg) no-repeat left bottom!important;}
.bg2		{background: url(../img/bgBuscador.jpg) no-repeat left bottom!important; min-height:700px} 


/*estilos para botones*/



/*ds*/

.bg1		{background: url(../img/bgPerfil.jpg) no-repeat left bottom!important;}
.bg2		{background: url(../img/bgBuscador.jpg) no-repeat right bottom!important;} 
.bg3		{background: url(../img/bg_ultFalle.jpg) no-repeat right bottom!important;}



/*estilos para botones*/

#tabs-2 { text-align:center}
#tabs-2 .marco { width:450px}
#tabs-3 .marco  { width:500px}

#tabs-1, #tabs-2, #tabs-3, #tabs-4{ min-height:400px;}
.informa { margin-left:10px}

.textIni   { margin:45px 0px 0px 165px; float:left; width:410px; line-height:17px }
.textIni h2   { visibility:hidden }
.Bmedio  { height:187px; width:886px; background: url(../img/imagenBienvenida.jpg) no-repeat left top; margin:0 auto; float:left}
.Bmedio label  { color:#FFF;}

.textIni p, .textIni h2, .loginZone2 td, .buscador label, .buscador h2, .search h3, .letracafchica
				{ font-family:"Georgia", Times New Roman, Times, serif; color:#333}
				
.textIni h2		{ font-size:1.7em}

#tumba .photo	{ width:75px}

td.tdCab	{ background:url(../img/cabTd.jpg) no-repeat left top; height:36px; font-weight:bold; text-transform:uppercase; text-align:center}

.leaveCom	{text-align:center; min-height:25px;}
.leaveCom a { color:#D69400; text-decoration:none; padding-left:30px; height:25px; background:url(../img/bg_leaveCom.png) no-repeat left top;}
.leaveCom a:hover {text-decoration: underline;}