/**
 * Layout CSS for the procaps prototype
 *
 * @package eu_procaps
 * @version 1.0
 * @copyright 2008
 * @link http://www.procaps.com.co
 */

* {
	margin: 0;
	padding: 0;
}

html {
	margin-bottom: 1px;
	height: 100% !important;
	height: auto;
}

body {
	height: 100%;
	/*background: url(../images/layout/back-gray.gif) repeat top left;*/
        background-color: #CECECE;
}

.gap {
	overflow: hidden;
}

#r1b {
	height: 134px;
}

#r1 {
	height: 134px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	background: #C2C2C2 url(../images/cabezote.png) no-repeat 1px 0;
}

#r_main {
	margin-left: auto;
	margin-right: auto;
}

.r2_back {
	background: url(../images/layout/r2_back.gif) repeat-x bottom left;
	height: 39px;
	overflow: hidden;
}

#r3, #r5 {
	height: 8px;
	overflow: hidden;
}

.r6_r1_back {
	background: url(../images/layout/r6_r1_back.gif) repeat-x top left;
	height: 38px;
	overflow: hidden;
}

#r6_r2 {
	background: #0C0D50 url(../images/pie_pagina.jpg) no-repeat;
	width:958px;
	color: #FFF;
	height: 30px;
}

#main_tc {
	background: url(../images/layout/main_tc.gif) repeat-x top left;
	height: 8px;
	overflow: hidden;
}
#main_ml {
	background: url(../images/layout/main_ml.gif) repeat-y top left;
	width: 8px;
	overflow: hidden;
}
.main_mc {
	background-color: #ececec;
	width:730px;
}
#main_mr {
	background: url(../images/layout/main_mr.gif) repeat-y top left;
	width: 8px;
	overflow: hidden;
}
#main_bc {
	background: url(../images/layout/main_bc.gif) repeat-x top left;
	height: 8px;
	overflow: hidden;
}
.main_mci {
	background-color: #ececec;
	width:650px;
}
.main_abajo {
	background-color: #ececec;
}


#pathway img {
	margin-left: 5px;
	margin-right: 5px;
}

img#pathway_home {
	float: left;
	margin: 14px 10px 0px 7px;
}
.banner_home {
    padding-top:10px;
}
.pie_cab_1 {
    background: url(../images/layout/pie_cab_left.jpg) right bottom no-repeat;
	height:15px;
	width:8px;
}
.pie_cab_2 {
    background: url(../images/layout/pie_cab_center.jpg) repeat-x bottom left;
	font-size:10px;
	height:15px;
	vertical-align:top;
	width:941px;
}
.pie_cab_3 {
    background: url(../images/layout/pie_cab_right.jpg) left bottom no-repeat;
	height:15px;
	width:8px;
}
#pathway {
	position:absolute;
	padding-top:108px;
	padding-left:195px;
	font-size:11px;
	overflow: hidden;
}
#esconder {
   position:absolute;
   width:960px;
   height:22px;
   margin-left: -480px;
   left: 50%;
}
#hide_pathway {
   top: -15px;
   left:1px;
   position: absolute;
   background: #EBEBEB;
   width:217px;
   height:20px;
}

div.module h3
{
	background: url(../images/h3-r.gif) no-repeat right center;
	margin: 0 -8px 5px;
	padding: 0;
	font-size: 125%;
	line-height: 30px;
	color: #666666;
}

div.module h3 span
{
	background: url(../images/h3-l.gif) no-repeat left center;
	height: 30px;
	padding-left: 28px;
	display: block;
}

div.module h3 a:link, div.module h3 a:visited
{
	color: #666666;
        text-decoration:none;
}

div.module
{
	padding: 0;
	width: 100%;
	background: url(../images/box-br.gif) no-repeat bottom right #FFFFFF;
	margin-bottom: 10px;
}

div.module div
{
	margin: 0;
	padding: 0;
	background: url(../images/box-bl.gif) no-repeat bottom left;
}

div.module div div
{
	padding: 0;
	margin: 0;
	background: url(../images/box-tr.gif) no-repeat top right;
}

div.module div div div
{
	padding: 8px 15px 10px;
	background: url(../images/box-tl.png) no-repeat top left;
}

div.module div div div div
{
	margin: 0;
	padding: 0;
	background: none;
	overflow: hidden;
}

/* MODULE2 */

div.module2 h3
{
	background: url(../images/h3-r.gif) no-repeat right center;
	margin: 0 -8px 5px;
	padding: 0;
	font-size: 125%;
	line-height: 30px;
	color: #666666;
}

div.module2 h3 span
{
	background: url(../images/h3-l.gif) no-repeat left center;
	height: 30px;
	padding-left: 28px;
	display: block;
}

div.module2 h3 a:link, div.module2 h3 a:visited
{
	color: #666666;
        text-decoration:none;
}

div.module2
{
	padding: 0;
	width: 100%;
	background: url(../images/box-br.gif) no-repeat bottom right #FFFFFF;
	margin-bottom: 10px;
}

div.module2 div
{
	margin: 0;
	padding: 0;
	background: url(../images/box-bl.gif) no-repeat bottom left;
}

div.module2 div div
{
	padding: 0;
	margin: 0;
	background: url(../images/box-tr.gif) no-repeat top right;
}

div.module2 div div div
{
	padding: 8px 15px 10px;
	background: url(../images/box-tl.png) no-repeat top left;
}

div.module2 div div div div
{
	margin: 0;
	padding: 0;
	background: none;
	overflow: hidden;
}

/* ----------------- Menu izquierda ----------------------- */
#menuContenido a {
    display:block;
}
#menuContenido li {
	list-style: none;
	text-align: left;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
    padding-top:7px;
	padding-bottom:7px;
    border-top:1px solid #FFFFFF;
	background:#606060;
	padding-left:0px;	
}
#menuContenido li ul li {
    background:#F8F8F8;
	padding-left:10px;
    background: #F8F8F8 url(../images/arrowbullet.png) 12px 7px no-repeat;	
}
#menuContenido ul li ul {
    margin-top:7px;
    margin-bottom:0px;	
    padding:0px 0px 5px 0px;
}
#menuContenido li a:link, #menuContenido li a:visited
{
	text-align: left;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight:bold;
	padding-left:20px;	
	background: url(../images/arrowstop.gif) 2px -2px no-repeat;
    display:block;	
}
#menuContenido li ul li a:link, #menuContenido li ul li a:visited
	{
	text-align: left;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #606060;
	font-weight:normal;
	background:none;
        display:block;
}
#menuContenido li.firstitem {
    border-top:none;
}