.content { width:68em; margin:0 auto; font-size:.8em;}

body { width:100%; height: 100%; margin:0 auto; padding:0; font-family: "Trebuchet MS", arial, sans-serif, tahoma; color:#625e52; background-color:#FFFFFF; font-size:1em  }

.section {
	float: left;
	margin: 0;
	padding: 6px 0 0 0;
}
.section_dotted {
	float: left;
	background: url(../images/hdr-sep.jpg) top left no-repeat;
	margin-top: -8px;
	padding: 0 0 0 0;
}
.h-sep {
	background: url(../images/dot-h.gif) top left repeat-x;
	margin-top: 0px;
	padding-top: 10px;
	height: 100%;
}
.area66 {
	width: 66%;	
}
.area66 p {
	margin-right:20px
}
.area33 {
	width: 33%;	
}
.area33 p {
	margin-right:0px
}
.area34 {
	width: 34%;
	height:100%;
	background-color: #DBDBDB;
}
.area55 {
	width: 55%;	
}
.area55 p {
	margin-right:20px
}
.area50 {
	width: 50%;	
}
.area50 p {
	margin-right:20px
}
.area45 {
	width: 45%;
}
.indent {
	padding: 0 23px 0 10px;
}
.img-flush-right {
	float: right;
	margin: 0 0 5px 10px;
}
.img-flush-left {
	float: left;
	margin: 0 10px 5px 0;
}

.event-l33 {
	float: left;
	width: 33%;
	margin: 0 ;
}

.event-r33 {
	float: left;
	width: 33%;
	margin: 0;
}
.event-l50 {
	float: left;
	width: 50%;
	margin: 0 ;
}

.event-r50 {
	float: left;
	width: 50%;
	margin: 0;
}

.event-l33 p, .event-r33 p, .event-l50 p, .event-r50 p {
	padding: 5px;
	color: #205468;
	font-weight: normal;
}

h1 {color:#696969; 
	font-size: 1.5em; 
	font-weight: normal; 
	margin: 20px 0 10px 0; 
	padding:3px 5px 5px 70px; 
	background: url(../images/flecha_cabecera.gif) no-repeat 0 0;
}

h2  {
    font-size: 1.4em;
	line-height: 120%;
	padding: 0 0 15px 0;
	border: 0;
	margin: 0;
	color: #215268;   
}   
h2 a {
	color: #999;
	font-size: 0.7em;
	font-weight: bold;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
}

h2 a:hover {
	text-decoration:underline;
	color: #999;
}
h2.home {
	padding-top:2em
}

h3 {color:#003366; 
	font-size:1em; 
	font-weight:normal;
	font-style:italic; 
	margin:12px 0 -5px 0; 
	padding:5px 0;
	
}
h4 {color:#9e2e2c; 
	font-size:1em; font-weight:normal; margin:0; padding:5px 0; }

h5, .t5 {font-family:Trebuchet MS, "Times New Roman", Times, serif; font-weight:bold;
	color: #cc6666; font-size: 1em; text-transform: uppercase; letter-spacing: .1em;}

h6 {
	font-size: 1.2em;
	padding: 0 0 3px 0;
	border: 0;
	margin: 15px 0 10px 15px;
	color: #205468;
}

h6 a {
	color: #999;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
}

dl.list dt { font-weight:bold}
div.numbered_list { list-style-type:lower-roman}
div.list ul{
	padding-bottom: 0px; margin: 8px 0px 8px 8px; padding-left: 14px; padding-right: 0px; padding-top: 0px; 
}
div.list li {
	padding-bottom: 0px; margin: 0px 0px 4px 14px; padding-left: 0px; padding-right: 0px; padding-top: 0px; list-style: url(../images/bullet_1.png); 
}

.list_forum {padding-left: 25px;}

.grey_line {padding:1em}
.grey_line p { color:#003366}
.left { background:url(../images/border_left.png) repeat-y; background-color:#F5F5F5;}
/*.line_top { background: url(../images/line_top.png) repeat-x; font-size:.2em;} */
/*.line_bottom { background: url(../images/line_bottom.png) repeat-x bottom; font-size:.2em;} */


.cuadro { border-left: 1px solid #c7c7c7; border-right:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7;  padding:20px; background-color: #ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em;}

.firma {text-align:right; font-style:italic}			
img { border:none; }
a { color: #999999; text-decoration:underline; padding:0px; margin:0px; }
a:hover { color:#000; }
a:active { outline:none}
p { margin:5px 0 15px 0; padding:0; font-family:Arial, Helvetica, sans-serif;  }


.submenu_tab {padding-right:.3em; padding-left:.3em;}
.clear { clear:both; }

/* shadows ***************************************************/
.bottom-shadow { background: url(../images/shadow-bottom.png) repeat-x; height: 36px; margin-top: 0px; float: left; width: 100%;}
.top-shadow { background: url(../images/shadow-top.png) repeat-x; height: 36px; margin-top: 0px; float: left; width: 100%;}

/* search ****************************************************/
#search { float:right; background-color:#FFF; height:1.5em; padding-left:5px; margin-bottom:10px; margin-top:15px;  }
html>body #search {  margin-top:0;}
#search .search_box { color:#696969; font-size:.85em; float:left; background:transparent; border:0; padding:0; margin:3px 0 0 0; height:1.5em; width:15em; }

/* nav *******************************************************/
#nav { border-top:0em solid #bbb7ab;  font-size:1em; }
html>body #nav {border-bottom: .5em solid #bbb7ab; }/*para que no haya una linea gris por debajo de los subrayados rojos en IE */
#nav, #nav ul { padding: 0;  margin: 0; list-style-type:none; font-family:Trebuchet MS, Verdana, Arial, Helvetica, Verdana, sans-serif; height:1.8em; clear:both; z-index:10}
#nav li { float: left; position:relative; background-color:#bbb7ab; z-index:10}
#nav li a { display:block; color:#ffffff; line-height:1.8em; text-align:left; text-decoration:none; padding-left:.4em; padding-right:.4em; 
	border-bottom:.5em solid #bbb7ab}

#nav li.der a { color:#ffffff;}
#nav li.der { float:right; position:relative;}
#nav li.der a:hover { border-bottom:.5em solid #2a699a;}
#nav li.der a.over { border-bottom:.5em solid #2a699a;}
#nav li.der ul li a { color:#ffffff}
#nav li.der ul li a { width:5em}
#nav li.der ul  { width:5em;}
#nav li.der:hover ul { display: block; left:-2em}
#nav li.der.over ul { display: block;}

#nav li a:hover { color:#ffffff; border-bottom:.5em solid #9e2e2c;}
#nav li a.over { color:#ffffff; border-bottom:.5em solid #9e2e2c;}
#nav li ul { left:-999em; width:15.1em; position:absolute; list-style-type:none;}
#nav li:hover ul { display: block;}
#nav li.over ul { display: block;}
#nav li ul li a { width:15.1em;}
#nav li ul ul a  { background-color:#666666; border-bottom: .5em solid #666666; line-height:1.8em;}
#nav li ul ul { margin: -2.3em 0 0 15.9em;}
#nav li:hover ul ul, #nav li.over ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li.over ul, #nav li li.over ul {left: auto;}

/* header ****************************************************/
#header { background:#bbb7ab;}
#header .fl { float:left; margin-top:15px; width:20%; }
#header .fr { float:right; width:70%; margin-right:3px; }
#header .header_content { background:#bbb7ab; width:55em; margin:0 auto; }
#header h1 a { background:transparent; margin-left:9px; float:left; display:block; width:117px; height:42px; text-indent:-9000px; }
#header h1 { margin-top:1px; padding:0; }
.world {clear:both; font-size:3.6em; color:#999999; font-family: "Trebuchet MS", arial, sans-serif, tahoma; padding-bottom:.2em; background-color:#FFFFFF;
margin-top:-.2em; text-align:center;}


/* tabmain ***************************************************/
.tabmain { padding: 5px 0 0 10px !important; padding: 5px 0 0 10px; margin:5px 0 0 0; list-style-type: none; 
border-bottom:1px solid #c7c7c7; text-align:left; font-size:1em; }
a.tabmenu:link, a.tabmenu:visited, a.tabmenu:active { color: #696969; padding: 0px 5px; margin-right: 1px; border: 1px solid #c7c7c7; 
border-bottom: 0px solid #778; background:#fafafa url(../images/tabmenu-bg.gif) 0% 100% repeat-x; text-decoration:none;  }
a.tabmenu:hover { color: #333333; padding: 0px 5px; margin-right: 1px; border: 1px solid #c7c7c7; border-bottom: 0px solid #c7c7c7; 
background: #ffffff; }
.tabmenu_active { color: #696969; padding: 0px 5px; margin-right: 1px; background-color:#ffffff; 
border-top:1px solid #c7c7c7; border-left: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7; border-bottom: 1px solid #ffffff; text-decoration:none;  }

/* tabsec ****************************************************/
.tabsec { padding: 5px 0px 0 10px !important; padding: 5px 0px 0 10px; margin:30px -20px; list-style-type: none; 
border-bottom:1px solid #c7c7c7; text-align:left; font-size:1em; font-family: "Trebuchet MS", arial, sans-serif, tahoma;}
a.tabmenu2:link, a.tabmenu2:visited, a.tabmenu2:active { color: #696969; padding: 0px 5px; margin-right: 1px; border: 1px solid #c7c7c7; 
border-bottom: 0px solid #778; background:#fafafa url(../images/tabmenu-bg.gif) 0% 100% repeat-x; text-decoration:none;  }
a.tabmenu2:hover { color: #333333; padding: 0px 5px; margin-right: 1px; border: 1px solid #c7c7c7; border-bottom: 0px solid #c7c7c7; 
background: #ffffff; }
.tabmenu2_active { color: #696969; padding: 0px 5px; margin-right: 1px; background-color:#ffffff; 
border-top:1px solid #c7c7c7; border-left: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7; border-bottom: 1px solid #ffffff; text-decoration:none; }

/* footer ****************************************************/
#footer, #footer ul {padding: 0;  margin: 0; list-style-type:none;}
#footer { background:#666666 url(../images/footer-bg.gif) repeat-x top left; margin-top:15px; color:#999999; }
#footer .footer_content { background:#666666 url(../images/footer-bg.gif) repeat-x top left; width:55em; margin:0 auto; }
#footer .footer_bg { width:100%; background: url(../images/footer-jmjblog-jmjlab.png) no-repeat top right;}
#footer .jmjblog a {float:right; display:block; width:130px; height:50px; margin-top:20px; font-size:30px; text-indent:-9000px }
#footer .jmjlab a {float:right; display:block; width:130px; height:40px; margin-top:20px; margin-right:45px; font-size:30px; text-indent:-9000px}

#footer_text { color:#999999; line-height:2em; padding-left:10px; font-size:.8em; clear:left; padding-bottom:1.5em;  }
#footer_text a { color:#999999;}
#footer_text a:hover { color:#ccc; }

#footer_nav  { float:left; }
#footer_nav ul li { float:left; font-size:.8em; padding:1em .5em; font-weight:bold; }
#footer_nav ul li a { color:#fff; display:block; padding:3px 6px; text-decoration:none; }
#footer_nav ul li a:hover { background:#9e2e2c; }
#footer_nav ul li a.active { background:#9e2e2c; }

/* eye *******************************************************/
.logo { width:55em; margin:0 auto; background-color:#FFFFFF}
#header-background_resto { width: 55em; height:9.5em;}
.image_eye { height:9.5em; width: 55em;}

/* prods  ****************************************************/
#tres, #tres ul {padding: 0;  margin: 0; list-style-type:none;}
#tres li { float:left; width:18em; background:url(../images/vertical_sep.gif) 100% 0% repeat-y; padding:0 .5em 0 .5em; }
#tres p { margin-bottom: 0; height:5em }
#tres li.first { margin-left:.5em}
#tres li.last { background:transparent; padding:0 0 0 .5em; }
#tres h2 { margin:0 0 .5em 0; font-size:1.1em }
#tres { height:100%; }
#tres a.more { float:right; display:block; padding-left:.5em; margin:0 .5em 0 0; font-family:Arial, Helvetica, sans-serif; font-size:.9em; text-decoration:none }
#tres img { height:6.5em; float:left; padding:.5em }

/* contact/adresses tres columnas  ***********************/
.tresc, .tresc ul {padding: 0;  margin: 0; list-style-type:none;}
.tresc {height:8em;}
.tresc li { float:left;  width:16em; background:url(../images/vertical_sep.gif) 100% 0% repeat-y; padding:0 .5em 0 .5em; }
.tresc li.first { margin-left:.5em}
.tresc  li.last { background:transparent; padding:0 0 0 .5em; }
.tresc h2 { margin:0 0 .5em 0; font-size:1em }

/* news (home) *******************************************/
.do { margin:1em 0 0 1em; }
.done { font-family:"Times New Roman", Times, serif; padding-top: 10px; float: left; 
		border-bottom: 1px solid #DDD;  border-top: 1px solid #DDD; background-color: #F7F7F7; }
.publi { padding-top: 10px; float: left; }
dl.publi { padding:0; width:100%; }
dl.done { margin-left: .5em; padding: 0 .5em; }
dl.done dd.title { margin:0; color: #333; font-family: Arial, Helvetica, sans-serif;  font-size:.9em; padding-bottom:.4em;  }
dl.done dd.date  { margin:0; margin-bottom: .3em; color: #999; font-size:1em;padding-top:.5em; font-style:oblique }
dl.done dd.rss  { margin:0; margin-bottom: -1.5em; padding-top:.5em; text-align:right}
dl.done dd.cont  { margin:0; font-family:Arial, Helvetica, sans-serif; padding-bottom:.5em; font-size:.9em}
div.done dd.end { clear: both;visibility: visible;}

/* common column settings ************************************/
.colmask {
	    position:relative;		/* This fixes the IE7 overflow hidden bug */
	    clear:both;
	  /*  float:left; esto lo quité porque a veces no se ve lo que está justo antes de las tres columnas */
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		text-align:left;
		margin:0 auto;
}

.colright2,
.colright1,
.colleft2,
.colleft1{
	float:left;
	width:100%;				/* width of page */
	position:relative;
}
.col1,
.col2,
.col3,
.col4 {
	float:left;
	position:relative;
	padding:0 0 1em 0;		/* no left and right padding on columns, we just make them narrower instead 
							only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}

/* 4 Column  style settings (no lo uso pero por si acaso *****/
.fourstyle ul li  {
	margin:0; padding:0		
}
.fourstyle  {
	background:#ffffff;		/* right column background colour */
}
.fourstyle .colright1 {
	right:25%;				/* width of the column */
	background:#ffffff;		/* column background colour */
}
.fourstyle .colleft2 {
	right:25%;				/* width of the column */
	background:#ffffff;		/* column background colour */
}
.fourstyle .colleft1 {
	right:25%;				/* width of the column */
	background:#ffffff;		/* column background colour */
}
.fourstyle .col1 {
	width:24%;				/* width of column content (column width minus padding on either side) */
	left:75%;				/* 100% plus left padding of center column */
}
.fourstyle .col2 {
	width:24%;				/* Width of column content (column width minus padding on either side) */
	left:76%;				/* A boleillo*/
}
.fourstyle .col3 {
	width:24%;				/* Width of column content (column width minus padding on either side) */
	left:77%;				/* A boleillo */						
}
.fourstyle .col4 {
	width:24%;				/* width of column content (column width minus padding on either side) */
	left:78%;				/* 100% plus left padding of center column */
}

/* 2 Column  style settings (for home)********************/
.twostyle ul li  {
	margin:0; padding:0; 	
}
.twostyle  {
	background:#ffffff; 	/* right column background colour */
}
.twostyle .colright1 {
	right:50%;				/* width of the column */
	background:#ffffff;		/* column background colour */
}
.twostyle .colleft1 {
	right:50%;				/* width of the column */
	background:#ffffff;		/* column background colour */
}
.twostyle .col1 {
	width:49%;				/* width of column content (column width minus padding on either side) */
	left:50%;				/* 100% plus left padding of center column */
}
.twostyle .col2 {
	width:49%;				/* Width of column content (column width minus padding on either side) */
	left:51%;				/* A boleillo*/
}

/* 2 Column 66-33  style settings inn)************************/
.twodifferent, .three ul li,  .three p { background-color: #ffffff; margin:0; padding:0 .1em .5em; 
}
.twodifferent h3, .twodifferent h6 {padding-top:0;margin-top:0; padding-bottom:1em; font-style: italic; font-weight:normal; color: #003366; font-family: Arial, Helvetica, sans-serif; font-size:1em }
.twodifferent h4 { color:#003366; font-size:.8em; font-style:italic}
.twodifferent img { width: 100%; padding:.8em 0; margin:0;}
.twodifferent ul li  {
	margin:0; padding:0		
}
.twodifferent  {
	background: #ffffff;		
}
.twodifferent .colright1 {
	right:33%;				
	background: #ffffff;		
}
.twodifferent .colleft1 {
	right:0%;				
	background: #ffffff;		
}
.twodifferent .col1 {
	width:66%;				
	left:33%;				
	background:  #ffffff  
}
.twodifferent .col2 {
	width:33%;				
	left:34%;				
	background: #ffffff;
}

/* Three columns inside **************************************/
.three, .three ul li,  .three p { background-color: #ffffff; margin:0; padding:0 .1em .5em; 
}
.three h4 { color:#003366; font-size:.8em; font-style:italic}
.three img { width: 100%; padding:.8em 0; margin:0;}
.three .col11 {
	right:33%;				
}
.three .col21 {
	right:33%;				
}
.three .col31 {
	right:33%;					
}
.three .col1 {
	width:30%;
	left:0%;
}
.three .col2 {
	width:30%;				
	left:3%;					
}
.three .col3 {
	width:30%;			
	left:6%;					
}

/* tables style **********************************************/
.dataTable {
	padding:0; margin: 0; BORDER-COLLAPSE: collapse; font-size:.7em; font-family: Arial, Helvetica, sans-serif; table-layout:fixed;
}
.dataTable TD {
	BORDER: #fff 1px solid;  padding: 6px 6px; vertical-align: top; overflow: hidden
}
td.white  { background:#FFFFFF  }
tr.azul {
	background-color:#000033;
	background-image: url(../images/azul.png); 
	background-repeat: repeat-x;  color: #ffffff;
}
.azul a {color:#fff}
.alignCenter {
	text-align: center
}
tr.fondo1 {background-color: #f5f8fb}
tr.fondo2 {background-color: #f2f6f9}
tr.fondo3 {background-color: #ecf1f6}
tr.fondo4 {background-color: #ebf0f5}
tr.fondo5 {background-color: #e5ecf1}
tr.fondo6 {background-color: #e2e9ef}
tr.fondo7 {background-color: #dfe7ed}
tr.fondo8 {background-color: #dbe4eb}
tr.fondo9 {background-color: #d1dee6}

/* Download form *************************/
.formContainer { background-color: #F9F9F9; width:100%; padding-top:2em; padding-bottom:2em;}
.floatLeft {
	text-align: left; float: left
}
.floatRight {
	text-align: left; float: left
}
.clear{
	display: block; height: 0px; clear: both; overflow: hidden
}
.frmText {
	 font-family:Arial, Helvetica, sans-serif; color:#666666; padding-left:1em; padding-right:1em;
}
.frmField {
	
}
.frmLabel {
	text-align: right; font-size: .7em; vertical-align: middle;
}
.frmRequired {
	line-height: 1em; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #a70f0a; font-size: 1em; vertical-align: text-top
}
.fltR {
	 float: right
}
.asterisc { text-align: center; width: 1em; padding-top: .2em; color:#FF0000}

/*register form */
label
{

float: left;
text-align: right;
margin-right: 0.5em;
display: block;
font-size:.8em;
}

.submit input
{
margin-left: 4.5em;
} 
select {width: 25.5em;}

/* forum registration */
#map_container { margin-bottom: 1em; height: 380px}
.balloon { width:15em }
.balloon h4 { padding-top:0.5em }
.balloon img { MARGIN: 0em 1em 0em 1em; FLOAT: left; CLEAR: left}

UL.short {
	WIDTH: 100%; FLOAT: left; font-size:.8em; list-style:none;
}
.short LI {
	PADDING-BOTTOM: 0px; TEXT-INDENT: 15px; PADDING-LEFT: 0px; WIDTH: 49.9%; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px; list-style:url(../images/bullet_1.png)
}
.short LI:hover, .short LI.over  { text-decoration:none; list-style:url(../images/bullet_2.png)
}

.short LI a { text-decoration:none
}
ADDRESS {
	FONT-STYLE: italic; DISPLAY: block; COLOR: #336699; font-size: .7em; padding-top:1em
	}
#areainfo IMG {
	MARGIN: 0em 1em 0em 1em; FLOAT: left; CLEAR: left
}
#areainfo h4 { padding:0}

.arrow { text-align:right;}

table.tab_grey td{
	background-color:#F3F3F3;
	vertical-align:top;
	padding:3px;
	font-size:.8em;
}
table.tab_grey a { text-decoration:none; color:#625e52; }
table td.download_item { text-decoration:none; color:#F0F0F0; background-color:#990000; font-weight:bold}
table td.download_item2 { text-decoration:none;  background-color:#fff; padding-top:10px}