/*----------------CSS HERBAMED- ACTIVA PUBLICIDAD-------------------*/

/*BEGIN HTML STYLES-------------------------------------------------*/
html, body {
	margin: 0;
	height: 100%;
  	color: #333;
	background:#FAFCF7 url(../images/img-bkg.jpg) repeat-x top;
}

div, p, table, td, th {
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	font-size: 10pt;
}

p {
  padding: 0 0 10px 0;
  text-align: justify;
}

/*----------------------------LISTS-----------------------------*/
#main-col ul, #m-about ul {
    padding:0;
	margin:0;
	list-style: square url(../images/bullet-green.gif) inside;
	text-align:left;
}

#main-col li, #m-about li {
	
}

/*--------------------------HEADINGS-----------------------------*/

.csc-header h1, .csc-textpicHeader h1, h2, h3, h4, h5 {
	margin:0;
	padding:0;
}

.csc-header h1, .csc-textpicHeader h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	color:#484793;
	background:url(../images/bullet-h.gif) no-repeat left center;
	padding: 20px 0 20px 16px;
	clear:left;
}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#484793;
	padding: 10px 0 10px 0;
	clear:left;
}

strong {
	color:#484793;
}

/*--------------------------LINKS-----------------------------*/
a:link, a:visited {
	color: #484793;
	text-decoration: none;
	font-weight:normal;
}

a:hover{
	color:#58962B;
}

/*--------------------------FORMS-----------------------------*/

form {
	margin: 0;
	padding: 0;
}

input, select {
	font: 1em Tahoma, Arial, sans-serif;
}

textarea {
	border: 1px solid #333333;
	padding-left: 2px;
	background: none;
	
}

.button {
	padding: 1px 5px;
	border:1px solid #126C6E;
	background: #189093;
	color: #FFFFFF;
	font-weight:bold;
	margin-bottom:5px;
}

.button:hover {
	border: 1px solid #189093;
	background:#126C6E;
	color:#FFFFFF;
}

.inputbox, .text_area {
	padding: 2px 3px;
	border: 1px solid #999999;
	background:#FFFFFF;
	color:#333;
	margin-bottom:5px;
} 

.search input {
	width: 125px;
	padding-left: 3px;
}

/*--------------------------------------------------END HTML STYLES*/

/*BEGIN LAYOUT STYLES----------------------------------------------*/

/*--------------------------PAGE WIGHT-----------------------------*/
#wrapper {
	background:url(../images/left-col.bkg.gif) repeat-y left;
	position:relative;
	margin:0;
	text-align:left;

}

#page-wight {
	width:850px;
	background:url(../images/header-left.jpg) no-repeat left top;
	position:relative;
}

/*--------------------------HEADER-----------------------------*/
#header {
	background:url(../images/header-right.jpg) no-repeat 179px 0px;
	float:left;
	position:relative;
}

#h-logo {
	padding:4px;
	float:left;
} 

#h-bar-top {
	width:652px;
	height:91px;
	float:left;
	background:url(../images/bar-top.gif) repeat-x;
}

#h-menu {
	width:500px !Important;
	width/**/:650px;
	padding:0 0 0 150px;
	float:left;
	clear:both;
}

/*TOP MENU*/

#h-menu ul {
	list-style: none;
	padding:0;
	margin:0;
	float:left;
}

#h-menu li {
	white-space: nowrap;
	font-size:7pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	display:inherit;
	float:left;
}

#h-menu li a, #h-menu li a:link {
	color:#FFFFFF;
	font-weight:bold;
	padding:0 5px;
	background:url(../images/div-top.gif) no-repeat right;
	text-transform:uppercase;
}

#h-menu li a:hover, #h-menu li a:active {
	color: #F6FBF4;
	text-decoration:none;
}

/*--------------------------TWO COLS-----------------------------*/
#two-cols{
	width:100%;
	float:left;
	background:url(../images/bar-bottom.gif) repeat-x bottom;
	padding-bottom:20px;
	position:relative;
}


/*--------------------------LEFT COL-----------------------------*/
#left-col {
	width:180px !Important;
	width/**/:200px;
	float:left;
	background:url(../images/flag.gif) no-repeat 160px 136px;
	padding:150px 10px 0 10px;
}

#left-col h3 {
	font-size:1.1em;
	color:#484793;
	padding:0 0 2px 16px;
	text-transform:uppercase;
	background:url(../images/bullet-h.gif) no-repeat left;
	border-bottom:#58962B 1px solid;
}

#left-col ul{
	margin:10px 0 0 10px;
	padding:0;
}

#left-col ul li{
	list-style:none;
	padding-bottom:6px;
	text-align:left;
}

#left-col ul li a, #left-col ul li a:link{
	color:#484793;
	background:url(../images/bullet-m.gif) no-repeat left top;
	padding: 1px 0px 3px 17px;
	font-size:0.9em;
	display:block;
	font-weight: bold;
}

#left-col ul li a:hover{
	background:url(../images/bullet-m-on.gif) no-repeat left top;
	text-decoration:none;
}

#left-col ul ul{
	margin:0 0 0 15px;
	padding:0;
}

#left-col ul ul li{
	list-style:none;
	padding-bottom:6px;
	text-align:left;
}

#left-col ul ul li a, #left-col ul ul li a:link{
	color:#58962b;
	background:url(../images/bullet-b.gif) no-repeat left top;
	padding: 1px 0px 3px 17px;
	font-size:0.9em;
	display:block;
	font-weight: bold;
}

#left-col ul ul li a:hover{
	background:url(../images/bullet-b-on.gif) no-repeat left top;
	text-decoration:none;
}

/*--------------------------MAIN COL-----------------------------*/
#main-col {
	width:600px !Important;
	width/**/:650px;
	position:relative;
	padding:0px 20px 0px 30px;
	float:right;
}

#sub-col {
	width:600px !Important;
	width/**/:650px;
	position:relative;
	padding:0px 20px 20px 30px;
	float:right;
}

#sub-col #left-subcol {
	width:45%;
	float:left;
}

#sub-col #right-subcol {
	width:45%;
	float:right;
}

#m-intro {
	width:485px !Important;
	width/**/:650px;
	padding:10px 20px 0 145px;
	float:left;
}

#m-search {
	padding-left:28px;
	background:url(../images/search-ico.gif) no-repeat left;
	float:left;
	width:45%;
}

#m-lang {
	float:right;
	width:45%;
	text-align:right;
}

.tx-srlanguagemenu-pi1 {
	float:right;
}

#m-about, #m-cont {
	float:left;
	clear:both;
	margin-top:25px;
	width:100%;
}

/*--------------------------FOOTER-----------------------------*/
#footer {
	width:100%;
	float:left;
	background:url(../images/bar-bottom.gif) repeat-x top;
	padding-top:20px;
}

#f-cont {
	padding:3px 5px;
}

/*--------------------------CLEAR FIX-----------------------------*/

/* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/*------------------------PRINTER STYLES---------------------------*/
 @media print{ 

/*hide the right column when printing*/ 
}
/*------------------------------------------------END LAYOUT STYLES*/