﻿
/* ------------ Estructura ------------*/
body { background:#75a740 url(../images/bgBody.gif) repeat-x; margin:0; padding:0; font:1em Arial, Sans-serif; font-size:100%; }

div#main { position:absolute; left:50%; width:960px; margin:0 0 0 -475px; voice-family:"\"}\""; voice-family:inherit;
	  	   position:relative; left:0; width:960px; margin:0 auto; padding:0; } .mIE{display:none} 
	div#idioma { position:absolute; top:124px; right:15px; font-size:0.70em; color:#fff }
	div#login { position:absolute; top:25px; right:0px; width:520px; }
	div#barLogo { height:109px; } 
	    div#logo { position:relative; top:11px; left:18px; width:230px; height:86px; background:url(../images/logo.gif) no-repeat;  }
	    div#logo a { display:block; width:230px; height:86px; border-bottom:none !important; }
	    div#logo a:hover { border-bottom:none !important; }
	    div#logo h1 { display:none; }
	div#barMenu { background:transparent url(../images/bgBarMenu.gif) no-repeat; padding:8px 0 7px 15px; font-size:0.75em; color:#fff }
	div#content { min-height:400px; height:auto !important; height:400px; margin:0 1px; }
	    div.contentPublico { background:#fff url(../images/bgContentPublico.gif) repeat-y top left; }
	    div.contentPrivado { background:#dfdcc2 url(../images/bgContent.gif) repeat-y top left; }
	div#barPie { padding:22px 10px 10px 0; background:transparent url(../images/bgBarPie.gif) repeat-x top left; 
	             color:#3d521b; font:0.65em Tahoma, Sans-serif; }
    	div#barPie div#logos { text-align:left; padding-left:450px }
    	div#barPie div#logos img { margin-right:5px }
    	div#barPie div#txt { text-align:right; margin:7px 0 0 0; padding-bottom:2px }
    	div#barPie div#txt a { color:#3d521b !important; border-bottom:1px solid #638b34 !important; }
    	div#barPie div#txt a:hover { border-bottom:1px solid #3d521b !important; }

/* --------------- Idioma --------------*/
div#idioma ul { list-style:none; padding:0; margin:0; color:#fff; }
div#idioma li { float:left; padding:0; margin:0 0 0 5px; color:#fff; }
div#idioma a { border-bottom:none; }

/* --------------- Login ---------------*/
span.loginFailureServer { display:block; position:absolute; top:60px; right:35px; width:360px; text-align:center; font-size:0.7em; color:Red; font-weight:bold;
                          background:#fff99a url(../images/bgLoginError.gif) no-repeat top center; padding:14px 0 4px 0;
                          /*filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;*/ }
div#loginFailureClient { position:absolute; top:60px; right:35px; width:360px; text-align:center; font-size:0.7em; color:Red; font-weight:bold; 
                         /*filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;*/ } 
    div#loginFailureClient div { background:#fff99a url(../images/bgLoginError.gif) no-repeat top center; padding:14px 0 4px 0; }
div#login div#loginDat { width:230px; float:left; border-right:1px solid #528622; text-align:right; padding-right:15px; margin-right:15px  } 
div#login div#loginDatPrivado { text-align:right; margin:15px 15px 0 0 }     
    div#login div#loginDat span.AreaPrivada { display:block; font-size:0.8em; color:#fff; margin:3px 0 0 0; line-height:0.8em } 
    div#login div#loginDatPrivado h1 { display:block; font-size:0.8em; color:#fff; margin:0 0 2px 0 } 
    div#login div#loginDat span.SociosRegistrados { font-size:0.7em; color:#8dc855; margin:0 } 
    div#login div#loginDatPrivado p { font-size:0.7em; color:#6eaf32; margin:0 0 10px 0 } 
    div#login div#loginDat ul, div#login div#loginDatPrivado ul { font-size:0.7em; list-style:none; margin:8px 0 0 0; padding:0 0 5px 0; color:#528622 } 
        div#login div#loginDat ul li { display:inline; color:#fff; margin:0; }
        div#login div#loginDatPrivado ul li { display:inline; color:#fff; margin:10px 0 0 5px; }
            div#login div#loginDat ul li a, div#login div#loginDatPrivado ul li a { color:#fff; text-decoration:none; border-bottom:1px solid #528622 }
            div#login div#loginDat ul li a:hover, div#login div#loginDatPrivado ul li a:hover { color:#8dc855; }
div#login div#loginInp { float:left; width:170px; padding-right:0px } 
    div#login div#loginInp div { width:162px; float:left; background:transparent url(../images/bgInputLogin.gif) no-repeat; } 
    div#login div#loginInp label { display:block; float:left; width:68px; padding:3px 0 0 8px; color:#b1db8b; font-size:0.6em; } 
    div#login div#loginInp input { float:left; border:none; background:none; color:#fff; font-size:0.8em; } 
    div#login div#loginInp div#loginField1 { margin:3px 0 8px 0; padding:2px 0 } 
    div#login div#loginInp div#loginField1 input { width:82px; } 
    div#login div#loginInp div#loginField2 { padding:2px 0 } 
    div#login div#loginInp div#loginField2 input { width:82px; }
div#login div#loginBot { width:77px; float:left; margin:34px 0 0 0 }
    /*div#login div#loginBot input { background:transparent url(../images/bgBotonLogin.gif) no-repeat; border:none;
                                   padding:15px 20px 20px 3px; color:#b1db8b; font-size:0.8em; font-weight:bold; }*/
    div#login div#loginBot input { background:transparent url(../images/bgBotonLogin2.gif) no-repeat; border:none;
                                   padding:0 20px 2px 3px; color:#b1db8b; font-size:0.8em; font-weight:bold; } 

/* --------------- Menu (antiguo) ---------------
div#barMenu ul { list-style:none; margin:0; padding:0; }
    div#barMenu ul li { float:left; padding:0 8px 3px 9px; }
    div#barMenu ul li a { color:#fff !important; border-bottom:1px solid #2e450b !important; }
    div#barMenu ul li a:hover { border-bottom:1px solid #8a9776 !important; }*/
/* --------------- Menu (dinamico) --------------- 
.mnDinamico { font-family:Arial, sans-serif; font-size:1.1em; color:#fff }
.mnDinamico a { color:#fff; border-bottom:none; }
.mnDinamicoPop { background:#2e450a; border-top:1px solid #5c8732; font-size:1.1em; }
.mnDinamicoPop td { padding:3px 4px; }
.mnDinamicoPop td td { border-bottom:1px solid #5c8732; border-top:none}
.mnDinamicoPop a { color:#fff; border-bottom:none; } */
/*--------------- Menu (nuevo) ---------------*/  
.nav, .nav ul { list-style: none; margin: 0; padding: 0px; border:0px; }
.nav { font-family: Arial,sans-serif; font-size:1.1em; color:#fff; z-index: 100; position: relative; }
.nav li { float: left; margin: 0; padding: 0; position: relative; }
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited { background: #2e450a; color: #fff; display: block; padding: 0 9px; line-height:2em; text-decoration: none; }
.nav a { border:none; }
.nav li a:hover { color: #fff; border:none; }
#nav-one li:hover a, #nav-one li.sfHover a { color: #fff; }
#nav-one li:hover ul a, #nav-one li.sfHover ul a { color: #fff; }
#nav-one li:hover ul a:hover, #nav-one li.sfHover ul a:hover { color: #fff; background-color:#527a29; }
.nav ul { background: #2e450a; list-style: none; position: absolute; top: -999em; left: -1px; }
.nav li:hover ul, .nav li.sfHover ul { top: 2em; }
.nav ul li { float: none; }
.nav ul a { width :200px; white-space: nowrap; padding: 0; border-top: 1px solid  #5c8732; }
.nav ul a:hover { border-top: 1px solid  #5c8732; color: #000; }

/* -------------- Cuerpo --------------*/ 
div#content div#contentLeft { float:left; } 
    div#content div.contentLeftPublico { width:257px; } 
    div#content div#contentLeft div.videoPublico { width:231px; height:213px; margin:15px 0 25px 14px }
    div#content div#contentLeft div.videoPublicoPlayList { width:231px; margin:15px 0 25px 14px }
    div#content div#contentLeft div#climaPublico { padding:10px 0 0 15px; width:214px; height:195px; margin:15px 0 25px 14px; border:1px solid #c1bea0; background:#fff }
        div#content div#contentLeft div#climaPublico h2 { display:none; }
        div#content div#contentLeft div#climaPublico a { display:none; }
    div#content div.contentLeftPrivado { width:240px; } 

div#content div#contentRight { float:right; } 
    
    div#content div.contentRightPublico { width:693px; }
        div#content div.contentRightPublico div#textosPublico { padding:25px 30px; }
    div#content div#contentRight div#mensajesPublico { width:693px; height:30px; background:#324b0d; border-top: 1px solid  #5c8732; }
    div#content div.contentRightPrivado { width:675px; padding:25px 25px 25px 0 } 

/* -------------- Varios --------------*/
h3 { font-size:1.3em; color:#af0d0d; margin:0 }
h3 span { display:block; font-size:0.8em; font-weight:normal; color:#2c4308; margin:3px 0 15px 0 }
a { color:#466b22; text-decoration:none; border-bottom:1px solid #adb78d }
a:hover { border-bottom:1px solid #466b22; }
div.clearLeft { clear:left; height:0; margin:0; padding:0; overflow:hidden; }
div.clearRight { clear:right; height:0; margin:0; padding:0; overflow:hidden; }
div.clearBoth { clear:both; height:0; margin:0; padding:0; overflow:hidden; }
input.btnDisabled, a.btnDisabled { color:#fff; cursor:default; font-size:13px; text-decoration:none; font-weight:bold; text-align:center; 
                   padding:2px 5px; background:#DE7404; border:none; border:1px solid #333; }                   
