/*
CSS principal para Atena Solutions
©2006 - 2008 Pixelmio - www.pixelmio.net
*/

* {
	margin:0;
	padding:0
}
body {
	font: 100%/1.5 "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #222;
	background: #FFF
}
a {
	color: #393
}
a:hover {
	color: #030
}
a:visited {
	color: #393
}
address {
	text-transform: capitalize;
	font-style: normal;
	font-size: 80%;
}
#corps {
	background:#FFFFFF url(../images/bg-body.jpg) top left repeat-x;
}
#principal {
	width: 900px;
	margin: 0 auto
}
#header {
	background: url(../images/header.png) top left no-repeat;
	height: 105px;
}
#header h1 {
	text-indent:-9999px;
	float:left
}
#header h1 a {
	display:block;
	width:315px;
	height:100px;
}
#navcontainer ul {
	margin: 66px 0 0 0;
	padding: 0px;
	list-style-type: none;
	text-align: center;
	float: right;
}
#navcontainer ul li {
	float: left;
	background: url(../images/pestanyas.png) no-repeat 0 -72px
}
#navcontainer ul li a {
	text-decoration: none;
	background: url(../images/pestanyas.png) no-repeat bottom left;
	font-size: 1em;
	line-height:36px;
	float: left;
	padding-right: 0px;
	width: 137px;
	background-position: 0 -72px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
}
#navcontainer li a:hover {
	background:url(../images/pestanyas.png) 0 -36px no-repeat
}
#navcontainer li a.navActive {
	background: url(../images/pestanyas.png) 0 0 no-repeat;
}
#cuerpo {
	clear:left
}
#cuerpo h1 {
}
#cuerpo h2 {
	color: #393;
	letter-spacing: -1px;
	font-size: 1.6em;
	line-height: 39px;
	padding-left:15px;
	margin:12px 0 0 0;
}
#cuerpo p {
	margin: 15px 20px;
	text-align: left
}
#cuerpo form p {
	margin: 10px 0 10px 20px
}
#gauche ul li {
	height: 135px;
	list-style-type: none;
	margin: 1px;
	padding-left: 80px;
	padding-right: 25px;
	font-size: 80%
}
#cuerpo ul li ul li {
	font-size:90%;
	margin: 5px
}
#gauche ul li.un {
	background: url(../images/1-0.png) no-repeat;
}
#gauche ul li.deux {
	background: url(../images/2-0.png) no-repeat;
}
#gauche ul li.trois {
	background: url(../images/3-0.png) no-repeat;
}
#cuerpo ul {
	margin-left: 30px;
	margin-bottom: 15px;
	font-size:0.9em;
}
#gauche {
	width: 61%;
	float: left
}
#gauche ul {
	margin-left:5px
}
#gauche h2 {
	margin-left: 10px;
	letter-spacing: -1px;
	color: #393;
	font-size: 2em;
	line-height: 45px
}
#gauche h2 a:hover {
	color: #393
}
#gauche p {
	margin: 5px 15px
}
#droite {
	float: right;
	width: 39%;/*margin-top: -15px*/
}
#droite p {
	font-size: 1em
}
#footer {
	font-size:0.8em;
	margin:10px 0px 0px 0px;
	background-color: #D4F7D9;
	border-top: solid #2E8439 1px;
}
#footer p {
	line-height:15px
}
#footer img {
	border:none
}
#footer h2 {
	color: #393;
	font-size: 1.8em;
	letter-spacing: -1px;
	line-height: 39px;
	background: url(../images/bgH2.png) no-repeat;
	padding-left: 30px;
	margin: 12px 0 12px 12px;
}
#fone, #ftree {
	width:32%;
	float: left;
	padding-left: 10px
}
#ftwo {
	width:32%;
	float: left;
	border-right: dotted #393 1px;
	border-left: dotted #393 1px;
	padding-left: 10px;
}
#pxlm {
	clear:both;
	width:100%;
	text-align: right
}
/* CLASSES */

.vert {
	color:#39b44a;
	font-size: 110%;
	letter-spacing: -1px;
	font-weight: bold
}
.eloigne {
	text-indent: -9999px;
}
.monMap {
	display: block;
	width: 315px;
	height: 105px;
	float: left;
}
.gras {
	font-weight:bold
}
.t80 {
	font-size:80%
}
.t70 {
	font-size:70%
}
.gris {
	color:#666
}
.cadre {
	background: url(../images/bgCadH2.png) no-repeat;
	height: 48px;
}
.bordVert {
	border: solid #39b44a 1px;
}
#contact-form label {
	background-color: #D7F2DB;
	width: 250px;
	float: left;
	line-height: 21px;
	padding-left: 10px;
	margin-right: 3px;
	font-size: 0.8em;
	text-align: right;
}