/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
}
td {
	margin-top:2px;
}

#wrapper { 
 margin: 0 auto;
 width: 922px;

}
#header {
 text-align:right;
 color: #FFFFFF;
 width: 912px;
 float: left;
 height: 20px;
 margin: 10px 0px 5px 0px;
 padding: 100px 10px 0 0;
 background: #cdde5b;
 background-image:url(img/cabecera.jpg);
 background-position:0 0;
 background-repeat:no-repeat;
}
#header a {
 color:#FFFFFF;
 text-decoration:none;
}
#leftcolumn { 
 color: #333;
 background: #cdde5b;
 margin: 0px 0px 5px 0px;
 padding: 0px;
 padding-top:10px;
 width: 190px;
 float: left;
 background-image:url(img/bgcolumnas.jpg);
 background-repeat:repeat-x;
 background-position: 0% 0%;
}
#rightcolumn { 
 float: right;
 color: #333;
 background: #cdde5b;
 margin: 0px 0px 5px 0px;
 padding: 10px 10px 10px 10px;
 width: 706px;
 display: inline;
 background-image:url(img/bgcolumnas.jpg);
 background-repeat:repeat-x;
 background-position: 0% 0%;
}
#footer { 
 width: 902px;
 height: 28px;
 clear: both;
 color: #fff;
 text-align:center;
 font-weight:bold;
 background: #cdde5b;
 margin: 0px 0px 0px 0px;
 padding: 10px 10px 0px 10px;
 background-image:url(img/pie.jpg);
 background-position: 0% 0%;
 font-size: 11px;
}

#footer a,#footer a:visited,#footer a:hover {
	color:#fff;
	text-decoration:none;
}

#contenido {
	color: #85903a;
	width: 686px;
	float: left;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	background: #ffffff;
	text-align: justify;
	min-height:250px;
	line-height:17px;
}

#contenido ul {
	margin-left:15px;
	color:#85903a;
}

#contenido li {
	list-style-type: square;
}

#contenido h4{
	background-color:#cdde5b;
	color:#FFFFFF;
	padding:3px;
	margin-bottom:10px;
}

#contenido p {
	margin-bottom:10px;
	color:#85903a;
	text-align:justify;
}

#contenido img{
float:left;
border: 1px solid #84903A;
margin-right:18px;
margin-bottom:15px;
}

#contenido .img_l{
float:left;
margin-right:10px;
margin-bottom:10px;
}

#contenido .img_r{
float:right;
margin-left:10px;
margin-bottom:10px;
margin-top:10px;
}

#beneficios {
	border: 1px solid #b2c04e;
	background-color:#e2f275;
	color:#9fac44;
	padding:5px;
	
}

/* CSS MENU */

.menu {
height:190px;
font-size:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0px 0 50px 0px; /* this page only */
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
position:relative;
padding:0;
margin:0;
list-style-type:none;
width:190px;
}
/* style the list items */
.menu li {
background:#9fac44;
height:26px;
/* for IE7 */
float:left;
margin-bottom:1px;
}
.menu li.sub {background:#9fac44 url(img/down.gif) 175px 9px no-repeat;} 
.menu li.subseleccionado {background:#84903a url(img/down.gif) 175px 9px no-repeat;} 

/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
height:26px;
line-height:26px;
width:190px;
color:#fff;
text-indent:5px;
border:1px solid #fff;
border-width:0 0px 0px 0px;
}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {width:190px; w\idth:189px;}
/* style the link hover */
* html .menu a:hover {color:#efa; background:#aa7; position:relative;}

.menu li:hover {position:relative;}

/* For accessibility of the top level menu when tabbing */
.menu a:active, .menu a:focus {color:#fff; background:#84903a;}

/* retain the hover colors for each sublevel IE7 and Firefox etc */
.menu li:hover > a {color:#fff; background:#84903a;}
.menu li.cabecera_menu {color:#84903a; background:#FFFFFF;width:189px; w\idth:188px;line-height:26px;text-indent:5px; margin-left:1px;}
.menu li.seleccionado {color:#fff; background:#84903a;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu li ul {
visibility:hidden;
position:absolute;
top:-30px;
/* set up the overlap (minus the overrun) */
left:50px;
/* set up the overrun area */
padding:30px;
/* this is for IE to make it interpret the overrrun padding */
background:transparent url(transparent.gif);
}
/* for browsers that understand this is all you need for the flyouts */
.menu li:hover > ul {visibility:visible;}

.imgEstilo
{
	background-color:#CDDE5B;
	padding:5px;
}


/* make the second level visible when hover on first level link */
.menu ul a:hover ul {
visibility:visible;
}