/* CSS by Oscar Carbajo - SGM */

/********************************** GENERAL **********************************/

body {
	margin: 0px auto;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	/*width:916px;*/
        bgcolor:#r6r6r6;
}
.tot {
	width:916px;
}
/**********galeria de videos*******/

/*#Media library#*/
.mediaItem
{
	/*background: url('../App_Themes/CorporateSite/Images/Examples/bg_photo.gif') no-repeat;*/
	float: left;
	font-size: 10px;
	width: 180px;
	margin: 4px;
	border:1px #999 solid;
}

.mediaItemBottom
{
	height: 4px;
	/*background: url('../App_Themes/CorporateSite/Images/Examples/bg_photo_bottom.gif') no-repeat;*/
	font-size: 0;
	line-height: 0;
}

.mediaItem a
{
	color: Black;
	text-decoration: none;

	font-weight: bold;
	font-size: 11px;
}

.mediaLibraryPhoto
{
	height: 122px;
	width: 180px;
	text-align: center;

}

.mediaLibraryDescription
{
	padding: 0px 3px;
	color: #737373;
}


.MediaLibrarySort
{
	padding-bottom: 13px;
}


.MediaLibrarySort span
{
	font-weight: bold;
}


.MediaLibrarySort a
{
	color: Black;
}

.MediaLibrarySort a:hover
{
	text-decoration: none;
}


.MediaGalleryFolderTree
{
	float: left;
	width: 180px;
	overflow: auto;
}

.MediaGalleryFolderTree a
{
	color: Black;
}

.MediaGalleryContent
{
	float: center;
	width: 580px;
	/*border:1px #999 solid;*/
}

.MediaGalleryDetail
{
	width: 560px;
	background: url('../App_Themes/CorporateSite/Images/Examples/bg_photo_detail.gif') no-repeat;
	text-align: center;
	padding: 15px 0px;
	
}

.MediaGalleryDetailBottom
{
	width: 544px;
	padding-top: 5px;

	padding-right: 16px;
	text-align: right;
	background: url('../App_Themes/CorporateSite/Images/Examples/bg_photo_detail_bottom.gif') no-repeat;
}

.MediaGalleryDetailBottom img
{
	border: none;
}

.SelectedFolder
{
	font-weight: bold;
}

.MediaGalleryDetailBottom h2

{
	padding-top: 5px;
	margin: 0;
	color: #737373;
	font-size: 16px;
	width: 400px;
	text-align: left;
}

.MediaGalleryContent .Pager
{
clear: both;
text-align: center;
}

.MediaGalleryPagger
{
    padding-bottom: 10px;
align:center;	
}

.MediaGalleryPagger a
{
	display: block;
	color: Black;
	background: url('../App_Themes/CorporateSite/Images/Examples/button_back2.gif') 0px 1px no-repeat;
	padding-left: 18px;
	font-weight: bold;
	padding-bottom: 4px;
}

.MediaGalleryDetail object
{
background: #efefef;
}

a.MediaBack
{
	display: block;
	color: Black;
	background: url('../App_Themes/CorporateSite/Images/Examples/button_back2.gif') 0px 1px no-repeat;
	padding-left: 18px;
	font-weight: bold;
	padding-bottom: 10px;
}

.CommentUserName {
	text-decoration: underline;
}

.ContentTree
{
	float: left;
	width: 150px;
	height: 500px;
}

.MediaContent
{
	float: left;
	width: 600px;
}


.MediaFileUploader
{
	padding-bottom: 30px;
}



/********mapa web*****/

.CMSSiteMapListItem 
{
list-style-image:url('../App_Themes/ordino.ad/botones/fletxa.jpg');
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
color: #565656;
line-height: 2em;
}
.CMSSiteMapLink:hover
{
font-weight:bold;
}

	



h1, h2 {
	margin: 0px;
	font-size:120%;
	color:#6b5849;
	text-align: left;
}

h3 {
	margin: 0px;
	font-size:100%;
	background-color: #f3eee9;
	text-align: left;
}

a {
	color: #c2736d;
	text-decoration: none;
}

a img {
	border: 0px;
}

/********************************** CABECERA **********************************/

#cabecera{
	margin: 0px auto;
	width:916px;
	background-color:#FFF;
}

#menu{
	margin: 0;
	padding: 0;
	height: 39px;
	overflow: hidden;
}

.menu ul {
	padding: 0; margin: 0; list-style-type: none;
	height: 40px;
	overflow: hidden;
}
.menu ul li {
	float: left;
}
/********************************** CUERPO **********************************/

#cuerpo{
	width:916px;
	margin: 0px auto;
	background:url(/img/ordino/bg_cuerpo.jpg) repeat-y;
}

#cuerpo .col_derecha{
	width:315px;
	float:left;
}
#cuerpo .col_derecha .informacion{width:290px; background-color:#1c1c1c; color:#FFF; text-align:left; font-size:100%; padding-top: 3px;}
#cuerpo .col_derecha .calendari{width:290px; background-color:#1c1c1c; color:#FFF; text-align:left; font-size:90%; padding-top: 3px; margin-bottom: 0px;}

#cuerpo .col_izquierda{	width:595px;float:left;}
#cuerpo .col_izquierda .titulo{
	width:576px;
	height:16px;
	padding-right:20px;
	padding-top:3px;
	background:url(/img/ordino/titulos/noticias.jpg) no-repeat;
	text-decoration:underline;
	text-transform:uppercase;
	font-weight:bold;
	text-align:right;
	color:#fff;
}
.BreadBox{
	width:576px;
	height:140%;
	padding-left:20px;
	padding-top:3px;
	background:url(/img/ordino/titulos/noticias.jpg) no-repeat;
	text-align:left;
	color: #FFF;
}

.BreadBox a {
	color: #fff;
}
.textHeader{
	padding-left: 20px;
	padding-top: 20px;
	text-align: left;
	background-color: #fff;
}

.textHeader h1, .textHeader h2 {
	font-size:110%;
	color:#6b5849;
	margin: 0 0 10px 0;
	text-align: left;
}

.zoneContent {
	background-color: #fff;
	text-align: left;
}

#cuerpo .col_izquierda .vermell{
	padding-top:3px;
	background:url(/images/punt.aspx) no-repeat;
	font-size:130%;	
	color:#ff0000;
}


/*Noticias*/

#cuerpo .col_izquierda .noticia{
	width:576px;
	height:147px;
	padding-right:20px;
	padding-top:3px;
	background:url(/img/ordino/bg_noticia.jpg) no-repeat;
	color:#000;
}

#cuerpo .col_izquierda .noticia h2{
	padding-left:10px;
	padding-top:7px;
	font-size:110%;
	font-weight:bold;
	text-align:justify;
}

#cuerpo .col_izquierda .noticia .foto{float:left;}
#cuerpo .col_izquierda .noticia img{padding:7px 10px 10px 10px;}
#cuerpo .col_izquierda .noticia p{padding-left:10px;text-align:justify;}
#cuerpo .col_izquierda .noticia .boton{ width:60px; height:17px; float:right; margin-right:20px;}

#cuerpo .col_izquierda .fotos2 img{
	border:0px #999 solid;
	
	padding:10px 15px 15px 15px; 
	align: center;
}


.texto a {
	color: #999;
}

#info_noticias{width:310px; background-color:#1c1c1c; color:#FFF; text-align:left; font-size:100%; margin-top:4px;}
#info_noticias .titulo{font-weight:bold; text-transform:uppercase; color:#E0CFC2;}
#info_noticias .fecha{font-size:90%;}
#info_noticias .fecha span{font-style:italic;}
#info_noticias .texto { color:#999; }



/*Agenda*/

#cuerpo .col_izquierda .agenda{
	width:576px;
	height:141px;
	padding-right:20px;
	padding-top:3px;
	background:url(/img/ordino/bg_agenda.jpg) no-repeat;
	color:#fff;
	/*border:1px #999 solid;*/
}

#cuerpo .col_izquierda .agenda h2{
	padding-left:10px;
	padding-top:7px;
	font-size:110%;
	font-weight:bold;
	text-align:justify;
}

#cuerpo .col_izquierda .agenda .foto{float:left;}
#cuerpo .col_izquierda .agenda img{padding: 5px 10px 5px 10px;}
#cuerpo .col_izquierda .agenda p{padding-left:10px;text-align:justify;}
#cuerpo .col_izquierda .agenda .boton{ width:60px; height:17px; float:right; margin-right:20px;}

#info_agenda{width:310px; background-color:#1c1c1c; color:#FFF; text-align:left; font-size:90%; margin-bottom:4px;}
#info_agenda .titulo{font-weight:bold; text-transform:uppercase;color:#E0CFC2;}
#info_agenda .fecha{font-size:90%;}
#info_agenda .fecha span{font-style:italic;}
#info_agenda .texto { color:#999; }

#cuerpo .col_izquierda .fotos{
	width:576px;
	height:141px;
	padding-right:20px;
	padding-top:3px;
	background:url(/img/ordino/bg_agenda.jpg) no-repeat;
	color:#fff;
	/*border:1px #999 solid;*/
}

/*---------------------------*/



.txt { 
	float:left;
	background-image:url(/img/ordino/bg_editable.jpg); 
	background-repeat:no-repeat; 
	width:202px;
	height:18px; 
	border:0px;
	margin-bottom:6px;
	margin-right:2px;
}
.txt_bordes {
	font-size:90%;
	color:#999;
	padding-left:6px; 
	padding-top:3px;
	width:171px; 
	height:21px;
	background:none; 
	border:0px; 
}

.txt1 { 
	float:left;
	background-image:url(/img/ordino/bg_editable_blanco_1.jpg); 
	background-repeat:no-repeat; 
	width:239px;
	height:18px; 
	border:0px;
	margin-bottom:6px;
	margin-right:2px;
}
.txt_bordes1 {
	font-size:90%;
	color:#999;
	padding-left:6px; 
	padding-top:3px;
	width:200px; 
	height:21px;
	background:none; 
	border:0px; 
}

.txt2 { 
	float:left;
	background-image:url(/img/ordino/bg_editable_blanco_2.jpg); 
	background-repeat:no-repeat; 
	width:239px;
	height:50px; 
	border:0px;
	margin-bottom:6px;
	margin-right:2px;
}
.txt_bordes2 {
	font-size:90%;
	color:#999;
	padding-left:6px; 
	padding-top:3px;
	width:171px; 
	height:21px;
	background:none; 
	border:0px; 
}

.txt{
	float:left;
	background-image:url(/img/ordino/bg_editable_blanco.jpg); 
	background-repeat:no-repeat; 
	width:215px;
	height:17px; 
	border:0px;
	margin-bottom:6px;
	margin-right:2px;
}
.txt_bordes3 {
	font-size:90%;
	color:#999;
	padding-left:6px; 
	padding-top:3px;
	width:171px; 
	height:21px;
	background:none; 
	border:0px; 
}


/********************************** PIE **********************************/

#pie{
	width:916px;
	margin:0px auto;
	padding-top:3px;
	background:url(/img/ordino/bg_pie.jpg) no-repeat;
	height:20px;
	color:#CCC;
	font-size:85%;
	text-align: center;
}

#pie a {
	color:#CCC;
}

.EditableTextTextBox, textarea {
	background-color: #fff;
}

.btn_buscar{
	clear: both;
}

.CMSBreadCrumbsLink{
	text-align: left;
}

.oculto {
	display: none;
}

.submenu {
	text-align: left;
	padding-left: 200px;
	padding-top: 10px;
	height: 190px;
	font-weight: bold;
}

.submenu table {
	/*border: 1px solid #ccc;*/
}

.submenu a {
	font-weight: bold;
}

.submenu a:hover {
	text-decoration: underline;
}

.izq {
	width: 250px;	
	vertical-align: top;
	padding-top: 20px;
	padding-left: 50px;
}
.cen {
	vertical-align: top;
	padding-top: 25px;
}
.der {
	width: 315px;
	text-align: center;
}

#mnu_comu {
	background-image: url(/img/ordino/menu/sub_menu_bg1.jpg);	
}
#mnu_finances {
	background-image: url(/img/ordino/menu/sub_menu_bg2.jpg);
}
#mnu_urbanisme {
	background-image: url(/img/ordino/menu/sub_menu_bg3.jpg);
}
#mnu_serveis {
	background-image: url(/img/ordino/menu/sub_menu_bg4.jpg);
}
#mnu_cultura {
	background-image: url(/img/ordino/menu/sub_menu_bg5.jpg);}
#mnu_esports {
	background-image: url(/img/ordino/menu/sub_menu_bg6.jpg);
}
#mnu_turisme {
	background-image: url(/img/ordino/menu/sub_menu_bg7.jpg);
}
#mnu_multimedia {
	background-image: url(/img/ordino/menu/sub_menu_bg8.jpg);
}
#mnu_links {
	background-image: url(/img/ordino/menu/sub_menu_bg9.jpg);
}

/* Contacto */
.Field input, .SubjectRow input, .Field2 textarea {
	width: 230px;
}

.Field2 input {
	display: none;
	
}

.Field3 .ContentButton {
	width: 21px;
	height: 17px;
	color: transparent;
	background-image: url(/img/ordino/botones/ok_negro.jpg);
	background-color: transparent;
	border-width: 0px;
	line-height: 22px;
	text-indent: -999px;
}

.SearchResult {
	text-align: left;
	padding-left: 10px;
}

.SubscriptionTextbox {
	width: 170px;
}

.PollVoteButton {
	width: 57px;
	height: 17px;
	color: transparent;
	background-image: url(/img/ordino/botones/votar.jpg);
	background-color: transparent;
	border-width: 0px;
	line-height: 22px;
	text-align: right;
}	

.PollFooter {
	text-align: right;
}

.PollGraph {
	background-color: #b98a5d;
}

.PollGraph
{
	height: 8px;
	border: 1px solid gray;
}

.PollGraph div
{
	height: 8px;
	background: url(../App_Themes/CorporateSite/Images/poll02.gif) 100% 0% repeat-x;
	line-height: 0px;
	font-size: 0px;
}

.PollGraph div.PollGraph0
{
	background: url(../App_Themes/CorporateSite/Images/poll01.gif) 100% 0% repeat-x;
}

.PollGraph div.PollGraph2
{
	background: url(../App_Themes/CorporateSite/Images/poll03.gif) 100% 0% repeat-x;
}

.PollFooter
{
	margin-top:10px;
}
/*#Photo Gallery#*/

.photoGallery
{
	margin: auto;
	text-align: center;
	width: 750px;
}

.photoGallery .Slider .Pager
{
	margin-left: 80px;	
}

.photoGalleryContainer
{
	margin: auto;
	text-align: center;
}

.photoGallery img
{
	margin: 0px 5px 5px;
	border: none;
	padding: 2px;
	border: 1px solid #000000;
}

/*#Photo Gallery/Gallery list#*/
.gallery
{
	float: left;
	text-align: center;
}

.gallery h3
{
	background: #cccccc url(../App_Themes/CorporateSite/Images/topMenuBackground.gif) repeat-x center left;
	margin: 0px 5px;
	padding: 2px 0px;
	color: #000000;
}

.ResultTitle {
	font-size: 15px;
	font-weight: bold;
	margin-top: 15px;
}

.ResultPath {
	font-size: x-small;
}
/*#Events#*/

.EventCalendar
{
	width: 100%;
	
}

.EventCalendar *
{
	padding: 6px;
	
}

.EventCalendar .Title
{
	background:#000000 url(../App_Themes/CorporateSite/Images/genbackground.gif) repeat-x scroll left top;
	color: #543456;
	padding: 5px;
	height: 35px;
	font-weight: bold;
	vertical-align: middle;
	font-size: 11px;
}

.EventCalendar .Navigation
{
	font-weight: bold;
	width: 50px;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
}

.EventCalendar .DayHeader
{
	height: 25px;
	background-color: #222222;
	color: White;
	font-weight: bold;
	border-style: none;
	vertical-align: middle;
	font-size: 11px;
}

.EventCalendar .Day, .EventCalendar .OtherMonth, .EventCalendar .Weekend, .EventCalendar .Today
{
	height: 50px;
	padding: 3px;
	background-color: #eeeeee;
	font-size: 11px;
}

.EventCalendar .Today
{
	background-color: #fff;
	color: White;
	font-weight: bold;
}

.EventCalendar .Today a
{
	color: White;
	font-weight: bold;
	font-size: 11px;
}

.EventCalendar .ContentEvent a
{
	margin-top: 3px;
	color: Orange;
	font-weight: bold;
}

.EventCalendar .OtherMonth
{
	color: Gray;
	background-color: White;
}