﻿/* Style for a "Recommendation" */

/*
   Copyright 1997-2003 W3C (MIT, ERCIM, Keio). All Rights Reserved.
   The following software licensing rules apply:
   http://www.w3.org/Consortium/Legal/copyright-software */

/* $Id: base.css,v 1.25 2006/04/18 08:42:53 bbos Exp $ */

body {
  padding: 0em 1em 2em 70px;
  margin: 0;
  margin-left: 40px; 
  margin-right: 20px;
  font-family: sans-serif;
  color: blue;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	background-color: #EEFFFF;

  background-image:url("images/SE-V.GIF");
  background-position: top left;
  background-attachment: fixed;
  background-repeat: no-repeat;
}
.chromestyle{
font-weight: bold;
position: relative;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	border-radius: 2em;
}
.RedColor{
color:red;
}
.author {
	border-width: 0px;
	text-align: right;
}

:link { color: #00C; background: transparent }
:visited { color: #609; background: transparent }
a:active { color: #C00; background: transparent }

a:link img, a:visited img { border-style: none } /* no border on img links */

a img { color: white; }        /* trick to hide the border in Netscape 4 */
@media all {                   /* hide the next rule from Netscape 4 */
  a img { color: inherit; }    /* undo the color change above */
}

th, td { /* ns 4 */
  font-family: sans-serif;
}

h1, h2, h3, h4, h5, h6, paragraph { text-align: left }
/* background should be transparent, but WebTV has a bug */
paragraph, h1, h2, h3, h4, h5, h6 { color: #0000FF}
h1 { font: bold 170% sans-serif }
h2 { font: bold 140% sans-serif }
h3 { font: bold 120% sans-serif }
h4 { font: bold 100% sans-serif }
h5 { font: italic 100% sans-serif }
h6 { font: small-caps 100% sans-serif }

.hide { display: none }

div.head { margin-bottom: 1em }
div.head h1 { margin-top: 2em; clear: both }
div.head table { margin-left: 2em; margin-top: 2em }

p.copyright { font-size: small }
p.copyright small { font-size: small }
xx {font-size: small
	}
}

@media screen {  /* hide from IE3 */
a[href]:hover { background: #ffa }
}

pre { margin-left: 2em }

p {
  margin-top: 0.6em;
  margin-bottom: 0.6em;
  text-align:left;
}

dt, dd { margin-top: 0; margin-bottom: 0 } /* opera 3.50 */
dt { font-weight: bold }

pre, code { font-family: monospace } /* navigator 4 requires this */

ul.toc, ol.toc {
  list-style: disc;		/* Mac NS has problem with 'none' */
  list-style: none;
}
#navigation {
	width: auto;
	margin: 0;
	padding: 0;
	border: 0;
	clear: both;
	color:yellow;
}
#container {
	padding: 0;
}
@media aural {  
  h1, h2, h3 { stress: 20; richness: 90 }
  .hide { speak: none }
  p.copyright { volume: x-soft; speech-rate: x-fast }
  dt { pause-before: 20% }
  pre { speak-punctuation: code } 
}
#container {
	padding: 0;
}

#column_l {
	position: relative;
	float: left;
}

#masthead {
	float: left;
}
.barraFinal{
	text-align: center;
}

#column_r {
	float: left;
}
#footer {
	width: auto;
	clear: both;
	overflow: auto;
}
.float_right {
	float:right;
}
.Parrafo {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: medium;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000088;
}
.Pregunta {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000088;
}

.Respuesta {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: medium;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000088;
}

.Comentario {
	font-family: "Courier New", Courier, mono;
	font-size: medium;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FF0000;
}
.UltimaHora {
	font-family: "Courier New", Courier, mono;
	font-size: large;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FF0000;
}
.ParrafoBig {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: large;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #0000AA;
}

.ParrafoSmall {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000088;
}

.Titulo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #0000FF;
	text-decoration: none;
}

.TituloSmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:medium;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	color: #0000FF;
	text-decoration: none;
}

.SubTitulo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #0000FF;
	text-decoration: none;
}
.SubTituloSmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #0000FF;
	text-decoration: none;
}

.Sub2Titulo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #0000FF;
	text-decoration: none;
}

.highlit {
	background-color: #FFFF00;
}
.WebTools {font-family: "Courier New", Courier, mono}

.videoStyle {
	margin: 6px 9px;
}

#container {
	width: 100%;
	margin: 0;
	position: relative;
}
#masthead {
	text-align: right;
	width: 100%;
}
#mBuscar {
  position: fixed;
  z-index: 21;
  top: 6px;
  right: 5px;
  min-width: 283px;
  height: 30px;
  margin: 0;
  padding: 0;
}

#navigation {
  position: fixed;
  z-index: 21;
  top: 1px;
  left: 110px;
  right: 10px;
  min-width: 620px;
  height: 30px;
  margin: 0;
  padding: 0;
  list-style: none;
  border-radius: 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 0px solid #FFFF88;
  background: #FFFF88; /* Old browsers */
  background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFF00 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #FFFF00)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #FFFFFF 0%, #FFFF00 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #FFFFFF 0%, #FFFF00 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #FFFFFF 0%, #FFFF00 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFF00', GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #FFFFFF 0%, #FFFF00 100%); /* W3C */
  /*-webkit-box-shadow: 2px 2px 20px 20px #F5F5FF;*/
  /*-moz-box-shadow: 2px 2px 20px 20px #F5F5FF;*/
  /*box-shadow: 2px 2px 20px 20px #F5F5FF;*/
}}
#page_content {
	position: relative;
	width: 100%;
}
#column_l {
	position: relative;
	margin: 0 350px 0 0;
	padding: 0 2%;
	background-color: #fff;
	float: none;
}
#column_r {
	float: none;
	width: 330px;
	margin: 0;
	padding: 10px;
	background-color: #cdf;
	position: absolute;
	right: 0px;
	top: 0px;
}
#footer {
	background-color: #dfcfbf;
	padding-bottom: 5px;
}
/* Styles for Masthead */
#masthead img {
	float: left;
	margin: 0;
	padding: 0;
}
#masthead p {
	font-size: small;
	text-align: left;
	margin: 10px 10px 10px 0;
	padding: 0;
}
/* Styles for Navigation */
#navigation ul {
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 80;
}
#navigation li {
	float: left;
}
#navigation a {
	text-decoration: none;
	display: block;
	padding: 5px;
	border: 0px solid #ca7;
/*	background-color: #FFFFDD;*/
}
#navigation a:hover {
	text-decoration: underline;
}

#mEspecial ul {
	list-style-type: none;
	width: 400px;
	margin: 0;
	padding: 0;
}
#mEspecial li {
	float: left;
}
#mEspecial a {
	text-decoration: none;
	display: block;
	padding: 5px;
	border: 0px solid #ca7;
	background-color: transparent;
}
#mEspecial a:hover {
	color: #0000FF;
	text-decoration: underline;
}
/* Styles for Footer */
#footer p {
	font-size: x-small;
	text-align: center;
	color: #393939;
	margin: 10px;
	padding: 1px;
}
#footer a {
	color: #393939;
	text-decoration: underline;
}
#footer a:hover {
	color: #000;
	text-decoration: none;
}

.TopHead{
	background: #FFFF88;
	color: #000000;
	padding: 1em 2em;
	margin-left:0px;
	margin-top:20px;
	background-image: none;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	border-radius: 2em;
}
.ContentsInput{
	background: #FFFFCC;
	color: #000000;
	padding: 1em 2em;
	margin-left:0px;
	margin-top:20px;
	background-image: none;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	border-radius: 2em;
}
.devTitle{
	background: #FFFFBB;
	color: #000000;
	padding: 1em 2em;
	margin-left:0px;
	margin-top:20px;
	background-image: none;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	border-radius: 2em;
}

.inputNews{
	background: #BBFFFF;
	color: #000000;
	padding: 1em 2em;
	margin-left:0px;
	margin-top:20px;
	background-image: none;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	border-radius: 2em;
}
/* Styles for Links */
a {
	color: #469;
	text-decoration: underline;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}

