@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: #3580bb;
}
a:hover{
	color: #78c9c9;
}
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;
	padding-top:10px;
	overflow: hidden;
}

div.columna1{
	width:500px;
	float:left;
	display:block;
	padding-left:30px;
	padding-right:35px;
}
div.columna2{
	width:350px;
	float:left;
	display:block;
}

div.titulo{
	float:left;
	width:580px;
	height:147px;
	display:block;
}
div.logo{
	float:left;
	width:360px;
	height:147px;
	display:block;
}

h1, h2, 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;
	text-align: left;
}
h2{
	font-size: 21px;
	text-align:center;
}
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: 350px;
	background: url(../img/menu_top.png) no-repeat left top;
}
div.menu_bot{
	height: 8px;
	width: 350px;
	background: url(../img/menu_bot.png) no-repeat left top;
}
div.menu{
	width: 350px;
	background-color:#78CAC9;
}
div.menu a{
	display:block;
	width: 350px;
	height:auto;
	text-align: center;
	padding-bottom: 3px;
	overflow: hidden;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	border-top: #78CAC9 2px solid;
	border-bottom: #78CAC9 2px solid;
}

div.menu span{
	display: block;
	width: 350px;
	height: 18px;
	line-height: 18px;
	vertical-align: middle;
	text-align: center;
	padding-bottom: 3px;
	padding-top: 5px;
	overflow: hidden;
	color:#2173b4;
	font-size: 16px;
	font-style:italic;
	font-weight:bold;
}

div.menu a:hover, div.menu .on{
	border-top: #3580bb 2px solid;
	border-bottom: #3580bb 2px solid;
}
.centrar{
	text-align: center !important;
}
.derecha{
	text-align: right !important;
}