/* CSS Document */
@charset "utf-8";
/* ================= 1. CSS Reset ================= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
	margin:0;
	padding:0;
	border:0;
	outline:0;
}
strong, b {
	font-weight:bold;
}
em, dfn, i {
	font-style:italic;
}
/* ================= General tags ================= */
body, td{
	padding:0;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Monda', sans-serif;
	color:#000000;
  	font-size: 0.8em;
  	voice-family: "\"}\""; 
	voice-family:inherit;
	/*height: 100%;
	min-width:950px; ** This is needed for moz. Otherwise, the header and footer will
	slide off the left side of the page if the screen width is narrower than the design.
	Not seen by IE. Left Col + Right Col + Center Col + Both Inner Borders + Both Outer Borders ***/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image:url(../images/franja_superior.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	height:100%;
}
html{
	height:100%;
}
td{
	min-width:0px; 
}
br {
	clear: both;
}
strong{
	font-weight:bold;
}
.negrita{
	font-weight:bold;
}
.limpiar{
	width:100%;
	height:0px;
	clear:both;
}
a{
	text-decoration:none;
	color:#000000;	
}
.izquierda{
	float:left;
}
.derecha{
	float:right;
}
.padding10{
	padding:10px;
}
.padding15{
	padding:15px;
}
.padding20{
	padding:20px;
}
h2{
	font-size:150%;
	font-weight:lighter;
	padding-top:5px;
	padding-bottom:15px;
}
h2 a{
	text-decoration:underline;
}
h2 a:hover{
	text-decoration:none;
}
.recuadro{
	float:left;
	width:90%;
	max-height:200px;
	overflow-y:auto;
	overflow-x:hidden;
	margin-top:10px;
	margin-left:5%;
	border:1px solid #dfdfdf;
	background-color:#f8f8f8;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:0px;

}
.recuadro h3{
	font-weight:normal;
	font-size:110%;
	line-height:30px;
	padding-left:10px;
	background-color:#ececec;
	border-bottom:1px solid #CCC;
}
.ancho60{
	float:left; 
	width:60%;
}
.ancho40{
	float:left; 
	width:40%;
}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------*/
#menu > ul > li {
	float:left;
	font-size:110%;
	line-height:30px;
	margin-top:10px;
	padding-left:5% !important;
	background-color:#FFF;
	width:95%;
}
#menu > ul > li a{
	color:#000;
}
#menu > ul > li > ul > li {	
	font-size:90%;
	margin-left:-10%;
	padding-left:20% !important;
	line-height:20px;
	background-color:#FFF;
	color:#000000;
	font-weight:normal;
}
#menu > ul > li > ul > li:first-child {
	padding-top:5px;
}
#menu > ul > li > ul > li:last-child {	
	padding-bottom:10px;
}
.prinselect{
	background-color:#666 !important;
	color:#FFF;
	font-weight:bold;
}
.secunselect{
	font-weight:bold !important;
}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------*/
.formtitulo{
	width:99%;
	font-size:150%;
	line-height:30px;
	padding-left:1%;
}
.formtitulo_medio{
	width:49%;
	font-size:150%;
	line-height:30px;
	padding-left:1%;
}
.formtextarea{
	width:50% !important;
	padding:1%;
	height:125px;
}
.formtxt{
	color:#000000 !important;
	width:50%;
	padding-left:1%;
	padding-right:1%;
	line-height:20px;
}
#listado{
	width:100%;
	border:1px solid #ccc;
	padding-bottom:5px;
	margin-top:5px;
}
#listado th{
	background-color:#ececec;
	color:#333;
	line-height:30px;
	border-bottom:1px solid #ccc;
	text-align:left;
	padding-left:5px;
}
#listado .titulo{
	width:250px;
}
#listado .fecha, #listado .hora, #listado .tipo, #listado .tamano{
	width:175px;
}
#listado .borrar{
	width:50px;
}
#listado td{
	line-height:20px;
	padding-left:5px;
	padding-top:5px;
	font-size:100%;
}
.centrar{
	text-align:center;
}
.sinpadding{
	padding-left:0 !important;
	padding-right:0;
}
.limpiar_alto2{
	clear:both; height:2px;
}
.recordar_alta{
	float:right;
	clear:both;
	color:#5B5B5B;
	padding-top:10px;
}
.by_anfora{
	float:right;
	clear:both;
	color:#CCC;
	font-size:90%;
}
.by_anfora a{
	color:#CCC;
	text-decoration:none;	
}
.by_anfora a:hover{
	color:#CCC;
	text-decoration:underline;	
}
.recordar_alta a{
	color:#5B5B5B;
	text-decoration:underline;
}
.recordar_alta a:hover{
	text-decoration:none;
}
.flo_der{
	float:right;
}
.margin_bottom20{
	margin-bottom:20px !important;
}
.margin_top20{
	margin-top:20px !important;
}
.margin_top10{
	margin-top:10px !important;
}
.margin_bottom10{
	margin-bottom:10px !important;
}
#muestra{
	float:left;
	height:140px;
	width:200px;
	margin-left:30px;
	margin-right:30px;
	text-align:center;
}
#muestra img{
	max-height:140px;
	max-width:200px;
}
#codigo_programacion_area{
	width:260px;
	height:160px;
	margin-top:20px;
}
#codigo_programacion_area textarea{
	width:258px;
	height:158px;
	border:1px solid red;
	font-family:"Courier New", Courier, monospace;
	overflow:hidden !important;
}
.display_none{
	display:none !important;
}
.display_block{
	display:block !important;
}
#pie{
	position:absolute;
	bottom:0 !important;
	text-align: right;
	background-color: #333;
	color: #000;
	width:99%;
	padding-right:1%;
	height:2%;
	min-height:20px;
	padding-top:2px; 
}
#pie a{
	color:#fff;
	text-decoration:none;
}
#pie a:hover{
	color:#A61512;
	text-decoration:none;
}
#anfora,#anfora2{
	text-align: right;
	background-color: #333;
	color: #000;
	width:99%;
	padding-right:1%;
	min-height:20px;
	padding-top:2px;
	//margin-top:72px;
	margin-top:92px;
}
#anfora{
	float:left	
}
#anfora2{
	padding-right:0 !important;
	min-width:300px;
	margin-top:0px !important;
	width:100%;
	padding-left:50px;
}
#anfora a,#anfora2 a{
	color:#666 !important;
	text-decoration:none;
}
#anfora a:hover,#anfora2 a:hover{
	color:#A61512;
	text-decoration:none;
}
.ejemplo_perfil{
	float:left;
	margin-top:-10px;
	margin-bottom:10px;
	width:100%;
	font-size:90%;
	color:#999;
}
#buscador_usuarios{
	float:left;
	width:835px;
	padding:10px;
	border:1px solid #CFD3D6;
	margin-bottom:20px;
}
#buscador_usuarios legend{
	margin-left:10px;
}
.buscador{
	margin-top:10px;
	margin-bottom:10px;
}
.texto60{
	float:left;
	width:60px;
	padding-right:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:20px;
	color:#5B5B5B;
}
.campo150{
	float:left;
	width:150px;
	padding-top:3px;
}
.campo150 input,.campo150 select,.campo150 textarea{
	width:148px;
	border:1px solid #CFD3D6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:90% !important;
	color:#5B5B5B;
	height:18px !important;
	padding:0px !important;
}
#resultados_busqueda{
	float:left;
	width:238px;
	padding-left:10px;
}
.margin_none{
	margin:0 !important
}
#form_listado{
	margin-left:0px;
	margin-right:10px;
	padding:0;
	padding-top:-10px !important;
	border:none
}
#paginacion a{
	cursor:pointer;
}
#volver_certificado{
	text-align:center;
	font-size:120%;
	padding-top:10px;
}
#volver_certificado a{
	text-decoration:none;
}
#volver_certificado a:hover{
	text-decoration:none;
}
.marco{
	float:left;
	width:85%;
	padding-top:0px !important;
	background-color:#FFF;
	min-width:700px;
}
.izq{
	float:left;
	width:13%;
}
.izq_imagen1{
	float:left;
	width:80px;
	height:146px;
}
.izq_imagen1 img{
	width:80px;
	height:146px;
}
.izq_imagen2{
	float:left;
	width:76px;
	height:76px;
}
.izq_imagen2 img{
	width:76px;
	height:76px;
}
.bloque{
	float:left;
	min-width:850px
}
#cabecera{
	width:100%;
	height:4%;
	min-height:40px;
	background-color:#333;
	vertical-align:central;
}
#contenido{
	width:68%;
	float:left;
	position:absolute;
	padding-left:1%;
	padding-right:1%;
	margin-bottom:20px !important;
	padding-bottom:20px !important;
}
/* Capa que contiene a todas las demas */
#web_marco {
	position:absolute; /*** Needed for IE, othewise header and footer aren't contained directly above and below the body ***/
	text-align:left; /*** IE Win re-alignment of page if page is centered ***/	
	/*height:100%;/*** Needed for Moz to give full height design if page content is too small to fill the page ***/
	height:auto;
	left:50%;
	margin-left:-495px; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	width:990px; /*** Needed for Moz/Opera to keep page from sliding to left side of
	page when it calculates auto margins above. Can't use min-width. Note that putting
	width in #fullheightcontainer shows it to IE and causes problems, so IE needs a hack
	to remove this width. Left Col + Right Col + Center Col + Both Inner Border + Both Outer Borders ***/
	font-size: 100%;
}
#web {
	margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	width:900px; /*** Needed for Moz/Opera to keep page from sliding to left side of
	page when it calculates auto margins above. Can't use min-width. Note that putting
	width in #fullheightcontainer shows it to IE and causes problems, so IE needs a hack
	to remove this width. Left Col + Right Col + Center Col + Both Inner Border + Both Outer Borders ***/
	padding-left:90px;
	text-align:left; /*** IE Win re-alignment of page if page is centered ***/
	position:relative; /*** Needed for IE, othewise header and footer aren't contained
	directly above and below the body ***/
	height:auto;/*** Needed for Moz to give full height design if page content is too small to fill the page ***/
	font-size: 100%;
	clear:both;
}
.sin_borde{
	border:none !important;
}
.video{
	float:left;
	width:393px;
	height:228px;
	margin-right:30px;
	margin-left:9px;
}
.perfiles{
	float:right;
	width:280px
}
.perfiles img{
	margin-left:5px;
}
.negrita{
	font-weight:bold;
}
.boton_subir_foto{
	float:right;
	width:250px;
	margin-top:25px;
	margin-bottom:25px;
}
#form_nariz{
	height:430px;
}
#botones{
	text-align:center;
	float:right;
	height:250px;
	width:250px;
}
h2{
	font-family: 'Days One', sans-serif;
	line-height:21px;
}
.display_none{
	display:none;
}
#boton_mas_grande{
	margin-left:10px;
	font-weight:bold;
	font-size:120%;
	width:36px;
	margin-bottom:10px;
}
#boton_mas_peque{
	margin-left:10px;
	font-weight:bold;
	font-size:120%;
	width:35px;
	margin-bottom:10px;
}
#boton_anadir{
	float:left;
	width:120px;
	margin-bottom:10px;
}
#boton_hashtag{
	width:120px;
}
#boton_hashtag_negro{
	margin-left:10px;
	color:#000
}
#boton_hashtag_blanco{
	margin-left:10px;
}
#boton_hashtag{
	float:left;
}
#boton_guardar{
	margin-top:10px;
	padding-left:16px;
	padding-right:16px;
	width:250px;
}