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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
a {
	text-decoration: none;
}
html {
	margin:0;
	padding:0;
	height:100%;
}

body {
	margin:0;
	padding:0;
	height:100%;
	line-height: 1;
	background: #fff;
	font-family:Arial, Helvetica, "Trebuchet MS", sans-serif;
	font-size: 12px;

/*
	background-image : url('img/turquesa.jpg');
	background-position : top center; /*la posicion del gráfico*/
	//background-repeat : repeat-x;   /*si es horizontal*/
	background-repeat : no-repeat;   /*si es horizontal*/
	background-attachment : fixed; /*si es estático*/
*/
}



/*
#main_page{
min-height:100%;
margin-left:100px;
margin-right:100px;
margin-top:20px;
padding:0px;
position:relative;
}
*/




.main_page {
/*margin-left:8%;*/
margin-left:2%;
margin-right:2%;
margin-top:20px;

min-height: 100%; /* el valor minimo es la pantalla completa -luego le restamos la altura del fpie- */
height: auto !important; /* con esto funciona para todos los navegadores */
height: 100%; /* puro tramite */
line-height:16px;
//margin: 20px 100px -80px; /* el margen es la altura del pie en negativo */
//margin-bottom: -80px;
}


.tema {
margin-left:15px;
}

/*
#homepage
{
color: #555;
}
*/


/*
#homepage a {
color: #789048;
}
*/


#homepage,#video-page,#contribute,#credits,#report-problem,#tos,#static-page,#dmca{font-weight:normal;padding:0 23px;background:transparent;position:relative;}

#homepage hr
{margin:0 0 18px 0;}

#homepage-text
{max-width:463px;}

#homepage-text p
{font-size:15px;margin-bottom: 25px;}

#homepage-text
p.call-to-action-buttons{margin-bottom:26px;}
#homepage-text a.call-to-action{display:inline-block;text-decoration:none;}
#homepage-text a.call-to-action:visited{color:#333;}
#homepage-text a.call-to-action:hover{color:#069;}
#homepage .playlist_browser{padding:4px 10px;background:#eee;border:1px solid #ccc;border-bottom:1px solid #aaa;margin-bottom:0;-webkit-box-shadow:0 1px 2px #ccc;-moz-box-shadow:0 1px 2px #ccc;box-shadow:0 1px 2px #ccc;}
#homepage .playlist_browser_title{display:inline-block;float:left;}
#homepage #browse-fixed{position:fixed;top:0;margin:0;z-index:100;display:none;}
/*#homepage #main-video{position:absolute;margin-top:18px;left:490px;right:23px;}*/
#homepage #main-video{position:absolute;margin-top:18px;left:490px;}
#homepage #main-video object,#homepage #main-video embed{width:100%;}
#homepage .playlist_browser_title {margin-left:20px;padding-top:6px;}
.main-headline,.section-headline{padding-top:18px;}
h1.main-headline{color:#;font-size:32px;position:relative;line-height:37px;z-index:10;}
h1.main-headline a{text-decoration:none;}
h1.main-headline a:visited{color:#069;}
h1.main-headline a:hover{text-decoration:underline;}
.pulls{margin-bottom:9px;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:1px;height:1px;}


label {
color: #FF6400;
}

:focus {
outline: 0;
}

select {
background: #FFF;
color: #FF6400;
}

legend {
font-weight: bold;
padding: 0 5px;
}

legend a {
text-decoration: underline;
}

legend, legend a, legend a:visited {
background: #FF6400;
color: #fff;

}

legend a:hover {
color: #888;
}



ul{
list-style-type:none;
margin:10;
padding:0;
/*float:left;*/
}


fieldset {
border: 1px solid;
padding: 10px 10px;
margin: 10px 0;
border-color: #FF6400;
background: #FEEFE5;
}


label {
font-weight: bold;
}

a {
text-decoration: none;
outline: none;
vertical-align: baseline;
color: #03a;
}

a:hover, a:focus {
text-decoration: underline;
color: #ff6400;
}

a:active {
color: #000;
}

a:visited {
color: #551a8b;
}

input[disabled], input[readonly], select[disabled], select[readonly], checkbox[disabled], checkbox[readonly], textarea[disabled], textarea[readonly]
{
color: #aaa;
}

/* Rounded boxes, CSS3 and temporary non-standar moz and webkit properties */



/* All 2 px */
.menealo a, .menealo span, .mnm-published, .mnm-queued, .mnm-discarded, .button, input, textarea, legend, button {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

/* END roundboxes */


/* whole header */

#header{
width: 100%;
//min-width: 790px;
font-family:'Open Sans', Arial, Helvetica, sans-serif;
}

/* first header zone */

#header-top{
height:45px;
padding:6px;
//background-color:#3c3c3c;
background-color:#1F6B75;
//background-color:#86bea7;

overflow:hidden;
white-space:nowrap;
}

/* top logo */

#header-top .logo-mnm{
background-image:url('../../img/mnm/h9_logo_mnm.png');
height:16px;
width:96px;
margin-left:25px;
margin-top:4px;
margin-right:0px;
text-indent:-9999px;
float:left;
}

/* editions logo */

#header-top .logo-ed{
background-image:url('../../img/mnm/h9_logo_ed.png');
height:16px;
width:10px;
margin-left:20px;
margin-top:4px;
margin-right:15px;
float:left;
}



#header-top ul#edlist{
list-style-type:none;
margin:0;
padding:0;
float:left;
}

#header-top ul#edlist li{
font-size:15px;
font-weight: bold;
//color:#fff;
color:#5FC0CE;
margin-right:20px;
position:relative;
float:left;
margin-top:16px;
}

#header-top-edlistlogo{
font-size:15px;
font-weight: bold;
color:#5FC0CE;
margin-right:20px;
position:relative;
float:left;
margin-top:-8px;
}

#header-top-hmenu{
font-size:15px;
font-weight: bold;
color:#5FC0CE;
margin-right:20px;
position:relative;
float:left;
margin-top:0px;
}

.header-top-edlistbuscador {
font-size:15px;
font-weight: bold;
color:#5FC0CE;
margin-right:20px;
position:relative;
float:left;
margin-top:-7px;
}


#header-top ul#edlist li a{
text-decoration:none;
color:#fff;
}

#header-top ul#edlist li.selected a{
background: url('../../img/common/h9_underline_edition01.png') bottom left repeat-x;
padding-bottom: 5px;
white-space: nowrap;
}

#header-top ul#edlist li a:hover{
color:#fff;
background: url('../../img/common/h9_underline_edition01.png') bottom 	left repeat-x;
padding-bottom: 5px;
}

/* <header verpagina> */
#header-top ul#menu{
list-style-type:none;
margin:0;
padding:0;
float:left;
}

#header-top ul#menu li{
font-size:15px;
color:#ffffff;
margin-right:20px;
position:relative;
float:left;
margin-top:12px;
}

#header-top ul#menu li a{
text-decoration:none;
color:#fff;
}

#header-top ul#menu li a:hover{
color:#ffc04d;
//background: url('../../img/common/h9_underline_edition01.png') bottom 	left repeat-x;
padding-bottom: 5px;
}

#header-top-text{
font-size:15px;
color:#ffffff;
margin-right:20px;
position:relative;
float:left;
margin-top:6px;
}
/* </header verpagina> */



li
{
font-size:12px;
}


table {
    //border:2px solid #999;
    //margin:auto;
    width:100%;
 }
td {
    //width:200px;
    //height:200px;
    //border:1px solid #000;
 }
td.lt {
    text-align:left;
    vertical-align:top;
 }
td.rt {
    text-align:right;
    vertical-align:top;
 }
td.rm {
    text-align:right;
    vertical-align:middle;
 }
td.rb {
    text-align:right;
    vertical-align:bottom;
 }

#footer.short {
color: #555;
background: #EEE;
border-top: 1px solid #BBB;
z-index: 10;

}

#footer.short, .push {
height: 38px;
clear:both;
position:relative;
}




#footer {
height: 208px;
clear: both;
display: block;
//position:absolute;
position:relative;
bottom:0;
width:100%;
}

#footer.short #leaves {
height: auto;
padding-left: 50px;
}

#footer #leaves {
height: 188px;
padding: 13px 23px;
}

#footer #copyright {
float: right;
text-align: right;
}

#footer #copyright span {
font-size:9px;
vertical-align:text-top;
}

#footer#footer.short #leaves a {
padding-left: 7px;
padding-right: 7px;
color: #555;
}
.subcategorycontainer {
	padding-top:20px;
}

#footer-container {
//width:1240px;
width:100%;
margin:0 auto;
}


.list-videos{
font-size: 8px;
}

.list-videos a{
color: #00327D;
text-decoration: underline;
font-weight: bold;
}


#lista-paginas {
/*margin-left:15px;*/
}

#lista-paginas ul {
color: #303030;
font-weight: normal;
font-size: 18px;
margin: 10;
padding: 10;
}

#std-contents {
//margin-bottom:-120px;
margin-left:10%;
margin-right:10%;
}



#std-contents ol {
color: #0033AA;
font-weight: bold;
margin: 10;
padding: 10;

}

#std-contents ul {
color: #303030;
font-weight: normal;
margin: 10;
padding: 10;
}


#std-contents h1 {
margin-top:30px;
margin-bottom:20px;
}

#std-contents h2 {
margin-top:30px;
margin-bottom:20px;
}

#std-contents p {
color: #303030;
line-height:20px;
font-size: 14px;
}


.logo_text{
//color: #303030;
font-size: 26px;
font-weight: bold;
font-family: Arial, Helvetica;
margin-top:-5px;
}

.title_text{
//color: #303030;
font-size: 20px;
font-weight: bold;
font-family: Arial, Helvetica;
}


a.squarebutton{
background: transparent url('img/square-green-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
  background: transparent url('img/square-green-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

/* Botón Ir Arriba*/
#IrArriba {
position: fixed;
bottom: 40px; /* Distancia desde abajo */
right: 30px; /* Distancia desde la derecha */
}


#IrArriba span {
width: 60px; /* Ancho del botón */
height: 60px; /* Alto del botón */
display: block;
background: url(http://lh5.googleusercontent.com/-luDGEoQ_WZE/T1Ak-gta5MI/AAAAAAAACPI/ojfEGiaNmGw/s60/flecha-arriba.png) no-repeat center center;
}


#menu2 {
    margin-top:10px;
    text-align:right;
    margin-right:2%;
}


.videolist-content{
font-size: 18px;   /*12, 20*/
font-weight: bold;
line-height:26px;
/*
margin: 20;
padding: 10;
*/
}