@charset "utf-8";
/* CSS Document */

/*Login*/
#Login{
	float:none;
	top:5px; left:50%;
	width:312px; height:50px;
	margin-left:168px;
	position:fixed; z-index:201;
}
#Login a{margin-left:20px; color:#CCC;} #Login a:hover{color:#FFF;}
/*formlario Login*/
#Login form{
	width:300px; height:auto; padding:0px 5px 6px 7px; background:#000;
	filter:alpha(opacity=75); opacity: .75; display:none;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	border-bottom-left-radius:5px; border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px;
	box-shadow: 1px 0px 4px rgba(0,0,0,.7); -webkit-box-shadow: 1px 0px 4px rgba(0,0,0,.7); -moz-box-shadow: 1px 0px 4px rgba(0,0,0,.7);
	}
#Login input{
	width:124px; height:14px; padding:2px 3px;
	margin-right:2px; border:1px solid #CCC;
	color:#314159; font-size:11px; font-style:italic;
	}
#Login button{
	width:23px; height:20px; float:left; margin:0px; margin-left:3px; display:block;
	padding:0px; border:0px; cursor:pointer; background:no-repeat;
	border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;
	}
#Login .login_active{background:url(../imgs/btn_login.gif) 0px 0px;}
#Login .login_hover{background:url(../imgs/btn_login.gif) -23px 0px;}
#Login .login_link{background:url(../imgs/btn_login.gif) -46px 0px;}




/* PANEL FLOTANTE MODAL */
.panel_modal{
	top:50%; left:50%; position:fixed; _position:absolute; z-index:10;
	width:auto; height:400px; padding:5px; display:none;
	margin-left:-310px; margin-top:-240px; background:rgba(255,255,255,.3);
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
}

.panel_modal form{
	width:610px; height:400px; color:#777;
	/*background:url(../imgs/panels/imgp_03.png) repeat-x;*/
	background: #EEE; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#CCC)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #FFF,  #CCC); /* for firefox 3.6+ */
	}

.panel_modal input, #panel_modal textarea{width:240px; border:1px solid #CCC; padding:3px; font-size:12px;}
.panel_modal input,.panel_modal textarea{width:240px; height:20px; border:1px solid #CCC; padding:2px; font-size:12px;}
.panel_modal textarea{height:60px;}
.panel_modal li{width:100%; padding:5px 0;}
.panel_modal b{width:120px; padding:5px 0px; display:block;}

.panel_modal ul.l1,.panel_contacto ul.l2{height:360px;}
.panel_modal ul.l1{width:255px; padding:20px 19px 20px 30px; border-right:1px solid #CCC;}
.panel_modal ul.l2{width:255px; padding:20px 20px 20px 29px; border-left:1px solid #FFF; background:#EEE;}

.panel_modal button{min-width:90px; padding:5px 10px; font-size:12px;}


/* PANEL CONTACTO */
#Contacto ul.bg_contacto{background:url(../imgs/panels/imgp_05.png) no-repeat;}

/* PANEL COMENTARIO */
.panel_comentario ul.preview{}
.panel_comentario ul.preview ul{ width:height:340px; overflow:auto; display:block; border:1px solid #CCC;}


/* ASPECTO DE BOTONES */
button{
	color:#E0E0E0; width:auto; height:auto; padding:2px; text-align:center; cursor:pointer;
	margin-right:20px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
	}
button:hover{
	color:#FFF;
	box-shadow: 0px 0px 5px rgba(0,0,0,.5); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.5); -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
	}
button:active{
	text-shadow:0 1px 0 #FFF;
	background-color:#999; border-color:#FFF; color:#777;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#999999');
	background: -webkit-gradient(linear, 0% 0%, 0% 120%, from(#CCC), to(#FFF));
	background: -moz-linear-gradient(top, #FFF, #FFF 1px, #CCC 40px);
	}
.bt_save{
	background:#06C; border:1px solid #09F;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0099CC', endColorstr='#003366');
	background: -webkit-gradient(linear, 0% 0%, 0% 120%, from(#09C), to(#036));
	background: -moz-linear-gradient(top, #09C, #09C 1px, #036 40px);
	}
.bt_clear{
	background:#666; border:1px solid #CCC;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#666666');
	background: -webkit-gradient(linear, 0% 0%, 0% 120%, from(#888), to(#666));
	background: -moz-linear-gradient(top, #666, #666 1px, #888 40px);
	}
.bt_upload{
	background:#06C; border:1px solid #0CF;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CCFF', endColorstr='#0066CC');
	background: -webkit-gradient(linear, 0% 0%, 0% 120%, from(#0CF), to(#06C));
	background: -moz-linear-gradient(top, #06C, #06C 1px, #0CF 40px);
	}