@charset "utf-8";
/* CSS Document creado por Accanto Creativos*/

/* propiedades globales */

*{
  margin: 0;
  padding: 0;
}


body {
	font:12px verdana; 
	font-size:11px;
	color:#523e26;
	background:#ffffff; 
 	min-height:100%;
  	height:auto !important; /* ie6 ignores it */
	height:100%; /* fix */
	position: relative;
}

/*------------------------------------- ESTRUCTURA GENERAL -------------------------------------*/

#contenedor {
	width:943px;
	left:50%;
	margin-left:-490px;
	position:absolute;
	padding-left:37px;
	background-image:url(images/fondo.jpg);
	background-repeat:no-repeat;
}

/*------------------------------------- CABECERA -------------------------------------*/

#cabecera{
	height:185px;
	width:715px;
	background-image:url(images/logo.jpg);
	background-repeat:repeat-x;
	float:left;
}

#accesos {	width:26px; float:right; padding-top:10px; }
#accesos li { list-style-type:none; list-style:none;}

#logo {	width:640px; height:115px; float:left; margin-top:70px; margin-left:30px;  }


/*------------------------------------- CAJA SUPERIOR -------------------------------------*/

#caja_sup {
	width:227px;
	height:185px; 
	float:left;
}

.index #caja_sup {	background-image:url(images/caja_sup.jpg);}
.somos #caja_sup {	background-image:url(images/caja_sup2.jpg);}
.servicios #caja_sup {	background-image:url(images/caja_sup3.jpg);}
.socios #caja_sup {	background-image:url(images/caja_sup4.jpg);}
.contacto #caja_sup {	background-image:url(images/caja_sup5.jpg);}
.enlaces #caja_sup {	background-image:url(images/caja_sup6.jpg);}


/*------------------------------------- MENÚ LATERAL -------------------------------------*/

#lateral{
	width:352px;
	height:505px;
	float:right;
	padding-top:60px;
}

.index #lateral { background-image:url(images/lat1_index.jpg); background-repeat:no-repeat;}
.somos #lateral { background-image:url(images/lat1_somos.jpg); background-repeat:no-repeat;}
.servicios #lateral { background-image:url(images/lat1_servicios.jpg); background-repeat:no-repeat;}
.socios #lateral { background-image:url(images/lat1_socios.jpg); background-repeat:no-repeat;}
.contacto #lateral { background-image:url(images/lat1_contacto.jpg); background-repeat:no-repeat;}
.enlaces #lateral { background-image:url(images/lat1_enlaces.jpg); background-repeat:no-repeat;}


/*------------------------------------- COPYRIGHT -------------------------------------*/

#pie2 {
	width:326px;
	height:auto;
	float:left;
	margin-top:20px;
	font:9px verdana; 
	color:#ffffff;
	padding-top:23px;
	padding-left:25px;
	padding-bottom:30px;
}
#pie2 a {
	font:9px verdana; 
	color:#ffffff;
}

#pie2 a:hover {
	color:#455b06;
}

.pie2 p { padding:0; line-height:0px; margin:0;}

/*------------------------------------- MENÚ LATERAL -------------------------------------*/

.somos1 a {
	width:289px;
	height:29px;
	background-image:url(images/somos1.png);
	margin-bottom:25px;
	float:left;
	margin-left:25px;
	cursor:pointer;
}
.somos1 a:hover {
	background-image:url(images/somos2.png);
}

.servicios1 a {
	width:289px;
	height:29px;
	background-image:url(images/servicios1.png);
	margin-bottom:25px;
	float:left;
	margin-left:25px;
	cursor:pointer;
}
.servicios1 a:hover {
	background-image:url(images/servicios2.png);
}
.socios1 a {
	width:289px;
	height:29px;
	background-image:url(images/socios1.png);
	margin-bottom:25px;
	float:left;
	margin-left:25px;
	cursor:pointer;
}
.socios1 a:hover {
	background-image:url(images/socios2.png);
}
.enlaces1 a {
	width:289px;
	height:29px;
	background-image:url(images/enlaces1.png);
	margin-bottom:25px;
	float:left;
	margin-left:25px;
	cursor:pointer;
}
.enlaces1 a:hover {
	background-image:url(images/enlaces2.png);
}
.contacto1 a {
	width:289px;
	height:29px;
	background-image:url(images/contacto1.png);
	margin-bottom:25px;
	float:left;
	margin-left:25px;
	cursor:pointer;
}
.contacto1 a:hover {
	background-image:url(images/contacto2.png);
}
.foro1 { visibility: hidden;}

.foro1 a {
	width:311px;
	height:93px;
	background-image:url(images/foro.png);
	float:left;
	margin-left:25px;
	margin-top:58px;
	cursor:pointer;

}
.foro1 a:hover {
	background-image:url(images/foro2.png);
}


.somos .somos1 a { background-image:url(images/somos2.png);}
.servicios .servicios1 a { background-image:url(images/servicios2.png);}
.socios .socios1 a { background-image:url(images/socios2.png);}
.contacto .contacto1 a { background-image:url(images/contacto2.png);}
.enlaces .enlaces1 a { background-image:url(images/enlaces2.png);}

/*------------------------------------- CONTENIDOS -------------------------------------*/

#content {
	width:591px;
	height:505px;
	float:left;
}

.somos #content {
	width:591px;
	height:490px;
	float:left;
}

#content .foto {
	width:227px;
	height:auto;
	float:left;
	padding-top:20px;
}
#content .foto a {
	color:#7f9c0d;
	text-decoration:none;
}
#content .foto a:hover {
	color:#523e26;
	text-decoration:none;
}

#content .texto {
	width:284px;
	float:left;
	padding-top:40px;
	padding-left:40px;
	padding-right:40px;
	height:375px;
}
#content .separador {
	width:284px;
	float:left;
	padding-top:40px;
	padding-left:40px;
	padding-right:40px;
	height:375px;
	background-image:url(images/separador.jpg);
}
#content .bienvenido {
	width:284px;
	height:auto;
	float:left;
	padding-top:50px;
	padding-left:40px;
	padding-right:40px;
}
#content .inicio {
	width:546px;
	height:auto;
	float:left;
	padding-top:17px;
}
#content .seccion {
	width:100%;
	height:65px;
	float:left;
}


/*------------------------------------- PIE -------------------------------------*/

#pie {
	width:591px;
	height:auto;
	float:left;
	background-image:url(images/linea.jpg);
	background-repeat:no-repeat;
	font:9px verdana; 
	color:#523e26;
	padding-top:20px;
	text-decoration:none;
}
#pie a {
	font:9px verdana; 
	color:#523e26;
	padding-top:35px;
	text-decoration:none;
}
#pie a:hover {
	color:#455b06;
	text-decoration:none;
}

.somos #pie {
	margin-top:14px;
}

/*------------------------------------- GENERALES -------------------------------------*/


#right {text-align:right;}
.enlaces .right{padding-top:8px;}

div.clearcontent{ clear: left; width:100%; height:1px; overflow:hidden;}

h1 {
	padding-top:25px;
	margin:0;
}

p {
	padding-top:10px;
	line-height:18px;
	margin:0;
}

strong{ font-weight:normal;}
.index strong{ font-weight:bold;}

a {
	color:#523e26;
	text-decoration:none;
}

a:hover {
	color:#7f9c0d;
	text-decoration:none;
}

img{
  	border:none;
}

.hide{
	visibility:hidden;
	position:absolute;
}

.link {
	text-align:right;
	color:#7f9c0d;
	font-weight:bold;
}
.link a{
	text-align:right;
	color:#7f9c0d;
	text-decoration:none;
	font-weight:bold;
	background-image: url(images/flecha.jpg);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:15px;
}
.link a:hover{
	text-align:right;
	color:#523e26;
	text-decoration:none;
	font-weight:bold;
	text-align:right;
}

.link2{
	color:#7f9c0d;
	text-decoration:none;
	font-weight:bold;
}

.link2 a{
	text-decoration:none;
	font-weight:bold;
	background-image: url(images/flecha.jpg);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:15px;
}

.link2 a:hover{
	color:#523e26;
	text-decoration:none;
	font-weight:bold;
}

.active{color:#523e26;}


.link3{
	color:#7f9c0d;
	text-decoration:none;
}
.link3 a{
	color:#7f9c0d;
	text-decoration:none;
}
.link3 a:hover{
	color:#523e26;
	text-decoration:none;
}




a:active {outline: none;}
a:focus {-moz-outline-style:none;}



/*------------------------------------- FORMULARIOS -------------------------------------*/

form p {margin-bottom:15px;}
input {
	width:150px;
	height:15px;
	padding-left:3px;
	border:1px solid #a5acb2;
	vertical-align:middle;
	font:10px verdana; 
	color:#999999;
}
.textarea {
	width:150px;
	padding-left:3px;
	border:1px solid #a5acb2;
	vertical-align:middle;
	font:10px verdana; 
	color:#999999;
}

table { border:none;
}

table strong {
	font-weight:bold;
}

table .link{
	text-align:right;
	color:#7f9c0d;
	text-decoration:none;
	font-weight:bold;
	background-image: url(images/flecha.jpg);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:15px;
}