/* 
    Document   : css-modulos
    Created on : 17-dic-2009, 16:44:06
    Author     : Jose Chavez
    Description:
        Contiene todos los estilos utilizados en los modulos del sitio.
*/

/*Estilos utilizados en el modulo de miembros*/

/*GENERALES*/
#miembro-acceso     { width:169px; padding: 0px  20px 0px 25px; font-size:11px; min-height:181px; _height:181px; background: #dcd5bb url(images/bg-izq-top.jpg) no-repeat top; }
.lnk-registrate     { width:100px; padding: 5px 0px 5px 0px; padding-left: 30px; background: url(../images/flecha01.gif) no-repeat left center; cursor:pointer; }

.SI-FILES-STYLIZED label.cabinet            { width:87px; height:14px; _height:14px; background: url(../img/btn-operation.png) 0 0 no-repeat; display: block; overflow: hidden; cursor: pointer; }
.SI-FILES-STYLIZED label.cabinet input.file { position:relative; height:100%; width:auto; cursor: pointer; opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }

/*
.SI-FILES-STYLIZED label.cabinet            { width: 79px; height: 22px; background: url(../images/btn-seleccionar.png) 0 0 no-repeat; display: block; overflow: hidden; cursor: pointer; }
.SI-FILES-STYLIZED label.cabinet input.file { position: relative; height: 100%; width: auto; opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
*/

#registro-miembro   { padding-top:15px; padding-left:40px; color:#523918; }
#div-registro       { padding-left:100px; padding-top:20px; width:100px; }
.btn-large          { margin-bottom:30px;padding-left:0px; margin-left:0px; font-size:10px; color:#fff; width:70px; height:19px; _height:22px; background: #f47701 url(../images/bntnaranja-large.jpg) no-repeat; }
.btn-short          { margin-bottom:30px;padding-left:0px; margin-left:0px; font-size:10px; color:#fff; width:41px; height:20px; _height:22px; background: #f47701 url(../images/btn-naranja-short.png) no-repeat; }
.btn-cambiar        { width:50px; height:21px; _height:22px; background: transparent url(../images/btn-cambiar.png) no-repeat; }
.btn-editar         { width:50px; height:21px; _height:22px; background: transparent url(../images/btn-editar.png) no-repeat; }
.btn-guardar        { width:50px; height:21px; _height:22px; background: transparent url(../images/btn-guardar.png) no-repeat; }
.btn-buscar        { width:50px; height:21px; _height:22px; background: transparent url(../images/btn-buscar.png) no-repeat; }
.txt-large          { background-color:#f6f2e7; width:250px; }
.lbl-small          { font-size:10px; color:#666666; }
.div-terminos       { float:left; }
.lnk-register       { font-size:12px; }
.searchin			{ width:125px; height:10px; _height:10px; font-size:10px; }

/*REGISTRO Y PERFIL*/
#content-modulo		{ width:637px; padding:0px 10px 0px 20px; min-height: 400px; _height: 400px; }
#buscar-sitio		{ float:left; padding-left:25px; width:400px; }
#perfil-encabezado	{ width:423px; min-height:50px; _height:50px; }
#perfil-izquierdo	{ float:left; width:210px; padding-left:20px; }
#perfil-enlaces         { width:194px; background-color:#d8d2c0;}
#tool-foto-perfil       { padding-left:35px; padding-top:5px; }
#nombre-perfil		{ padding-bottom:10px; padding-left:5px; }
#perfil-derecho		{ float:left; width:407px; font-weight:normal;}
#perfil-derecho table.per	a	{ color:#766247;text-decoration:none;}
.lnk-miembros		{ width:90px; text-decoration:underline; color:#0031B8; padding: 5px 0px 5px 0px; padding-left: 25px; background: url(../images/flecha02.gif) no-repeat left center; cursor:pointer; }
.divi                   { border-top: 1px dashed #766247; padding-top: 15px; }
.hdivi			{ color:#766247; font-size:14px; font-weight:bold; }
.tdname			{ width: 90px; }
.td-fondo-txt		{ width: 400px; background-color:#d9d2c0; color:#766247; }
.lnk-albumes		{ width:150px; padding: 5px 0px 5px 35px; margin-left:10px; margin-top:10px; background: url(../images/icon-album.png) no-repeat left center; cursor:pointer; }
.lnk-mensajes		{ width:150px; padding: 5px 0px 5px 35px; margin-left:10px; margin-top:10px; background: url(../images/icon-mensaje.png) no-repeat left center; cursor:pointer; }
.lnk-send			{ width:100px; padding: 5px 0px 5px 35px; margin-left:10px; margin-top:0px; background: url(../images/icon-mensaje.png) no-repeat left center; cursor:pointer; }



div.cleaner{*display:inline-block;}
* html div.cleaner{height:1%;}
div.cleaner:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.float-left{float:left;}
.float-right{float:right;}
div.box-alert{margin-top:3px;margin-bottom:3px;border:solid 1px #FF6F6F;padding:8px 4px;text-align:center;color:#9F3B3B;font-weight:bold;background:#FFEFEF;}
div.banner-miembros{}
div.mask-profile{width:194px;background:url(../images/mask-profile.png) 0 0 no-repeat;padding-top:14px;}
div.mask-profile div.bottom{background:url(../images/mask-profile_bottom.png) bottom left no-repeat;padding-bottom:21px;text-align:center;}
div.separator{background:url(../img/separator.png) repeat-x center left;height:20px;}
div.layer{width:490px;background:url(../img/prof-center.jpg) center 0px no-repeat;color:#5a5a5a;}
div.box-gray{background:#eeeeee;padding:8px 20px;}
div.box-yellow{background:#fffebb;padding:8px 20px;border:solid 1px #c2c85a;}
div.box{padding:4px 10px;}
tr.new{background:#d4cebd;}
tr.post td{padding:5px;vertical-align:top;border-bottom:solid 1px #5a4222;}
tr.post td.text{padding-top:20px;}
tr.post td.center{vertical-align:middle;}
.align-left{text-align:left;}
.align-right{text-align:right;}
.align-center{text-align:center;}
.align-justify{text-align:justify;}
.quote-left{padding-left:15px;}
.quote-right{padding-right:15px;}
.cursor{cursor:pointer;}
.block{display:block;}
.reset{border:0;margin:0;padding:0;text-decoration:none;background:transparent;}
.no-bold{font-weight:normal;}
.black{color:#000;}
.bold{font-weight:bolder;}
.red{color:#fc3f37;}
.blue{color:#0031b8;}
.orange{color:#fd9800;}
.brown{color:#5A4222;}
.px12{font-size:12px;}
.px13{font-size:13px;}
.medium{font-size:14px;}
.high{font-size:18px;}
.highest{font-size:22px;}
.uppercase{text-transform:uppercase;}
.italic{font-style:italic;}
.underline{text-decoration:underline;}
.no-decoration{text-decoration:none;}
.subtitle{font-size:13px;}
.absolute{position:absolute;}
.relative{position:relative;}
.spacing{letter-spacing:1px;}
.paragraph{padding-top:8px;}
.paragraph-min{padding-top:4px;padding-bottom:4px;}
a.gray{color:#707070;text-decoration:underline;cursor:pointer;}
a.gray:hover{color:#fd9800;text-decoration:none;}
a.bullet{padding-left:8px;background:url(../img/bullet-purple.gif) no-repeat 0 3px;}
a.edit{padding-left:16px;background:url(../img/edit.gif) no-repeat 0 0;}
a.more{color:#f97314;padding-left:10px;background:url(../img/more.gif) no-repeat 0 2px;text-decoration:underline;}
a.back{color:#392a6d;padding-left:12px;background:url(../img/back.gif) no-repeat 0 2px;text-decoration:underline;}
span.gray{color:#8f8f8f;}
img.valign{height:100%;vertical-align: middle;width:0px;}
a.icon-album{background:url(../images/icon-album.png) no-repeat 0 0;font-size:13px;padding:6px 5px 3px 35px;margin-top:5px;}
a.icon-messages{background:url(../images/icon-mensaje.png) no-repeat 0 2px;font-size:13px;padding:2px 5px 1px 35px;margin-top:5px;}
a.icon-members{background:url(../images/icon-members.png) no-repeat 0 0;font-size:13px;padding:2px 5px 2px 35px;margin-top:5px;}
a.icon-profile{background:url(../images/icon-profile.png) no-repeat 0 0;font-size:13px;padding:4px 5px 3px 35px;margin-top:5px;}

a.icon-sitios{background:url(../images/icon-sitios.png) no-repeat 0 0;font-size:13px;padding:2px 5px 2px 30px;margin-top:5px;}
a.icon-comments{background:url(../images/icon-comments.png) no-repeat 0 0;font-size:13px;padding:2px 5px 3px 30px;margin-top:5px;}
a.icon-favorites{background:url(../images/icon-favorites.png) no-repeat 0 0;font-size:13px;padding:2px 5px 3px 30px;margin-top:5px;}

a.icon-album:hover, a.icon-members:hover, a.icon-messages:hover, a.icon-profile:hover{color:#f57600;}
a.icon-back{background:url(../images/flecha02.gif) no-repeat 0 0;font-size:13px;padding:5px 5px 6px 32px;margin-top:5px;}
input.entry{border:1px solid #a5acb2;float:none;}
textarea.entry{border:1px solid #a5acb2;float:none;width:95%;}
img.waiting{margin-right:20px;}

div.tabs{border-bottom:solid 3px #d4cebd;}
div.tabs a{display:block;float:left;height:26px;padding-left:2px;}
div.tabs a span{display:block;line-height:26px;padding:0 4px;color:#00528c;text-decoration:underline;}
div.tabs a span.sent{padding-left:22px;background:url(../img/sentmsg.gif) no-repeat 2px 7px;}
div.tabs a span.inbox{padding-left:22px;background:url(../img/inboxmsg.gif) no-repeat 2px 8px;}
div.tabs a span.saved{padding-left:24px;background:url(../img/savedmsg.gif) no-repeat 2px 4px;}
div.tabs a span.profile{padding-left:24px;background:url(../img/profile.png) no-repeat 2px 4px;}
div.tabs a span.album{padding-left:25px;background:url(../img/album.png) no-repeat 2px 4px;}
div.tabs a.active{background:#d4cebd;}

a.button-orange{background:transparent url(../img/button-orange_right.png) no-repeat scroll top right;display:block;float:left;height:30px;padding-right:11px;text-decoration:none;color:#fff;margin-right:6px;cursor:pointer;}
a.button-orange span{background:transparent url(../img/button-orange_left.png) no-repeat 0 0;display:block;line-height:30px;padding:0 10px 0 16px;} 
a.button-orange:hover span{color:#f1ee0e;}
a.button-disabled{background:transparent url(../img/button-disabled_right.png) no-repeat scroll top right;display:block;float:left;height:30px;padding-right:11px;text-decoration:none;color:#000;margin-right:6px;cursor:pointer;}
a.button-disabled span{background:transparent url(../img/button-disabled_left.png) no-repeat 0 0;display:block;line-height:30px;padding:0 10px 0 16px;} 
a.button-disabled:hover span{color:#333;}


/*div#panel{
background:pink;
	font-size:							12px;
	font-family:						Trebuchet MS,Arial,sans-serif;
}

div#head{}
	
	div#head div.float-left{
		width:							300px;
background:orange;
	}
	

	div#head h1.title{
		padding:						0;
		margin:							0;
		
		background:						transparent url(../img/back/title_right.png) no-repeat scroll top right; 
		display:						block;
		float:							left;
		height:							57px;
		padding-right:					17px;
		text-decoration:				none;
		color:							#fff;
		font-size:						18px;
	}
	
		div#head h1.title span{
			background:					 url(../img/back/title_left.png) no-repeat 0 0; 
			display:					block;
			line-height:				42px;
			padding:					0 0 15px 17px;
			text-align:					center;
			min-width:					212px;
		} 
	
	
	div#head div.float-right{
		width:							115px;
background:blue;
	}*/


/*div.frame{color:#523918;background:url(../img/back/frame-outside.png) top left no-repeat;width:400px;padding-top:35px;}
div.frame div.frame-y{background:url(../img/back/frame-inside.png) bottom left no-repeat;padding:0 30px 30px 30px;}*/
div.frame{color:#523918;background:#ffc;border-right:1px #BDBDBF solid;border-bottom:1px #BDBDBF solid;border-top:1px #EAEAEA solid;border-left:1px #EAEAEA solid;}
div.frame div.frame-y{padding:30px 30px 30px 30px;}
div.frame div.frame-y div.link-right{text-align:center;margin-top:60px;float:right;padding:5px 10px 5px 35px;width:110px;border-right:1px #BDBDBF solid;border-bottom:1px #BDBDBF solid;border-top:1px #EAEAEA solid;border-left:1px #EAEAEA solid;background:#fff;}
div.frame div.frame-y div.link-right img.absolute{top:-6px;left:6px;}

div.legend{font-style:italic;text-align:justify;min-height:40px;_height:40px;/*background:url(../img/back/icon-candle.png) top left no-repeat;*/padding-left:8px/*48px*/;padding-top:5px;}

div.frame-photo{background:pink;}
div.frame-photo div.out{background-position:center center;background-repeat:no-repeat;background-color:#fff;}
div.frame-photo div.in{background:url(../img/back/frame-photo.png) center center no-repeat;height:154px;width:140px;}

div.msg{padding:5px 10px;border-right:1px #BDBDBF solid;border-bottom:1px #BDBDBF solid;border-top:1px #EAEAEA solid;border-left:1px #EAEAEA solid;background:#fff;}
div.msg-warning{padding:5px 10px;background:#ffc;border-right:1px #BDBDBF solid;border-bottom:1px #BDBDBF solid;border-top:1px #EAEAEA solid;border-left:1px #EAEAEA solid;}