/* Original design: Daleri Structure (v1.0 - Jul 07, 2008) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/daleri-structure/ */

/* Body */
* {margin:0; padding:0;}

body {background:#474d59 url(images/bodybg.gif) top left repeat-x; color:#eee; font:11px Verdana,Arial,Tahoma,"Trebuchet MS",sans-serif;  text-align:center; padding:0;}

#wrap {width:960px; background-color:#fff; color:#555; padding:10px; margin:10px auto 0 auto; text-align:left; border:1px solid #555;}

#top {width:960px; text-align:right; margin:10px auto 5px auto; color:#ddd; font-size:0.9em; vertical-align:bottom}

#top p {margin:2px; padding:0;}
#top a {color:#eee; border-bottom: 1px dotted #aaa;}
#top a:hover {color:#fff; text-decoration:none; border-bottom:1px dotted #fff;}
#top img {vertical-align:middle}



/* Header and title */

#header {text-align:left; padding:0; margin:0 0; clear:both}
#sitetitle {width:520px; float:left;}
#sitetitle h1 {font-weight: 700; font-size:2.2em; letter-spacing:-2px; line-height:0.9em; margin:20px 0 0px 10px; padding:0;}
#sitetitle h1 a {font-weight:700; letter-spacing:-1px;}
#logo {display:inline; float:left; margin-right:1em; margin-left:0}
#sitetitle p {display:inline; color:#808080; font-size:1.5em; letter-spacing:-1px; padding:0.4em; position: relative; left: 1em; }
#slogan {font-weight:lighter}


/* Main menu */

#mainmenu {float:right; width:350px; margin:0;}
dl.nav {width:140px; float:left; margin: 0 0px 5px 10px;}
dl.nav dt {border-bottom:1px solid #aaa; padding:0; font-weight:700; margin:0; color:#777;}
dl.nav dt a {font-weight:700; color:#777;}
dl.nav dt a:hover {color:#222;}
dl.nav dd {padding:0; margin:0; border-bottom:1px solid #ccc;}
dl.nav dd a {font-weight:400; padding:1px 0 1px 5px; color:#4d699d; display:block; width:135px;}
dl.nav dd a:hover {color:#222; background:#f4f4f4;}

/* Headline */

#headline {width:100%; text-align:center; margin:5px 0 15px 0; padding-bottom:1px; border:1px solid #ccc; background-color:#f0f0f0; color:#777; font-size:0.9em;}

#headline p {margin:2px; padding:0;}



/* Headers */

h2, h3 {color:#4d699d; letter-spacing:-1px; font-weight:700; border-bottom:1px solid #ccc; padding-bottom: 1px;}



/* Content */

.contenttext {font-size:12px;}
#content h2 {font-size:1.6em; margin:1em 0 0.1em 0;}
#content h3 {font-size:1.3em; clear:none; margin:1em 0 0 0;}
#content .timestamp {padding-left:1em; margin:0em 0 1em 0}
#content {text-align:justify; width:745px; margin:10px 0 0 205px; background-color:#fff;}
#content p {margin:1em 0}
#content p a:hover {color: #222; border-bottom:1px dotted #000;}
#content ul, #content ol {margin:0 1em; padding:0 0 0 10px;}
#content ul li, #content ol li {margin:0 0 5px 10px;}
#content ul ul, #content ol ol {margin:5px 0 5px 10px;}
.timestamp a, .commentsection a {border-bottom:1px dotted #888;}
.contenttext a {font-weight:bold; border:0; text-decoration:none}
#besocial {margin-top:1.5em;}

#postnav p {margin:0 1em}
#postnav, #related {border-bottom: 2px solid #4d699d; border-top: 2px solid #4d699d; background-color:#F2FAFF; text-align:left; margin:0.1em 0; padding:0.3em 1em;}
.post_ratings {display:inline;}

#related img, #postnav img {vertical-align:middle}
#related h4 {margin-bottom:1em;}
#related a {font-weight:normal}
.post-ratings {font-weight:bold;}

/* Sidebar */
#sidebar {float:left; text-align:left; margin:5px 0; width:170px; padding:10px; background:#f0f0f0; border:1px solid #ccc;}
#sidebar h2, #sidebar h3 {font-size:1.4em; padding:0 0 2px 0; margin:0 0 5px 0; border-bottom:2px solid #ccc; color:#666;}
#sidebar p, #sidebar ul, #sidebar ol {margin:0 0 15px 0; padding:0;}
#sidebar a {font-weight:400;}
#sidebar ul li {list-style:none; margin:0 0 3px 0;}
#sidebar ul li a {font-size:1.1em;}
#sidebar ul ul {margin:3px 0 3px 10px; font-size:1em;}
#sidebar ul ul li {margin:2px 0;}
#sidebar ul ul li a {font-weight:400;}
#sidebar ul.sidemenu li {list-style: none; width:218px; padding:0; margin:0 0 2px 0;}
#sidebar ul.sidemenu li a {display: block; overflow: visible; padding:2px 0 2px 5px; background-color:#f4f4f4; font-weight:400; border:1px solid #ddd; font-size:1.1em; }
#sidebar ul.sidemenu li a:hover, #sidebar ul li.current a {border:1px solid #555; color:#444; background-color:#fff;}
#sidebar ul.sidemenu li.current li a {background-color:#f8f8f8; color:#467aa7; border:1px solid #ddd; border-bottom:1px solid #ccc;}
#sidebar ul.sidemenu ul {margin:0; padding:2px 0 0 15px;}
#sidebar ul.sidemenu ul li {width:203px; letter-spacing:0;}
#sidebar ul.sidemenu ul li a {font-size:0.9em; padding:1px 0 1px 5px;}

/* Comments */
#precomment-disclaimer {text-align:center; margin-top:0.5em; margin-bottom:1em}
.commentlist, .comment, .commentlist ol {
	margin: 0px;
	padding: 0px !important;
	width:100%;
}
.commentlist {clear:both; margin-left:0px !important;}
.commentlist .comment:hover {background:#eee;}
.comment {border-top: 1px solid #ddd; list-style-type: none; margin-bottom:0.5em;}
.comment-body {padding:6px 12px}
.commentlist .avatar {
	float:left;
	margin: 1px 10px 0 0;
	width: 25px;
	height: 25px;
}
.comment-author {
	width:99%;
	padding: 6px 6px 0px 0px;
	margin:0px;
	clear:both;
}
.comment-author .reply {float:right;}
.commentlist .comment-meta a {color: #666;}

.commentlist .depth-2 {margin: 0 0 0 40px; width: 695px;}
.commentlist .depth-3 {margin: 0 0 0 40px; width: 645px;}
.commentlist .depth-4 {margin: 0 0 0 40px; width: 605px;}
.commentlist .depth-5 {margin: 0 0 0 40px; width: 565px;}
.commentlist .depth-6 {margin: 0 0 0 40px; width: 525px;}
.commentlist .depth-7 {margin: 0 0 0 40px; width: 485px;}
.commentlist .depth-8 {margin: 0 0 0 40px; width: 445px;}
.commentlist .depth-9 {margin: 0 0 0 40px; width: 405px;}
.commentlist .depth-10 {margin: 0 0 0 40px; width: 365px;}

/* Tables */
table.tablar4t {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: collapse;
	background-color: white;
	margin:auto;
	text-align:center;
}
table.tablar4t th {
	border-width: 1px;
	padding: 2px ;
	border-style: dotted;
	border-color: gray;
}
table.tablar4t td {
	border-width: 1px;
	padding: 2px;
	border-style: dotted;
	border-color: gray;
	background-color: white;
	text-align:right;
}
caption {
	text-align:center; margin:auto;
}

/* Footer */
#footer {clear:both; text-align:justify; font-size:0.9em; width:960px; line-height:1.5em; color:#ccc;  margin: 5px auto 10px auto; padding:0;}
#footer p {margin:0; padding:0;}
#footer a {color:#ddd; border-bottom: 1px dotted #aaa;}
#footer a:hover {color:#eee; text-decoration:none; border-bottom:1px dotted #fff;}

/* Links */
a {color:#4d699d; text-decoration:none;}
a:hover {color:#444; text-decoration:none;}
a img {border:0;}

/* Various classes */
blockquote {font-size: 0.9em; width:auto; color: #333; margin: 1.5em 30px 1.5em 30px; padding: 4px 4px 4px 10px; background: #f1f0ed; border-left: 2px solid #69c;}
blockquote p {display:inline}

.cotizaciones {border:0; font-face:monospace;}
.cotizaciones td, .cotizaciones th {padding:0 0.2em; text-align:center; vertical-align:top}
.google-adsh {text-align:center; margin:0}
.video {magin: 1em auto; text-align:center}
.left {float:left; width:44%; text-align:left;}
.right {float:right; width:55%; text-align:right;}
.textleft {text-align:left;}
.textright {text-align:right;}
.textcenter {text-align:center;}
.introtext, .introtext a {font-weight:700;}
.clear {visibility:hidden; clear:both; height:1px;}
.hide {display:none;}
.aviso {border: 1px solid rgb(239, 196, 13); padding: 0.5em; background-color: rgb(255, 255, 170); color: #585858; text-align: center}

/* Tablas */
.gradient-style{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 0 auto;
	width: 480px;
	text-align: center;
	border-collapse: collapse;
}

.gradient-style th{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe url('table-images/gradhead.png') repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #039;
}

.gradient-style td{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	color: #669;
	background: #e8edff;
}


.gradient-style .tinfo td{
	color: #669;
	background: #e8edff; 
}

.gradient-style .twarning td{
	color: #996;
	background-color: #ffb;
}

.gradient-style .terror td{
	color: #966;
	background-color: #fee;
}

.gradient-style tfoot tr td {
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}

.gradient-style tbody tr:hover td{
	background: #d0dafd url('table-images/gradhover.png') repeat-x;
	color: #339;
}