/*

----------------------------------------------*/
body { background: #EBEBEB; margin: 0 0 10px 0; padding: 0px; font-family: Tahoma, Verdana, sans-serif; color: #5A5A61; }

img { border: 2; color: #999999; }

h1, h2, h3 { margin: 0; padding: 0; }

#top { 
width: 770px;
height: 21px; 
voice-family: "\"}\""; /* IE 5 Box Model Hack */
voice-family:inherit;
width:743px;
background: #fff url(../images/topbg.gif) no-repeat;
padding: 0 13px 0 14px;
margin: 0 auto;
}
	
#container {
width: 770px; 
voice-family: "\"}\""; /* IE 5 Box Model Hack */
voice-family:inherit;
width: 743px;
background: url(../images/container_bg.gif) repeat-y;
padding: 0 13px 0 14px;
margin: 0 auto;
}	

#header { width: 743px; height: 90px; margin: 0; }

/*Be Nice to opera rule*/
html>body #top,
html>body #footer,
html>body #container { width:743px; }

#header #logo { width: 200px; height: 90px; margin: 0; float: left; display: inline; }

#header #logo a {
width: 150px;
height: 100px;
background: url(../images/estrat_logo.jpg) no-repeat;
display: block;
margin: 1px 0 0 25px;
padding: 1px 0 0 0;
overflow: hidden;
text-indent: -99999px;
}

#header #mastheader { width: 543px; height: 89px; background: url(../images/vseparator.gif) repeat-y; float: right; padding: 0; margin: 0; }

#header #topnav { height: 40px; margin: 0; display: inline; list-style: none; }
#header #topnav li { display: inline; margin: 0; padding: 0; list-style: none; }
#header #topnav li a { display: block; margin: 0 0 0 6px; padding: 11px; float: left; border-bottom: 4px solid #FFFFFF; font-size: 12px; color: #5A5A61; text-decoration: none; }
#header #topnav li a:hover { border-bottom: 4px solid #0099ff; }

#header #tagline {
width: 533px;
height: 0px !important;
background-image: url(../images/estrat_tagline.jpg);
clear: both;
margin: 0 10px 0 0;
padding: 49px 0 0 0;
overflow: hidden;
text-indent: -99999px;
}

#content { width: 543px; float: right; font: 0.70em Tahoma, Arial, sans-serif; }

#bannerpage { width: 740px; float: right; font: 0.70em Tahoma, Arial, sans-serif; }
#bannercenter { padding: 10px 5px 10px 5px; font-size: 110%; letter-spacing: 1px; }

#box1 { width: 533px; height: 204px; background: url(../images/estrat_header.jpg) no-repeat left top #fff; position: absolute; left: 0px; top: 0px; }
#box1 a { width: 533px; height: 204px; display: block; text-indent: -99999px; overflow: hidden; }	
#box2 { width: 533px; height: 119px; background: url(../images/introbox.jpg) no-repeat left bottom #C9D1DB; position: absolute; left: 0; top: 204px; padding: 0; }
#box2 p, #box2 h2{ margin: 7px; font-size: 0,7em; color: #fff; }
#box2 h2 { font-size: 100%; }

#rightBanner { width: 90px; height: 500px; position: absolute; right: inherit; margin: 0px 100px 0px 0px; 
/*	position: absolute;
	top: 24px;
	padding: 0;
	margin: 0 auto;
	left: 0;
	float: right;*/
}

#sticky { width: 533px; height: 323px; position: relative; background: #ccc; }

#center { padding: 30px 25px 10px 0; font-size: 110%; letter-spacing: 1px; }
#center h2{ font-size: 1.4em; }
#center a { color: #CB3E0E; text-decoration: none; }
#center p { font: Verdana, sans-serif, Arial; color: #5A5A61; font-size: 1.2em; font-weight:lighter; }
#center p.pesado{ color: #5A5A61; font-size: 1.2em; font-weight:bold; }
#center a:hover { text-decoration: underline; }

.clear { clear: both; }
	
#sideBar { width: 200px; float: left; background: url(../images/hseparator.gif) repeat-x; }

#leftnav { width: 200px; height: 274px; margin: 10px 0 30px 0; }
#leftnav ul { list-style: none; display: inline; margin: 0; }
#leftnav ul li { display: inline; margin: 0; padding: 0; list-style: none; }
#leftnav ul li a { display: block; margin: 0; padding: 4px 0 4px 30px; border-bottom: 1px solid #FFFFFF; }
#leftnav ul li a:hover { border-bottom: 1px solid #DDD; }
#leftnav li a { font: 13px Verdana, Arial, Helvetica, sans-serif; color: #5A5A61; text-decoration: none; }
#leftnav li a:hover { color: #0099ff; }

#links { position: absolute; left: 0; top: 257px; }

#left { width: 165px; margin:0; background: url(../images/hseparator.gif) repeat-x; padding: 30px 15px 0 20px; font: 0.70em Tahoma, Arial, sans-serif; text-align: justify; }
#left h2 { font-size: 100%; margin: 25px 0 0 0; border-top: 1px solid #0099ff; border-right: 1px solid #0099ff; padding: 2px 0 0 0; }
#left p { padding: 0 2px 0 0; }
#left a { font-size: 1.2em; color: #5A5A61; text-decoration: none; display: block; }
#left a:hover { font-size: 1.2em; background-color: #0099FF; color: #000000; display: block; }
#left .searchbox { width: 130px; margin: 0 0 0 -20px; padding: 0; border: 1px solid #0099ff;  }
#left ul { list-style: none; display: inline; margin: 0; }
#left ul li { display: inline; margin: 0; padding: 0; list-style: none; }
#left ul li a { display: block; margin: 0; padding: 2px 0; }
#left li a { color: #5A5A61; text-decoration: none; }
#left li a:hover { text-decoration: none; }

#footer {
width: 770px; 
height: 25px;
background: #ebebeb url(../images/footerbg.gif) no-repeat;
voice-family: "\"}\""; /* IE 5 Box Model Hack */
voice-family:inherit;
width: 743px;
padding: 0 13px 0 14px;
margin: 0 auto;		
}

#footer #footnotes { clear: both; width: 770px; margin: 10px 0 0 -14px; padding: 0; position: absolute; }
#footer #footnotes  p { width: 760px; margin: 10px 0 0 10px; padding: 10px; text-align: left; font-size: 0.75em; color: #999; }
#footer #footnotes a { color: #4F4F4F; text-decoration: none; }
#footer #footnotes a:hover { text-decoration: underline; }

.titulos{ font-weight: bold; color: #00CCFF; }

/* ================ el blog del esenuevas ================== */

form.search { padding: 0;  margin: 0;  }
form { padding: 0 0 0 18px; }

fieldset { border: 1px solid #0099ff; }

textarea.text { height: 150px; width: 90%; border: 1px solid #ccc; background: #fff; color: #000; }
textarea.text:hover { border: 1px solid #0099ff; background: #FFFFF4; color: #000; }

input.field { border: 1px solid #ccc; background-color: #FFFFFF; width: 300px; color: #000; height:15px; }
input.field:hover { border: 1px solid #0099ff; background: #FFFFF4; color: #000; }
input.text { margin: 0; width: 50%; border: 1px solid #0099ff; background: #FFF; color: #000; height:15px; }
input.text:hover { border: 1px solid #ccc; }
input.searchfield { border: 1px solid #0099ff; }
input.searchbutton { margin: 0; font-size: 100%; font-family: Arial, Sans-serif; border: none; background: #0099ff; color: #fff; padding: 1px; font-weight: bold; }

.date { color: #ccc; background: #FFFFFF; text-align: right; margin: 4px 0 5px 0; padding: 0.4em 0 0 0; border-top: 1px solid #d6d6d6; }

input.button { background: #FFFFF4; color: #808080; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }

textarea { width: 90%; height: 20em; padding: 3px; }

.comments { padding: 10px 10px 8px 10px; margin: 0 0 7px 0; background: #f8f8f8; color: #000; }
.commentsbox { padding: 8px 0 10px 10px; margin: 0 0 10px 0; background: #EBEBEB; color: #000; }