/**************************************************************
  Ofitec Tècnica, S.L.-  Full d'estils:  Club Nautic Riumar
 **************************************************************/

body {
background:#cccccb;
  height: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
/*  background: url(../images/bg/light_body.gif) repeat-y top center;
*/  font: 400 0.7em verdana, arial, sans-serif;
  line-height: 170%;
  color: #555;
}


/* Headers */
h1, h4, h5, h6 {
  margin: 0 0 10px 0;
  padding: 0;
}


h1 {
  padding-bottom: 0.2em;
padding:0pt 0pt 0em 0.8em;
  font: 400 1.6em arial, sans-serif;
  color: #536C71;

}


h2 {
  font-size: 1.2em;
  color: #586B7A;
padding-left: 13px;
}

h3 {
  text-transform: uppercase;
  font-size: 0.9em;
  color: #5D6F73;
  padding:0pt 0pt 1em 1.2em;
}

h4 {
  font-size: 1.1em;
}

h5 {
font-size:1em;
margin:0;
}

.titol_blink{
	background-image:url(../flash/ULTIMA_NOTICIA.gif);
	/*background:#003366 none repeat scroll 0% 50%;*/
/*text-decoration:blink;*/
	clear:both;
	color:#FFcc00;
	font-size:220%;
	font-weight:bold;
	padding:2px 0pt 2px 2px;
	display: block;
  
}
.titol{
background:#003366 none repeat scroll 0% 50%;
clear:both;
color:#FFcc00;
font-size:220%;
font-weight:bold;
padding:2px 0pt 2px 2px;
  
}

#contingut{
width:440px; float:left; background-color:#FFFFFF; border:1px solid #ccc; padding:5px; margin-bottom:20px; }
#contingut2{
width:440px; float:left; background:url(../img/mapamundi_retocat.jpg); border:1px solid #ccc; padding:5px; margin-bottom:20px; }
#contingut_contacto{a
background-color:#FFFFFF;

border:1px solid #CCCCCC;
float:left;
margin-bottom:20px;
padding:5px;
width:430px;}

#contingut_meteo{
background-color:#FFFFFF;
background-image:url(../img/mapamundi_retocat.jpg);
border:1px solid #CCCCCC;
float:left;
margin-bottom:20px;
padding:5px;
width:790px;}
#meteo{ text-align:center;}

#meteo h1{ font-size:15px; font-weight:bold;line-height:26px;}
#meteo a:hover{
background-color:#FFFFCC;}
.esq{
text-align:left;}
iframe{ border:none 0px; overflow-y:hidden;}
#meteo table{
background-color:#FFFFFF;}
#spinning{ text-align:center;}

#spinning h1{ font-size:15px; font-weight:bold;line-height:26px;}
#spinning a:hover{
background-color:#FFFFCC;}
#spinning td{
	padding-bottom:15px;
}
.titcol{background-color:#4466AA;
color:#FFFFFF;
font-family:Helvetica,Arial,Sans-serif;
font-size:13px;
text-align:center;}
#cont_dret{width:140px; float:right; text-align:center; margin-right:20px;}


#slide{margin-bottom:-20px; padding-top:15px;}

/**************************************************************
  Noticies
 **************************************************************/
 



.post {
  float: left;
  width: 100% !important;
  width: 99%;
  position: relative;
  margin-bottom: 1.5em;
  border-bottom: 1px solid #CCCCCC;
}
.post p {
  padding:  0 0 1em 1.2em;
}

.post1 {
  float: left;
  width: 100% !important;
  width: 99%;
  position: relative;
  margin-bottom: 1.5em;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom:10px;
}
.post1 p {
  padding:  0 0 1em 1.2em;
}



/* Links */
a {
  text-decoration: none;
  color: #3B5D77;
}

a:hover {
  color: #668FA3;
}

a img {
  border: 0;
}

a img.border {  
  border: 1px solid #FC3307;
}

a:hover img.border {  
  /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
  border: 1px solid #668FA3 !important;
  border: 1px solid #FC3307;
}


/* Lists */
ul li.venta {
  list-style-image: url(../img/submenu1.gif);
  padding-left:13px;
}

ol li {
  font-weight: bold;
  color: #668FA3;
}

ol li span {
  font-weight: normal;
  color: #444;
}



/* Images */
img. floatRight {
  margin: 5px 0 10px 10px;
}

img. floatLeft {
  margin: 5px 10px 10px 0;
}
.floatLeft{
float:left;
 margin: 5px 10px 10px 0;
 }

.floatRight {
float: right;
  margin: 5px 0 10px 10px;
}

/**************************************************************
   Generic Display 
 **************************************************************/


.block {
  display: block;
}

.clear {
  clear: both;
}

.marginRight {
  margin-right: 15px;
}

.paddingLeft {
  padding-left: 5px;
}

.paddingRight {
  padding-right: 5px;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}

.alignTop {
  vertical-align: top;
}

.alignMiddle {
  vertical-align: middle;
}

.alignBottom {
  vertical-align: bottom;
}

.lightBlueBg {
  background-color: #EAF2F5;
}

.dark {
  color: #353E47;
}

/*********************************************************
  Text footer
 *********************************************************/
 
#footer a
{
color: #FFFF99;
}
#footer a:hover
{
background-color:#000066;
}
#footer p{
color:#CCCCCC;
text-align:center;}

/*********************************************************
  Això es farà servir al imprimir
 *********************************************************/

@media print{
#header, #leftcolumn, #cont_dret, #barra_logo, #footer, #fons-superior, #barra_logoIE, #menu_superior, #main, #content, #fons-superior, .menu1, #dlmenu,  {
display:none;}}