/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 


body{
	font-family:Georgia;
	font-size:12px;
	margin: 0px;
	padding: 0px;
	background:url(images/bg_big.jpg);
}

.sss {
	border: medium solid #FFFFFF;
	padding-left:10px;
}
.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: normal;
}
.menu1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: normal;
	color: #000000;
}


.text33 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-decoration: none;
	letter-spacing: normal;
	text-align: left;
	white-space: normal;
	left: auto;
	padding:10px;
	line-height:24px;
	color: #000000;
	font-weight: lighter;
}

.text11 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	text-decoration: none;
	letter-spacing: normal;
	text-align: left;
	white-space: normal;
	left: auto;
	padding:10px;
	line-height:24px;
	color: #406103;
	font-weight: bold;
}

.footer_text
{
	font-size:11px;
	color:#7b7b7b;
	text-align:center;
}


.jumpMenu{
	position: relative; /* needed */
	padding: 0px;
	text-decoration: none;
	top: 0px;
	left: 10px;
	font-size: 12px;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
  	float: left;
	width: 100px;
	height: 22px;
	
}
.jumpMenu:hover{
	z-index: 10; /* place it over top of the surronding text */
	color: #B9EF7C;
	background-color:transparent;
}
.jumpMenu #label{
	font-weight: bold;
	text-decoration: none;
	width: 90px;
	height: 15px;	
	padding: 2px 5px;	
	display: block;	
	text-align: center;
	position: relative;
	z-index: 2; /* key so that the links can hide underneath it */
	cursor: default; /* The pointer cursor gives a better ui feel, I think */
	color: #000000;
	background-color:transparent;
	/* for IE */
  	filter:alpha(opacity=80);
  	/* CSS3 standard */
  	opacity:0.8;

}

.jumpMenu:hover #label{
	text-decoration:underline;
	width: 90px;
	height: 15px;		
	padding: 2px 5px;
	text-align: center;
	cursor: default; /* The pointer cursor gives a better ui feel, I think */
	background-color: transparent;
	color: #000000;
	/* for IE */
  	filter:alpha(opacity=80);
  	/* CSS3 standard */
  	opacity:0.8;
}


.jumpMenu ul{
	margin: 0;
	padding: 0px 0px;
	height: 0;
	position: absolute;
	font-size: 12px;
	font-weight:bold;
}
.jumpMenu ul li{	
	list-style: none;	
	display: inline;
	font-size: 12px;
	font-weight:bold;
}
.jumpMenu ul a{
	outline: none;
	display: block;	
	text-decoration: none;
	background-image: none;
	height: 14px;
	font-size: 12px;
	/* Make it small and place underneath the label which
	 * hides the links but allows them to gotten to by tabbing */
	margin-top: -10px;
	position: absolute;
	height: 0;	
	overflow: hidden;
	width: 135px;	
	color:  #B9EF7C;
	background-color: Black;
	/* for IE */
  	filter:alpha(opacity=50);
  	/* CSS3 standard */
  	opacity:0.5;
	
}

.jumpMenu ul a:hover{
	outline: none;
	background-color: #B9EF7C;
	color: Black;
	cursor: default;
	/* for IE */
  	filter:alpha(opacity=80);
  	/* CSS3 standard */
  	opacity:0.8;
}
.jumpMenu:hover ul a,
.jumpMenu ul a:focus
{
    margin-top: 0;
	visibility: visible;
	position: static;
	cursor: default;
	overflow: visible;
	z-index: 3;
	margin-left: -34px;
	height: 14px;
	padding: 4px 5px 4px 10px;
	border-style: solid;
	border-color: #B9EF7C;
	border-width: 0 1px 1px 1px;
	visibility: visible;
	
}
#contenedor {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-400px;
	margin-top:-300px; 
	width: 800px;
	height:590px; 
	/*margin: auto; /* the auto margins (in conjunction with a width) center the page 
	/*border: 1px solid #333;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
	color: #999999;
}
div.email{
	position:relative;
	top:2px;
	width:500px;
}
#formulario{
	position:relative;
	left:-30px;
	width:500px;
	height:380px;
}

#formulario label{
	display:block;
	font-weight:bold;
	font-size:14px;
	text-align:right;
	width:200px;
	float:left;
	margin-top:18px;
	line-height: 14px;
}
#formulario .peque{
	margin-top:0px;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:200px;
}

input {
	
	float:left;
	font-size:12px;
	padding:4px 2px;
	width:200px;
	margin:20px 0 20px 10px;
	border:1px solid #1e3601;
	color: #888;
	background-color: transparent;
	} 

select {
float:left;
	font-size:12px;
	padding:4px 2px;
	width:200px;
	margin:20px 0 20px 10px;
	border:1px solid #1e3601;
	color: #888;
	background-color: transparent;
  }
  
textarea {
	
	float:left;
	font-size:12px;
	padding:4px 2px;
	width:250px;
	margin:20px 0 20px 10px;
	border:1px solid #1e3601;
	color: #888;
	background-color: transparent;
	}
	
input:focus, textarea:focus, select:focus {
	background-color: #a8ef1a;
	border:1px solid #333;
	color:#333;
	}
input:hover, textarea:hover, select:hover {
	background-color: #D2D2D2;
	border:1px solid #333;
	color:#333;
	}
#textocabecera{
	margin:5px 2px 5px;
	text-align:left;
	font-size: 15px;
	font-family: Georgia,Verdana, sans-serif;
	color:#1e3601;
	border-bottom:1px;
	border-bottom-color:#1e3601;
	border-bottom-style:solid;
	}

	
#main{
	background-color : #ffffff;
	width : 955px;
	padding-top : 19px;
	padding-bottom : 100px;
	padding-left : 50px;
	padding-right : 45px;
	text-align : left;
	line-height : 17px;
	text-indent : -1px;
}

A.red_all_underline {
	color: #FF0033;
	text-decoration: underline;
}

div.frame_grey{
	background-color : #eceaea;
	padding : 22px 22px 27px 27px;
	width : 901px;
	margin-bottom : 8px;
	margin-top : 25px;
	text-align : left;
	margin-right : 9px;
}

div.frame_grey_upper{
	background-color : #eceaea;
	padding : 14px 22px 27px 27px;
	width : 901px;
	margin-bottom : 8px;
	margin-top : 20px;
	text-align : left;
	margin-right : 9px;
	line-height : 29px;
}

div.frame_white{
	background-color : #ffffff;
	width : 877px;
	color : #1c4daf;
	padding : 5px 10px 7px 9px;
	text-align : left;
	border : none;
	margin-left : 0;
	margin-right : 9px;
	line-height : 20px;
	margin-top : 9px;
	margin-bottom : 0;
}

div.frame_white_upper{
	background-color : #ffffff;
	width : 877px;
	color : #1c4daf;
	padding : 5px 10px 7px 9px;
	text-align : left;
	border : none;
	margin-left : 0;
	margin-right : 9px;
	line-height : 20px;
	margin-top : 13px;
	margin-bottom : 0;
}

.player{
	margin : 15px 0px 1px 0;
}

.video_name{
	font-size : 24px;
	text-align : left;
	padding-bottom : 6px;
	text-indent : -3px;
}

.note{
	font-weight : bold;
	text-align : left;
	margin-top : 43px;
	margin-bottom : 2px;
	font-size : 13px;
}

.upload{
	font-weight : bold;
	text-align : left;
	margin-top : 18px;
	margin-bottom : 2px;
	font-size : 13px;
}

.copy{
	font-weight : bold;
	text-align : left;
	margin-top : 7px;
	margin-bottom : 2px;
	font-size : 13px;
}

.files{
	text-align : left;
	line-height : 20px;
	margin-top : 9px;
}

.copy{
	text-align : left;
	font-weight : bold;
	padding-top : 15px;
	margin-bottom : 10px;
}

.w3c{
	margin : 32px 0 0 0;
	padding : 0;
	float: right;
}

.leftfloat{
	float: left;
	line-height : 40px;
}

.clear{
	clear: both;
}