/* Start of CMSMS style sheet 'Bocos_CSS_inicio_josu' */
@CHARSET "UTF-8";

/*
div, img, p{ border:1px solid red; margin: 0; padding: 0;}
*/

.clear {
	clear: both;
}
.more {
	text-align: right;
}
.white {
	color: white;

}
html, body{
	font: 10px, tahoma, verdana, arial, sans-serif;
	margin: 0;
	padding: 0;
}
img {
	border: 0;
}
a {
	font-weight: bold;
	text-decoration: none;
	color: #000000;/*#5C5C5C;*/
}
a:hover {
	text-decoration: underline;
}

p {
        font-size: 10px;
        font-family: tahoma, verdana, arial, sans-serif;	
	text-decoration: none;
        text-align: justify;
	color: #000000;/*#5C5C5C;*/
}
#wrapper {
	text-align: left;
	margin: auto;
	width: 980px;
}


#header {
	background: url("uploads/images/header_bg_65.jpg") repeat-x;
	height: 65px;/*80px;*/
	width: 980px;
	position: absolute;
}

#header #logo {
	/*float: left;*/
        position: absolute;
        left: 10px;
        top: 1px;
        width: 60px;
}

#header #title {
        /*float: left;*/
        position: absolute;
        left: 80px;
        top: 12px;
	width: 300px;
        font-family: tahoma, verdana, garamond, times new roman;
}
#header #title h1 {
	margin: 0px 0 0 0;        
        font-size: 18pt;
        font-weight: bold;
}
#header #title p {
	margin: 0;
        font-size: 8pt;
}

#header #lifemotive {
        /*float: right;*/
        position: absolute;
        left: 380px;
        top: 35px; 
        width: 400px;
        /*border:1px solid red;*/
}
#header #lifemotive li{
        font-family: mistral, monotype corsiva, tahoma, script; 
        font-size: 14pt;
        font-weight: normal;
        font-color:#330033;
}

#header #flags {
        right:10px; 
        position: absolute;
        /*left: 810px;*/
        top: 10px;
	
        /*width: 180px;*/	
	/*padding: 0px 5px 0px 5px;*/
	/*border: 1px solid #A5B95E;*/
        /*background: white;*/
        text-align: right;
}





/*
###################################################
	#####	MENU BAR                    #####
###################################################
*/
#nav {
	position: absolute;
        top: 65px;/*78px;*/
	margin: 0;
	display:block;
	width: 980px;
	height:20px;/*24px;*/
	font-size:10px;
	font-weight:bold;
	font-family:Tahoma,Verdana,Arial,Helvética,sans-serif;
        vertical-align: middle;
	background:transparent url("uploads/images_style/nav_off.gif") repeat-x top left;
        /*border-left:4px solid #1b6393;
	border-right:4px solid #1b6393; */
}

#nav ul {
	border:0pt none;
	height:20px;/*24px;*/
                vertical-align: middle;
                float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;/*0 0 0 18pt*/
	padding:0;
	width:981px; /*952*/
}

#nav ul li {
	border: 0pt none;
	display: block;
	float: left;
                text-align: center;
                vertical-align: middle;
	height: 20px;/*24px;*/
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0 8pt;/*0 15pt*/
	padding:0;
	position: relative;
                width: auto;/* comentado para q sea dinamico */
}

#nav ul li.currentpage  {
	display: block !important;

	color: #fff;
	font-weight:bold;
        vertical-align: middle;
     /*height:auto !important; */ /********************************************/
	line-height:20px;/*24px;*/
     /*padding:0pt 20px; */ /* el que esta seleccionado no tiene <a>*/
     /*text-align: center;*/
	background:transparent url("uploads/images_style/nav_on.gif") repeat-x scroll left top;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
        /*position: inherit; *//*relative;*/
}
#nav ul li.activeparent {
        /*border:2px solid white;*/
	display:inline;
        /*z-index:+3;*/
        text-align: center;
        vertical-align: middle;
	height:20px;
        /*float:left;*/
	max-width:115px;
        margin:0px;
	padding:0px 12px;
	background:transparent url("uploads/images/nav_parent.gif") repeat-x scroll left top;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
        position:relative;
}
/* section header */
#nav ul li.sectionheader {
	border:0pt none;
	display:block;
	/*float:left;*/
        text-align: center;
        vertical-align: middle;
	height:20px;

	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;/*margin:4pt 14pt;*/
	padding:0px 15px;
	position:relative;
        max-width:115px;/* comentado para q sea dinamico */
}
#nav p {
	color:#000;
	display:block;
        text-align: left;
        vertical-align: middle;
	height:20px;
        font-style:normal;
	font-variant:normal;
	font-weight:bold;
	height:auto !important;
	line-height:20px;/*24px;*/
        margin: 0 0px;
	text-decoration:none;
}
#nav ul li a {
	color:#000;
	display:block;
        text-align: left;
        vertical-align: middle;
	/*float: none !important;*/
	/*  NOT CSS STANDAR
	font-size-adjust:none;
	font-stretch:normal;
	*/
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	height:auto !important;
	line-height:20px;/*24px;*/
        margin: 0 0px;
	text-decoration:none;

}
#nav ul li.activeparent a {
        color:#000;
	display:block;
        text-align: left;
        vertical-align: middle;
	height:20px;
        font-style:normal;
	font-variant:normal;
	font-weight:bold;
	height:auto !important;
	line-height:20px;/*24px;*/
        margin: 0 0px;
	text-decoration:none;
}
#nav ul li ul {
	display:none;
	position:absolute;
	top:20px;
        left:0px;
        height:20px;
        margin:0;
	max-width:115px;/*140px*/  /*barra submenu*/
}
#nav ul li.activeparent ul {
        display:none;
        position:absolute;
	left:0;
        top:20px;
	max-width:115px;/*150px*/ 
  
}
#nav ul li ul a {
	float:left;
        padding:3px 0 3px 5px;

}
#nav ul li.activeparent ul li {
        display:block;
        /*position:absolute;*/
        top:0px;
        margin:0px;
        vertical-align: middle;
	max-width:115px;
}
#nav ul ul {
	border:0pt none;
	display:none;
	left:0pt;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:0pt;
	position:absolute;
	top:20px;
	width:115px;/*150px*/
}
#nav ul ul:after {
	clear:both;
	content:".";
	display:block;
	font-family:tahoma, verdana, serif;
	font-size:1px;
	/*  NOT CSS STANDAR
	font-size-adjust:none;
	font-stretch:normal;
	*/
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	height:0pt;
	line-height:0pt;
	visibility:hidden;
}
#nav ul ul li {
	display:block;
	float:left;
        top:0px;
        margin:0px 10px;
        height:20px;
	width:120px;/*140px*/  /*barra submenu*/
}

#nav ul span {
	color:#fff;
	display:block !important;
	float:none !important;
        max-width: auto;/*105px;*/
	/*  NOT CSS STANDAR
	font-size-adjust:none;
	font-stretch:normal;
	*/
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	height:auto !important;
	line-height:20px;/*24px;*/
	padding: 0px;/*0pt 18px;*/
	text-decoration:none;
}
#nav ul a:hover, #nav ul li:hover a, #nav ul li.iehover a {
	color:#fff;
	background:transparent url("uploads/images/nav_hover.gif") repeat-x scroll left top;
}

#nav ul li:hover li a, #nav ul li.iehover li a {
	color:#000;
	background:transparent url("uploads/images_style/nav_off.gif") repeat-x scroll left top;
	float:none;
}

#nav ul li:hover li a:hover, #nav ul li:hover li:hover a, #nav ul li.iehover li a:hover, #nav ul li.iehover li.iehover a {
	color:#fff;
	background:transparent url("uploads/images/nav_hover.gif") repeat-x scroll left top;
}

#nav ul li:hover li:hover li a, #nav ul li.iehover li.iehover li a {
	color:#fff;
	background:transparent url("uploads/images/nav_hover.gif") repeat-x scroll left top;
}

#nav ul li:hover li:hover li a:hover, #nav ul li:hover li:hover li:hover a, #nav ul li.iehover li.iehover li a:hover, #nav ul li.iehover li.iehover li.iehover a {
	color:#fff;
	background:transparent url("uploads/images/nav_hover.gif") repeat-x scroll left top;
}

#nav ul li:hover li:hover li:hover li a, #nav ul li.iehover li.iehover li.iehover li a {
	color:#fff;
	background:transparent url("uploads/images/nav_hover.gif") repeat-x scroll left top;
}

#nav ul li:hover li:hover li:hover li a:hover, #nav ul li.iehover li.iehover li.iehover li a:hover {
	color:#fff;
	background:transparent url("uploads/images/nav_hover.gif") repeat-x scroll left top;
}

#nav ul ul ul, #nav ul ul ul ul {
	display:none;
	left:160px;


	position:absolute;
	top:0pt;
}

#nav ul li:hover ul ul, #nav ul li:hover ul ul ul, #nav ul li.iehover ul ul, #nav ul li.iehover ul ul ul {
	display:none;
}

#nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul li.iehover ul, #nav ul ul li.iehover ul, #nav ul ul ul li.iehover ul {
	display:block;
}

/*
#############################################################
*/

#headline {
        padding-bottom: 85px !important;
        padding-bottom: 95px;/*105px;*/
}
#trunk {
        position:top;
        width:980px;
        height:auto;
        /*border:1px solid black;*/
        margin: 1px 0 0 0 !important;
        margin: 8px 0 0 0;
}

#side {
        /*overflow: hidden;*/
        float: left;
        vertical-align: top;
        rules: rows;
        width: 163px;
        height: 100%;
        border-right: 1px solid #4F78D6;
        background: transparent url("uploads/images_style/derrame_p.png") no-repeat scroll left 12px;
}
#side1 {
        width:160px;
}
#side1 dl {
        vertical-align: top;
        float: left;
        margin: 15px 0 0 0;
}
#side1 dl dt {
        valign: top;
        float: left;
	list-style-position: float left;
	background: top left url(uploads/images_style/bullet_plus.gif) no-repeat;
	margin: 0 0 0 15px;
	padding: 0 0 5px 20px;
}

#distribuidores dl dt {
        valign: top;
        float: left;
	background: top left url(uploads/images_style/bullet_plus.gif) no-repeat;
	margin: 0 0 0 15px;
	padding: 0 0 20px 20px;
}
.tabTopnewsHead { 
        border: 0; 
        margin: 0 0 0 0;
        cellpadding: 0; 
        cellspacing: 0;
        width: 100px;
}
/*form select {
        onchange:window.location.reload(value); 
}*/
#acceso_distribuidores {
        /*float:center;*/
        float: left;
        text-align:center;
        width:162px;
        padding:0 0 12px 0;
}

#side #side_fotos {
        overflow: auto;
        height: 142px;
        text-align:center;
        margin:auto;
}
#side #side_fotos p {
        margin: 8px 0 0 0;
        /*font: bold 10px, tahoma, verdana, arial, sans-serif;*/
        text-align: center;
        text-transform: none;
}

#side #side_fotos img {
        width:131px;
        height:93px;
        margin:5px 0 0 0;
}
/*.texto-fotos {
        text-transform: none;
        font: bold 2.0mm, tahoma, verdana, arial, sans-serif;
        color:#4F78D6;*/
}


#body_contour {
        overflow:hidden;
        float:left;
        margin: 0px 0px 0px 0px;/*0 0 0 8px;*/
        width: 810px;
        height: auto;
        font: 10px tahoma, verdana, arial, sans-serif;
        text-align: justify;
	background: top left url(uploads/images_style/borde.png) no-repeat;
        /*border: 1px solid red;*/
}
table#contour {
        width: 810px;
}
td#izda {
        /*span:1;*/
        float: left;
	width: 390px;
        height: auto;
        vertical-align: top;
        margin: 0;
	/*line-height: 0;*/ /* Separacion de imagenes en FF */
        /*border:1px solid blue;*/
}
img.banner {
        border:5px solid white;
        margin:20px 0 5px 40px;
}
#pagina {
        float: left;
        margin: 0 0px 5px 22px;
        width: 378px;
        height: 220px;
        /*roules: all;*/
        /*border: 0;*/
        /*vertical-align: center;*/
        /*font-size: 1pt;*/
        /*border:1px solid green;*/ 
}
#pagina img {
        border: 3px solid white;
}

#pag1, #pag2 {
        margin:1px;
        vertical-align:top;
        /*width: 190px;*/
}
#pag1 img, #pag2 img {
        border: 3px solid white;
}
td#dcha {
        float: right;
        vertical-align:top;
	width: 390px;
        margin:0 0 0 0;
        height: auto;
	/*line-height: 0;*/ /* Separacion de imagenes en FF */
        /*border:1px solid blue;*/
}
.tabstart {
        /*border:0px;*/
        float:right;
        text-align:left;
        rules:cols;
	width:370px;
        height:auto;
        margin:12px 10px 0 0;
	line-height: 0; /* Separacion de imagenes en FF */ 
        /*border: 1px solid green;*/
}
#tabstartizda {
        width:180px;
        float:left;
        text-align:left;
        vertical-align: top;
        /*border:1px solid yelow;*/
}
#tabstartdcha {
        width:180px;
        float:right;
        text-align:left;
        vertical-align: top;
        /*border:1px solid brown;*/
        margin:0px;
}
#menu_bajo {
        width: 750px;
        height:15px;
        float: right;
        top:0px;
        align: center;
        /*margin:0px 20px 0 0px;*/
        /*border:1px solid brown;*/
}
#menu_bajo span a {
        align: center;
        margin:0px 7px;
        color: #4F78D6;
        font: 8px;
}


div#footer {
        /*float: center;*/
        width: 980px;
        margin: 0pt auto;/*5px 0 0 10px;*/
        text-align: center;
}
div#footer p {
        margin: 0;
        text-align: center;
}

/* End of 'Bocos_CSS_inicio_josu' */