/*
Name: Sliding Login Panel with jQuery 1.3.2
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Date: March 26, 2009
Version: 1.0

	Copyright 2009 Jeremie Tisseau
	"Sliding Login Panel with jQuery 1.3.2" is distributed under the GNU General Public License version 3:
	http://www.gnu.org/licenses/gpl-3.0.html
*/

/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/button */
.tab {
  	border-top: 10px #637626 solid;
	height: 42px;
	position: relative;
    top: 0;
    z-index: 9000;
}

.tab ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 40px;
	width: auto;
  	font-weight: 900;
	margin: 0;
	right: 0px;
  	color: #f4e36b;
  	font-size: 21px;
	text-align: center;
	font-family: 'Roboto', sans-serif;
}



.tab ul.login li {
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #637626),
	color-stop(1, #4E5B1D)
);
	background-image: -o-linear-gradient(bottom, #637626 0%, #4E5B1D 100%);
	background-image: -moz-linear-gradient(bottom, #637626 0%, #4E5B1D 100%);
	background-image: -webkit-linear-gradient(bottom, #637626 0%, #4E5B1D 100%);
	background-image: -ms-linear-gradient(bottom, #637626 0%, #4E5B1D 100%);
	background-image: linear-gradient(to bottom, #637626 0%, #4E5B1D 100%);
 	text-align: center;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 40px;
	width: 210px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding-top: 12px;
}

.tab ul.login li a {
	color: #f4e36b; text-decoration: none;
}

.tab ul.login li a:hover {
	color: white;
}

/* sliding panel */
#toppanel {
    /*position: absolute;   /*Panel will overlap  content */
    position: relative;*/   /*Panel will "push" the content down */
    top: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
	margin-bottom: -60px;
}

#panel {
	width: 100%;
	height: 110px;
	color: #999999;
	overflow: hidden;
	position: relative;
	z-index: 10000;
	display: none;
}

#panel .content {
	width: 100%;
	margin: 0 auto;
	padding-top: 15px;
	text-align: left;
	font-size: 0.85em;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #3D4912),
	color-stop(1, #637626)
);
background-image: -o-linear-gradient(bottom, #3D4912 0%, #637626 100%);
background-image: -moz-linear-gradient(bottom, #3D4912 0%, #637626 100%);
background-image: -webkit-linear-gradient(bottom, #3D4912 0%, #637626 100%);
background-image: -ms-linear-gradient(bottom, #3D4912 0%, #637626 100%);
background-image: linear-gradient(to bottom, #3D4912 0%, #637626 100%);
	height: 100px;
}

#panel .content a{font-size: 0.7em; color: #eef3e0;}

#panel .content form {
	width: 1024px; padding-top: 0px; padding-bottom: 10px; margin: 0 auto; display: block;
}

#panel .content form #boxlogin{width: 65%; float: right;}
#panel .content form #boxlogin #log_left{width: 100%; float: left; display: block;}
#panel .content form #boxlogin #log_right{width: 30%; float: left; display: block;}


#panel .content form label {
	float: left;
	padding-top: 5px;
	width: 31%;
	display: block;
	color: #f9f9f9;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	font-size: 1.5em;
	margin-right: 10px;
}

#panel .content form label b{display: block; clear: both; text-align: left; font-size: 1.5em; font-weight: 900; margin-bottom: 6px;}
#panel .content form label b a{font-size: inherit; color: #eef3e0;}
#panel .content form label#login_actions{width: 96%;}

#panel .content form input[type="text"], #panel .content form input[type="password"] {
	background: #99b438;
	width: 90%;
	color: #eef3e0;
	padding: 8px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 0px;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	font-size: 1.1em;
}
#panel .content form input[type="submit"] {
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #FDDE54),
	color-stop(1, #CFC42B)
);
background-image: -o-linear-gradient(bottom, #FDDE54 0%, #CFC42B 100%);
background-image: -moz-linear-gradient(bottom, #FDDE54 0%, #CFC42B 100%);
background-image: -webkit-linear-gradient(bottom, #FDDE54 0%, #CFC42B 100%);
background-image: -ms-linear-gradient(bottom, #FDDE54 0%, #CFC42B 100%);
background-image: linear-gradient(to bottom, #FDDE54 0%, #CFC42B 100%);
	width: 90%;
	color: #4f5e1b;
	padding: 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 0px;
	margin-top: 25px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 1.3em;
	cursor: pointer;
}


#panel .lost-pwd {
	display: block;
	float:left;
	clear: right;
	padding: 15px 5px 0;
	font-size: 0.95em;
	text-decoration: underline;
}

/***************************************
ESPECIAL FIREFOX TODAS LAS VERSIONES*/
@-moz-document url-prefix() { 
 #panel .content form input[type="submit"] {
	margin-top: 20px;
	
}
}