/************** reset**************/
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, font, 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
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body
{
line-height: 1;
}
ol, ul
{
list-style: none;

}
/************** en reset***********/
/*typography*/
body{font: 12px verdana,arial,sans-serif;text-align: center; }
h1,h2,h3{font-family: "Trebuchet MS",arial,sans-serif}
h1{font-size: 200%}
h2{font-size: 160%}
h3{font-size:110%;
/*text-transform:uppercase;*/
letter-spacing:1px;margin:0 5px}
h2,p{
/*margin: 0 15px;*/
padding:0;}
p{padding-bottom: 0.7em;line-height: 1.5; margin:0 10px;}
a{text-decoration: none}
address{padding: 3px 15px;font-style:normal}
/*div#relax p{font-size: 120%}*/


/*layout*/
html{height: 100%; margin-bottom: 1px}
html,body{margin:0;padding:0 0 20px}
div#container{width: 800px;margin: 0 auto;text-align: left}

div#header{
/*margin:0 0 10px;*/
padding: 0 0 5px; 
height:125px;}
div#header h1{margin:0 5px;padding:70px 0 2px; float:left; width:545px; font-size:35px;}
div#header a{
/*margin-left: 10px;font-size:35px;*/
}
div#sidebar{float: right;width: 190px;}
div#sidebar div{padding: 5px 0;margin-bottom: 5px; }
div#sidebar div#menu{
/*margin: 0 5px*/
}
div#nav ul,div#nav li{margin:0 5px 0 5px;
/*padding:0;*/
list-style-type:none;line-height: 1.5}
div#nav a{
margin-left:0px;padding-left:0px;
}
div#sidebar p{margin: 0 5px;padding:0}
/*div#sidebar p+p{margin-top: 0.7em}*/
form{margin: 5px 0;padding: 5px 0}
form h3{margin-bottom: 10px}
form div{padding: 5px 0}
form input#find{
/*width: 90px;margin-left:10px;*/
}
div#content{width:600px;}

/*div#relax{margin: 0 15px 10px;padding: 5px 0}*/
div#relax p, div#relax h2{margin: 0 5px}
div#footer{clear: right;margin-top: 10px;
width:800px;
float:left;
}

/*colors*/
body{background: #f8ffed; color:#006600;}
div#header{background:url(http://www.ie-spanishonline.com/images/learn-spanish-online-header.gif) no-repeat;}
div#header h1{
/*background: #657DA6*/
float:left; width:545px;font-size:35px;
}
h1 a{color: #FF9900;}
h1 a:hover{color: #FF9900;}
h2{color: #007BC4; padding-left:5px;}
h3{color: #B02A36}
div#nav{background: #dcebc4;}
/*div#nav a{background: url(../images/bullet.jpg) no-repeat left;color: #2660B1}*/
div#nav a:hover{
/*color: #FFF*/
}
div#nav ul{
list-style-type:none;
}
div#side1{background: #dcebc4;}
div#side2{background: #dcebc4;}
div#sidenotes{background:#B1C0D5}

#boxes
{}
#boxes h3{
font-size:20px;
color:#FFFFFF;
text-transform:uppercase;
}
#boxes ul{

list-style-type:none;
}

#boxes ul li{
text-decoration:none;
color:#FFFFFF;
list-style-type:none;
margin: 3px 0 3px 40px; 
}
#boxes ul li a{
text-decoration:none;
color:#FFFFFF;

}
#boxes a{
text-decoration:none;
color:#FFFFFF;
}
div#box1{width:195px; float:left;
background:#cd540b url(../images/freeclass.jpg) no-repeat scroll left top;
color:#ffffff;

margin-right:5px;

}
div#box2{width:195px; float:left;
background:#8b9532 url(../images/skype.jpg) no-repeat scroll left top;
color:#ffffff;

margin-right:5px;

}
div#box3{ width:195px; float:left;
background:#fece11 url(../images/signup.jpg) no-repeat scroll left top;
margin-right:5px;
}
div#box3 h3{
color:#000080;
}
#box3 ul li{
text-decoration:none;
color:#000080;
list-style-type:none;
margin: 3px 0 3px 40px; 
}
#box3 ul li a{
text-decoration:none;
color:#000080;
}
#box3 a{
text-decoration:none;
color:#000080;
}

div#box4{ 
/*width:195px; float:left;*/
background:#dcebc4 url(../images/blog.jpg) no-repeat scroll left top;
color:#000000;
}
div#box5{ 
/*width:195px; float:left;*/
background:#dcebc4 url(../images/blog.jpg) no-repeat scroll left top;
color:#000000;
}

form{
/*background: #B4CEF7;*/
}
div#content{background: #F8ffed;}




/*div#relax{background: url(../images/relax.jpg)}*/
div#relax h2{color: #F7DEB5}
div#relax p{color: #dcebc4;}
div#footer{color: #333}
#medio
{
font-size:11px;
}
/**************** the content********/
#thecontent{
color:#006600;
margin-top:5px;
}

#teacher
{ width:600px;
display:block;
min-height:230px;
}

.teacherimage
{
float:left;
width:187px;

}
.teacherdescription
{
float:left;
width:413px;

}
.studentdescription
{
float:left;

}
/************************* for toggle************/


p {
	padding: 0 0 1em;
}
.msg_list {
	margin: 0px;
	padding: 0px;
	width: 576px;
}
.msg_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	background-color:#dcebc4;
	margin:1px;
	width: 576px;
}
.msg_body {
	padding: 5px 10px 15px;
	background-color:#F4F4F8;
	width: 576px;
}
.faqtitle
{ font-size:12px;

}

/*******************************contact form********************/

	fieldset { border:0;margin:0;padding:0; }
	label { display:block; }
	input.text,textarea { width:300px;
 }
	input.submit { padding:2px 5px;
	 }
	/*************************languages************/
	#languages
	{ float:right;
	font-size:10px;
	}

/****************** ul li***********/
ul.ul-01 {margin:15px 0; list-style:none;}
ul.ul-01 li {
background:transparent url(../images/ul-01.gif) no-repeat scroll 0pt 50%;

padding:2px 0pt 2px 25px;
}
/******************advertise properties**************/
.button.add {
    background-image:url(http://ie-spanishonline.com/images/add.gif);
    background-position:100% 50%;
    background-repeat:no-repeat;
    padding-right:35px;
   
    margin:2px 0 0 2px;
    font-size:14px;
    font-weight:bold;
}
a.button {
    background:#4456a2 none repeat scroll 0% 0%;
    color:#FFFFFF;
    padding:3px 10px;
    text-decoration:none;
}
a.add {
    padding-left:20px;
    text-decoration:none;}
a:hover {text-decoration:none;
}
.button {
    -moz-border-radius-bottomleft:0.5em;
    -moz-border-radius-bottomright:0.5em;
    -moz-border-radius-topleft:0.5em;
    -moz-border-radius-topright:0.5em;
    background:#000000 none repeat scroll 0% 0%;
    border:1px solid #999999;
    color:#FFFFFF;
    text-align:center;
    width:auto;
}
/****************** end advertise properties*******/
/****************** inicio prmocion desde witter*******/
/******************************************************/
#fondo{ width:228px; height:-5px; background:url(http://www.ie-spanishonline.com/images/promotion.gif) repeat-x; float:right;
background-position: 0px 20px;
}
#fondo a{color:#FFFFFF; font-size:12px;}
.widget-content{width:180px; height:90px; margin-left:-25px; margin-right:40px;
padding-top:1px; float:right; margin-top:35px;}
.widget-content a{ color:#FFFFFF; font-size:5px;}

/****************** inicio prmocion desde witter*******/