﻿/* CLUB MIRASIERRA ENERO DE 2008 */


/* @group ELEMENTOS Y REGLAS GENERALES */
body {
	margin:  0;
	background: #999 url(../images/body_back820.jpg) repeat-y center;
}
/* IE7*/
*+html body {
	background: #999 url(../images/body_back.jpg) repeat-y center;
} 

h1.head1, h2.head2 {
	display:none;
}

.limpio {
	clear:both;
}

a:link {
	color: #4C7F33;
	text-decoration: underline;
}

a:visited {
	color: #865b7a;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

/* @end */

/* TABLA PRINCIPAL */

.estructura {
	margin:  0 auto;
	width: 800px;
}

.estructura td {
	vertical-align: top;
}


/* buscador */

form {
	margin: 0;
}

input.inBusque {
	font-size: 85%;
}

.buscadorDiv {
	margin: 1px 10px 0 0;
	/*border: 1px solid red;*/
}

.tBusque {
	border-collapse: collapse;
	border: 1px solid #355a24;
	background-color: #4C7F33;
	float: right;
}

.tBusque td {
	font-size: 70%;
	font-weight: bold;
	border-collapse: collapse;
	border: none;
	padding: 2px 3px 2px 3px;
	vertical-align: middle;
}

/* -------- */

.infoHead {
	background: url(../images/head_fondo.jpg) no-repeat;
	width:400px;
}

.infoHeadDiv {
	/*border: 1px solid blue;*/
	font-size: 70%;
	color: white;
	text-align: right;
	margin:  30px 10px 0 0;
}

.infoHeadDiv a {
	font-weight: bold;
	color: white;
	text-decoration: underline;
}
.infoHeadDiv a:visited {
	color: white;
}
.infoHeadDiv a:hover {
	text-decoration: none;
}


/* celdas contenedoras de los menus*/
 #menu {
	background: url(../images/mnHrz_repeat.png) repeat-x;
	height: 27px;
}

#latIzda {
	background-color:#CCCCCC;
	width: 180px;
}


/* @group MENÚ HORIZONTAL */

#menuHrz {
	margin: 5px 0 0 0;
	font-size:70%;
}

#menuHrz ul {
	display:block;
	padding: 0;
	margin: 0;
	list-style-type:none;
}

#menuHrz li {
	/*border: 1px solid #CCC;*/
	margin: 0 1px;
	float: left;
}

#menuHrz a {
	margin: 0;
	padding: 1px 10px 2px 10px;
	display: block;
}

#menuHrz a:link, #menuHrz a:visited {
	color: black;
	text-decoration:none;
}

#menuHrz a:hover{
	background-color:#333;
	color: white;
}


#menuHrz ul ul {
	background-color: #333;
}
	
#menuHrz ul ul li {
	width: 10em;
	margin: 0;
}

/*efecto*/
#menuHrz ul ul {
	position: absolute;
	width: 10em;
	left: -999em;
	z-index: 10;
}

#menuHrz li:hover ul, #menuHrz li.sfhover ul {
	left: auto;
	margin-left:-1px;
}


/*colores*/
#nav li:hover, #nav li.sfhover {
	background: #333;
}

#nav li:hover a, #nav li.sfhover a{
	color: white;
}

#nav li li a:hover {
	color: #adcf8d; 
	background-color: #333;
}


/* SUBMENU HORIZONTAL */
#nav ul {
	border:1px solid black;
	border-top: none;
	padding:0;
}

#nav ul a {
	color:#333;
	padding: 3px 0.4em;
}

#menuHrz ul li li {
	border: none;
}

#menuHrz ul ul a:hover {
	text-decoration: none;
	border: none;
}


/*holy hack*/
* #nav ul a {height:1%;}



/* dos niveles */
#menuHrz li ul ul {
	border-top:1px solid #760000;
	margin: -1.6em 0 0 10em;
}
#menuHrz li:hover ul ul, #menuHrz li.sfhover ul ul {
	left: -999em;
	margin-left:10em;
}
#menuHrz li:hover ul, #menuHrz li li:hover ul, #menuHrz li.sfhover ul, #menuHrz li li.sfhover ul {
	left: auto;
}

#nav a.padre2 {
	background-position:95% 50%;
	background-repeat:no-repeat;
}
/* flecha para indicar que se puede desplegar */
#nav a.padre2
{
	background-image: url(../images/flechaS1.png);
}
#nav a.padre2:hover
{
	background-image: url(../images/flechaS2.png);
}
/* fin flecha*/


/* @end */




/* @group LATERAL IZDO */

#menuVrt {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color:#4C7F33;
	color: white;
	font-size: 70%;
}

#menuVrt ul {
	/*border: 1px solid #666;*/
	list-style-type:none;
	margin:0;
	padding: 1px;
	display:block;
}

#menuVrt li {
	/*border: 1px solid #CCC;
	background-color:white;*/
	border-bottom:1px solid #4C7F33;
}
#menuVrt li a {
	padding: 2px 9px 2px 10px;
	display:block;
}

#menuVrt li a:link, #menuVrt li a:visited {
	color: white;
	font-weight: bold;
	text-decoration:none;
}

#menuVrt li a:hover{
	background-color: white;
	color: #4C7F33;
}


/*holy hack*/
* #menuVrt ul a {height:1%;}


/* ojo, por si solos .MNivel2 y similares afectan tanto a vertical como horizontal */
/*indentar el segundo nivel y hacer que tengan la fuente un poco menor*/
#menuVrt .MNivel2 {
	padding-left:1em;
	font-size: 80%;
}
/*volver a indentar tercer nivel, pero sin reducir fuente*/
#menuVrt .MNivel3 {
	padding-left:1em;
}

/* efecto para que solo se muestre abierto el menú seleccionado */
#menuVrt .MNivel1 ul {
	display:none;
}
#menuVrt .MNivel1 ul ul {
	display:none;
}
#menuVrt .abierto ul {
	display:block;
}
#menuVrt .abierto .abierto ul {
	display:block;
}
/* fin efecto*/


#menuVrt .MNivel1 {
	border-bottom: 1px solid #395d27;
}
#menuVrt .MNivel1:last-child
{
	border-bottom:0;
}

/* viñetas para los diversos menus*/ 
#menuVrt .MnuSecc1 {
	padding-left:10px;
	background-image:url(../images/ico1Solo.png);
	background-position:left center;
	background-repeat:no-repeat;
}
#menuVrt .padre1 {
	background-image:url(../images/ico1Cerrado.png);
}
#menuVrt .abierto1 {
	background-image:url(../images/ico1Abierto.png);
}

#menuVrt .MnuSecc2 {
	padding-left:8px;
	background-image:url(../images/ico2Solo.png);
	background-position:left center;
	background-repeat:no-repeat;
}
#menuVrt .padre2 {
	background-image:url(../images/ico2Cerrado.png);
}
#menuVrt .abierto2 {
	background-image:url(../images/ico2Abierto.png);
}

#menuVrt .abierto3:link, #menuVrt .abierto3:visited {
	background-color: white;
	color: #4C7F33;
}
/* fin viñetas*/

/* @end */


/* @group CONTENIDO */
.contentPortada {
	padding: 5px 5px 15px 10px;
	background-color: white;
	width: 620px;
}


.empresa {
	text-align: center;
}


h2.portada {

	padding: 0 0 0 17px;
	margin: 0 0 5px 0;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size:  110%;

	color:  #333;
	background: url(../images/ico_navegador.png) no-repeat left;
}

h3.portada {

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-size:  110%;

	color:  black;

	

	background-image: url(../images/deco_titNoti.png);

	background-repeat: no-repeat;

	background-position: left;
	
	background-color: #f5f5f5;

	

	padding:  2px 2px 2px 20px;
	margin: 0 0 5px 0;

}

.titNoti {
	color: #4C7F33;
	font-weight: bold;
}



.contentPortada p, .contentPortada li {

	margin-left: 5px;

	margin-right:  10px;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.floatL {
	float: left;
	margin:  0 10px 5px 0;
}


.floatR {
	float: right;
	margin:  0 5px 10px 0;
}



#plantilla2 {

	float:  left;

	width: 44%;
	margin: 10px 10px 10px 17px;
	border:1px solid #e5e5e5;

}


#navegador {
	font-size: 80%;
	padding: 3px 0 3px 17px;
	border-bottom: 1px dotted #CCC;
	margin-top: 5px;
	background: url(../images/ico_navegador.png) no-repeat left;
}




/* @end */

/* @group LATERAL DCHO */

.latDcha {
	background: url(../images/gradientRight.jpg) no-repeat;
	background-color: white;
}

.tNoticias, .tOtros {
	border-collapse: collapse;
	width:  90%;
	margin: 20px auto;
}

.tNoticias th, .tOtros th {
	padding: 5px 0;
	color: white;
	font-size: 90%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.tNoticias td, .tOtros td {
	background-color: #f8fafc;
	font-size: 80%;
	padding: 5px 3px;
}

.tNoticias td a, .tOtros td a {
	color: #1d4864;
	text-decoration: none;
}

.tNoticias td a:hover, .tOtros td a:hover {
	text-decoration: underline;
}

.tNoticias th {
	background-color: #343434;
}

.tOtros th {
	background-color: #1d4864;
}


/* @end */

.pie {
	background: url(../images/ico_pie.png) no-repeat 5px;
	height: 33px;
	border-top: 1px solid #666;
}

.creditos {
	font-size:  70%;
	color:  gray;
	margin: 10px 0 0 35px;
	float: left;
	width: 60%;
}

.webmaster {
	float: right;
	width: 30%;
	font-size:  70%;
	text-align:right;
	color:  #CCC;
	margin: 10px 10px 0 0;
}

.uritec a {
	color:  #CCC;
	text-decoration: underline;
}

.uritec a:hover {
	color:  gray;
	text-decoration: none;
}

.bn {
	margin:0 auto;
	text-align:center;
}

/* ENVIAR A UN AMIGO | IMPRIMIR */ 
.botones {
	text-align: center;
	margin: 10px auto;
	width: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	
	border-bottom: 1px solid #CCC;
	background-color: #f3f3f3;
	padding: 3px 0;
	clear:both;
}
.botones a {
	color: #4C7F33;
}

.botones a:hover {
	text-decoration: none;
}

/*referentes de búsquedas*/

.hilite1 { background-color: #ff0; }
.hilite2 { background-color: #f0f; }
.hilite3 { background-color: #0ff; }
.hilite4 { background-color: #0f0; }
.hilite5 { background-color: #f00; }
.hilite6 { background-color: #00f; }

.aviso {
	margin:1em 20px;
	border:1px solid red;
	padding: 0.8em;
}

/* ventana de noticias */
body#simple {
	background:#FFF;
/*	font-size:90%;*/
}

body#simple .parrafo {
	margin: 2em 1em 0;
}

#Logo {
	background:#5A8C33 url(../images/header_ventanaStandard_R.jpg) repeat-x;
}

#dEnviar {
	text-align:center;
	margin:1em auto 0;
}

/*imágen flash centrada*/

#dInstalaciones {
    width: 800px ;
    margin: 0 auto;
}