@charset "UTF-8";

/*----------------------------------------------------------------------------->>
PROYECTO SABANA YEGUA SOSTENIBLE
(SUR FUTURO)

Website:	

Colores: 
  mamey oscuro: #ffb740
  mamery claro: #ffdba0
  marron: #502e13
  
>>-----------------------------------------------------------------------------*/

@import url('reset.css') screen;
body { /*	background: url(../images/bgPage.jpg) top left repeat-x;*/
}
#wrapper { background-color: #fff1d9; }
h1 { text-indent: -9999px; float: left; }
h1 a { display: block; width: 190px; height: 148px; background: url(../images/logo.gif) top left no-repeat; }
h2 { font: 16px Arial, Helvetica, sans-serif; color: #502e13; font-weight: bold; margin-top: 5px; margin-bottom: 5px; }
h3 { font: 13px Arial, Helvetica, sans-serif; color: #502e13; font-weight: bold; margin-top: 5px; margin-bottom: 10px; border-bottom: 1px solid #502e13; text-transform: uppercase; }
br.clear { clear: both; }
#content p { margin-top: 5px; margin-bottom: 5px; }
#content ol { margin: 15px 0 5px 0; }
#content ol li { list-style: decimal; margin: 0 0 10px 20px; }
#content p strong { font-weight: bold; }
#wrapperheader { background-image: url(../images/bgHeader.jpg); background-repeat: repeat-x; width: auto; height: 170px; }
#header { width: 990px; margin: 0 auto; position: relative; }
#header ul li a { color: #ffb740; }
ul#topMenu { margin-top: 10px; width: 432px; float: right; }
ul#topMenu li { float: left; padding: 0 10px 0 10px; text-transform: uppercase; border-right: 1px solid #ffb740; }
ul#topMenu li.nolinea { border: 0px; }
ul#topMenu li a:hover { color: #FFF; text-decoration: underline; }
/*MAIN MENU*/

ul#mainMenu { width: 770px; margin-top: 40px; float: right; }
ul#mainMenu li { width: 145px; height: 75px; border: 1px solid; margin-right: 6px; text-indent: -9999px; float: left; position: relative; }
ul#mainMenu li a { display: block; width: 145px; height: 75px; outline: none; }
ul#mainMenu li.img01 { background:  #ffb740 url(../images/img01.png) no-repeat; }
ul#mainMenu li.img02 { background:  #ffb740 url(../images/img02.png) no-repeat; }
ul#mainMenu li.img03 { background:  #ffb740 url(../images/img03.png) no-repeat; }
ul#mainMenu li.img04 { background:  #ffb740 url(../images/img04.png) no-repeat; }
ul#mainMenu li.img05 { background:  #ffb740 url(../images/img05.png) no-repeat; }
ul#mainMenu li.img01:hover { background: #FFF url(../images/img01.png) no-repeat; }
ul#mainMenu li.img02:hover { background: #FFF url(../images/img02.png) no-repeat; }
ul#mainMenu li.img03:hover { background: #FFF url(../images/img03.png) no-repeat; }
ul#mainMenu li.img04:hover { background: #FFF url(../images/img04.png) no-repeat; }
ul#mainMenu li.img05:hover { background: #FFF url(../images/img05.png) no-repeat; }
ul#mainMenu li ul.submenu { display: none; width: 580px; height: 220px; padding: 15px 0 12px 20px; background: #fff1d9; top: 105px; position: absolute; border: 1px solid #ffb740; z-index: 3; }
ul#mainMenu li ul.submenu li { list-style: disc; width: 250px; border: none; height: auto; text-indent: 0px; font: 12px Arial, Helvetica, sans-serif; float: left; margin-top: 7px; margin-left: 20px; }
ul#mainMenu li ul.submenu li a { padding: 1px; color: #502e13; width: auto; height: auto; }
ul#mainMenu li ul.submenu li a:hover { background-color: #502e13; color: #FFFFFF; }
/*point top*/

.pointtop { width: 100px; height: 30px; background: url(../images/pointHeader.png) top left no-repeat; position: absolute; top: 160px; right: 325px; z-index: 2; }
.pointtopmenu { width: 100px; height: 32px; background: url(../images/pointHeaderOver.png) top left no-repeat; position: absolute; top: 140px; /*right: 645px;*/
	z-index: 5; display: none; }
/* CONTENT PAGE */

#content { width: 990px; min-height: 300px; padding-top: 15px; padding-bottom: 10px; margin: 0 auto; position: relative; }
.bgHome { background: url(../images/bgHome.jpg) top left no-repeat; height: 385px; }
.bgHome p.textohome, .bgHome p.resumen { font-size: 16px; width: 300px; position: absolute; top: 50px; left: 200px; line-height: 22px; }
.bgHome p.resumen { width: 480px; }
.bgHome p.textohome span, .bgHome p.resumen span { font-size: 14px; color: #895017; }
.bgHome a { font-size: 15px; position: relative; left: 380px; top: 15px; display: block; width: 74px; padding: 2px 0 2px 10px; background: #F90; }
.bgHome a:hover { background-color: #ffdba0; }
.bgHome img { position: absolute; top: 320px; right: 20px; }
/* LEFT BLOCK */
.blockLeft { width: 603px; padding-right: 10px; float: left; border-right: 1px dotted #502e13; text-align: justify; }
.noBorder { /*para quitarle la línea punteada de la derecha en los articulos que no lo lleva*/ width: 515px; border-right: none; }
.blockLeft img { float: left; margin-bottom: 10px; margin-right: 10px; }
.blockLeft a:hover { color: #666; }
.blockLeft a.leermas { width: 300px; display: block; padding: 2px 0 2px 10px; background: #F90; float: right; }
.blockLeft a.leermas:hover { background-color: #ffdba0; }
.blockLeft ul { padding-bottom: 10px; }
.blockLeft ul li { height: 17px; padding-top: 3px; padding-left: 18px; background: url(../images/bullet.gif) no-repeat; background-position: 5px 5px; }
.blockLeft ul li.mamey { background-color: #ffdba0; }
/* LEFT BLOCK */ 

.blockRight { width: 360px; float: right; }
.blockRight ul#bgreen li { background-color: #b2b364; }
.blockRight ul#yellow li { background-color: #ffdba0; }
.blockRight ul#bgreen li, .blockRight ul#yellow li { padding: 5px; margin-bottom: 5px; }
.blockRight ul#bgreen li a, .blockRight ul#yellow li a { display: block; text-indent: 15px; background: url(../images/bullet.gif) 0 2px no-repeat; }
/* FOOTER */
#wrapperfooter { background-image: url(../images/bgFooter.jpg); background-repeat: repeat-x; width: auto; height: 53px; }
#footer { width: 990px; margin: 0 auto; position: relative; }
#footer p { font: 9px Arial, Helvetica, sans-serif; text-align: right; position: relative; top: 18px; right: 45px; }
#footer .pointFooter { width: 82px; height: 47px; background: url(../images/pointFother.jpg) top left no-repeat; position: absolute; top: 6px; right: 333px; }
/************************************MODIFICACIONES ANDERSON************************************/
ul#descargas li { padding-left: 20px; }
ul#descargas li a { font: bold 13px Arial, Helvetica, sans-serif; }
ul#descargas li a:hover { text-decoration: underline; }