@charset "utf-8";

body{
	background-color: #333;
}
body, div, p, td, th, form, input, textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: justify;
	color: #555;
	line-height: 18px;
}
a, a:active, a:visited{
	color: #06F;
}
a:hover{
	color: #F60;
}
div.web{
	width: 1004px;
	margin-left: auto;
	margin-right: auto;
}
div.web div.top{
	height: 30px;
	background: url(../img/body_top.png) no-repeat;
}
div.web div.back{
	height: auto;
	background: url(../img/body_back.png) repeat-y;
}
div.web div.bottom{
	height: 30px;
	background: url(../img/body_bottom.png) no-repeat;
	text-align: center;
	font-size: 12px;
	color: #999;
}
div.web div.back div.contenidos{
	margin-left: 25px;
	margin-right: 29px;
	padding-bottom: 10px;
	overflow: hidden;
}
div.columna1{
	width: 360px;
	float: left;
}
div.columna2{
	margin-left: 25px;
	width: 360px;
	float: left;
}
div.columna3{
	margin-left: 25px;
	width: 180px;
	float: left;
}

.columna1 h1, .columna2 h1, .columna2 h2, .columna2 h3{
	border-bottom: 2px solid #77CAC9;
	color: #2173B4;
	font-size: 24px;
	text-align: right;
	width: 100%;
	padding-bottom: 0px;
	margin-bottom: 20px;
	height: 24px;
	font-style: italic;
	font-weight: normal;
}
.columna2 h1, .columna2 h2, .columna2 h3{
	text-align: left;
}
.columna2 h2{
	font-size: 21px;
}
.columna2 h3{
	font-size: 18px;
}
h2.acordeon{
	font-size: 15px;
	cursor: pointer;
	font-weight: normal;
	margin-bottom: 0px;
	border-bottom: #CCC dotted 2px;
}
div.acordeon{
	color: #555;
}

h2.proyectos_acordeon{
	cursor: pointer;
	font-weight: normal;
	font-style:normal;
	margin-bottom: 0px;
	border-bottom: #CCC dotted 2px;
}

h2.servicios_acordeon{
	cursor: pointer;
	font-weight: normal;
	font-style:normal;
	font-size: 21px;
	line-height: 22px;
	margin-bottom: 0px;
	border-bottom: #CCC dotted 2px;
	height: auto;
}
h4.servicios_web, h4.servicios_consult, h4.servicios_learning{
	cursor: pointer;
	margin-bottom: 0px;
	border-bottom: #CCC dotted 2px;
}

div.menu_top{
	height: 8px;
	width: 180px;
	background: url(../img/menu_top.png) no-repeat left top;
}
div.menu_bot{
	height: 8px;
	width: 180px;
	background: url(../img/menu_bot.png) no-repeat left top;
}
div.menu{
	width: 180px;
	background: url(../img/menu_back.png) repeat-y left top;
}
div.menu a{
	display: block;
	width: 180px;
	height: 46px;
	line-height: 46px;
	vertical-align: middle;
	text-align: center;
	padding-left: 10px;
	overflow: hidden;
	color: #fff;
	font-size: 22px;
	text-decoration: none;
}
div.menu a:hover{
	background: url(../img/menu_over.png) no-repeat left top;
}
div.menu .on{
	background: url(../img/menu_on.png) no-repeat left top !important;
}
.centrar{
	text-align: center !important;
}
.derecha{
	text-align: right !important;
}