@CHARSET "utf-8";

 * { padding: 0px; margin: 0px; }

html { font-family: Verdana; font-size: 12px; color: #000000; }
body { background: url("img/MenuServiciosNuebbo.jpg") repeat-x #ffffff 0 0; }

h1 { font-family: Arial; font-size: 36px; color: #000000; }
h2 { font-family: Arial; font-size: 20px; color: #FFFFFF; }
h3 { font-family: Arial; font-size: 18px; color: #238bd1; }
h4 { font-family: Arial; font-size: 16px; color: #238bd1; }

a:link, a:hover, a:active, a:visited { color: #3e87ba; }
img { border: none 0px; }

#pagina { width: 1000px; margin: 0 auto; }

	#pagina #menuServiciosNuebbo { height: 24px; min-height: 24px; margin: 0; padding-top: 6px; padding-left: 15px; }
		#pagina #menuServiciosNuebbo span { font-weight: bold; font-size: 10px; color: #238bd1; }
		#pagina #menuServiciosNuebbo ul { display: inline;}
			#pagina #menuServiciosNuebbo ul li { display: inline; font-size: 10px; border-left: solid 2px #dfdfdf; padding-left: 6px; padding-right: 7px; margin: 0px; }
				#pagina #menuServiciosNuebbo ul li a:link, #menuServiciosNuebbo ul li a:visited { text-decoration: none; color: #999999; }
			#pagina #menuServiciosNuebbo ul li:first-child { border-left: none 0px; }

	#pagina h1 { height: 55px; margin-top: 0px; padding-top: 0px; padding-left: 15px; }
		#pagina h1 a { color: #dfdfdf; }
		#pagina h1 img { display: block; }

#cabecera { float: left; width: 756px; }	
	#cabecera h2 { height: 83px; margin-top: 0px; padding-top: 30px; padding-left: 15px; 
		background: url("img/barraAzulIconos.jpg") no-repeat #238bd1 0 0; border-right: solid 17px #ffffff; }
	#cabecera ul#selectorIdioma { display: block; list-style: none; margin: 0 auto; padding: 0; height: 20px; }
		#cabecera ul#selectorIdioma li { display: inline; font-size: 10px; border-left: solid 1px #dfdfdf; padding-left: 6px; padding-right: 7px; margin: 0px; }
		#cabecera ul#selectorIdioma li:first-child { border-left: none 0px; padding-left: 15px; }				
			
	#cabeceraLateral { float: left; width: 243px; }
	#cabeceraLateral h3 { font-size: 18px; margin-top: 0px; padding-left: 15px; padding-top: 15px; }
	#cabeceraLateral p { margin-top: 6px; padding-left: 15px; padding-right: 15px; }
	#cabeceraLateral #menuCabecera { height: 20px; text-align: right; margin-right: 15px; } 			
		#cabeceraLateral #menuCabecera ul { display: block; list-style: none; margin: 0px; width: 243px; height: 20px; padding-top: 0px; padding-right: 8px; text-align: right; }
			#cabeceraLateral #menuCabecera ul li { display: inline; font-size: 10px; border-left: solid 1px #dfdfdf; padding-left: 6px; padding-right: 7px; margin: 0px; }
			#cabeceraLateral #menuCabecera ul li:first-child { border-left: none 0px; margin: 0px; }
								
	#cabeceraLateral #registro { height: 113px; background: url("img/barraAzulMini.jpg") no-repeat #238bd1 0 0; }
		#cabeceraLateral #registro h3 { color: #ffffff; }
		#cabeceraLateral #registro a#registroLnk { display: block; margin: 0 auto; margin-top: 25px; 
			width: 152px; height: 20px; background: url("img/botonBlanco.gif") no-repeat transparent; 
			text-align: center; font-size: 15px; text-decoration: none; padding-top: 3px; }
		#cabeceraLateral #registro a#tarjeteroLnk { display: block; margin: 0 auto; margin-top: 20px; 
			width: 152px; height: 20px; background: url("img/botonBlanco.gif") no-repeat transparent; 
			text-align: center; font-size: 15px; text-decoration: none; padding-top: 3px; }
		
		#cabeceraLateral #registro #referrerPendiente { padding-top: 10px; text-align: center; }
		#cabeceraLateral #registro #referrerPendiente a { color: #ffffff !important;  }
		
				
	#principal { float: left; width: 1000px; margin-top: 15px; }
	#principalDosColumnas { float: left; width: 739px; margin-top: 15px; padding-right: 17px; }

	#lateral { float: left; width: 243px; margin-top: 15px; }
		#lateral h3 { font-size: 18px; margin-top: 0px; padding-left: 15px; padding-top: 15px; }
		#lateral p { margin-top: 6px; padding-left: 15px; padding-right: 15px; }
	
	#contenido { clear: both; min-height: 300px; padding-bottom: 20px; } 
		#contenido h3 { margin-top: 0px; margin-bottom: 0px; padding-left: 15px; padding-top: 15px; clear: both; }	
		#contenido p { margin-top: 10px; margin-bottom: 10px; padding-left: 15px; padding-right: 25px; }


#principal ul#pestanas { width: 970px; }
#principal ul#DosColumnas {  width: 699px; }

ul#pestanas { display: block; clear: both; background: #fff url(img/pestanas/f-pest.jpg) repeat-x top left; height: 59px; padding: 0; margin: 0; margin-left: 15px; }
	ul#pestanas li { list-style: none; float: left; height: 59px; overflow: hidden; background: #fff url(img/pestanas/izda.jpg) no-repeat top left;  margin-right: 10px;}
		ul#pestanas li a { display: block; height: 39px; background: #fff url(img/pestanas/drcha.jpg) no-repeat top right; margin-left: 10px; text-align: center; padding: 10px; padding-right: 20px; }
			ul#pestanas li.activa { float: left; background: #fff url(img/pestanas/activa-izda.jpg) no-repeat top left;  }
				ul#pestanas li.activa a { display: block; height: 39px; background: #fff url(img/pestanas/activa-drcha.jpg) no-repeat top right; margin-left: 10px; text-align: center;  padding-top: 10px; padding-right: 20px; }


	
#pie { padding-top: 30px; padding-bottom: 10px; height: 40px; font-size: 10px; clear: both; }			
	#pie ul { list-style: none; display: block; width: 500px; margin: 0 auto; padding: 0px; } 
		#pie ul li { display: inline; font-size: 10px; border-left: solid 1px #dfdfdf; padding-left: 6px; padding-right: 7px; margin: 0px; }
		#pie ul li#menu1 { border-left: none 0px; }
		
		
		
/* Contenedores para las tarjetas */
/* Pequeno */
.t149 {width: 179px; height: 195px; overflow: hidden; margin-top: 10px; margin-right: 5px; padding-top: 5px; font-size: 10px;}
.t149 div.outer {width: 169px; height: 155px; overflow: hidden; margin: 0 auto;}
.t149 div.outer[class] {display: table;}
.t149 div.middle[class] {display: table-cell; vertical-align: middle;}
.t149 div.inner {width: 169px; text-align: center;}
.t149 div.mini-detalle {width: 150px; height: 145px; margin: 0 auto;}
.t149 div.toolbar {width: 155px; height: 30px; margin: 0 auto; position: relative; z-index: 99;}
.p149 { width: 179px; }

/* Mediano */
.t179 {width: 210px; height: 234px; margin-top: 10px; margin-right: 20px; padding-top: 10px; font-size: 12px;}
.t179 div.outer {width: 190px; height: 185px; overflow: hidden; margin: 0 auto;}
.t179 div.outer[class] {display: table;}
.t179 div.middle[class] {display: table-cell; vertical-align: middle;}
.t179 div.inner {width: 190px; text-align: center;}
.t179 div.mini-detalle {width: 170px; height: 175px; margin: 0 auto;}
.t179 div.toolbar {width: 190px; height: 30px; margin: 0 auto; overflow: hidden; position: relative; z-index: 99;}
.p179 {width: 210px; }

/* Grande */
.t234 {width: 272px; min-width: 272px; height: 285px; margin-top: 10px; margin-right: 20px; padding-top: 10px; font-size: 14px;}
.t234 div.outer {width: 272px; height: 240px; overflow: hidden;}
.t234 div.outer[class] {display: table;}
.t234 div.middle[class] {display: table-cell; vertical-align: middle;}
.t234 div.inner {width: 272px; text-align: center;}
.t234 div.mini-detalle{width: 222px; height: 230px; margin: 0 auto; padding-left: 25px;}
.t234 div.toolbar {width: 247px; height: 30px; margin: 0 auto; position: relative; z-index: 99;}
.p234 {width: 272px; }

.t149 {background: #fff url(img/contenedores/pequeno1.jpg) no-repeat top left;}
.t179 {background: #fff url(img/contenedores/mediano1.jpg) no-repeat top left;}
.t234 {background: #fff url(img/contenedores/grande1.jpg) no-repeat top left;}
.t149 img, .t179 img, .t234 img  {border: 1px solid #666;}

/* Mini detalle de la tarjeta  */
.mini-detalle {padding: 10px; padding-bottom: 0px;text-align: left; font-size: 0.9em;}
.mini-detalle div.fn {font-size: 1.1em; font-weight: bold;}
.mini-detalle div.title {font-style: italic; font-weight: bold;}
.mini-detalle div.org {font-weight: bold}
.mini-detalle div.adr {margin: 5px 0;}

.toolbar {height: 30px; padding-bottom: 5px; position: relative; z-index: 99;}

/* Botones toolbar tarjetas */
.toolbar a.estado {display:block; width: 24px; height: 24px; float: left; margin: 5px; background: transparent url(img/iconos/syncro_off.jpg) no-repeat top left;}
.toolbar a.imposible-sinc {display: block; width: 24px; height: 24px; float: left; margin: 5px; background: transparent url(img/iconos/no_syncro.jpg) no-repeat top left;}
.toolbar a.sinc-ok {display: block; width: 24px; height: 24px; float: left; margin: 5px; background: transparent url(img/iconos/syncro_ok.jpg) no-repeat top left;}
.toolbar a.estado:hover {width: 24px; height: 24px; margin: 5px; background: transparent url(img/iconos/syncro_on.jpg) no-repeat top left;}
.toolbar a.girar {display:block; width: 24px; height: 24px; float: right; margin: 5px; background: transparent url(img/iconos/txt_off.jpg) no-repeat top left;}
.toolbar a.girar:hover {display:block; width: 24px; height: 24px; margin: 5px;  background: transparent url(img/iconos/txt_on.jpg) no-repeat top left;}
.toolbar a.girar2 {display:block; width: 24px; height: 24px; float: right;margin: 5px;  background: transparent url(img/iconos/imagen_off.jpg) no-repeat top left;}
.toolbar a.girar2:hover {display:block; width: 24px; height: 24px;margin: 5px;  background: transparent url(img/iconos/imagen_on.jpg) no-repeat top left;}
.toolbar a.ver {display:block; width: 24px; height: 24px; float: right; margin: 5px; background: transparent url(img/iconos/zoom_off.jpg) no-repeat top left;}
.toolbar a.ver:hover {display:block; width: 24px; height: 24px; margin: 5px; background: transparent url(img/iconos/zoom_on.jpg) no-repeat top left;}

.oculto {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;}