/* CSS Document */

.separador:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.separador {display: inline-block;}


/* Hides from IE-mac \*/
* html .separador {height: 1%;}
/* End hide from IE-mac */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


.oculto {
		position:absolute;
		left:0px;
		top:-500px;
		width:1px;
		height:2px;
		overflow:hidden;
}

li, ul {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	list-style-type: none;
	}


/* Formulario Busqueda */

#wrapformbuscar {  width:98%; background-color:#C1C3C6; color:#333; padding:0; }
#wrapformbuscar:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html #wrapformbuscar { height: 1%;}
/* End hide from IE-mac */


.contformbuscar h2 { margin:0; padding:0.4em 0 0.26em 1.3em; width:74%; float:left; color:#fff; font-weight: bold; }

form {
	width: 92%;
	padding: 0 1em 0.5em 1em;
	height: 100%;
	display: table-cell; /*para que FireFox haga caso del padding-bottom*/
	float: left; /*si no, no fluye debajo de la entradilla*/
	display: block;
	/*center hack*/ margin:auto; /*center hack*/
	}
.etiqueta {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 64%;
height: 20px;
height: 1.953em;
line-height: 18px;
line-height: 1.758em;
	font-weight: bold;
	color: #FFF;
	text-indent: 6px;
	background-color: #7C7E78;
	/*border: solid 1px #4A4E4A;*/
	border: 0 solid #FFF;/*quita los bordes en relieve Opera*/
	text-transform: uppercase;
	}

	.etiqueta span {
		font-weight:normal;
		display: block;
		}
.inputform {
	float: left;
	background-color: #F0F0EE;
	font-size: 0.96em;
	height: 25px;
height: 1.693em;
height: 1.432em;
line-height: 1.432em;
	width: 100%;
	margin: 0 0 6px 0;
	padding: 0;
	color: black;
	background-color: #EEE;
	text-indent: 6px;
	border: 0 solid #FFF;/*quita los bordes en relieve Opera*/
	}

	select.inputform {
		float: left;
	font-size: 90%;
	height: 19px;
	height: 1.3744em;/*calculo sobre font-size: 84.4% (90% s/0.96em*/
	/*line-height: 1.446em;*/
		margin: 0 0 0.5em 0;
		padding: 0;
		width: 100%;
		border: 1px solid transparent;/*quita los bordes en relieve Opera*/
		}

	textarea.inputform {
		height: 6em;
		font-size: 0.8em;
		*margin-left: -1%;
		text-indent: 0.5em;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		}

	input.inputform, select.inputform, textarea.inputform {
		color: #939590;
		}

	.inputform:focus {
		color: #000;
		font-weight: normal;
		background-color: #FFF;
		}
		
.size25 {
	width: 25%;
	margin-left:0; padding:0;  float:right;
	}
.size50 {
	width: 48%;
	margin-left:0; padding:0;  float:left;
	}
	.size50r {
	width: 48%;
	margin-left:0; padding:0;  float:right;
	}
.size50 h2{
	margin:0; padding:0; display: block; width:100%;
	}	
	
.size50 p {
	font-size:66%; 
	}	
	
.size50 p a:link, .size50 p a:visited, .size50 p a:active {
	color:#F15900; background-color:transparent; font-weight:bold; font-size: 120%; text-decoration:none; 
	}	
.size50 p a:hover, .size50 p a:focus { text-decoration:underline; }

input.send {
	float: right;
float: left;/* para evitar "saltos" en Explorer 6 por calculos de % ancho*/
	background-color: #4A4E4A;
	border: solid 1px #4A4E4A;
	background-repeat: no-repeat;
	background-position: right top;
	width: 30%;
width: 28%;/* para evitar "saltos" en Explorer 6 por calculos de % ancho*/
	margin: 5px 0 0 0;
	}

input.send,  .etisubmit {
	height: 24px;
	}
	input.send {
	background-image:url(http://www.rtve.es/form007/ima/rrhhrtve_boton_sig.gif);
	background-repeat: no-repeat;
	}

input.send:hover {
	cursor: pointer;
	background-image:url(http://www.rtve.es/form007/ima/rrhhrtve_boton_sig_o.gif);
	background-repeat: no-repeat;
	}

	.etisubmit {
		float: left;
		font-size: 0.7em;
		line-height: 2.1em;
		font-weight: bold;
		text-transform: uppercase;
		color: #FFF;
		text-indent: 10px;
		background-color: #7C7E78;
		width: 70%;
		margin: 5px 0 0 0;
		
		}

input.send#back {
		background-image:url(http://www.rtve.es/form007/ima/rrhhrtve_boton_back.gif);
		}

	input.send#back:hover {
		cursor: pointer;
		background-image:url(http://www.rtve.es/form007/ima/rrhhrtve_boton_back_o.gif);
		}
.entradilla ul {
	float: left;
	width: 100%;
	margin: 1em 0 1em 30px;
	list-style: outside circle;
	}


.entradilla li.intro {
	float: none;/*necesario reiniciar "float" para que se vea en ie*/
	margin: 0 0 6px 30px;
	color: #FF9900;
	padding: 0;
	list-style: outside circle;
	font-size: 74%;
	}
.entradilla .intro em {
		background-color: #E4E4E3;
		padding: 0.5em;
		border: 1px solid #FF9900;
		color: #620A14;
		width: 95%;
		display: block;
		font-weight: bold;
		}

	a.linkbutton#back {
	background-image:url(http://www.rtve.es/form007/ima/rtvecircom_boton_back.gif);
		}

	a.linkbutton#back:hover {
	background-image:url(http://www.rtve.es/form007/ima/rtvecircom_boton_back_o.gif);
		}

	a.linkbutton#close {
	background-image:url(http://www.rtve.es/form007/ima/rtvecircom_boton_close.gif);
		}

	a.linkbutton#close:hover {
	background-image:url(http://www.rtve.es/form007/ima/rtvecircom_boton_close_o.gif);
		}


.urlembed { width:100%; margin: 0 auto; padding: 6px 0 0 0 ;}	
.urlembed p { font-size:74%; padding: 0 0 6px 1.7em; }	
.etiquetaurlembed {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 64%;
height: 20px;
height: 1.953em;
line-height: 18px;
line-height: 1.758em;
	font-weight: bold;
	color: #FFF;
	text-indent: 6px;
/*	background-color: #7C7E78;*/
	/*border: solid 1px #4A4E4A;*/
	border: 0 solid #FFF;/*quita los bordes en relieve Opera*/
	text-transform: uppercase;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}		
.inputformurlembed {
	float: right;
	background-color: #F0F0EE;
	font-size: 0.96em;
	height: 25px;
height: 1.693em;
height: 1.2em;
line-height: 1.432em;
	width: 100%;
	margin: 0;
	padding: 0;
	color: black;
	background-color: #EEE;
	text-indent: 6px;
	border: 0 solid #FFF;/*quita los bordes en relieve Opera*/
	}		
	textarea.inputformurlembed {
		height: 1em;
		font-size: 0.8em;
		text-indent: 0.5em;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		}
	input.inputformurlembed, textarea.inputformurlembed {
		color: #939590;
		}

	.inputformurlembed:focus {
		color: #000;
		font-weight: normal;
		background-color: #FFF;
		}




	

/* TUTORIALES - ENVIA TUS VIDEOS */
.wrapenviatutorial { width:99%; background-color:#fff; height:auto; }
.wrapenviatutorial:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .wrapenviatutorial {height: 1%;}
/* End hide from IE-mac */

.wrapenviatutorial .concab1 { width:100%; padding:0; background-color:#921e21; }
.wrapenviatutorial .concab1:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	background-color:#921e21;
}
/* Hides from IE-mac \*/
* html .wrapenviatutorial .concab1 { height: 1%;}
/* End hide from IE-mac */


 .concab1 h2 { margin:0; padding:0.4em 0 0.26em 0.7em; width:80%; float:left; color:#FFFFFF; } 
.wrapenviatutorial .concab1 h2 a:link, .wrapenviatutorial .concab1 h2 a:hover, .wrapenviatutorial .concab1 h2 a:visited, .wrapenviatutorial .concab1 h2 a:active, .wrapenviatutorial .concab1 h2 a:focus { margin:0; padding:0em 0 0.26em 0em; width:80%; float:left; color:#FFFFFF; text-decoration:none; } 


 .conwrap1 { float:left; background-color:#c3c2c2;  width:100%; overflow:hidden; margin: 0 0 10px 0 ;}

.wrapenviatutorial .cont1 { margin:0.6em;}


.wrapenviatutorial h3 { font-size:90%; line-height:120%; color: #FFFFFF; background-color:#921e21; margin: 0 0 0.3em 4em; padding: 0.2em 0.5em 0.2em 6.4em; }
.wrapenviatutorial h3 a:link, .wrapenviatutorial h3 a:hover, .wrapenviatutorial h3 a:visited, .wrapenviatutorial h3 a:active, .wrapenviatutorial h3 a:focus { color: #FFFFFF; background-color:#921e21; text-decoration:none; }

.wrapenviatutorial .h3paso { position:relative; top:0; font-size:300%; color:#911e22; background-color:transparent; font-weight:bolder; float:left;  }
.wrapenviatutorial .imgtutorial{ margin-bottom:0.4em; border:#FF6600 1px solid; float:left; width:82px; height: 56px;  }
.wrapenviatutorial .cont1 p { font-size:66%; padding-left:14.2em; padding-bottom:1em; color:#000; background-color:transparent;}
/*.cont1 img { width:117px; height:88px; }*/
.negrita  { font-weight:bold;}

.imgflvtutorial { display:block; padding: 0.8em 0 0 0; border:0; }







/* TUTORIALES - TEMAS DE INTERES */

.wrapenviatemasdeinteres { width:99%; height:auto; overflow:hidden;  }
.wrapenviatemasdeinteres:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .wrapenviatemasdeinteres { height: 1%;}
/* End hide from IE-mac */

.wrapenviatemasdeinteres .concab1 { width:100%; padding:0; }
.wrapenviatemasdeinteres .concab1:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .wrapenviatemasdeinteres .concab1 {height: 1%;}
/* End hide from IE-mac */


.wrapenviatemasdeinteres .concab1 h2 { margin:0; padding:0.4em 0 0.26em 0.7em; width:80%; float:left; color:#922022; background-color:transparent;} 
.wrapenviatemasdeinteres .concab1 h2 a:link, .wrapenviatemasdeinteres .concab1 h2 a:hover, .wrapenviatemasdeinteres .concab1 h2 a:visited, .wrapenviatemasdeinteres .concab1 h2 a:active, .wrapenviatemasdeinteres .concab1 h2 a:focus { margin:0; padding:0em 0 0.26em 0em; width:80%; float:left; color:#F15900; text-decoration:none; background-color:transparent; } 


.wrapenviatemasdeinteres .conwrap1 { float:left; background-color:transparent;  width:33%; margin: 0 0 10px 0 ; padding-bottom: 1970px;
	margin-bottom: -1970px; height:auto; }

.wrapenviatemasdeinteres .cont1 { padding:1em; margin:0.2em; background-color:#ccc; padding-bottom: 1970px;
	margin-bottom: -1970px; }
.wrapenviatemasdeinteres .cont1 img { display:block; margin:auto; margin-bottom:0.4em; border:#FF6600 1px solid; }

.wrapenviatemasdeinteres .cont1 img { width:120px; height:90px; }
.wrapenviatemasdeinteres .cont1 .titulo  { font-weight:bold; font-size:77%; text-transform: uppercase;  }
.wrapenviatemasdeinteres .cont1 p { font-size:66%;}

.wrapenviatemasdeinteres .cont1:after {
    content: ".";      
	display: block; 
    height: 8px; 
    clear: both; 
    visibility: hidden; }
	
/* Hides from IE-mac \*/
* html .wrapenviatemasdeinteres .cont1 {height: 1%;}
/* End hide from IE-mac */













/* NAVEGACION TUTORIALES */
#navtutorial { float: right; padding-top:0.5em; font-weight:bold; color:#922022; background-color:transparent; font-size:74%; }
ul#linksanteriorsiguientetutorial li { display: inline; } 

ul#linksanteriorsiguientetutorial li.itemtextanterior a:link, ul#linksanteriorsiguientetutorial .itemtextanterior a:visited { color:#922022; text-decoration:none; background-color:transparent; background-image:url(/imgfiles/1/la2noticias/L2N_TSYSTEMS/anteriorn.gif); background-repeat: no-repeat; background-position:left 1px; padding-left: 18px; margin-right:2em; }
ul#linksanteriorsiguientetutorial li.itemtextanterior a:hover, ul#linksanteriorsiguientetutorial .itemtextanterior a:active, ul#linksanteriorsiguientetutorial li.itemtextanterior a:focus { color:#875e5f; text-decoration:underline; background-color:transparent; background-image:url(/imgfiles/1/la2noticias/L2N_TSYSTEMS/anteriornar.gif); background-repeat: no-repeat; margin-right:2em; }


ul#linksanteriorsiguiente span.linea {
		padding-left: 10px;
		font-weight: bold;
		color: #666; 
		float:left;
		}
		
ul#linksanteriorsiguientetutorial li.itemtextnum { margin-right:2em; }
ul#linksanteriorsiguientetutorial li.itemtextnum a:link, ul#linksanteriorsiguientetutorial li.itemtextnum a:visited { color:#922022;  background-color:transparent; text-decoration:none;}
ul#linksanteriorsiguientetutorial li.itemtextnum a:hover, ul#linksanteriorsiguientetutorial li.itemtextnum a:active, ul#linksanteriorsiguientetutorial li.itemtextnum a:focus { color:#875e5f; background-color:transparent; }



/* COLUMNA DERECHA PAGINAS 1, 2 Y 3 TUTORIALES */
.wrapenviatutorial{ background-color:#d6d3d3; margin-top:10px;}
.wrapenviatutorial .conttutorial { margin:2.3em 0.6em 0.6em 0.6em;}


.wrapenviatutorial .conttutorial h3 { font-size:200%; font-weight:bold; line-height:100%; color: #922022; background-color:transparent; margin: 0 0 0.3em 2em; padding: 0.5em 0.5em 0.2em 0em; }


.wrapenviatutorial .conttutorial .h3paso { position:relative; top:0; font-size:300%; color:#922022; background-color:transparent; font-weight:bolder; float:left;  }
.wrapenviatutorial .conttutorial .imgtutorial{ margin-bottom:0.4em; border:#FF6600 1px solid; float:left; width:82px; height: 56px;  }
.wrapenviatutorial .conttutorial .imgflvtutorial { display:block; padding: 0.8em 0 0 0; border:0; width:223px;}
.wrapenviatutorial .conttutorial p { font-size:66%; padding-left:8em; padding-bottom:1em; color:#444; background-color:transparent; width:70%; }


.wrapenviatutorial .conttutorial p a:link, .wrapenviatutorial .conttutorial p a:hover, .wrapenviatutorial .conttutorial p a:visited, .wrapenviatutorial .conttutorial p a:active, .wrapenviatutorial .conttutorial p a:focus { color:#F15900; background-color:transparent; }

.wrapenviatutorial .conttutorial h4 { font-size:100%; font-weight:bold; padding:0.7em 0 0.5em 5em; color:#555; background-color:transparent; width:70%; }

.wrapenviatutorial .conttutorial ul { font-size:66%; padding-left:12em; padding-bottom:1em; color:#999999; background-color:transparent; width:70%; }
.wrapenviatutorial .conttutorial li { list-style-type:circle;}

.wrapenviatutorial .conttutorial table { font-size:66%; margin-left:8em; padding-bottom:1em; color:#999999; background-color:transparent; width:80%; }


/*.wrapenviatutorial h3 { font-size:150%; line-height:120%; color: #F58B4D; background-color:transparent; margin: 1em 0 0.3em 0em; padding: 0.2em 0.5em 0.2em 0m; }
.wrapenviatutorial h3 a:link, .wrapenviatutorial h3 a:hover, .wrapenviatutorial h3 a:visited, .wrapenviatutorial h3 a:active, .wrapenviatutorial h3 a:focus { color: #F58B4D; background-color:transparent; text-decoration:none; }

.wrapenviatutorial .h3paso { position:relative; top:0; font-size:300%; color:#F15900; background-color:transparent; font-weight:bolder; float:left;  }
.wrapenviatutorial .imgtutorial{ margin-bottom:0.4em; border:#FF6600 1px solid; float:left; width:82px; height: 56px;  }
.wrapenviatutorial .cont1 p { font-size:66%; padding-left:10.2em; padding-bottom:1em;}*/


/* VISOR PORTADA TUTORIALES : ENVIA TUS VIDEOS */

#wrapvisortutoriales {  width:100%; background-color:#5b5d5f; color:#333; padding:0; margin-top: 10px;}
#wrapvisortutoriales:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html #wrapvisortutoriales { height: 1%;}
/* End hide from IE-mac */
/*background-color: #580322 */

#wrapvisortutoriales h1 { margin:0; padding:0.4em 0 0 1.4em; width:94.7%; float:left; color:#fff; font-weight: bold; background-color:#5b5d5f; }
.contvisor { padding:1em 0 0 0; background-color:#5b5d5f;}
#video { padding:0.6em 1.4em 0em 1.4em; /*border:1px #666666 solid;*/ margin:auto; height:auto;background-color:#a29e9d; }
#video p { background-color:#a29e9d;}


#wrapvisortutoriales .wrapcontenidovideo { padding:0 1.4em 0 1.4em; margin:0; } 
#wrapvisortutoriales .contenidovideo { padding:0 0.4em 0 0.4em; background-color:#333; color:#fff;  margin-bottom:1em;} 
#wrapvisortutoriales .contenidovideodown { padding:0.4em 0.4em 1em 0.4em; background-color:#F15900; color:#fff; border-bottom: 1px solid #fff;} 
#wrapvisortutoriales .contenidovideodowniframe { padding:0 0.4em 0 0.4em; background-color:#F15900; color:#fff; }
h2.titulvideo { font-size:97%; color:#FFFFFF; background-color:transparent; padding-top:0.5em;  }
#wrapvisortutoriales .contenidovideo span.autor { color:#fff; font-size: 100%; padding: 0;}
/*.contenidovideo span.fecha { color:#fff; font-size: 100%;}*/
#wrapvisortutoriales .contenidovideo p { color:#fff; font-size: 66%; padding:1em 0 1em 0; }
/*.contenidovideodown p { color:#fff; font-size: 66%; padding:1em 0 0 0; }*/

/*
#btnes { position:relative; top:-20px; left:160px; padding:0; margin:0;}
#wrapvisortutoriales .contenidovideo ul li { display:inline; border: 1px solid #fff; padding: 0.2em 2em 0.2em 2em; background-color:#F15900; color:#fff; margin-left:0.5em;}
#wrapvisortutoriales .contenidovideo ul li a:link, #wrapvisortutoriales .contenidovideo ul li a:hover, #wrapvisortutoriales  .contenidovideo ul li a:visited, #wrapvisortutoriales .contenidovideo ul li a:active, #wrapvisortutoriales .contenidovideo ul li a:focus { display:inline;  background-color:#F15900; color:#fff; text-decoration:none; }
#wrapvisortutoriales .contenidovideo li { font-size:61%; } 
*/


/*#wrapvisortutoriales .contenidoinfovideo { padding:0 0.83em 0 0; background-color:#8d48dd; color:#fff;} 
#wrapvisortutoriales .infovideo { display:block; width:100% ; background-color:#8d48dd; padding:0 0.4em 0 0.4em; font-size:66%; font-weight:bold; line-height: 2em; }
.infovideo2 { color:#e3829e; font-size: 100%; padding: 0; }*/



/* TUTORIALES INTRO VISOR PORTADA */

#wrapintrotutorial {  width:100%; background-color:#fff; color:#333; padding:0; margin:0; }
#wrapintrotutorial:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html #wrapintrotutorial { height: 1%;}
/* End hide from IE-mac */
/*background-color: #580322 */

#wrapintrotutorial h1 { margin:0; padding:0.4em 0 0 0.5em; width:100%; float:left; color:#922022; font-weight: bold; font-size:120%; }
#wrapintrotutorial .contvisor { padding: 0 0 0 0; margin:0; }
#wrapintrotutorial #video p { font-size:87%; padding:0.2em 0 1em 0; margin-left: -0.8em; }

#iframe .baseframe {
	margin-top:10px;margin-bottom:10px;overflow:hidden;display:inline;
	
		}