/***********************************************/
/* 3col_leftNav.css                             */
/* Use with template 3col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: "Formata Regular","Trebuchet MS",Verdana;
	background: #ffffff url(http://www.reus.cat/botonerainici/imatges/fons_reus.jpg) no-repeat left top;
	color: #333333;
	line-height: 1.166;	
	margin: auto;
	text-align:center;
}

a{
	color: #cccccc;
	text-decoration: none;
}

/*a:link{
	color: #FFFFFF;
	text-decoration: none;
}

a:visited{
	color:#FFFFFF;
	text-decoration: none;
}

a:hover{
	color: #CCCCCC;
	text-decoration: underline;
}
*/
h1{
  font-family: "Formata Regular","Trebuchet MS",Verdana,Arial,sans-serif;
 font-size:  10pt;
 color: #ffffff;
 text-decoration:none;
 margin: 0px;
  padding: 0px;
}
/*
h2{
 font-family: Formata Regular,Verdana,Arial,sans-serif;
 font-size:  10px;
 color: #ffffff;
 margin: 0px;
 padding-top: 4px;
 padding-left: 25px;
}

h3{
 font-family: Formata Regular,Verdana,Arial,sans-serif;
 font-size: 10px;
 color: #ffffff;
 margin-top: 4px;
 margin-left: 75px;
 padding: 0px;
}
*/
h4{
 font-family: "Formata Regular","Trebuchet MS",Verdana,Arial,sans-serif;
 text-align: left;
 font-size: 14px;
 color: #ffffff;
 margin:0px;
 padding:0px;
}

.tipoajuntament{
  font-family: "Formata Regular","Trebuchet MS",Verdana,Arial,sans-serif;
 font-size:  12px;
 color: #60223B;
 text-decoration:none;
 margin: 0px;
  padding: 0px;
}
.cerca {
 font-family: "Formata Regular",Verdana,"Trebuchet MS",Arial,sans-serif;
 font-size: 10px;
 color: #334d55;
 padding: 0px;
}
.botoalcalde {
 font-family: "Formata Regular","Trebuchet MS",Verdana,Arial,sans-serif;
 font-size:  12px;
 color: #60223B;
 text-decoration:none;
}
.botoalcalde:link,
.botoalcalde:visited  {
 font-family: "Formata Regular","Trebuchet MS",Verdana,Arial,sans-serif;
 color: #60223B;
 text-decoration:none;
}
.botoalcalde:hover  {
 font-family: "Formata Regular","Trebuchet MS",Verdana,Arial,sans-serif;
 color: #999999;
 text-decoration:none;
}
.botogranate {
 font-family: "Formata Regular","Trebuchet MS",Verdana,Arial,sans-serif;
 font-size:  10pt;
 color: #ffffff;
 text-decoration:none;
}
.botogranate:link,
.botogranate:visited  {
 font-family: "Formata Regular","Trebuchet MS",Verdana,Arial,sans-serif;
 color: #ffffff;
 text-decoration:none;
}
.botogranate:hover  {
 font-family: "Formata Regular","Trebuchet MS",Verdana,Arial,sans-serif;
 color: #999999;
 text-decoration:none;
}
.botoblanc {
	font-family: "Formata Regular","Trebuchet MS",Verdana,Arial,sans-serif;
	font-size:  12px;
	color: #333;
	text-decoration:none;
}
.botoblanc:link,
.botoblanc:visited  {
 font-family: "Formata Regular","Trebuchet MS",Verdana,Arial,sans-serif;
 color: #333;
 text-decoration:none;
}
.botoblanc:hover  {
 font-family: "Formata Regular","Trebuchet MS",Verdana,Arial,sans-serif;
 color: #60223B;
 text-decoration:none;
}
.botomail {
 font-family: "Formata Regular","Trebuchet MS",Verdana,Arial,sans-serif;
 font-size:  12px;
 color: #999999;
 text-decoration:none;
}
.botomail:link,
.botomail:visited  {
 font-family: "Formata Regular","Trebuchet MS",Verdana,Arial,sans-serif;
 color: #999999;
 text-decoration:none;
}
.botomail:hover  {
 font-family: "Formata Regular","Trebuchet MS",Verdana,Arial,sans-serif;
 color: #cccccc;
 text-decoration:none;
}
.textblanc {
 font-family: "Formata Regular","Trebuchet MS",Verdana,Arial,sans-serif;
 font-size:  12px;
 color: #ffffff;
 text-decoration:none;
}
/*
ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Formata,Verdana,Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}*/
.virtual{
	margin-left:10px;
	margin-top:10px;
	margin-bottom:5px;
	width:180px;
	list-style:none;
	padding:0px;
	}
.virtual ul{
	list-style:none;
	}
.virtual li a{
	background: #ffffff url(../imatges/f_granate.gif) no-repeat left;
	height:15px;
	margin:0 0 0 0;
	display:block;
	color:#60223B;
	font-size:12px;
	text-align:left;
	text-decoration:none;
}
.virtual li a:hover{
	background-color:#ECEDED;
	color:#000000;
}
#botoneravirtual{
	width: 180px;
	height: 15px;
	text-indent: 15px;
	text-align: left; 
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#contenidorgran{
	margin: 0 auto 0 auto;
	width: 975px;
	background-color:#FFF;
	text-align:left;
}
#contenidorbotonera{
	width: 200px;
	padding-right:15px;
	float:right;
}
#contenidorcomunica{
	width: 335px;
	padding-right:15px;
	float: right;
}
#contenidorbanners{
	width: 120px;
	padding-right:10px;
	float: right;
}
#contenidorcam{
	width: 275px;
	padding-right:5px;
	float: right;
}
/** html #contenidor{
	width: 975px;
	w/idth: 975px;
}*/
#contenidor{
	background-color: #60223B;
	width: 975px;
	margin-bottom:10px;
	margin-top:10px;
}
#contenidorpeu{
	background-color: #ffffff;
	width: 975px;
}
/* * html #a1{
	width: 100%;
	w\idth: 100%;
	
}*/
#a1{
	background: #60223B url(../imatges/escut.gif) no-repeat left; 
	width: 76%;
	height: 16px;
	padding-top: 3px;
	text-indent: 25px;
}
/** html #a11{
	width: 20%;
	w\idth: 20%;
}*/
#a11{
	background: #FF0000 url(http://www.reus.cat/botonerainici/imatges/f_blanc.gif)  no-repeat right;  
	width: 20%; 
	height: 16px;
	padding-top: 3px;
	text-align:center;
	float: right;
}
#b1{
	background-color:#cccccc;
	width: 974px; 
	height: 95px;
}
/** html #c1{
	width: 100%;
	w\idth: 100%;
	
}*/
#c1{
	background-color:#60223B;
	padding-top: 4px;
	width: 57%; 
	height: 16px;
	text-indent: 25px;
}
#c11{
	background-color:#60223B;
	padding-top: 0px;
	padding-left: 0px;
	width: 40%; 
	height: 17px;
	text-align: right; 
	float: right;
}
#c12{
	background-color:#60223B;
	padding-top: 3px;
	width: 10%; 
	height: 17px;
	text-align: center; 
	float: right;
}
#contindex{
	width: 200px;
}
/** html #alcalde{  
	width: 100%;
	w/idth: 100%;
}*/
#alcalde{
	background: #ffffff url(../imatges/alcaldehome.jpg) no-repeat left;  
	width: 43px;
	height: 45px;
	
}
/* * html #alcaldetxt{
	height: 45px;
	h/eight: 45px;
}*/
#alcaldetxt{
	background-color: #cccccc;
	padding-top: 8px;
	text-align: center;
	width: 72%;
	height: 37px;
	float: right;
}
#ajuntament{
	background: #60223B url(../imatges/f_blanc.gif) no-repeat left; 
	margin-top: 5px;
	padding-top: 2px;
	width: 200px;
	height: 14px;
	text-indent: 15px;
	text-align: left; 
}
#botonera{
	background: #ffffff url(../imatges/f_gclar.gif) no-repeat left; 
	padding-top: 2px;
	width: 200px;
	height: 15px;
	text-indent: 15px;
	text-align: left; 
}
#botonera2{
	background: #ffffff url(../imatges/f_verd.gif) no-repeat left; 
	padding-top: 2px;
	width: 200px;
	height: 15px;
	text-indent: 15px;
	text-align: left; 
}
#botonera3{
	background: #ffffff url(../imatges/f_taronja.gif) no-repeat left; 
	padding-top: 2px;
	width: 200px;
	height: 15px;
	text-indent: 15px;
	text-align: left; 
}
#botonera4{
	background: #ffffff url(../imatges/f_blau_recursos.gif) no-repeat left; 
	padding-top: 2px;
	width: 200px;
	height: 15px;
	text-indent: 15px;
	text-align: left; 
}
#botonera5{
	background: #ffffff url(../imatges/f_benestar.gif) no-repeat left; 
	padding-top: 2px;
	width: 200px;
	height: 15px;
	text-indent: 15px;
	text-align: left; 
}
#botonera6{
	background: #ffffff url(../imatges/f_cultura.gif) no-repeat left; 
	padding-top: 2px;
	width: 200px;
	height: 15px;
	text-indent: 15px;
	text-align: left; 
}
#botonera7{
	background: #ffffff url(../imatges/f_granate.gif) no-repeat left; 
	padding-top: 6px;
	width: 200px;
	height: 15px;
	text-indent: 15px;
	text-align: left; 
}
#botonera8{
	background: #ffffff url(../imatges/f_urbana.gif) no-repeat left; 
	padding-top: 2px;
	width: 200px;
	height: 15px;
	text-indent: 15px;
	text-align: left; 
}
#botonera9{
	background: #ffffff url(../imatges/f_participacio.gif) no-repeat left; 
	padding-top: 2px;
	width: 200px;
	height: 15px;
	text-indent: 15px;
	text-align: left; 
}
#botoneraciutat{
	background: #DD2318 url(../imatges/f_blanc.gif) no-repeat left; 
	padding-top: 2px;
	width: 200px;
	height: 14px;
	text-indent: 15px;
	text-align: left; 
}
#botoneraturisme{
	background: #004E84 url(../imatges/f_blanc.gif) no-repeat left; 
	padding-top: 2px;
	width: 200px;
	height: 14px;
	text-indent: 15px;
	text-align: left; 
}
.botbaners{
	margin-top: 5px;
	padding-top: 2px;
	width: 200px;
	text-align: center; 
}
#contcam{
	margin: 0px 5px 5px 5px;
	width: 275px;
	height:100%;
	background-color:#efe6e9;
}
#webcam{
	width: 275px;
	text-align: center;
}
#webcam_bannercultura{
	background: #ffffff url(http://www.reus.cat/cultura/_gif/RC07_WEBp.jpg) no-repeat center;
	width: 150px;
	height:150px;
	text-align: center;
}
#webcam_bannerpremisreus{
	background: #ffffff url(http://www.reus.cat/gif_r4/banners/bannerPR07.jpg) no-repeat center;
	width: 150px;
	height:120px;
	text-align: center;
}
#webcam_banner1{
	width: 150px;
	text-align: center; 
}
#webcam_banner2{
	width: 140px;
	text-align: center;
	float:right;
}
#webcam_anunci{
	width: 275px;
	text-align: center; 
}
#peuindex{
	width: 974px;
	text-align: center;
	margin: 0 auto;
	clear:both;
}
.peu{
	border-top: 1px solid #60223B;
	}
#bannercont{
	margin: 0 0 0 0;
	width: 120px;
}
#bannernou{
	padding-bottom: 3px;
	width: 120px;
}
#telefon{
	color:#FFF;
	}
#telefon li {
	list-style:none;
	height:20px;
}
.tele{
	color:#60223B;
	text-indent:5px;
}
#telefon ul{
	margin-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	margin-top:5px;
}
.taxi{
	background-color:#F9B701;
	color:#FFF;
	text-indent:10px;}
.aten{
	background-color:#60223B;
	color:#FFF;
	text-indent:10px;}
.emer{
	background-color:#DB0014;
	color:#FFF;
	text-indent:10px;}
.medic{
	background-color:#017CCA;
	color:#FFF;
	text-indent:10px;}
.civil{
	background-color:#017550;
	color:#FFF;
	text-indent:10px;}
.urbana{
	background-color:#0B3090;
	color:#FFF;
	text-indent:10px;
}
.video{
	color:#0B3090;
	display:block;
	clear:both;
}

/***********************************************/
/* Comunica                                */
/***********************************************/

.txtnoteshome {
	font: normal 10px/normal "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #666666;
	text-decoration: none;
}
.titnoteshome {
	font: normal 13px/normal "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #660033;
	text-decoration: none;
}
.titnoteshome:hover {
	font: normal 13px/normal "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #cc0000;
	text-decoration: none;
}
.linksnotes {
	font: normal 12px/normal "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #60223b;
	text-decoration: none;
}
.txtnoteshome2 {
	font: normal 12px/normal "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	text-indent:10px;
}
/******************/
/*   banners      */
/******************/


.webcam{
	width: 275px;
	text-align: center; 
	margin-bottom:10px;
	padding-top:3px;
}
.webcamtemps{
	width: 152px; 
	height: 72px;
	text-align: center;
	margin-left:100px;
}
.webcam_banner1{
	width: 150px;
	text-align: center;
}
.webcam_banner2{
	width: 140px;
	text-align: center;
	margin: 0 auto;
	float:right;
}
.webcam_banner3{
	width: 150px;
	padding: 10px 0px 10px 0px;
	text-align: center;
}
.webcam_banner4{
	width: 140px;
	padding: 10px 0px 10px 0px;
	text-align: center;
	float:right;
	clear:both;
}
.bannernou{
	padding-bottom: 3px;
	width: 120px;
}
.bannercont{
	margin: 0 0 0 0;
	width: 120px;
}
.botbaners{
	padding-top: 2px;
	width: 200px;
	text-align: center; 
}
/******************/
/*   class botonera  */
/**************************/
.botonera2{
	background: #ffffff url(../imatges/f_verd.gif) no-repeat left; 
	padding-top: 2px;
	width: 200px;
	height: 15px;
	text-indent: 15px;
	text-align: left; 
}
.botonera9{
	background: #ffffff url(../imatges/f_participacio.gif) no-repeat left; 
	padding-top: 2px;
	width: 200px;
	height: 15px;
	text-indent: 15px;
	text-align: left; 
}
.ajuntament{
	background: #60223B url(../imatges/f_blanc.gif) no-repeat left; 
	margin-top: 5px;
	padding-top: 2px;
	width: 200px;
	height: 14px;
	text-indent: 15px;
	text-align: left; 
}
.link_extern{
	color:#FFF;}

/**************

.SubMenu {
	font: normal 10px/normal "Formata Regular", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #ff5b00;
	text-decoration: none;
}
.SubMenuBrilla {
	font: bold 12px/normal "Formata Regular", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #ff5b00;
	text-decoration: none;
}
.SubMenu:hover {
	font: normal 10px/normal "Formata Regular", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #996666;
	text-decoration: none;
}
.SubMenumarcat {
	font: normal 12px/normal "Formata Regular", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #663333;
	text-decoration: none;
}
.SubMenumarcat:hover {
	font: normal 12px/normal "Formata Regular", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #996666;
	text-decoration: none;
}*/