html{

}
body {
	font: 100% Arial, Helvetica, sans-serif, Verdana;
	background:none;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:#036;
	width:100%;
}
/* style the outer div to give it width */
#info {width:100%; margin:0 auto; text-align: left;} /* make the outer container overflow:hidden;*/

h1 {font-size:1.6em;}
h2 {font-size:1.4em;}
p {font-size:0.875em;}
a {
	color:green;
	}
a:visited {
	color:purple;
	}
a:hover, a:focus {
	text-decoration:none;
	color:orange;
	}

img {display:block;}
a img {border-width:0;}
.clearBoth {clear: both;line-height: 0;} 

#topBar {
        width: 1000px;
	margin-left: -500px;
	position: absolute;
	top: 4px;
	left: 50%;
	text-align:left;
	font-size:0.7em;
}
#topBar ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	} 

#topBar ul li {
	margin-left: 0;
	padding: 3px 15px;
	border-left: 1px solid #2F93B9;
	list-style: none;
	display: inline;
	}
	
		
#topBar ul li.first {
	margin-left: 0;
	padding-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	}
#topBar a,
#topBar a:visited {
	color:#036;
	text-decoration:none;
	}
#topBar a:hover,
#topBar a:focus {
	text-decoration:underline;
	}

#banner {
        width: 1000px;
	margin-left: -500px;
	position: absolute;
	top: 34px;
	left: 50%;
	background:url(http://www.jardininfantil.com/imagenes-template/bodyBg.gif) center top no-repeat;
}
#header {
	position: absolute;
	top: 125px;
	width: 100%;
	background: none;
}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px 0 0 5%; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#outer {width:100%; height:232px; overflow:hidden; position:relative; background:url(http://www.jardininfantil.com/imagenes-template/back.gif) repeat-x; margin:0 auto;}/*Height was originally 81px but it had problems with the overflow hidden I added to use absolute positioning*/
#menuHolder {position:relative; float:left; left:50%;}
#dropline {padding:0; list-style:none; text-align:center; margin:0; float:left; position:relative; right:50%; font-size:12px; font-family:arial, sans-serif; height:41px;}

#dropline table {margin:-2px -10px;}

#dropline div.inner {padding:0; margin:0 auto; list-style:none; position:absolute; left:-9999px; text-align:center; background:#84c7e0; width:100%; z-index:20;height:29px;}
* html #dropline div.inner {width:expression(document.getElementById('dropline').offsetWidth);} /* for IE6 */

#dropline li {float:left;}

#dropline li a {display:block; float:left; height:51px; padding:0 20px 0 0; background:url(http://www.jardininfantil.com/imagenes-template/tabs.gif) right top; line-height:50px; text-decoration:none; color:#fff;}
#dropline li a.sub {display:block; float:left; height:51px; padding:0 25px 0 0; background:url(http://www.jardininfantil.com/imagenes-template/tabs-arrow.gif) right top; line-height:50px; text-decoration:none; color:#fff;}
#dropline li a b {display:block; height:51px; float:left; padding:0 0 0 20px; background:url(http://www.jardininfantil.com/imagenes-template/tabs.gif) left top; cursor:pointer;}

#dropline li a:hover {background-position:right bottom; color:#000; line-height:40px;}
#dropline li a:hover b {background-position:left bottom;}

#dropline li:hover > a {background-position:right bottom; color:#000; line-height:40px;}
#dropline li:hover > a b {background-position:left bottom;}

#dropline li.current a, 
#dropline li.current a:hover {background-position:right bottom; color:#008; line-height:40px;}
#dropline li.current a b {background-position:left bottom; font-weight:normal;}

#dropline :hover div.inner {left:0; top:51px; height:29px;}
#dropline :hover div.lineHolder {float:left; position:relative; left:50%;}

#dropline li.current div.inner {left:0; top:51px; z-index:10;}
#dropline li.current div.lineHolder {float:left; position:relative; left:50%;}
#dropline li.current ul {float:left; position:relative; right:50%; height:29px;}

#dropline ul {padding:0; margin:0; list-style:none; position:relative; float:left; right:50%;}
#dropline ul li {float:left;}
#dropline ul li a {color:#000; float:left; height:29px; line-height:27px; padding:0 10px 0 0; background:#84c7e0;}
#dropline ul li a b {height:29px; line-height:27px; padding:0 0 0 10px; background:#84c7e0; font-weight:normal;}
#dropline ul ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px; width:0;}

#dropline li.current ul li.current_sub a b {color:#008;}
#dropline li.current ul li a.drop {padding:0 14px 0 0; background:url(http://www.jardininfantil.com/imagenes-template/subtab-arrow-off.gif) right top;}
#dropline li.current ul li.current_sub a.drop {padding:0 14px 0 0; background:url(http://www.jardininfantil.com/imagenes-template/subtab-arrow-off.gif) right top;}

#dropline :hover ul li a:hover {position:relative; background:url(http://www.jardininfantil.com/imagenes-template/subtab.gif) right top;}
#dropline :hover ul li a.drop {background:url(http://www.jardininfantil.com/imagenes-template/subtab-arrow-off.gif) right top;}
#dropline :hover ul li a.drop:hover {background:url(http://www.jardininfantil.com/imagenes-template/subtab-arrow.gif) right top;}
#dropline :hover ul li a:hover b {background:url(http://www.jardininfantil.com/imagenes-template/subtab.gif) left top;}

#dropline li.current ul li a {color:#000; height:29px; line-height:27px; padding:0 10px 0 0; background:#84c7e0;}
#dropline li.current ul li a b {height:29px; line-height:27px; padding:0 0 0 10px; background:#84c7e0;}
#dropline li.current ul ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px; width:0;}

#dropline :hover ul li:hover > a.drop {background:url(http://www.jardininfantil.com/imagenes-template/subtab-arrow.gif) right top;}
#dropline li.current ul li:hover > a.drop {background:url(http://www.jardininfantil.com/imagenes-template/subtab-arrow.gif) right top;}
#dropline :hover ul li:hover > a b {background:url(http://www.jardininfantil.com/imagenes-template/subtab.gif) left top;}

#dropline :hover ul ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px; width:0;}
#dropline :hover ul li:hover {position:relative;}
#dropline :hover ul :hover ul {left:-1px; top:29px; width:150px; background:transparent;}
#dropline :hover ul :hover ul li {border-left:1px solid #2f93b9; border-right:1px solid #2f93b9;}
#dropline :hover ul :hover ul li.last {border-bottom:1px solid #2f93b9;}

#dropline :hover ul :hover ul li a {height:25px; line-height:25px; text-align:left; padding:0 0 0 10px; width:140px; background:#9cd2e6;}
#dropline :hover ul :hover ul li a.fly {text-align:left; padding:0 0 0 10px; width:140px; background:#9cd2e6 url(http://www.jardininfantil.com/imagenes-template/fly.gif) no-repeat right center;}
#dropline :hover ul :hover ul li a:hover {background:#b0d9ea;}
#dropline :hover ul :hover ul li:hover > a {background:#b0d9ea;}

#dropline :hover ul :hover ul ul {position:absolute; left:-9999px; width:0;}

#dropline :hover ul :hover ul :hover ul {left:120px; width:150px; top:0;}
#dropline :hover ul :hover ul :hover ul li {border-left-color:#eef;}
#dropline :hover ul :hover ul :hover ul li.first {border-top:1px solid #eef;}
#dropline :hover ul :hover ul :hover ul li a {background:#b0d9ea; filter: alpha(opacity=85);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
 -moz-opacity: 0.85; opacity:0.85;
}
#dropline :hover ul :hover ul :hover ul li a:hover {background:#c2e1ef;}
/*End Top Menu*/

/*Start menuLateral*/
.menuLista {margin-top:10px;}
.menuLista dl {width: 230px; margin: 0 auto; padding: 0 0 10px 0; background: #69c url(http://www.jardininfantil.com/imagenes-template/menuLateral/bottom.gif) no-repeat bottom left;}
.menuLista dt {margin:0; padding: 10px; font-size: 1.4em; font-weight:bold; color: #fff; border-bottom:1px solid #fff;background: #69c url(http://www.jardininfantil.com/imagenes-template/menuLateral/top.gif) no-repeat top left;}
.menuLista dd {margin:0; padding:0; color: #fff; font-size: 1em; border-bottom:1px solid #fff; background: #47a;}
.gallery a, .gallery a:visited {color:#fff; text-decoration:none; display:block; padding:5px 5px 5px 20px;background: #47a url(http://www.jardininfantil.com/imagenes-template/menuLateral/arrow.gif) no-repeat 10px 10px; width:205px;}
.gallery a:hover {background: #258 url(http://www.jardininfantil.com/imagenes-template/menuLateral/arrowr.gif) no-repeat 11px 10px; color:#9cf;}
/*End menuLateral*/


#container {
        width: 950px;
	padding: 217px 0px 0px 0px;
	height:auto;
	margin: 0 auto;
}

#mainContent {
        width: 680px;
	padding: 0px;
	float:right;
	height:auto;
	margin: 0 auto;
}

#sidebar {
        width: 240px;
        float:left;
	padding: 0px 10px;
	margin: 0px;
	font-size:12px;
}
#sidebar p {
 	font-size:12px;
}
#sidebar h2 {font-size:16px;}

#footer {
        clear: both;
}

/* Begin BLOGGER only Css*/
#profile-container {
        border: 1px solid #ccc;
        padding:0 27px;
        margin: 0px;
        height:155px;
}
.profile-img {
        float: left;
        border: 1px solid #ccc;
        padding:4px;
        margin: 0 5px 5px 0px;
}
.date {
        font-weight: bold;
        font-style:italic;
        font-size:0.7em;
}
.blogComments, .blogComment {
        margin-top: 25px;
}
.byline {
        margin-top: 10px;
		font-style:italic;
}