/********************************************************************************
 * Global
 ********************************************************************************/

	body
	{
		margin: 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 1.3em;
		color: #666;
	}
	
	img
	{
		margin: 0;
		padding: 0;
		border-width: 0;
	}
	
	#content h1, #content h2, #content h3, #content h4, #content h5, #content h6
	{
		color: #444;
		margin-top: 0;
	}
	
	
    /* T�ol de la p�ina */
    #content h1
    {
        font-size: 13px;
        margin-bottom: 2em;
        background-color: #e6e6e6;
        padding: 0.8em 0.5em;
    }

	/* T�olalta secundari */
	#content h2
	{
		font-size: 12px;
	}
	
	#content h3
	{
		font-size: 10px;
	}
	
	div
	{
		margin: 0;
		padding: 0;
		border-width: 0;
	}
	
	a
	{
		color: #FF6600;
	}
	
	a:hover
	{
		color: #FF6600;
	}
	
	label
	{
		font-weight: bold;
		white-space: nowrap;
	}
	
	#contentInner ul {
		list-style-type: square;
        padding-left: 40px;
        margin: 1em 0;
	}
	
	#content li
	{
		padding: 0.2em 0;
	}
	
	#contentInner ol {
        padding-left: 40px;
    }

	hr
	{
		border-style: dotted;
		border-color: #d6d6d6;
		border-width: 1px 0 0 0;
		width: 60%;
		margin: 1.5em auto;
		color: #fff;
	}
	
	acronym
	{
		cursor: help;
		border-bottom: 1px dotted #666;
	}
	
	table
	{
		margin: 0;
		padding: 0;
		border-width: 0;
	}
	
	td
	{
		vertical-align: top;
		margin: 0;
		padding: 0;
		border-width: 0;
	}
	
	th
	{
		color: #444;
		background-color: #d6d6d6;
		text-align: left;
	}
	
	.Error
	{
		color: #ff6600;
		font-weight: bold;
		margin: 0;
		padding: 0;
	}
	
	.Info
	{
		font-style: italic;
	}
	
	.Clear
	{
		clear: both;
		height: 0;
		overflow: hidden;
	}
	
	.Obligatori
	{
		font-weight: bold;
		color: #ff6600;
	}


	/********************************************************************************
	 * Pestanyes
	 ********************************************************************************/
	 
	 #tabs
	 {
		 background-color: #fff;
		 height: 27px;
		 margin-top: 10px;
		 padding: 0 30px;
	 }
	 
	 #tabsInner
	 {
		 width: 700px;
		 margin: 0 auto;
	 }
	
		/********************************************************************************
		 * Serveis
		 ********************************************************************************/
		
			#services
			{
				list-style-type: none;
				margin: 0;
				padding: 0;
			}
			
			#services li
			{
				display: inline;
				padding: 0;
			}
			
			#services li a
			{
				float: left;
				margin: 0;
				padding: 10px 0 0 0;
				border-bottom: 1px solid #fff;
			}
	
		/********************************************************************************
		 * Enlla�s
		 ********************************************************************************/
		
			#links
			{
				list-style-type: none;
				margin: 0;
				padding: 0;
			}
			
			#links li
			{
				float: right;
				margin: 0;
				padding: 0;
			}
		
			#links img
			{
				display: block;
			}
		
	/********************************************************************************
	 * Barra del logo
	 ********************************************************************************/
	 
	 	#logoBar
		{
			clear: both
			padding: 0 30px;
		}
		
		#logoBar table
		{
			width: 700px;
			margin: 0 auto;
		}
	 
		#logoBar table td
		{
			text-align: left;
			vertical-align: middle
		}
		
		#logoBar #subscribe
		{
			text-align: right;
		}
	 
	/********************************************************************************
	 * Barra principal
	 ********************************************************************************/
	 
		#mainBar
		{
			clear: both;
			background-color: #f00000;
			background-image: url(/img/b_cantonada.gif);
			background-repeat: no-repeat;
			background-position: top left;
			height: 25px;
			line-height: 25px;
			padding: 0 30px;
		}
		
		#mainBarInner
		{
			width: 700px;
			margin: 0 auto;
		}
		
		#mainBar, #mainBar a
		{
			color: #fff;
			font-weight: bold;
			text-decoration: none;
			white-space: nowrap;
		}
			
		/********************************************************************************
		 * Men d'opcions
		 ********************************************************************************/
		  
		  	#menu
			{
				list-style-type: none;
				padding: 0;
				margin: 0;
			}
			
			#menu li
			{
				float: left;
				display: inline;
				padding: 0;
			}
			
			#menu li a
			{
				padding-left: 1em;
				margin-left: 1em;
				border-left: 1px solid #f54d4d;
			}
			
			#menu li.First a
			{
				padding-left: 0;
				margin-left: 0;
				border-left-width: 0;
			}
			
			#menu li a:hover
			{
				text-decoration: underline;
			}
			
		/********************************************************************************
		 * Data d'avui
		 ********************************************************************************/
		 
			#date
			{
				float: right;
			}
		
/********************************************************************************
 * Contingut
 ********************************************************************************/
	
	#content
	{
		clear: both;
        background-color: white;
        margin: auto;
         width: 88.1em;
	}
	
	#contentInner
	{
		width: 700px;
		margin: 0 auto;
		padding: 10px 30px 30px 25px;
	}

/********************************************************************************
 * Peu de p�ina
 ********************************************************************************/

	#footer
	{
		background-color: #FF6600;
		height: 43px;
		line-height: 43px;
		text-align: center;
		color: #fff;
		font-size: 10px;
        margin: auto;
        width: 99.5em;
        padding: 2em 0 0 0;
	}
	
	#footer p
	{
		margin: 0;
	}
	
/********************************************************************************
 * Vores arrodonides
 ********************************************************************************/
 
 	/********************************************************************************
	 * Cantonades gen�iques (de color gris)
	 ********************************************************************************/
 
		.RoundedTopLeft
		{
			background: #ccc url(/img/i_canto1.gif) no-repeat top left;
			margin: 0;
			padding: 0;
		}
		
		.RoundedTopRight
		{
			background: url(/img/i_canto2.gif) no-repeat top right;
			border-bottom: 1px solid #fff;
			margin: 0;
			padding: 0.5em;
		}
		
		.RoundedBottomLeft
		{
			border-top: 1px solid #fff;
			background: #ccc url(/img/i_canto3.gif) no-repeat bottom left;
			margin: 0;
			padding: 0;
		}
		
		.RoundedBottomRight
		{
			background: url(/img/i_canto4.gif) no-repeat bottom right;
			margin: 0;
			padding: 0.8em;
		}
	
	/********************************************************************************
	 * Caixa de l'alta de subscriptors
	 ********************************************************************************/
	 
	 	#register
		{
			margin-top: 2em;
		}
	 
		#register .RoundedTopLeft
		{
			background: url(/img/tc_canto.gif) no-repeat top left;
			margin: 0;
			padding: 0;
		}
		
		#register .RoundedTop
		{
			background: #e6e6e6 url(/resources/images/alta/caixa_superior.gif) repeat-x top;
			margin: 0;
			padding: 0;
		}
		
		#register .RoundedTopRight
		{
			background: url(/img/tc_canto2.gif) no-repeat top right;
			margin: 0;
			padding: 0;
		}
		
		#register .RoundedLeft
		{
			border-left: 1px solid #d5d5d5;
			margin: 0;
			padding: 0;
		}
		
		#register .RoundedRight
		{
			border-right: 1px solid #d5d5d5;
			margin: 0;
			padding: 0;
		}
		
		#register .RoundedBottomLeft
		{
			background: url(/img/tp_canto.gif) no-repeat bottom left;
			margin: 0;
			padding: 0;
			border-width: 0;
		}
		
		#register .RoundedBottomRight
		{
			background: url(/img/tp_canto2.gif) no-repeat bottom right;
			margin: 0;
			padding: 0;
		}
		
		#register .RoundedBottom
		{
			border-bottom: 1px solid #d5d5d5;
			height: 15px;
			margin: 0 14px 0 10px;
			padding: 0;
		}


        /* Formularis */

        #f_dades td{
            vertical-align: middle;
        }

        .radio_dades input{
            margin-top: 5px;
        }

            .radio_dades span{
                position: relative;
                top: -3px;
                margin-right: 15px;
            }

/*
h2
{
	background-color: #e6e6e6;
	padding: 0.8em 0.5em;
}
*/
    /********************************************************************************
     * portada de mesvilaweb
     ********************************************************************************/

.text {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; color: #000000}
.text_p {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 13px; color: #000000}
.textnegreta {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 13px; color: #000000; text-decoration: none}
.mes {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #999999}
.mesnegreta {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; font-weight: bold}
.mesg {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333}
.mes_ng {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #999999; font-weight: bold}
.mes2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666}
.mesnegreta2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; font-weight: bold}
.mes_ng2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; font-weight: bold}
.gris {  font-family: Helvetica, Arial, sans-serif, Verdana; font-size: 11px; color: #666666}
.gris_g {font-family: Helvetica, Arial, sans-serif, Verdana;font-size: 11px;color: #666666; font-style : italic;}
.gris_n {  font-family: Helvetica, Arial, sans-serif, Verdana; font-size: 11px; color: #666666; font-weight: bold}
.verm_p {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #F00000}
.verm_pn {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #F00000; font-weight: bold}
.verm {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #F00000}
.verm_n {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ff6600; font-weight: bold}
.textblancnegreta { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 13px; color: #FFFFFF ; font-weight: bold} 
.blan_p {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #FFFFFF}
.blan {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF}
.blan_n {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; font-weight: bold}
.pisquis {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #333333}
.taro_n {  font-family: Helvetica, Arial, sans-serif, Verdana; font-size: 11px; color: #FF9D00; font-weight: bold}

a.verm:active {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #F00000}
a.verm:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #F00000}
a.verm:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ff6600}
a.verm:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #F00000}

a.verm_n:active {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #F00000; font-weight: bold}
a.verm_n:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #F00000; font-weight: bold}
a.verm_n:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #F00000; font-weight: bold}
a.verm_n:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #F00000; font-weight: bold}

a.verm_p:active {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #F00000}
a.verm_p:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #F00000}
a.verm_p:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #F00000}
a.verm_p:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #F00000}

a.verm_mp:active {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #F00000}
a.verm_mp:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #F00000}
a.verm_mp:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #F00000}
a.verm_mp:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #F00000}


/********
* LOGIN
********/

#login
{
    width: 178px;
}

#login .center 
{
    background-color: #ff6600; 
    border-left: 1px solid #fff; 
    border-right: 1px solid #fff;
    padding: 3px 0px 0px 5px;
}

#login .Error
{
    color: #333; 
    line-height: auto;
}

#login .separator
{
    margin: 3px 0px 3px 0px; 
    font-size:0px; 
    background-image:url('/media/imatges/img/mesvilaweb/pixelRed.gif'); 
    background-repeat: repeat-x;
    background-position: center left;
}

#login .RoundedTopLeft
{
    margin: 0;
    padding: 0;
    height:19px; 
    background-image:url('/media/imatges/img/mesvilaweb/cantLeftTop.gif'); 
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #fff;
}

#login .RoundedTopRight
{
    margin: 0;
    padding: 0;
    height:19px; 
    background-image:url('/media/imatges/img/mesvilaweb/cantRightTop.gif'); 
    background-repeat: no-repeat; 
    background-position:top right;
    padding-left: 10px;
    color: #ff6600;
    line-height: 20px;
}

#login .RoundedBottomCenter
{
    background-image:url('/media/imatges/img/mesvilaweb/loginBottom.gif'); 
    background-repeat: no-repeat;
    background-position: top left;
    height: 11px;
    margin: 0;
    padding: 0;
    border: 1px solid #ff0:
    width: 178px;
}

#login .loginlink {
    padding-bottom: 5px;
}

.logguedSession {
     color: #000;
}

.logguedSessionA a, .logguedSessionA a:hover, .logguedSessionA a:visited {
     color: #000;
}

/********
* ANUNCIS
********/

#anuncis 
{
    margin-left: 5px;
    margin-top: 15px;
}

#anuncis .titleAnuncis, .titol, .tipus
{
    color: #fff;
    margin-bottom: none;
    font-weight: bold;
    padding-bottom: none;
    padding: none;
}

#anuncis .titleAnuncis
{
    margin-bottom: 11px;
}

#anuncis .Text
{
    color: #fff;
    margin-bottom: none;
    padding-bottom: none;
    padding: none;
}

/***********************************
Contradiccions amb el css de vilaweb
*************************************/

.sd{
    display: none;
}

#header{
    padding: 15px;
}

.menu-header{
    left: -10px;
}

    .menu-header h2, .menu-header h3{
        font-size: 3em;
    }

#wrapper {
    width: 90.3em;
}

#publi .columna {
    width: 66.3em;
}

#publi .col-ultima {
    width: 20em;
}

p{
    font-size: 1em;
}

h3{
    margin-bottom: 10px;
}

#contentInner hr{
    display: block;
}

#content a{
    text-decoration: underline;
}

#content em{
    background: none;
    font-style: italic;
}

select{
    padding-right: 0.5em;
    color: #3C3B37;
    font-size: 1.4em;
}

/* Revista */

#revista #issu{
    float: left;
}

#info{
    float: right;
    width: 250px;
    padding: 0 15px;
    font-size: 13px;
}