/* CSS Document */

body {
	margin:0; width:100%;
	background:#e9e9e9 url('../img/bck_body.gif') repeat-x left -99px;
}
body, table, strong {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#494949;
}

strong{font-weight:bolder; color:#039;}
i {vertical-align:baseline; font-size:smaller; text-decoration:none;}
img	{border:none;}
a, a * {font:bold 14px Arial, Helvetica, sans-serif; color: #003399; text-decoration: none;}
a:hover{color: #999999;}
h3		{color:#002080; margin:20px 0 10px 18px;}
ul, table 	{padding-left:18px; margin-left:18px;}
ul li {
	padding-left:15px; margin-bottom:8px;
	list-style:none; background:#fff url('../img/li.gif') no-repeat left 3px;}
ol li {
	font-weight:bolder; color:#039;
	margin-bottom:8px;}
p		{margin:10px 22px; line-height:20px; text-align:justify;}
input, textarea {border:1px solid #039; background-color:#fff;}


#content {
	position:relative;
	top:0px; left:50%; margin-left:-335px;
	width:670px; height:100%;
}
	#cos{
		background-color:#fff;
	}
		#header{
			height:55px; border-bottom:3px solid #b7f126;
			display:block; margin-bottom:15px;}
			#header * {margin:15px;}
			#header #volver {
				float:right; display:block; width:70px; height:25px;
				background:url(../img/volver.gif) left top no-repeat;
				text-decoration:none;
			}
		.dch {
			float:right; margin:20px;}
		a.sobre {
			display:inline-block; padding-left:30px; margin-left:15px;
			color:#494949; font:bold 14px Arial;
			background:url(../img/contacto.png) no-repeat left center;}
			a.sobre:hover {color:#039;}
		.flechas {
			clear:both; text-align:center;
			font:bolder 14px Arial; color:#039;}
		.tit_form {
			background-color:#0950a0; font:bold 11px Verdana; color:#fff;
			line-height:18px; text-align:right; padding:0 5px;}
		.inicio {
			float:left; display:block; height:210px; width:312px; margin:8px 4px 8px 12px; }
		a#inicompany {
			background:url(../img/m_clases_in_company.jpg) no-repeat left top;}
			a#inicompany:hover{background-image:url(../img/m_clases_in_company_1.jpg);
			}
		a#iniparticulares{
			background: url(../img/m_clases_particulares.jpg) no-repeat left top;}
			a#iniparticulares:hover{ background-image:url(../img/m_clases_particulares_1.jpg);}
		a#i {display:block; position:absolute; z-index:10; top:356px; left:315px; border:1px solid white;}
			a#i:hover {border:1px solid silver;}

	#btm_cos {
		position:relative; clear:both;
		bottom:0px; left:0px;
		width:100%; height:125px;
		background:url(../img/bck_body.gif) top left repeat-x;
	}
		#btm_cos div{line-height:21px; color:#039; text-align:center;}