body{
	margin: 0;
	padding: 0;
	background: #FFF;
	font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,arial,sans-serif;
	font-weight:300;
	font-size:14px;
	color:  #004812;
	/*_overflow:auto;
	_height:100%; /*Hack para fixed en IE6*/ 
}

h1{
	font-weight:300;
	color: #003333;
	font-size: 2.6em;
	margin: 0px 0px 10px;
	padding: 0px 0px 2px;
	font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica, arial, sans-serif";
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #006633;
}

h2 {
	font-size:14px;
	font-weight:normal;
	color:#004812;
	font-style: normal;
	margin: 0px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #006633;
}

p{
	color:#004812;
}

a{
	color:#57be71;
	text-decoration: none;
	border-bottom:  #57be71 1px dotted;
}

li{
	color: #004812;
}

a:hover{
	color:#aae749;
	text-decoration: none;
	border-bottom:  #57be71 1px solid;
}

.clear{
	clear:both;
	border:0;
}

#wrapper{
	width:900px;
	margin:0px auto;
	background: #FFF;
}

#wrapper2{
	width:900px;
	margin:auto;
}

#cabecera{
	text-indent:-9999px;
	background:url('../img/cabecera.jpg') no-repeat;
	margin:0;
}

#cabecera a{
	height:135px;
	width:900px;
	display:block;
	border:0;
	margin:auto;
}

#cabecera a:hover{
	height:135px;
	width:900px;
	display:block;
	border:0;
}

#menu{
	width:226px;
	_width:220px; /*anchura para IE6*/
	float:left;
	/**border-right: #FFF 5px solid;**/
	padding-right:15px;
	font-size: 1em;
}

#menu ul{
	margin-top:0;
	list-style:none;
	margin-left: -40px;
	.margin-left:0px; /**Solo IE**/
	padding-right: 15px;
	.padding-right: 0px; /** Solo IE **/	
}

#menu li{
	margin-left:0;
	border-bottom: #004812 1px dotted;
	padding: 0;	
}

#menu a{
	color: #004812;
	text-decoration: none;
	display:block;
	padding: 5px;
}

#menu a:hover{
	color: #004812;
	background: #eee;
}

#menu .titulo{
	color: #FFF;
	background: #004812;
	padding: 5px;
}

#contenedor{
	float: left;
	width: 659px;
}

.slogan{
	border-left: #004812 5px solid;
	padding-left: 10px;
	margin: 0px;
}

.left{
	float:left;
	margin:0 8px 2px 0;
	padding: 5px;
	background: #FFF;
	border: #ccc 1px solid;
}

.right{
	float:right;
	margin:0 0px 2px 8px;
	padding: 5px;
	background: #FFF;
	border: #ccc 1px solid;
}

/**#banners{
	height: 190px;
	width: 649px;
	padding: 5px;
	background: #004812;
	margin: 10px 0 20px 0;
}**/

#galeria{
	/*height: 195px;*/
	width: 654px;
	padding: 5px 0 0 5px;
	background: #FFF;
	margin: 10px 0 10px 0;
	border: #ccc 1px solid;
}

#galeria img{
	margin: 0 5px 5px 0;
}

#footer{
	width:900px;
	height:50px;
	margin: 25px auto;
	clear:both;
	border-top: #004812 1px dotted;
	padding:10px 0;
	text-align: right;
	background:url('../img/fondopie.jpg') no-repeat;
	font-size: 0.8em;
}

#logotri{
	background:url('../img/logotriangulo.gif');
	width:88px;
	height:88px;
	position: fixed;
	bottom: 0;
	left: 0;
	_position:absolute;
}

#triarriba{
	background:url('../img/triang-arriba.gif');
	width:88px;
	height:88px;
	position: fixed;
	top: 0;
	right: 0;
	z-index:200;
	_position: absolute;
}

.paginacion{
	background: #EEE;
	font-size: 1.2em;
	width: 654px;
	padding: 5px;
	height: 20px;
	text-align: right;
	color: #CCC;
}

.submenu{
	font-size:0.9em;
	color: #444 !important;
}

/* Visor */
#visor_wrapper{
	height:300px;
	width: 900px;
	background: #FFF;
	margin-bottom:0px;
	position:relative;
}

#visor {
	position: absolute;
	height:270px;
	width: 890px;
	left: 0px;
	top: 0px;
	overflow: hidden;
	background: #fff;
	border: 5px solid #eee;
}


#visor .frame {
	position: absolute;
	top: 0px;
	height: 333px;
	/*width: 500px;*/
	width: 507px;
	background: #000;
	overflow: hidden;
	border-left: #000 solid 1px;
	cursor: default;
}

#visor .title   {
	color: #F80;
	font-weight: bold;
	font-size: 1.2em;
	margin-right: 1.5em;
	text-decoration: none;
}

#visor .bgtext {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 100%;
	background: #000;
	filter: alpha(opacity=40);
	opacity: 0.4;
}

#visor .text {
	position: absolute;
	top: 1%;
	top: 100%;
	color: #FFF;
	font-family: verdana, arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-align: justify;
	width: 470px;
	left: 10px;
}

#visor .visorimg {
	position: absolute;
	filter: alpha(opacity=100);
	opacity: 1;
	visibility: hidden;
}
/* Fin de Visor */

/*************** VISOR 2 **********************/
#visor_wrapper2{
	height:200px;
	width: 900px;
	background: #FFF;
	margin-bottom:0px;
	position:relative;
}

#visor2 {
	position: absolute;
	height:175px;
	width: 890px;
	left: 0px;
	top: 0px;
	overflow: hidden;
	background: #fff;
	border: 5px solid #eee;
}

/*************** ESTILOS FORMULARIO ******************/

#tabla-form{
	margin:auto;
}

.label{
	font-size: 1.8em;
	color: #004812;
}

.input{
	width: 250px;
	font-size: 1.4em;
	padding: 5px;
	border: #EEE 5px solid;
}

.textarea{
	width: 250px;
	font-size: 0.8em;
	padding: 5px;
	border: #EEE 5px solid;
	height: 100px;
}

.direccion{
	text-align:center;
	font-size: 1.2em;
	color: #888;
}

#pagecattitle{
	text-align:center;
	font-size:16px;
	color: #990000;
	font-family: "Times New Roman", Times, serif;
}

.iframe{
	border: #EEE 5px solid;
	margin: 10px auto;
	text-align: center;
}

.menu .menuheader{ 
font: bold 12px Arial, Helvetica, sans-serif;
color: #FFFFFF;
display: block;
margin-bottom: 2px; 
text-transform: none;
padding: 4px 3px 0;
padding-left: 12px;
height:30px;

cursor: pointer;
text-decoration:none;
}

.menu .openheader{ 
font: bold 12px Arial, Helvetica, sans-serif;
color: #DEBA5A;
display: block;
padding: 4px 3px 0;
padding-left: 12px;
text-decoration: none;
height:30px;
}

.menu h2 { margin:0 auto;}

.openheader{ 
  color: #DEBA5A;
  display: block;
}

.openlanguage{
	font-weight: bold;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
font-weight: normal;
}